/*
******************************************************************************
******************************************************************************
* Normalizar estilos XHTML de diferentes navegadores
******************************************************************************
******************************************************************************
*/

/* Quitamos el subrayado de los links */
:link,:visited { text-decoration:none }

/* Eliminamos las viñetas de las listas */
ul,ol { list-style:none }

/* Evitar el tamaño inconsistente de los diferentes encabezados
   y también etiquetas <pre> y <code> */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* Evitar la asignación inconsistente de márgenes y rellenos a
   diferentes elementos HTML  */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* Evitar el borde azul en imágenes que son links */
a img,:link img,:visited img { border:none }

/* Quitar la cursiva del elemento <address> */
address { font-style:normal }

/* Quitar márgenes de los párrafos???*/
p {margin:0; padding:0}


.validation-advice {
    color: #FFFFFF;
    background: #FF0000 url(img/arrow_fat_up.gif) no-repeat 3px 3px;
    padding: 2px 2px 2px 15px;
    margin-top: 2px;
    margin-right: 2px;
}

/*
******************************************************************************
Estilos GENERALES
******************************************************************************
*/
body {

	background-color: #2B6BB2;
	background-position: center 0px;
}
#envoltorio {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	height: 350px; /* Para IE (hace "height: auto" por defecto) */
	min-height: 350px; /* Para todos salvo IE */
}
	
*>#envoltorio 
{        /* Aquí IE no sabe entrar */
	height: auto;      /* Que la altura se establezca de forma automática dependiendo del contenido */
}

.resetfloats 
{
	clear: both;
}

.resetfloatsb 
{
	clear: both;
	height:1px;
}

/*
******************************************************************************
Estilos ENCABEZADO
******************************************************************************
*/

#envoltorio #encabezado 
{
	width: 1000px;
	position: relative;
	top: 0px;
	height: 171px;
}

#envoltorio #encabezado #fecha {
	height: 20px;
	width: 995px;
	float: left;
	position: absolute;
	top: 0px;
	background-color: #245993;
	left: 0px;
	margin-left:0px;
	margin-top:0px;
	font-size: 0.9em;
	color: #ffffff;
	padding-top: 3px;
	padding-right: 5px;
	text-align: right;
}

#envoltorio #encabezado #menu_sup {
	float: right;
	width: 995px;
	height: 0px;
	margin-top:0px;
	background-image: url(../images/fondo_menu_sup.gif);
	background-repeat: no-repeat;
	position: relative;
}

#envoltorio #encabezado #fotografias {
	width: 1000px;
	height: 114px;
	position: absolute;
	top: 23px;
	left: 0px;
}

#envoltorio #encabezado #titulo {
	background-color: #245993;
	color:#FFFFFF;
	float: left;
	height: 28px;
	width: 995px;
	position: absolute;
	top: 138px;
	right: 0px;
	font-size: 1.2em;
	text-align: center;
	padding-top: 4px;
	padding-right: 5px;
}

#envoltorio #encabezado #opciones {
	background-color: #7C7D80;
	color:#FFFFFF;
	float: left;
	height: 22px;
	width: 995px;
	position: absolute;
	top: 170px;
	right: 0px;
	font-size: 0.9em;
	text-align: center;
	padding-top: 3px;
	padding-right: 5px;
}

#envoltorio #encabezado #opciones a:link, #envoltorio #encabezado #opciones a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#envoltorio #encabezado #opciones a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#envoltorio #encabezado #opciones #activada {
	color: #FFFFFF;
	text-decoration: underline;
}

#envoltorio #encabezado #opciones ul {
	list-style-type: none;
	display: inline;
}

#envoltorio #encabezado #opciones li {
	display: inline;
	list-style-type: none;
}

#envoltorio #encabezado #opciones #menu_extra {
	position: relative;
	top: 0px;
	right: 0px;
}

/*
******************************************************************************
Estilos ABAJO
******************************************************************************
*/
#envoltorio #abajo {
	position: absolute;
	top: 195px;
	width: 1000px;
	min-height: 360px; /*Para el resto de navegadores*/
	height: 360px; /*para Explorer (la version 7 ya entiende min-height)*/
	background-color: #FFFFFF;
}

*>#envoltorio #abajo  {    /* Aquí IE no sabe entrar */
	min-height:360px;
	height: auto;          /* Que la altura se establezca de forma automática dependiendo del contenido */
	background-color: #FFFFFF;
}

/*
******************************************************************************
Estilos CUERPO
******************************************************************************
*/

#envoltorio #abajo #cuerpo {
	min-height: 360px; /*Para el resto de navegadores*/
	height: 360px; /*para Explorer (la version 7 ya entiende min-height)*/
	float:left;
	width: 980px;
	font-size: 0.7em;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 15px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	background-color: #ffffff;
}

*>#envoltorio #abajo #cuerpo {    /* Aquí IE no sabe entrar */
	height: auto;  
	padding-left:10px;
	            /* Que la altura se establezca de forma automática dependiendo del contenido */
	background-color: #ffffff;
}

#envoltorio #abajo #vacio {
	clear:both;
}

