/* ESTILOS DE CUERPO */

/*empezamos por esto, para evitar resultados extraños en distintos navegadores, y algo de estilo al texto*/
body {
	background-color: #ddd;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
	color:#003883;
	padding:0;
	margin:0;
	text-align:center;
}

/*general-------------------------------------------------------------------------------*/
#menu
{	
	margin:0px;
	padding:0px;
	width:602px;
	height:23px;
	background-color:#FFF;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom:1px solid #000000;
	text-align:left;
}

#menu img
{
margin:0px;
padding:0px;
border:0;
}
#menu h1{
padding:0px;
margin:0px;
}
#cabecera {
	margin: 0px;
	padding:0px;
	width: 602px;
	height:92px;
	background-color:#003883;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom:0px;
}
#pie{

	margin:0px;	
	padding:0px;
	width:602px;
	height:16px;
		text-align:left;
	background-color:#003883;
	border-top:#000000 1px solid;
	border-bottom:#000000 1px solid;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
} 
#piecreditos
{
width:600px;
margin-top:12px;
background-color:transparent;
text-align: center;
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
color: #333;
}

#piecreditos a,a:hover
{
color: #333;
font-size: 10px;
text-decoration:none;
}


#wrapper{	
	position:relative;
	width:602px;
	margin: 0 auto;
	top:90px;
	padding:0px;
	text-align:center;
background-color: transparent;
	

}


/*general-------------------------------------------------------------------------------*/
#contenido
{
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	padding:0em;
	width:602px;
	height:410px;

	background-color:#FFF;
	color: #000;
	text-align: left;
	overflow:auto;
	border-top: 0px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 0px solid #000000;
	
}
#contenido h2{
margin:0em;
padding-top:2em;
padding-bottom:0.5em;
padding-left:1em;
padding-right:0.4em;
font-size:1.5em;
text-align:left;
color: #275797;
}
/*------------------------------------- menú horizonal--------------------------*/
#titulo2 {
 width:600px;
margin-left:auto;
margin-right:auto;

}
#titulo2 ul{
margin:0px;
padding:0px;
}

#titulo2 ul li{
display:inline;
float:left;
text-align:center;
}

#titulo2 ul li.firstelement{
border:0;
}

#titulo2 a{
display:block;
}
/*-------------------------------------fin menú horizonal--------------------------*/
#izquierda ul {
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin-top:2em; /*le quitamos el margen a la lista*/ 
	margin-bottom:0; /*le quitamos el margen a la lista*/ 
	margin-left:1.3em; /*le quitamos el margen a la lista*/ 
	margin-right:0; /*le quitamos el margen a la lista*/ 
	padding:0; /*y el relleno*/
}
#izquierda li {
display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
width:170px; /*defino el ancho del rectangulo del vinculo*/
	font-size:12px;
	margin:0; /*le quito el margen al elemento de la lista*/ 
	padding:2px 0; 
		text-align:center;
	float:left; /*y los floto a la izquierda para eliminar el salto de linea*/ 
}
#izquierda li a {
	display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 	font-size:12px;
	/*background-color:#CC3300; algo de color*/ 
	width:170px; /*defino el ancho del rectangulo del vinculo*/
	padding:2px 0; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
	font-weight:bold; /*decoración*/ 
	text-align:center;
}
/*li a:hover {
	color:#FFFFFF; 
	background-color:#B11315;
}*/
/*#izquierda ul
{
margin-top:0px;
margin-bottom:0px;
margin-left:18px;
margin-right:0px;
padding:0px;
}

#izquierda li
{
display:block;
width:260px;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
list-style-type:none; 
margin-top:6px;
margin-bottom:6px;
margin-left:210px;
margin-right:0px;
padding-top:0px;
padding-bottom:0px;
padding-left:1em;
padding-right:0;
text-align:left;
}*/
#contenidoTextoMenu2 a
{

font-size: 1.2em;
color: #275797;
text-decoration:none;
font-weight:bold;
}
#contenidoTextoMenu2 a:hover
{

font-size: 1.2em;
color: #777;
text-decoration:none;
font-weight:bold;
}
h1	
{
	color: #333;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: left;
}
	

.imgDcha{
float:right;
margin-top:0em;
margin-bottom:0em;
margin-left:0em;
margin-right:0em;
}

.imgDcha1{
float:right;
margin-top:0em;
margin-bottom:4em;
margin-left:2em;
margin-right:1px;
background-color:#333333;
}
.imgIzda{
float:left;
margin-top:0;
margin-bottom:6px;
margin-left:0px;
margin-right:40px;
}
#izquierda{
	margin:0em;
	padding-top:1em;
	padding-left:1.6em;
	padding-right:0em;
	padding-bottom:0em;
	width:96%;
	color: #000;
	text-align: left;
	overflow: hidden;
	float:left;
}
#izquierda h2{
margin:0em;
padding-top:1em;
padding-bottom:0em;
padding-left:0em;
padding-right:0.4em;
text-align:left;
color: #003883;
}
#derecha{
float:right;
margin-left:410px;
width:200px;
background-color:green;
}

#izquierda p
{
	margin: 0em;
	padding-top: 1.5em;
	padding-bottom: 0em;
	padding-left: 0.5em;
	padding-right: 0.9em;
	font-size:0.9em;
	line-height:1.8em;
	color: #000;
	text-align: justify;
}
.saltar{
clear:both;
}
#pie img{
margin-top:1px;
margin-left:3px;
margin-right:3px;
margin-bottom:1px;

}