@charset "gb2312";
/* Elimina Margin, Padding, Display y Border de todos
=== === === === === === === === === === */
* 
{

	margin: 0;
	padding: 0;
	border: 0;
}



/*=BODYS
=== === === === === === === === === === */
body {
	background-position:top;
	background-repeat:repeat-x;
	font-family: ËÎÌå, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;

}

input {
	BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid
}

#body-home {
	background-image: url("../imgs/home_bg.png");
	background-color:#007FD3;
	
		
}
/***
#body-home {
	background-image: url("../imgs/home_bg2.png");
	background-color:#007FD3;
	
		
}
**/


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






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


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


#header-logo{
	height: 135px;
	width:500px;
	float:left;
}

	
#header-contacts{
	height: 100px;
	width:400px;
	float:right;
}


#main-menu{
	height: 40px;
	clear:both;
	
}


#interior-wrapper{
	width:900px;
	background-image:url("../imgs/contents_bg.png");
	background-position:left;
	background-repeat:repeat-y;
	overflow: auto;
	
	
	
}


#submain-menu{
	float:left;
	margin:0px 12px 0 0;
	width:220px;
	padding:0px 0 20px 0;
	background-image:url("../imgs/contents_bg.png");
	background-position:left;
	background-repeat:repeat-y;
		
}


#content{

	width:650px;
	float:right;
	text-align:justify;
	padding: 0 0 20px 0;
	min-height:550px;
	height:auto !important;
    height:550px;

	
	
}

#Detail-wrapper{
	width:900px;
}

#topbanner{
	background-image:url("../imgs/tit_compu.png");
	background-position:center;
	background-repeat: no-repeat;
	padding:2px 0 0 0;
	height:98px;
	
}


#contentDetail{
	width:900px;
	border-left:2px #DD127B solid;
	text-align:justify;
	padding: 0px 0 20px 0;
	min-height:550px;
	height:auto !important;
    height:550px;
	
}


#Detail-Bigtitle{
padding:20px 30px;
text-align:center;
font-size:16px;
font-weight:bold;
}

#Detail-Subtitle{

text-align:center;
font-size:12px;
font-weight:normal;
}

#Detail-Content{
padding:25px 35px;
line-height:24px;
text-align:left;
font-size:14px;
font-weight:normal;
}

#Detail-Content img{
	max-width: 830px; width: expression(this.width >830 && this.height < this.width ? 830: true);
}


#Detail-Footer,#Detail-Footer ul{
	padding-left:35px;
}

#Detail-Footer li{
	padding:0 0 0  15px;
	font-size:12px;
	line-height:24px;
	text-align:left;
	font-weight:normal;
	list-style:none;
	background-image: url("../imgs/40.gif");
	background-position: 0 center;
	background-repeat:no-repeat;
}


#Detail-Footer  li a:link, #Detail-Footer  li a:visited, #Detail-Footer  li a:active {
	text-decoration:none;
	color:#111;
	font-size:14px;
	
}

#Detail-Footer li a:hover{
	color:#CF1173;
	text-decoration:underline;
}


.boxes-int{
	margin: 30px auto 30px auto;
	width:200px;
	height:170px;
	font-size:12px;
	text-align:justify;
	line-height:16px;	
	color:#5E6364;
}
	
div .gallery {

	margin: 0 50px 50px 0;
	float:left;
	width:200px;
	font-size:12px;
	color:#006666;	
	text-align:left;
	
}




/*=HEADERS
=== === === === === === === === === === */
#header-logo  h1{
	padding: 135px 0 0 0;
    overflow: hidden;
	background-image:url("../imgs/logo.gif");
	background-repeat: no-repeat;
    height: 0px !important;
}


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

}


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


}



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


#content h3{
	width:300px;
	border-bottom-color:#E1E1E1;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	padding:15px 0 6px 0;

}

#content h3 a:link, #content h3  a:visited, #content h3  a:active{
	font-size:14px;
	color:#003366;
	text-decoration:none;
	padding-right:60px;
	background-image: url("../imgs/37.gif");
	background-position: right center;
	background-repeat:no-repeat;
}

#content h3 a:hover{
	color:#111;
	text-decoration:underline;
}
	
#content h3.titulo{
	border:none;
	padding: 0 0 5px 0;
	
	
}




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


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



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


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


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


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


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


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

#header-conference  {
	background-image:url("../imgs/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; 
}

#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("../imgs/btn_links.png") top left no-repeat;
}

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

#tsitemap a  {
	width: 126px;
	background: url("../imgs/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; 
}

#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("../imgs/btn_home.gif") top left no-repeat;
}



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

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


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

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

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


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

