/* colores:
Negro: black;
Rojo.: #e60000 ,rojo claro: #e66464 , rojo oscuro: #960000
Gris.: #dcdcdc
*/
	/*------GENERALES--------------------------------------------------------------------------*/
body {
	font-family: verdana;
	font-size: 10pt;
	text-decoration: none;
	color:black;
	background-color: black;
}

a:visited {
	text-decoration: underline;
	color: #e60000;
	background-color: transparent;
}
a:link {
	text-decoration: underline;
	color: #e60000;
	background-color: transparent;
}
a:hover {
	color: #960000;
}
a:active {
	color: #e66464;
}

#principal {
	position: absolute;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	height: 1050px;
	background-color: white;
}

/*------ZONA IZQUIERDA---------------------------------------------------------------------*/
#zona_izquierda {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 160px;
	height: 1020px;
	display: block;
	background-color: white;
}

#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 150px;
	height: 190px;
	display: block;
}

#presentacion {
	position: absolute;
	top: 190px;
	left: 10px;
	width: 134px;
	height: 68px;
	text-align: center;
	line-height:115%;
}
#presentacion a:visited {
	font-size: 8pt;
	text-decoration: none;
	color: black;
}
#presentacion a:link {
	font-size: 8pt;
	text-decoration: none;
	color: black;
}
#presentacion a:hover {
	color: #e60000;
}
#presentacion a:active {
	color: white;
	background-color: #e60000;
}

#cont_servicios {
	position: absolute;
	top: 258px;
	left: 10px;
	width: 134px;
	height: 90px;
}

.servicios {
	position: relative;
	left: 0px;
	width: 128px;
	height: 18px;
	display: block;
	margin-top: 3px;
	border: 3px #e60000 solid;
	cursor: pointer;
}

.servicios a:visited {
	margin-left:7px;
	text-decoration: none;
	color: black;
}

.servicios a:link {
	margin-left:7px;
	text-decoration: none;
	color: black;
}

.servicios a:hover {
	color: #e60000;
}

.servicios a:active {
	color: #dcdcdc;
}

#cont_selectores {
	position: absolute;
	top: 348px;
	left: 10px;
	width: 134px;
	height: 223px;
	overflow: hidden;
}
.titulo_selector {
	position: relative;
	top: 0px;
	left: 0px;
	width: 128px;
	height: 18px;
	display: block;
	border: 3px black solid;
	cursor: pointer;
	background-color: white;
}
.titulo_selector p{
	margin-top:0px;
	margin-left: 7px;
	color:black;
}
.titulo_selector a:visited {
	margin-top:0px;
	margin-left: 7px;
	text-decoration:none;
	color:black;
}
.titulo_selector a:link {
	margin-top:0px;
	margin-left: 7px;
	text-decoration:none;
	color:black;
}
#selectorTemas, #selectorSecciones {
	position: relative;
	top: 0px;
	left: 0px;
	width: 134px;
	height: 175px;
	display: block;
	background-color: #dcdcdc;
	overflow: auto;
}
#cont_selector_temas {
	position: absolute;
	top: 199px;
	left: 0px;
	width: 128px;
	height: 0px;
	display: block;
}
#selectorSecciones p, #selectorTemas p {
	margin: 3px 0px 0px 5px;
	padding-left:13px;
	background: #dcdcdc url("cod/img/bullet.gif") no-repeat center left;
}

a.desactivar:visited {
	font-size: 8pt;
	font-weight:bold;
	text-decoration: none;
	color:black;
}
a.desactivar:link {
	font-size: 8pt;
	font-weight:bold;
	text-decoration: none;
	color:black;
}
a.desactivar:hover {
	color:black;
	background-color:#dcdcdc;
}
a.desactivar:active {
	color:white;
	background-color:#dcdcdc;
}
a.activar:visited {
	font-size: 8pt;
	text-decoration: none;
	color: black;
}
a.activar:link {
	font-size: 8pt;
	text-decoration: none;
	color: black;
}
a.activar:hover {
	color: #e60000;
}
a.activar:active  {
	color: #e66464;
}
#buscador {
	position: absolute;
	top: 576px;
	left: 10px;
	width: 134px;
	height: 24px;
}

.caja_busca {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 102px;
	height: 16px;
	border: 3px solid #e60000;
	padding-left:5px;
	color: black;
}
#boton_busca {
	position: absolute;
	top: 0px;
	left: 110px;
	width: 18px;
	height: 18px;
	border: 3px solid #e60000;
	text-align: center;
	display: block;
}

#anuncios_izq {
	position: absolute;
	top: 607px;
	left: 10px;
	width: 134px;
	height: 470px;
	overflow:hidden;
	display:block;
}

/*------ZONA CENTRO-------------------------------------------------------*/
#zona_centro {
	position: absolute;
	top: 0px;
	left: 150px;
	width: 476px;
	height: 1020px;
	background-color: white;
}

#titulo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 476px;
	height: 153px;
	display: block;
}