#envoltorio #abajo #cuerpo #titulos {
	margin-left:13px;
}
/*
******************************************************************************
Estilos PIE
******************************************************************************
*/

#envoltorio #pie {
	clear: both;
	position:relative;
	top: 0px;
	height: 18px;
	background-color: #7C7D80;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	font-size: 0.8em;
	width: 1000px;
}

#envoltorio #pie a:link, #envoltorio #pie a:visited{
	color: #90cdf9;
}

#envoltorio #pie a:hover{
	background-color: #FFFFFF;
}

/*
******************************************************************************
******************************************************************************
Estilos CONTENIDOS
******************************************************************************
******************************************************************************
*/

#cuerpo .contenidos {
	margin-top:0px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

#cuerpo .contenidos h1{
	font-weight: bold;
	font-size:1.5em;
/*	background-image: url(../images/detallepeq.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px; */
	height: 20px;
	padding-left: 12px;
	background-color:#dddddd;
	margin-top: 0px;
	margin-bottom: 10px;
}

#cuerpo .contenidos h2{
	font-weight: bold;
	font-size:1.4em;
	color:#2B6BB2;
	padding-left: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#cuerpo .contenidos h3{
	font-weight: normal;
	font-size:1.3em;
	color:#2B6BB2;
	padding-left: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#cuerpo .contenidos h4{
	font-weight: bold;
	font-size:1.2em;
	text-align: right;
	color:#2B6BB2;
	margin-top: 4px;
	margin-bottom: 10px;
}

#cuerpo .contenidos a:link, #cuerpo .contenidos a:visited{
	font-weight: bold;
	color: #1376a6;	
}

#cuerpo .contenidos a:hover {
	font-weight: bold;
	color:#90cdf9;	
}

#cuerpo .contenidos p {

	font-size:1.2em;
	text-align: left;
	padding-left: 12px;
	margin-top: 8px;
	margin-bottom: 8px;
}

#cuerpo .contenidos .pcentrado {
	text-align: center;
}

#cuerpo .contenidos ul {
	list-style-position: outside;
	font-size:1.2em;
	line-height: 120%;
	list-style-type: square;
	padding-left: 40px;
}

#cuerpo .contenidos ol {
	list-style-position: outside;
	font-size:1em;
	line-height: 120%;
	list-style-type: circle;
	padding-left: 60px;
}

#cuerpo .contenidos li {
	margin-top: 8px;
	text-align: left;
}

#cuerpo .contenidos .imgcalendario {
	height: 120px;
	width: 600px;
	margin-right: 10px;
	margin-left: 0px;
}

#cuerpo .contenidos .notascalendario {
	position: absolute;
	top: 56px;
	left: 745px;
	min-height: auto; /*Para el resto de navegadores*/
	height: auto; /*para Explorer (la version 7 ya entiende min-height)*/
	float: right;
	width: 217px;
	font-size: 1em;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 15px;
	padding-top:0px;
	padding-left:0px;
	padding-right:3px;
	padding-bottom:2px;
	background-color: #EDDDE1;
}

#cuerpo .contenidos .imgplano {
	height: 623px;
	width: 421px;
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom:10px;
}

#cuerpo .contenidos .notasplano {
	position: absolute;
	top: 56px;
	left: 466px;
	min-height: auto; /*Para el resto de navegadores*/
	height: auto; /*para Explorer (la version 7 ya entiende min-height)*/
	float: right;
	width: 500px;
	font-size: 1em;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 15px;
	padding-top:0px;
	padding-left:0px;
	padding-right:3px;
	padding-bottom:2px;
	background-color: #EDDDE1;
}

#cuerpo .contenidos .lidest {
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#cuerpo .contenidos .uldch {
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
}
#cuerpo .contenidos .navegacion {
	color: #1376a6;
	display: inline;
	margin-left: 10px;
}
#cuerpo .contenidos .centro{
	margin-top: 15px;
	margin-bottom: 10px;
	width: 470px;
	margin-right: auto;
	margin-left: auto;
}
#cuerpo .contenidos .centrado{
	text-align: center;
	margin-top: 15px;
	margin-bottom: 10px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
}
#cuerpo .contenidos .imgSizq {
	height: 134px;
	width: 300px;
	margin-right: 8px;
	margin-bottom: 3px;
	float: left;	
}
#cuerpo .contenidos .imgSizq_log {
	height: 100px;
	width: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;	
}
#cuerpo .contenidos .imgSdch {
	height: 100px;
	width: 100px;
	margin-left: 8px;
	margin-bottom: 3px;
	float: right;	
}
#cuerpo .contenidos .imgLizqa {
	float: left;
	height: 200px;
	width: 300px;
	margin-right: 25px;
	margin-bottom: 10px;
	
}
#cuerpo .contenidos .imgLizq {
	float: left;
	height: 200px;
	width: 300px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left:10px;
}

