@charset "utf-8";
/* CSS Document - Estilos comunes en el Portal */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333;
	background-color: #FFF;
	background-image: url(../media/fondo.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0em;
}

#contenedor{
	width: 61em;
	margin: auto;
}

/* Zona de cabecera */

#cabecera{
	width: 100%;
	float: left;
}

		/* Menú secciones */
			
#menu_sec{
	width: 48%;
	float: left;
	color: #FDFCFD;
	padding-right: .4em;
	padding-left: 1%;
}
#sec_admi {
	width: 29%;
	height: 6.6em;
	float: left;
	background-image: url(../media/sec_admi.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: .2em;
}
#sec_turi {
	width: 24%;
	height: 6.6em;
	float: left;
	background-image: url(../media/sec_turi.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: .2em;
}
#sec_circ {
	width: 27%;
	height: 6.6em;
	float: left;
	background-image: url(../media/sec_circ.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#sec_omic {
	width: 18%;
	height: 6.6em;
	float: left;
	background-image: url(../media/sec_omic.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.sec_texadm {
	font-size: .8em;
	background-color: #D89733;
	margin: 5em 1em 0em 3em;
}
.sec_textur {
	font-size: .8em;
	background-color: #E3C330;
	margin: 5em 1em 0em 3em;
}
.sec_texcir{
	font-size: .8em;
	background-color: #AC94BC;
	margin: 5em 1em 0em 3.2em;
}
.sec_texomi {
	font-size: .8em;
	background-color: #644687;
	margin: 5.8em 1em 0em 3.2em;
}
#menu_sec a{
	color: #FDFCFD;
	text-decoration: none;
}
#menu_sec a:hover{
	color: #FDFCFD;
	text-decoration: underline;
}

				/* Buscador */
	
#g_buscar {
	width: 92%;
	float: left;
	color: #FFF;
	padding-top: 4.2em;
	padding-left: 1em;
	background-image: url(../media/turcampo.gif);
	background-repeat: no-repeat;
	background-position: 0.8em 1em;
}
#g_buscar .caja_formulario {
	width: 100%;
	float: left;
	clear: both;
	padding-top: 0.3em;
	padding-bottom: 0em;
}
.g_buscar_etiqueta {
	width: 27%;
	float: left;
	font-size: 0.7em;
	padding-top: 0.2em;
}
.g_buscar_campo {
	width: 53%;
	height: 1.4em;
	float: left;
	font-size: .75em;
	color: #003C74;
	border: none;
	padding-bottom: 0.1em;
}
.g_buscar_boton {
	width: 16%;
	float: left;
	cursor:pointer;
	text-align: center;
}

/* Cuerpo de la página para portadas y segundas */

#cuerpo{
	width: 100%;
	float: left;
}

		/* Título de la sección situado sobre menú principal */

#seccion {
	width: 98%;
	float: left;
	text-align: center;
	padding-top: 1.8em;
}
#seccion h3{
	color: #FFFFFF;
	font-size: 1.1em;
}
		/* Contenidos en páginas de segundo nivel */

#g_contenido {
	width: 92%;
	float: right;
	padding-top: 1.4em;
	padding-right: 6%;
	padding-left: 2%;
	color: #333;
	font-size: 75%;
}

		/* Contenidos páginas de segundo nivel / Estilos de etiquetas */
	
#g_contenido p{
	padding-bottom: 0.4em;
}
#g_contenido p span{
	min-height: 10em;
}
#g_contenido h3{
	padding-bottom: .4em;
}
#g_contenido ul{
	margin-left: 2em;
	margin-right: 2em;
}
#g_contenido ol{
	margin-left: 2em;
}
#g_contenido li{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

		/* Contenidos páginas de segundo nivel / Listas con imagen */
			
#caja_lista li{
	list-style-type: none;
	
}
.imagen_lista {
	padding-right: 1em;
	vertical-align: middle;
	padding-bottom: .5em;
}

		/* Contenidos páginas de segundo nivel / Texto con galeria de fotos */
		
