/*    
 Desc: Control de Apariencia - Sitio Web IHCI
 Author: Icoms Technologies
 Date: Marzo 2008
=== === === === === === === === === === */


/* Elimina Margin, Padding, Display y Border de todos
=== === === === === === === === === === */
* 
{
	margin: 0;
	padding: 0;
	border: 0;
}



/*=BODYS
=== === === === === === === === === === */
body {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	background-color: #FFFFFF;
}

#body-home {
	background-color:#FFFFFF;
	background-repeat: repeat-x;		
}

#body-interior {
	background-image: url(../images/interiors_bg.png);
	background-color: #FFF;
}






/*=CONTENEDORES 
=== === === === === === === === === === */
#wrapper {
	width: 900px;
	margin:auto;
	

}


#top-menu{
	height: 30px;
	width:400px;
	float:right;
		
}

/*header*/

.tall_h_wr_line .f_r{ width:283px; padding:38px 0 0 0;  0 25px no-repeat; }
.sear{
	width:200px;
	color:#666666;
	font-family:Tahoma;
	font-size:12px;
	background:none;
}
.tall_h_wr_line .f_r img{width:60px;margin:3px 0 0 0;}
/**/


#header-contacts h1   {
	padding: 100px 0 0 0;
	margin: 0 0 0 185px;
	overflow: hidden;
	background-image:url(../images/top_contacts.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:100px;
	
}







#interior-wrapper h1{
	padding: 90px 0 0 0;
	margin:8px 0 0 0 ;
	overflow: hidden;
	background-repeat: no-repeat;
    height: 0px !important;
    height /**/:90px;
	

}



#content h2{
	color:#DD127B;
	margin:0 0 15px 0;
	font-size:25px;
	padding:0 0 3px 0;
}


#content h3{
	color:#003366;
	font-size:14px;
	border-bottom-color:#E1E1E1;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	padding:0 0 10px 0;

}

#content h3.titulo{
	border:none;
	padding: 0 0 5px 0;
	
}


#header-about  {
	background-image:url(../images/tit_about.png);
}


#header-english  {
	background-image:url(../images/tit_english.png);
}



#header-compu  {
	background-image:url(../images/tit_compu.png);
}


#header-education  {
	background-image:url(../images/tit_education.png);
}


#header-arts  {
	background-image:url(../images/tit_art.png);
}


#header-library  {
	background-image:url(../images/tit_library.png);
}


#header-news  {
	background-image:url(../images/tit_news.png);
}


#header-help  {
	background-image:url(../images/tit_help.png);
}

#header-conference  {
	background-image:url(../images/tit_conference.png);
}





/*=NAVEGACION - MENU DEL TOP
=== === === === === === === === === === */

#top-menu ul {
	list-style: none;
	overflow: hidden;
	height: 37px;
	float:right;
}

#top-menu li{
	list-style: none;
	display: inline;
}

#top-menu a{
	float: left;
	padding: 37px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height:37px;
}

#top-menu a:hover{
	background-position: 0 -38px;
}

#top-menu:link, #top-menu:active, #top-menu:visited{
	background-position: 0 -74px;
}


#tlinks a  {
	width: 131px;
	background: url(../images/btn_links.png) top left no-repeat;
}

#tcontacts a  {
	width: 93px;
	background: url(../images/btn_contacts.png) top left no-repeat;
}

#tsitemap a  {
	width: 126px;
	background: url(../images/btn_sitemap.png) top left no-repeat;
}






/*=NAVEGACION - MENU PRINCIPAL
=== === === === === === === === === === */			



#main-menu ul {
	clear:both;
	list-style: none;
	overflow: hidden;
	height: 40px;
	
}

#main-menu li{
	list-style: none;
	display: inline;
}

#main-menu a{
	float: left;
	padding: 40px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height :40px;
}

#main-menu a:hover{
	background-position: 0 -41px;
}

#main-menu:link,  #main-menu:active,  #main-menu:visited{
	background-position: 0 -80px;
}




#thome a  {
	width: 93px;
	background: url(../images/btn_home.gif) top left no-repeat;
}



#tabout a  {
	width: 117px;
	background: url(../images/btn_about.gif) top left no-repeat;
}

#tenglish a  {
	width: 111px;
	background: url(../images/btn_english.gif) top left no-repeat;
}


#tcompu a  {
	width: 125px;
	background: url(../images/btn_compu.gif) top left no-repeat;
}

#teducation a  {
	width: 125px;
	background: url(../images/btn_education.gif) top left no-repeat;
}

#tart a  {
	width: 116px;
	background: url(../images/btn_art.gif) top left no-repeat;
}


#tlibrary a  {
	width: 98px;
	background: url(../images/btn_library.gif) top left no-repeat;
}

#tnews a  {
	width: 95px;
	background: url(../images/btn_news.gif) top left no-repeat;
}






/*=NAVEGACION - SUBMENUS
=== === === === === === === === === === */	
	
	
#submain-menu ul{
	list-style: none;
}



#submain-menu li a {
  	height: 32px;
	text-decoration: none;
	color:#006666;
	font-size:11px;
	font-weight:bold;
}	


#submain-menu li a:link, #submain-menu li a:visited, #submain-menu li a:active {
	color:#006666;
	display: block;
	background:  url(../images/submenu_btn_bg.png);
	padding: 10px 0 0 38px;
}


	
#submain-menu li a:hover {
	color: #DD127B;
	background:  url(../images/submenu_btn_bg.png);
	padding: 10px 0 0 38px;
}






/*=lINKS
=== === === === === === === === === === */

a {
	color:#7B7B7B;
    text-decoration:none; 

}     

a:hover {
	color:#0075CC;
}  


#route a:link, #route a:visited, #route a:active{
	color:#666666;
}

#route a:hover{
	color: #DD127B;
}

.gallery a:link, .gallery a:visited, .gallery a:active{
	text-decoration:underline;
	font-size:13px;
	font-weight:bold;
	line-height:20px;

		
}

.gallery a:hover{
	color:#339900;
	
}		
		
		

#demo li {
	list-style-type:none;
	background-image:url(../images/ico.gif);
	background-repeat:no-repeat;
	background-position:2px 13px;
	margin:0;
	padding:8px 0px 0px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
#demo2 li {
	list-style-type:none;
	background-image:url(../images/bunnt.gif);
	background-repeat:no-repeat;
	background-position:23px 12px;
	margin:0;
	padding:8px 0px 0px 20px;
}
#demo3 li {
	list-style-type:none;
	background-image:url(../images/ico.gif);
	background-repeat:no-repeat;
	background-position:2px 17px;
	margin:0;
	padding:8px 0px 0px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}

.zt_lx{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.8;
}
.zt_jj{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.7;
}
.zt_count{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 2;
}
.zt_cp{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4;
}
.zt:link { color: #FF6600; text-decoration: none; font-size: 14px; font-weight:bold;} 
.zt:visited { color: #FF6600; font-size: 14px; font-weight:bold; text-decoration: none} 
.zt:hover { color: #666666;  font-size: 14px; font-weight:bold; text-decoration: none} 
.rq {
	list-style-type:none;
	background-image:url(../images/ico2.gif);
	background-repeat:no-repeat;
	background-position:2px 13px;
	margin:0;
	padding:8px 0px 0px 0px;
	font-size: 10px;
	color: #1E81F6;
	font-family: Arial, Helvetica, sans-serif;
}
.zt_left{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
.zt_red{
	font-size: 12px;
	font-weight: bold;
	color: #F00;
}
.kuang{
	border: 1px solid #666;
}