#tnews a  {
	width: 95px;
	background: url("../imgs/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:12px;
	font-weight:bold;
}	


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


	
#submain-menu li a:hover {
	color: #DD127B;
	background:  url("../imgs/submenu_btn_bg.png");
	padding: 12px 0 0 54px;
}




/*=BOXES 
=== === === === === === === === === === */
.boxes{
	margin: 0 15px 30px 10px;
	width:335px;
	float:left;
	font-size:12px;
	text-align:justify;
	line-height:24px;	
	color:#666;
}


.boxes h2 {
	width: 335px;
	padding: 3px 0 0 0;
	margin: 30px 0 0 0;
	overflow: hidden;
	height: 30px !important;
}

.boxes ul {
	padding:0;
	margin: 0;	line-height:24px;
}

.boxes li{
	width: 335px;
	height:24px;
	list-style:none;
	padding:0;
	margin:0;
	font-weight:normal;
	border-bottom:dotted #666 1px;
}

.boxes li a:link, .boxes li a:visited, .boxesli a:active {
	text-decoration:none;
	color:#111;
	font-size:12px;
	padding:0 0 0 15px;
	background-image: url("../imgs/56.gif");
	background-repeat:no-repeat;
	background-position: 0 center;
}

.boxes li a:hover{
	color:#CF1173;
	padding:0 0 0 15px;
	background-image: url("../imgs/57.gif");
	background-repeat:no-repeat;
	background-position: 0 center;
}

.boxesmall{
	margin: 0 10px 30px 15px;
	width:140px;
	float:right;
	text-align:justify;
	line-height:24px;	
	color:#666;
}

.boxesmall h2 {
	width:140px;
	padding: 33px 0 0 0;
	margin: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important;
}

.boxesmall ul {
	padding:0;
	margin: 0;	line-height:24px;
	
}
.boxesmall li{
	width:123px;
	list-style:none;
	padding: 0;
	padding-left:17px;
	margin:0;
	background-image: url("../imgs/35.gif");
	background-position: 0 center;
	background-repeat:no-repeat;
	font-weight:normal;
	border-bottom:dotted #666 1px;

}

.boxesmall li a:link, .boxesmall li a:visited, .boxesmall li a:active {
	text-decoration:none;
	color:#111;
	font-size:12px;
	
}

.boxesmall li a:hover{
	color:#CF1173;
}



#box1{
	background:url("../imgs/tit_box1.gif") 0 0 no-repeat;
}


#box2{
	background:url("../imgs/tit_box2.gif") 0 0 no-repeat;
}

#box3{	
	background:url("../imgs/tit_quickLink.gif") 0 0 no-repeat;
}





.boxes-link:link, .boxes-link:visited, .boxes-link:active{
	width: 80px;padding: 3px 0 3px 20px;
	text-align:right;
	text-decoration:none;
	border-bottom:dotted #666 1px;
	color:#0075CC;
	font-weight:bold;
	display:inline-block;

}



.boxes-link:hover{
	color:#CF1173;
	
}




.boxes-int h2{
	width: 200px;
	padding: 66px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	font-size:10px;
}


#box-int1{
	background:url("../imgs/tit_box_int1.gif") 0 0 no-repeat;
}


#box-int2{
	background:url("../imgs/tit_box_int2.gif") 0 0 no-repeat;
}



.boxes-int img{
	margin: 0 5px 0 0;
	padding:4px;
	border:solid 1px #CCCCCC;
	background-color:#FFFFFF;
}





/*=TIPOGRAFIA
=== === === === === === === === === === */

.soft_gray{	
	color:#999999;

}

.pink {
	color:#DD127B;
}

.blue {
	color:#0075CC;
}

.fecha{
	color:#0075CC;
	font-weight:bold;
	border-bottom-color:#E1E1E1;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	display:block;
	padding: 5px 0 10px 0;

}


#route{
	color:#666666;
	font-size:12px;
	font-weight:bold;
	margin: 20px 0 10px 0;
}





/*=LISTAS
=== === === === === === === === === === */

#content ul{
	margin: 10px 0 0 20px;
	list-style:none;
}

#content li{
	margin: 10px 0 10px 0;
	display: block;
	background:  url("../imgs/arrow.gif");
	background-repeat:no-repeat;
	padding: 0 0 0 20px;
	border-bottom:1px #666 dotted;
}


#content li a:link, #content li a:visited, #content li a:active {
	text-decoration:none;
	color:#111;
	font-size:12px;
	
}

#content li a:hover{
	color:#CF1173;
	text-decoration:underline;
}



#sitemap ul{
	margin: 10px 0 15px 0;
	}

#sitemap li{
	margin: 10px 0 10px 0;
	display: block;
	color:#003366;
	font-size:12px;
	background-image:none;
	text-decoration:underline;
}