#g_textogal {
	float: left;
}
.fotogal_izq {
	clear: both;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
}
.fotogal_der {
	clear: both;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
}
.fotogal_inf {
	float: left;
	text-align: center;
	padding: 0.5em;
}
.piefoto {
	font-size: .85em;
	color: #666666;
	height: 2.5em;
}

		/* Contenidos portada */

#contenido_pcaja {
	width: 100%;
	float: left;
}

				/* Cajas interiores del contenido de las portadas */

						/* Zona izquierda de la portada*/
			
#g_contenido_p {
	width: 63%;
	float: left;
}

								/* Subdivisión izquierda de la zona izquierda de la portada */
	
#g_zona_1 {
	float: left;
	width: 49%;
}
								/* Subdivisión derecha de la zona izquierda de la portada */
		
#g_zona_2 {
	float: right;
	width: 49%;
}

										/* caja comun para infoelementos, mas visitados y destacados */
	
.info_caja {
	width: 100%;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3DF;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}

						/* Zona derecha de la portada*/
			
#g_agenda {
	width: 35%;
	float: right;
	padding-left: 0.5em;
}

								/* Calendario */
								
#cale_caja {
	width: 90%;
	height: 9.5em;
	border: 1px solid #9688CD;
	background-color: #FFFFFF;
	margin: auto;
}
#cale_mes{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.7em;
	color: #033799;
	font-weight: bold;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9688CD;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin-bottom: .5em;
}
#cale_mes a{
	color: #033799;
}
#cale_mes a:hover{
	color: #AE0000;
	text-decoration: none;
}
#cale_caja table{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	margin: auto;
}
#cale_caja td{
	padding-right: 0.1em;
	padding-left: 0.1px;
	
}
#cale_caja th{
	color: #033799;
	font-weight: normal;
}
#cale_caja table a{
	color: #FFFFFF;
}
.cale_fes{
	color: #FF0000;
}
.cale_adm{
	color: #FFFFFF;
	background-color: #D89733;
}
.cale_tur{
	color: #FFFFFF;
	background-color: #E2C22F;
}
.cale_cir{
	color: #FFFFFF;
	background-color: #AC94BC;
}
.cale_omi{
	color: #FFFFFF;
	background-color: #644687;
}
.cale_all{
	color: #FFFFFF;
	background-color: #949494;
}
.cale_gris {
	color: #FFFFFF;
	background-color: #999999;
}
								/* Agenda */
								
#agen_cont {
	width: 90%;
	float: left;
	padding-top: .5em;
	padding-left: 1%;
}
.agen_fecha{
	width: 18%;
	float: left;
	font-size: .7em;
	color: #AE1414;
	text-align: right;
}
.agen_text{
	width: 75%;
	float: right;
	font-size: 0.7em;
	color: #4F4B4B;
	padding-right: 3%;
}
.agen_text a{
	color: #3399FF;
	text-decoration: none;
}
.agen_text a:hover{
	color: #3399FF;
	text-decoration: underline;
}

/* design */

#design {
	width: 70%;
	float: right;
	font-size: 0.65em;
	color: #637590;
	letter-spacing: 0.1em;
	margin: auto;
	padding-top: 1em;
	padding-right: 4%;
}
#design a { 
	color: #637590; 
	text-decoration: none;
}
#design a:hover { 
	color: #637590; 
	text-decoration: underline;
}

/* Menú de complementos */

#complementos_caja {
	width: 73%;
	float: right;	
}
#pcomplementos_caja {
	width: 74%;
	float: right;	
}
#g_complementos {
	font-size: 0.65em;
	color: #637590;
	padding-top: 1em;
	padding-right: 4%;
	letter-spacing: .05em;
}
#g_complementos a { 
	color: #637590; 
	text-decoration: none;
}
#g_complementos a:hover { 
	color: #637590; 
	text-decoration: underline;
}

/* Estilos etiquetas */

