html, body{
	margin:0;
	padding:0
}
body{
	font: 85%/1.3 TrebuchetMS,Verdana,sans-serif;
	text-align: left;
	background: #fff;
	padding-bottom:20px;
	margin-left: 10px
}

a{ 
	color: #0066B3; 
	background: inherit; 
	text-decoration: none
}

h1 { 
	font: bold 2.1em Verdana, Arial, Helvetica, sans-serif; 
	color: #036DA7;
	text-align:	center;
}
h2 { 
	font: bold 1.4em Verdana, Arial, Helvetica, sans-serif; 
	padding: 0; margin: 0; color: #330033
}

#header{
	width:100%; 
	overflow:hidden; 
	background: #BBD9EE; 
	float:	left; 
	clear: both;
}

#header h1{
	width:700px;
	
	text-align:center;
	float:	left;
	clear: both;
	}

#menu{
	width:640px;
	
	text-align:center;
	float:	left;
	clear: both;
}


#header h1{padding: 5px 20px 10px 10px; color: #fff}

ul#nav, ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:right;font-size: 70%}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav a{float:left;width: 95px;padding: 5px 0;background: #E7F1F8;text-decoration:none;color: #666; border-top : 1px solid #fff; border-left : 1px solid #fff; border-right : 1px solid #fff;height: 25px}
ul#nav a:hover{background: #fff;color: #000}
ul#nav li.activelink a, ul#nav li.activelink a:hover{background: #FFF;color: #003}

ul#nav a#sel{
background: #FFFF33;

}

#right {
	float: left;
	width: 66%;
	padding: 1em;
	margin-bottom: 1.2em;
	background: #ead0ae;
	text-align: justify;
	margin-top: 1.2em;
}

#left {
	float: right;
	width: 30%;
	margin: 0 0 10px 0;
	margin-top: 1.2em;
	
}

#left .box {
	
	padding: 1em;
	margin: 0 0 1em 0;
	background : #deecec;
}


#content {
	font: 95%/1.3 TrebuchetMS,Arial,sans-serif;
	
    padding: 15px;
	background: #fff;
	
	
	
	
	
}

ul {  padding: 0; margin: 0;}
li { list-style-type: none;}

#decha{
	background-color:		blue;
	width:					23%;
	height:					100%;
	float:					right; 
	clear:					both;
	
}



#letra{
	
	width:					100%;
width: 900px;
	float:					right; 
	clear:					both;
}

#idioma{


	width:					10%;

	float:					right; 
	clear:					both;
	
}





/* DOS BARRAS DE LA DERECHA */ 

a{
	color: 				#2F559D;
	text-decoration: 	none;
	font-weight: 		bold;
}

a:hover{
	text-decoration: 	underline;
}

a:visited{
	/*color: 				#203968;*/
}

/* useful classes */



#final{ 
	width:					100%;
	height:					100%;
	
	text-align:					center;
	clear:					both;
	font-size: 	120%;
	margin-top:			33%;

}

#logos{ 
	width:					100%;
	height:					100%;
	text-align:					center;
	clear:					both;
	font-size: 	120%;
	margin-top:			2%;
	
} 

ul#lista li{
list-style-type: square;
margin-left: 7%;
}

ul#lista2 li, ul#lista3 li, ul#lista4 li, ul#lista5 li, ul#lista6 li{
list-style-type: circle;
margin-left: 7%;
}

#enlace, #enlace1, #enlace2, #enlace3, #pdf, #doc{
	margin-left: 2%;
}

#enlaceBio, #enlaceBio1, #enlaceBio2, #enlaceBio3, #enlaceBio4, #enlaceBio5, #enlaceBio6, #enlaceBio7, #enlaceBio8, 
#enlaceBio9, #enlaceBio10, #enlaceBio11, #enlaceBio12, #enlaceBio13, #enlaceBio14, #enlaceBio15, #enlaceBio16,
#enlaceBio17, #enlaceBio18{
	margin-left: 2%;
}


#letra{
	
	width:					100%;
	height:					10%;
	float:					left; 
	clear:					both;
}


/* DOS BARRAS DE LA DERECHA */ 

a{
	color: 				#2F559D;
	text-decoration: 	none;
	font-weight: 		bold;
}

a:hover{
	text-decoration: 	underline;
}

a:visited{
	/*color: 				#203968;*/
}

#izq{
float: left;
width: 70%;
clear:					both;

}

#der{
margin-top: 0.4em;
float: left;
width: 900px;
margin-left: 80%;


}

#header{
clear:					both;
width:					100%;
}

#logos{ 
	text-align: center;
	color: #666666;
}