#anuncio_principal {
	position: absolute;
	top: 153px;
	left: 6px;
	width: 450px;
	height: 92px;
	display: block;
}
#cuerpo {
	position: absolute;
	top: 245px;
	left: 6px;
	width: 464px;
	height: 670px;
}
#tituloRojo {
	position: relative;
	left: 0px;
	width: 464px;
	height: 18px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 2px solid #e60000;
	border-top: 0px;
}
#tituloRojo p{
	height: 18px;
	width: 107px;
}
#tituloRojo p.noticias {
	background: white url("cod/img/tnoticias.gif") no-repeat bottom left;
}
#tituloRojo p.documentos {
	background: white url("cod/img/tdocumentos.gif") no-repeat bottom left;
}
#tituloRojo p.galerias {
	background: white url("cod/img/tgalerias.gif") no-repeat bottom left;
}
#tituloRojo p.conocenos{
	background: white url("cod/img/tconocenos.gif") no-repeat bottom left;
}
#tituloRojo p.direcciones{
	background: white url("cod/img/tdirecciones.gif") no-repeat bottom left;
}
#tituloRojo p.enlaces{
	background: white url("cod/img/tenlaces.gif") no-repeat bottom left;
}
#tituloRojo p.contacta{
	background: white url("cod/img/tcontacta.gif") no-repeat bottom left;
}
#tituloRojo p.agenda{
	background: white url("cod/img/tagenda.gif") no-repeat bottom left;
}
.tituloClaro {
	position: relative;
	left: 0px;
	width: 464px;
	height: 18px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 2px solid #e66464;
	border-top: 0px;
	margin-bottom:10px;
}
.tituloClaro p{
	position:relative;
	top:0px;
	left:314px;
	height: 18px;
	width: 150px;
	color:white;
	font-weight:bold;
	background-color: #e66464;
	text-transform: uppercase;
	text-align:center;
	display:block;
}
.seccion{
	position: relative;
	top: 0px;
	left:0px;
	width: 464px;
	height:18px;
	font-weight: bold;
	color: #e66464;
}
.volver{
	float:right;
}
#cuerpo_contenido {
	position: relative;
	top: 5px;
	left: 0px;
	width: 464px;
	height: 600px;
	display: block;
	overflow-x:hidden;
	overflow-y: auto;
}
#columna_izq {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 220px;
}
#columna_der {
	position: absolute;
	top: 5px;
	width: 220px;
	margin-left: 223px;
	padding-left: 3px;
	border-left: 2px solid #dcdcdc;
}
#galeria{
	position:relative;
	top:5px;
	left:0px;
	width:464px;
	height:80px;
	display: block;
	white-space: nowrap;
	overflow-x:auto;
}
#foto_galeria{
	position:relative;
	top:0px;
	left:5px;
	width:60px;
	height:50px;
}
#navega{
	position: absolute;
	top:645px;
	left:0px;
	width: 464px;
	height: 20px;
	text-align:center;
	border-top: #e66464 solid 2px;
}
#navega .primero{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	text-align:center;
	display: block;
}
#navega .anterior{
	position:absolute;
	top: 0px;
	left: 20px;
	width: 20px;
	height: 20px;
	text-align:center;
}
#navega .info{
	position:absolute;
	top: 0px;
	left: 40px;
	width: 384px;
	height: 20px;
	text-align:center;
	display: block;
}
#navega .siguiente{
	position:absolute;
	top: 0px;
	left: 424px;
	width: 20px;
	height: 20px;
	text-align:center;
}
#navega .ultimo{
	position:absolute;
	top: 0px;
	left: 444px;
	width: 20px;
	height: 20px;
	text-align:center;
}
#pie {
	position: absolute;
	top: 915px;
	left: 6px;
	width: 464px;
	height: 100px;
	text-align:center;
	display: block;
}
#colofon{
	position: relative;
	top: 0px;
	left: 0px;
	width: 464px;
	height: 130px;
	text-align:center;
	display: block;
}
#colofon blockquote{
	position:relative;
	top:-5px;
	font-size :6pt;
}
#paisaje{
	position:relative;
	top:-40px;
	left:0px;
}
#rkr{
	position: relative;
	top: -10px;
	width: 464px;
	text-align:center;
	display: block;
}

