* {
	margin: 0;
	padding: 0;
}

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

#bg {
background-position:top;
background-repeat:repeat-x;
background-color:#FFFFFF;
background:url(../indeximg/home_bodybg.png);
}

#body-home {
	background-image: url(../indeximg/home_topbg.png);
	background-color:#FFF;
	height:auto;
	
		
}
#body-home1{
	background-image: url(../indeximg/home_topbg1.png);
	background-color:#FFF;
	height:208;
	
		
}
#home{
   background-image: url(../indeximg/home_topbg_01.png);
   background-color:#FFF;
  
}

#body-interior {
	background-image: url(../indeximg/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:left;
}


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

.bx 
{
	margin: -40px 5px 0 5px;
	font-size:11px;
	text-align:justify;
	line-height:13px;}

.boxes{
    position:relative;
	margin: -40px 5px 0 5px;
	height:800px;
	float:left;
	font-size:11px;
	text-align:justify;
	line-height:13px;	
	color:#666;
}



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


#submain-menu{
	float:left;
	margin:2px 12px 0 0;
	width:220px;
	padding:5px 0 20px 0;
	background-image:url(../indeximg/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;

	
	
}



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

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







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

	
}


#header-contacts h1   {
    position:relative;
	padding: 100px 0 0 0;
	margin: 0 0 0 53px;
	overflow: hidden;
	background-image:url(../indeximg/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(../indeximg/tit_about.png);
}


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



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


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


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


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


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


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

#header-conference  {
	background-image:url(../indeximg/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(../indeximg/btn_links.png) top left no-repeat;
}

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

#tsitemap a  {
	width: 126px;
	background: url(../indeximg/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: 72px;
	background: url(../indeximg/btn_home.gif) top left no-repeat;
}


#tabout a  {
	width: 82px;
	background: url(../indeximg/btn_compu.gif) top left no-repeat;
}

#tenglish a  {
	width: 83px;
	background: url(../indeximg/btn_education.gif) top left no-repeat;
}

#tcompu a  {
	width: 96px;
	background: url(../indeximg/btn_art.gif) top left no-repeat;
}

#teducation a  {
	width: 96px;
	background: url(../indeximg/btn_about.gif) top left no-repeat;
}

#tart a  {
	width: 87px;
	background: url(../indeximg/btn_english.gif) top left no-repeat;
}


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

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

#tmsh a  {
	width: 69px;
	background: url(../indeximg/btn_msh.gif) top left no-repeat;
}

#tzmd a  {
	width: 83px;
	background: url(../indeximg/btn_zhuanmai.gif) top left no-repeat;
}

#thrg a  {
	width: 69px;
	background: url(../indeximg/btn_hongren.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(../indeximg/submenu_btn_bg.png);
	padding: 10px 0 0 38px;
}


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




/*=BOXES 
=== === === === === === === === === === */


.boxes h2 {
	
	position:relative;
	width: 400px;
	padding: 66px 0 0 0;
	margin: 80px 0 0 0;
	overflow: hidden;
	height: 0px !important;
    height /**/:66px;
	font-size:10px;
	
}
.boxes h1 {
	
	position:relative;
	width: 220px;
	padding: 0px 0 0 0;
	margin: 80px 0 0 0;
	overflow: hidden;
	height: 0px !important;
    height /**/:66px;
	font-size:10px;
	
}
#box1{
	background:url() 0 0 no-repeat;
}


#box2{
	background:url() 0 0 no-repeat;
}


#box3 {
	background:url() 0 0 no-repeat;
}


#box3 {
width: 420px;
padding: 50px 0 0 0;
	margin: 80px 0 0 0;
    height /**/:40px;
	font-size:10px;
	}

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



.boxes p {
 margin: 0 0 8px 0;	
}

.mszx li{
	width: 180px;
	list-style:none;
	padding:0 0 10px 20px;
	margin:0 0 5px 0;
	background-image: url(../indeximg/icon_news.gif);
	background-repeat:no-repeat;
	font-weight:normal;
	border-bottom:dotted #666 1px;
	line-height:14px;
}

.mszx li a:link, .mszx li a:visited, .mszx li a:active {
	
	padding: 0 0 5px 0;
	text-decoration:none;
	color:#4A4A4A;
	
}

.mszx li a:hover{
	color:#FC4122;
}

.mszx li a span{
	display:block;
	margin: 3px 0 0 0;
	color:#666666;
	
}

.boxes-link:link, .boxes-link:visited, .boxes-link:active{
	text-decoration:none;
	border-bottom:dotted #666 1px;
	color:#4A4A4A;
	font-weight:bold;
	display:inline-block;

}



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



.ms li{
	width: 390px;
	list-style:none;
	padding:0 0 10px 20px;
	margin:0 0 5px 0;
	background-image: url(../indeximg/icon_news.gif);
	background-repeat:no-repeat;
	font-weight:normal;
	border-bottom:dotted #666 1px;
line-height:16px;
}

.ms li a:link, .ms li a:visited, .ms li a:active {
	
	padding: 0 0 5px 0;
	text-decoration:none;
	color:#4A4A4A;
	
}

.ms li a:hover{
	color:#FC4122;
}

.ms li a span{
	display:block;
	margin: 3px 0 0 0;
	color:#666666;
	
}



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


#box-int1{
	background:url() 0 0 no-repeat;
}


#box-int2{
	background:url() 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:11px;
	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(../indeximg/arrow.gif);
	background-repeat:no-repeat;
	padding: 0 0 0 20px;
}


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

#sitemap li{

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


#sitemap li a{

	color:#666;
}

#sitemap li a:hover{

	color:#FF0000;
}





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

a {
	color:#FF0000;
    text-decoration:underline; 

}     

a:hover {
	color:#0473BA;
}  


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

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

.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(../indeximg/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(../indeximg/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:11px;

}

#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(../indeximg/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(../indeximg/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(../indeximg/footer_bg.png);
	border-top: 3px solid #DA251D;
	color:#FFFFFF;
	clear:both;
	height:45px;
	text-align:center;
	padding: 15px 0 15px 0;
	margin:0;
    font-weight:bold;
	
}

#main-footer span{
	display:block;
	margin: 0 0 10px 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;
}

.text01 {
background-color:#FFF;
color:#696969;
font-size:11px;
}
.flash {
margin:2px 0 0 0;
}
.mszx {
position:relative;
width:200px;
font-size:12px;
line-height:16px;
}