html, body {height:100%}
/*color de azul de fuera*/
body {

	background:#6495ED;
	color: #000000;
}


/**********************************************************************************************************
	CABECERA
***********************************************************************************************************/
div#header{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	background:#FFFFFF;
	color: #000;
	position:relative;
	height:110px;
	width:990px;
}
/* mac hide \*/
* html #header{height:122px;he\ight:1px}/* height needed for ie to force layout*/
/* end hide*/


div#contenedorLogo{
	width:150px;
	float:left;
}

div#contenedorBanner{
	width:700px;
	float:left;
}

#logo{
	width:150px;
	height:110px;
}

#banner{
	width:700px;
	height:110px;
}

div#contenedorDerecha{
	width:140px;
	float:left;
}

#dibujo{
	width:140px;
	height:105px;
	border:none;
}


/********************************************************
	CONTENIDO
*********************************************************/
#contenido{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background:#000040;
	font-family:sans-serif;
	width: 990px;
}
* html #contenido{height:73%} /* IE6 and under treat height as min-height anyway*/




/**************************************************************************************************************
	IZQUIERDA
**************************************************************************************************************/


/********************************************************
	COLUMNA IZQUIERDA
*********************************************************/
#izquierda {
	position:relative;
	width:160px;
	height:73%;	
	float:left;
	background:#000080;
	color:#FFFFFF;
	
}
* html #izquierda{height:100%;width:160px;} /* IE6 and under treat height as min-height anyway*/

/********************************************************
	MENU IZQUIERDA
*********************************************************/
#menu{margin:0; padding:0; width:100%; list-style:none;}
#menu li{padding:0; margin:0 0 1px 0; height:30px; display:block;}
#menu li a{
	text-align:left;height:30px; padding:0px 5px; font:14px sans-serif;font-weight: bold; color:rgb(255,255,255); 
	display:block; background:url('../imagenes/menu/menu3.png') 0px 0px no-repeat; text-decoration:none;
}
#menu li a:hover{background:url('../imagenes/menu/menu3.png') 0px -40px no-repeat; color:rgb(255,255,255);}
#menu li a.active, .menu li a.active:hover{background:url('../imagenes/menu/menu3.png') 0px -80px no-repeat; color:rgb(220,232,232);}
#menu li a span{line-height:30px;}

#submenu{margin:0; padding:0; width:100%; list-style:none;}
#submenu li{padding:0; margin:0 0 1px 0; height:30px; display:block; }
#submenu li a{
	text-align:left;height:30px; padding:7px 20px; font:14px sans-serif;font-weight: bold; color:rgb(255,255,255); 
	display:block; background:url('../imagenes/menu/menu3.png') 0px 0px no-repeat; text-decoration:none;
}
#submenu li a:hover{background:url('../imagenes/menu/menu3.png') 0px -40px no-repeat; color:rgb(255,255,255);}
#submenu li a.active, .menu li a.active:hover{background:url('../imagenes/menu/menu3.png') 0px -80px no-repeat; color:rgb(220,232,232);}
#submenu li a span{line-height:30px;}




/**************************************************************************************************************
	CENTRO
**************************************************************************************************************/


/********************************************************
	COLUMNA CENTRAL
*********************************************************/
#centro {
	position:relative;
	width:690px;
	height:73%;	
	float:left;
	background:#ffffff;
	color:#000080;
	
}
* html #centro{height:100%;width:690px;} /* IE6 and under treat height as min-height anyway*/

#ruta{
	width:100%;
	height:4%;
	text-align:right;
	background:#BCD2EE;
	color:#000080;
}
#ruta p{
	margin-top:0px;
	margin-left:20px;
}

#interior{  /* color centro*/
	width:100%;
	height:96%;	
	background:#BCD2EE;
}
#interior h1{
	margin-top:0px;
}

#interiorIzquierda{
	width:50%;
	float:left;
	padding:10px;
	border:none;
}
#interiorIzquierda  #fotoPortada{
	width:300px;
	border:none;
}
#interiorIzquierda #fotoPortada2{
	width:280px;
	border:none;
}
#interiorDerecha{
	width:42%;
	float:right;
	padding:10px;
}
#avisosArriba{
	background:url('../avisos/Images/avisos_01.gif') no-repeat;
	color:white;
	font-size:19px;
	font-style:bold;
	padding-top:10px;
	padding-left:30px;
	padding-bottom:20px;
}
#avisosCentro{
	padding-top:0px;
	background:url('../avisos/Images/avisos_02.gif') repeat-y;
}
#avisosCentro p{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}
#avisosCentro ul{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-left:27px;
}
#avisosCentro ul li{
	padding-left:1px;

}
#avisosAbajo{
	padding-bottom:20px;
	background:url('../avisos/Images/avisos_04.gif') no-repeat;
}




/**************************************************************************************************************
	DERECHA
**************************************************************************************************************/


/********************************************************
	COLUMNA DERECHA 
*********************************************************/
#derecha {
	position:relative;
	width:140px;
	height:73%;	
	float:left;
	background:#000080;
	color:#FFFFFF;
	
}
* html #derecha{height:100%;width:138px;} /* IE6 and under treat height as min-height anyway*/


/********************************************************
	LOGOS ENLACES 
*********************************************************/
.contenedor{
	text-align:center;
	margin-top:15px;
}
.contenedor img{
	border:none;
}

.logos{
	width:60%;/*84px*/
	height:70px;
}




/*************************************************************************************************************
	PIE DE PÁGINA 
**************************************************************************************************************/
#pie {
	margin-left:30px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width:990px;
	height:4%;
	background-color: #5d758c;
	text-align:center;
	position:relative;
}
* html #pie {height:4%;width:990px}


/********************************************************
	TÍTULOS
*********************************************************/

h1 {
   font-family:Sans-serif;
   font-size: 19pt;
   color: #000080;
   margin:3px;
}

h2 {

   font-family:Sans-serif;	
   font-size: 13pt;
   color: #000000;
   /*text-align: center;*/
}

h3{

   font-family:Sans-serif;
   font-size: 13pt;
   color: #000080;
   margin:3px;

}


.marcoAzul{	
}
.marcoAzul h2{
	margin-top:0px;
	margin-bottom:0px;	
	padding-left:8px;
	color:#FFFFFF;
	font-size: 14pt;
	background-color:#000080;
}
.marcoAzul .saludo{
	padding-top:0px;
	border: #000080 solid 2px;
}