h1, h2, h3, h4, h5, h6, form, ul, ol, li, p {
	margin: 0px;
	padding: 0px;
}
a{
	color: #3399FF;
	text-decoration: none; 
}
a:hover{
	color: #3399FF;
	text-decoration: underline; 
}
hr {
	height: 1px;
	clear: both;
	border: 0; 
	color: #CCCCCC;
	background-color: #fff;
	margin-top: 0em;
	margin-bottom: .4em;
	margin-left: 0em;
}
blockquote {
	margin-left: .8em;
}
img {
	border: none;
}
abbr, acronym {
	cursor: help;
}
table {
	font-size: 1em;
	clear: both;
}
caption {
	margin-bottom: .3em;
}
tbody {
	font-size: 1em;
}
td {
	padding-bottom: 0.2em;
	padding-top: 0.2em;
	padding-right: 0.3em;
	padding-left: 0.3em;
}

/* Varios */

.gris {
	background-color: #F2F2F2;
}

/* Xtras */

.base{
	clear: both;
}
.ocult {
	display: none;
}

/* estilos de texto */

.texto_titulo {
	font-size: 1.5em;
	font-weight: normal;
	color: #4E4B4B;
	margin-bottom: .5em;
}
.texto_subtitulo {
	font-size: 1.3em;
	font-weight: normal;
	color: #4E4B4B;
}
.texto_resaltado_fuerte {
	font-size: 1.2em;
	font-weight: bold;
	color: #4E4B4B;
}
.texto_resaltado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #333;
}
.texto_citas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: italic;
	color: #4E4B4B;
}
.texto_notas_titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .95em;
	font-weight: bold;
	color: #4E4B4B;
}
.texto_notas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .95em;
	font-weight: normal;
	color: #4E4B4B;
}
.texto_notas_citas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .95em;
	font-style: italic;
	color: #4E4B4B;
}
.aviso {
	font-size: 1em;
	font-weight: normal;
	color: #990000;
}
.texto_mensaje {
	font-size: 1em;
	font-weight: normal;
	color: #990000;
}
.letra_capital {
	font-size: 1.6em;
	color: #4E4B4B;
	font-weight: normal;
}

/* estilos de posicionamiento */

.ver_center {
	vertical-align:middle;
}
.ver_top {
	vertical-align: top;
}
.ver_bottom {
	vertical-align: bottom;
}
.centrar {
	text-align: center;
}
.alinea_der {
	text-align: right;
}
.alinea_izq {
	text-align: left;
}
.justificar {
	text-align: justify;
}
.imagen_izq {
	float: left;
	margin-top: 0.2em;
	margin-right: 1em;
	margin-bottom: .4em;
	margin-left: 0em;
}
.imagen_der {
	float: right;
	margin-top: .2em;
	margin-right: 0em;
	margin-bottom: .3em;
	margin-left: .9em;
}
.imagen_centro {/* este estilo se aplicará al div que contenga la imagen */
	clear: both;
	text-align: center; 
}
.salto_img {/* este estilo se aplicará a la etiqueta <p> cuando se quiera que el parrafo comience despues de una imagen */
	clear: both;
}
/* estilos para formularios */