#sitemap li a{

	color:#666;
}

#sitemap li a:hover{

	color:#CF1173;
}





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

a {
	color:#CF1173;
    text-decoration:underline; 
	font-family: ËÎÌå, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;

}     

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;
	
}




/*=IMAGENES
=== === === === === === === === === === */


.galleries {

	border:solid #D4E5E5 1px;
	background-color:#F0F7F7;
	padding: 4px;
	margin:10px 0 10px 0;
	
	
}




/*=FORMS
=== === === === === === === === === === */


#contact-form{
  width: 550px;
  margin: 10px 0 0 0;
    
}



#contact-form legend {

	color:#003366;
	font-size:14px;
	padding:0 0 10px 0;
	font-weight:bold;
		
}

#contact-form label{
	font-size:12px;
	font-weight:bold;
	width:100px;
	margin: 0 20px 0 0;

}

#contact-form input{
	display:block;
	width:300px;
	height:30px;
	border: solid 1px #CCCCCC;
	background-image: url("../imgs/textfield-bg.gif");
	font-size: 14px;
	color: #333;
	margin: 10px 0 10px 0;
}
		
#contact-form textarea{
	display:block;
	width:300px;
	height:100px;
	border: solid 1px #CCCCCC;
	background-image: url("../imgs/textfield-bg.gif");
	background-repeat:repeat-x;
	font-size: 14px;
	color: #333;
	margin: 10px 0 10px 0;
}


	
#contact-form  .btn-enviar{
	display:block;
	width:105px;
	height:42px;
	border: none;
	background-image:none;
}
					
		
		
		
/*=TABLAS 
=== === === === === === === === === === */

#calendario{
	width: 650px;
	font-size:12px;

}

#calendario th {
	color: #FFF;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align:center;
	padding: 6px 6px 6px 12px;
}

#calendario th.pink{
	border-right: 1px solid #B50F65;
	border-bottom: 1px solid #B50F65;
	border-top: 1px solid #B50F65;
	background: #B50F65 url("../imgs/table_pink_bg.jpg") repeat-x;

}


#calendario th.blue{
	border-right: 1px solid #47A4D0;
	border-bottom: 1px solid #47A4D0;
	border-top: 1px solid #47A4D0;
	background: #2F79B6 url("../imgs/table_blue_bg.jpg") repeat-x;

}


#calendario td {
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background: #E3EEEE;
	padding: 6px 6px 6px 12px;
	color: #003366;
	text-align:center;
	line-height:20px;
}



			
			
				
/*=FOOTER
=== === === === === === === === === === */	
#main-footer{
	width:100%;
	background-image: url("../imgs/footer_bg.png");
	border-top: 3px solid #DD127B;
	color:#FFFFFF;
	clear:both;
	height:45px;
	text-align:center;
	padding: 20px 0 20px 0;
	
}

#main-footer span{
	display:block;
	margin: 10px 0 0 0;
}


#main-footer a:link, #main-footer a:visited, #main-footer a:active{
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:dotted #FFFFFF 1px;
}


#main-footer a:hover{
	color:#FFFF66;
}





#basic-accordian{
	border:0px;
	margin:0px;
	padding:0px;
	width:220px;
	z-index:2;
}

.accordion_headings{
	padding:9px 20px;
	background:#000;
	color:#FFFFFF;
	border:1px solid #FFF;
	border-top:0;
	cursor:pointer;
	font-size:14px;
}

.accordion_headings:hover{
	background:#00CCFF;
}

.accordion_child{
	padding:0px;

}

.header_highlight{
	background:#00CCFF;
}

.guidbox{
	padding:10px 0 0px 0;
}

#Coming-Content{
	padding:25px 35px;
	line-height:24px;
	text-align:left;
	font-size:14px;
	font-weight:normal;
}

#Coming-Content h3{
font-weight:bold;
font-size:14px;
line-height:26px;
}

#Coming-Content h4{
font-weight:bold;
font-size:14px;
line-height:24px;
}

#Coming-Content p{
text-indent:24px;
font-size:14px;
line-height:20px;
}

#Coming-Content li{
	text-indent:24px;
	font-size:14px;
	line-height:20px;
}

#Coming-Content li a:link, #Coming-Content li  a:visited, #Coming-Content li  a:active{
	color:#111;
	text-indent:58px;
	font-size:14px;
	line-height:20px;
}
#Coming-Content li a:hover{
	color:#CF1173;
}

#Coming-Content a:link, #Coming-Content a:visited, #Coming-Content a:active{
	color:#111;
	font-size:14px;
	line-height:20px;
}
#Coming-Content  a:hover{
	color:#CF1173;
}

.guide_headings{
padding:0 0 0 24px;
line-height:24px;
font-weight:bold;
}