.bloque {
	margin-bottom: 10px;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 3px;
}
.bloque_documento{
	height:160px;
}
.titular{
	font-size: 12pt;
	font-weight: bold;
	color: #e60000;
	background-color: transparent;
}
a.titular1:visited {
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
}
a.titular1:link {
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
}
a.titular2:visited {
	font-size: 14pt;
	text-decoration: none;
}
a.titular2:link {
	font-size: 14pt;
	text-decoration: none;
}
a.titular3:visited {
	font-size: 14pt;
	color:black;
}
a.titular3:link {
	font-size: 14pt;
	color:black;
}
a.titular3:hover {
	color: #960000;
}
a.titular3:active {
	color: #e66464;
}
.foto {
	margin:3px 8px 8px 0px;
}
a.foto_album:link{
	border: 0px;
}
a.foto_album:visited{
	border: 0px;
}
.foto_activa{
	border: 2px solid gray;
	margin: 0px 3px 0px 3px;
}
.titular_desarrollo{
	margin-top:-10px;
	padding-bottom:5px;
	font-size: 14pt;
	font-weight: bold;
	color: #e60000;
	background-color: transparent;
	border-bottom: 1px solid #960000;
}
.autor{
	margin-top:-15px;
	font-size: 6pt;
	font-weight: bold;
	text-align: right;
	background-color: transparent;
}
#fotoGrande{
	position: relative;
	top: 20px;
	left: 0px;
	width:464px;
	height:100%;
	display:block;
}
.resumen{
	margin-top:5px;
}
.desarrollo{
	padding-bottom:10px;
	border-bottom: 3px solid #dcdcdc;
}
.titular_documento {
	width:220px;
	height:68px;
	border-bottom: 1px solid #960000;
	display:block;
	font-size: 8pt;
	font-weight: bold;
	line-height:14px;
	color: #e60000;
}
.titular_documento a:visited{
	text-decoration: none;
}
.titular_documento a:link{
	text-decoration: none;
}

/*------ZONA DERECHA-------------------------------------------------------*/
#zona_derecha {
	position: absolute;
	top: 0px;
	left: 626px;
	width: 168px;
	height: 1020px;
	background-color: transparent;
	display: block;
}

#cabecera_derecha {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 174px;
	height: 190px;
	display: block;
	background: url("cod/img/fondo_sobre.gif") no-repeat;
}
#sobre{
	position: absolute;
	top: 160px;
	left: 138px;
	width: 26px;
	height: 17px;
}
#rss {
	position: absolute;
	top: 157px;
	left: 10px;
	width: 24px;
	height: 24px;
}

#apuntarse {
	position: absolute;
	top: 190px;
	left: 6px;
	width: 148px;
	height: 80px;
	background: #e60000 url("cod/img/apuntarse1.gif") no-repeat top center;
	padding: 65px 0px 0px 10px;
	font-size: 8pt;
	font-weight: bold;
	line-height:140%;
	display: block;
	overflow:hidden;
}
#apunta_correo{
	position:absolute;
	top:60px;
	left:12px;
}
#apunta_mensaje{
	position:absolute;
	top:100px;
	left:10px;
	width:128px;
	font-size: 8pt;
	color: white;
}
#apunta_condiciones{
	position:absolute;
	top:85px;
	left:5px;
}
#apunta_aceptar{
	position:absolute;
	top:120px;
	left:33px;
}
.caja_apunta {
	height: 16px;
	border: 1px solid black;
	background-color:white;
	text-decoration: none;
	color: black;
	vertical-align: 0%;
	display: inline;
}
#contenedor_convocatorias{
	position: absolute;
	top: 350px;
	left: 6px;
	width: 158px;
	height: 210px;
	display: block;
	background: #dcdcdc;
}
.convocatoria_titulo{
	position:absolute;
	top:0px;
	left:0px;
	width:158px;
	height:48px;
	display:block;
}
.convocatorias {
	position: absolute;
	top: 50px;
	left: 3px;
	width: 155px;
	height: 157px;
	display: block;
	background: #dcdcdc;
	overflow: auto;
}
.convocatorias p {
	margin: 5px 5px 5px 5px;
	padding-left:13px;
	background: #dcdcdc url("cod/img/bullet.gif") no-repeat center left;
	border-bottom: 1px #ff0000 solid;
}
#contenedor_destacados{
	position: absolute;
	top: 560px;
	left: 6px;
	width: 158px;
	height: 300px;
	display: block;
	background: #dcdcdc;
}
.destacados{
	height:245px;
}
#anuncios_der {
	position: absolute;
	top: 864px;
	left: 6px;
	width: 158px;
	height: 180px;
	display: block;
	overflow:hidden;
}
#privacidad {
	position: absolute;
	top:150px;
	left: 50%;
	margin-left: -200px;
	width: 400px;
	height:400px;
	background-color: #dcdcdc;
	border: 2px solid black;
	z-index:5;
	visibility: hidden;
	overflow: auto;
}
#privacidad_titulo {
	position: absolute;
	left: 0px;
	width: 385px;
	height: 21px;
	background-color: blue;
	color:white;
	font-size: 12pt;
	font-weight: bold;
	text-align:right;
}
.arroba{
	display:inline;
	vertical-align:-30%;
}
/* Maquetación de la versión para imprimir*/
#prn_top_left{
	position:absolute;
	top:0px;
	left:0px;
	width:150px;
	height:190px;
}
#prn_top_center{
	position:absolute;
	top:0px;
	left:150px;
	width:476px;
	height:153px;
}
#prn_top_right{
	position:absolute;
	top:0px;
	left:626px;
	width:174px;
	height:190px;
}
#prn_cuerpo{
	position:absolute;
	top:190px;
	left:50px;
	width:700px;
}