#cuerpo .contenidos .imgLdch {
	float: right;
	height: 100px;
	width: 300px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#cuerpo .contenidos .imgLdch h6{
	font-weight: bold;
	font-size:1.3em;
	text-align: right;
	color:#B4002A;
	padding-right: 10px;
	padding-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#cuerpo .contenidos .imgcentro{
	height: 150px;
	width: 150px;
	margin-right: 10px;
	margin-left: 10px;

}
#cuerpo .contenidos .imgMcentroa{
	height: 150px;
	width: 150px;
	margin-right: 10px;
	margin-left: 100px;
	
}
#cuerpo .contenidos .img_logos {
	height: 150px;
	width: 150px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
}
#cuerpo .contenidos .img_logosa {
	height: 150px;
	width: 150px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 100px;
}
#cuerpo .contenidos .imgVizq {
	float: left;
	height: 300px;
	width: 200px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 25px;

} 
#cuerpo .contenidos .imgPANcentro {
	height: 200px;
	width: 550px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 85px;
}
#cuerpo .contenidos .imgmapa {
	float: right;
	height: 450px;
	width: 300px;
	margin-top: 0px;
	margin-bottom: 5px;
}
#cuerpo .contenidos .icono {
	vertical-align: middle;
	height: 50px;
	width: 50px;
	margin-right: 5px;
	margin-left: 5px;
}
#cuerpo .contenidos .logointeres {
	height: 150px;
	width: 150px;
}
#cuerpo .contenidos .intereslogo {
	width: 150px;
}
#cuerpo .contenidos .img_big {
	height: 477px;
	width: 700px;
	margin-top: 5px;
	padding-left: 15px;
	margin-bottom: 5px;
	float:right;
}
#cuerpo .contenidos .img_big2{
	height: 477px;
	width: 700px;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-right: 10px;
	float:right;
}

#cuerpo .contenidos .img_big_izq {
	float: left;
	height: 150px;
	width: 200px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#cuerpo .contenidos .img_big_dch {
	float: right;
	height: 150px;
	width: 200px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#cuerpo .contenidos .img_small_dch {
	float: right;
	height: 75px;
	width: 100px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#cuerpo .contenidos .img_mini {
	height: 75px;
	width: 100px;
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#cuerpo .contenidos .img_mini_pan {
	height: 75px;
	width: 150px;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#cuerpo .contenidos .texto_piefoto {
	font-size: 10px;
	float: right;
	width: 390px;
	margin-top: 3px;
	margin-bottom: 5px;
}
#cuerpo .contenidos .texto_dch {
	float: left;
	min-height: 267px; /*Para el resto de navegadores*/
	height: 267px; /*para Explorer (la version 7 ya entiende min-height)*/
	width: 445px;
	margin-left: 40px;
}
*>#cuerpo .contenidos .texto_dch {    /* Aquí IE no sabe entrar */
	height: auto;              /* Que la altura se establezca de forma automática dependiendo del contenido */
}
#cuerpo .contenidos .texto_izq {
	float: left;
	margin-left: 20 px;
	min-height: 450px; /*Para el resto de navegadores*/
	height: 450px; /*para Explorer (la version 7 ya entiende min-height)*/
	width: 380px;
}
*>#cuerpo .contenidos .texto_izq {    /* Aquí IE no sabe entrar */
	height: auto;              /* Que la altura se establezca de forma automática dependiendo del contenido */
}
#cuerpo .contenidos .texto_izq_big {
	float: left;
	min-height: 75px; /*Para el resto de navegadores*/
	height: 75px; /*para Explorer (la version 7 ya entiende min-height)*/
	width: 435px;
}
*>#cuerpo .contenidos .texto_izq_big {    /* Aquí IE no sabe entrar */
	height: auto;              /* Que la altura se establezca de forma automática dependiendo del contenido */
}
#cuerpo .contenidos .tabla {
	font-family: Arial, Helvetica, sans-serif;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #1376a6;
	margin-top: 5px;
	margin-bottom: 5px;
}
#cuerpo .contenidos .celdatitulo {
	background-color: #FFFFFF;
	font-weight: bold;
	color: #1376a6;
	text-align: center;
	height: 30px;
	border: 1px solid #1376a6;
}
#cuerpo .contenidos .celda3a {
	background-color: #E4E4E4;
	width: 60%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 5px;
	padding-right: 5px;
}
#cuerpo .contenidos .celda3b {
	background-color:#D7EFFB;
	width: 20%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 5px;
	padding-right: 5px;
}
#cuerpo .contenidos .celda3c {
	background-color: #E4E4E4;
	width: 40%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 5px;
	padding-right: 5px;
}
#cuerpo .contenidos .celda2a {
	background-color: #E4E4E4;
	width: 70%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 5px;
	padding-right: 5px;
}
#cuerpo .contenidos .celda2b {
	background-color: #D7EFFB;
	width: 30%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 5px;
	padding-right: 5px;
}
#cuerpo .contenidos .celda2img {
	background-color: #ffffff;
	width: 30%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 5px;
	padding-right: 5px;
}
#cuerpo .contenidos .celda3img {
	background-color: #ffffff;
	width: 20%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 4px;
	padding-right: 4px;
}
#cuerpo .contenidos .celdaimg {
	background-color: #ffffff;
	width: 33%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 6px;
}