.caja_formulario {
	width: 100%;
	clear: both;
	padding-top: 0.5em;
	padding-bottom: 0.7em;
}
.caja_formulario_cent {
	width: 40%;
	clear: both;
	text-align: center;
	padding-top: .1em;
	padding-bottom: .1em;
	margin: auto;	
}
.caja_psw{
	width: 99%;
	float: right;
	clear: both;
	text-align: right;
	margin-bottom: 1em;
}
.caja_formulario_psw {
	float: right;
	background-color: #EFEFF1;
	padding: .5em;
	margin-bottom: 1em;
}
.etiqueta_campo_psw {
	float: left;
	font-size: .95em;
	color: #666666;
	background-color: #EFEFF1;
	padding-top: 0.1em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
	margin-right: 0.4em;
}
.campo_psw{
	float: left;
	font-size: .9em;
	color: #000;
	background-color: #FEFEFE;
	padding-left: 0.3em;
	margin-right: 0.4em;
}
.acceso_psw{
	float: right;
	background-color: #F2F2F2;
	margin-bottom: 1em;
	border: 1px solid #D79632;
	padding-top: 0.3em;
	padding-bottom: 0em;
	padding-left: 0.6em;
	margin-right: 0em;
	font-size: .95em;
	padding-right: 0.6em;
}
.etiqueta_campo {
	float: left;
	font-size: 1em;
	color: #333;
	background-color: #EFEFF1;
	padding-top: 0.1em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
	margin-right: 0.4em;
}
.etiqueta_campo_25 {
	width: 21%;
	float: left;
	font-size: 1em;
	color: #333;
	background-color: #EFEFF1;
	padding-top: 0.3em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
	margin-right: 0.5em;	
}
.etiqueta_campo_50 {
	width: 46%;
	float: left;
	font-size: 1em;
	color: #333;
	background-color: #EFEFF1;
	padding-top: 0.3em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
	margin-right: 0.5em;
}
.subetiqueta_campo {
	float: left;
	font-size: .95em;
	color: #333;
	border: 1px solid #D0D1D9;
	background-color: #EFEFF1;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 1em;
	margin-right: 0.4em;
}
.campo{
	float: left;
	font-size: 1em;
	color: #000;
	text-align: left;
	background-color: #FEFEFE;
	padding-left: 0.3em;
	margin-right: 0.4em;
}
.campo_centrado{
	font-size: 1em;
	color: #000;
	background-color: #FEFEFE;
	padding-left: 0.3em;
}
.campo_50{
	width: 46%;
	float: left;
	font-size: 1em;
	color: #000;
	text-align: left;
	background-color: #FEFEFE;
	padding-left: 0.3em;
}
.campo_75{
	width: 71%;
	float: left;
	font-size: 1em;
	color: #000;
	text-align: left;
	background-color: #FEFEFE;
	padding-left: 0.3em;
}
.campo_texarea_75{
	width: 71%;
	float: left;
	font-size: 1.2em;
	color: #000;
	text-align: left;
	background-color: #FEFEFE;
	padding-left: 0.3em;
}
.desplegable {
	float: left;
	font-size: 0.9em;
	color: #000;
	background-color: #FEFEFE;
	margin-right: 0.4em;
}
.verifica {
	border: 1px solid #919191;
	background-color: #FEFEFE;
}
.boton {
	font-size: 0.9em;
	color: #4B4C4A;
	border: 1px solid #7C7B7D;
	background-color: #E6E4E2;
	cursor:pointer;
}
.boton_fecha {
	width: 2.1em;
	height: 2.1em;
	font-size: .85em;
	color: #4B4C4A;
	border: 1px solid #919191;
	margin-left: 10px;
}
.nota_campo {
	clear: both;
	font-size: 0.85em;
	color: #993300;
	padding-bottom: 0.2em;
	padding-left: 1em;
}
.mensaje {
	width: 100%;
	clear: both;
	padding-top: 1em;
}
.centrar_boton {
	clear: both;
	text-align: center;
	padding-top: 2em;
}

/* Foro */

		/* foro principal */

.post {
	background-color: #F9F8FE;
	margin-bottom: 2em;
}
.post_id {
	font-size: 1.1em;
	font-weight: bold;
	color: #4B4C4A;
	background-color: #EDEAE8;
	margin-bottom: 0.5em;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
}
.post_asunto {
	font-size: 1em;
	font-weight: bold;
	color: #666666;
	padding-left: .5em;
}
.post_fecha {
	font-size: .8em;
}
.post blockquote {
	padding-left: 1.5em;
}
.respuesta {
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	background-color: #EDEAE8;
}
.respuesta a {
	font-size: .85em;
	color: #637590;
}
.respuesta a:hover {
	color: #637590;
}

		/* foro mensajes */

.opinion {
	font-size: 1.1em;
	color: #666666;
	font-weight: bold;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
}
.opinion a {
	font-size: .85em;
	color: #7656A9;
}
.opinion a:hover {
	color: #7656A9;
}
.respuesta_titulo {
	font-size: 1.1em;
	font-weight: bold;
	color: #4B4C4A;
	background-color: #f9eedb;
	margin-bottom: 0.5em;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
}
.mensajes {
	background-color: #FCF8EF;
	margin-bottom: 2em;
}
.mensaje_id {
	font-size: 1.1em;
	font-weight: bold;
	color: #4B4C4A;
	background-color: #f9eedb;
	margin-bottom: 0.5em;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
}