@charset "utf-8";
/* CSS Document */
@import url("estilos.css");
/*@import url("menuBarVertical.css");*/


*{margin:0; padding:0;}

body
{
	background:#ccc6b3 url(../modulos/img/fondo.png) left top repeat-x;
	font: normal 10px/12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
/* ************************************************************** INICIALIZO LAS ETIQUETAS CONSTANTES ************************************************************** */
img{border:0;}
fieldset{border: none;}
p{width:auto; font: normal 1.2em/1.2em Arial, Helvetica, sans-serif; color:#012f46; text-align:left; text-decoration:none; padding: .5em 0;}
h1{width:auto; text-align:left; color:#286a8b; font: normal 2.2em/1.5em Arial, Helvetica, sans-serif; padding: 0em 1.5em;}
h2, legend{color:#472102; font: bold italic 1.4em/1.5em Arial, Helvetica, sans-serif; text-decoration:none; padding: 1em 0 .7em 0;}
h2 > a{color:#fcb90d; font: bold italic 1.4em/1.5em Arial, Helvetica, sans-serif; text-decoration:none; padding: 1em 0 .5em 0;}
h2 > a:hover{text-decoration:none;}
h3{color:#B50A30; font: bold 1.2em/1.4em Arial, Helvetica, sans-serif; padding: 0 0 .5em 0;}
td,th {padding: .2em .8em;}
li {list-style:none;}
a {color:#cf0c42; text-decoration:underline;}
a:hover {}
hr {clear:both; width:50%; margin:0 auto; color:#000; height:.1em;}

select{border:.1em #CCC solid; width: 12em; height:1.6em; font: normal 1.2em/1.2em Arial, Helvetica, sans-serif; margin:0; padding: 0 0 0 .3em;}
textarea{font: normal 1.2em/1.2em Arial, Helvetica, sans-serif; color:#38551b; border:.1em #CCC solid; padding: 0 0 0 .2em;}
input[type="text"], input[type="password"]{font: normal 1.2em/1.2em Arial, Helvetica, sans-serif; color:#38551b; border:.1em #CCC solid; padding: 0 0 0 .2em;}
input[type="checkbox"], input[type="radio"]{border:none;}
input[type="image"]{border:none; width:auto; height:auto; margin:0; padding:0;}
input[type="button"], input[type="submit"], input[type="reset"], .boton {cursor:pointer; background-color:#EEE; font: bold 1em/1em Arial, Helvetica, sans-serif; color:#000; border: .1em #CCC solid; padding: .2em .3em; height:auto;}

noscript{font: normal 1.6em/1.8em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FF0000; text-decoration:underline; width:50%;}

.txtNegrita{font-weight: bold;}
.txtHidden{left:-999em; position:absolute;}
.noPadding{margin:0; padding:0;}
.cursorPointer{cursor:pointer;}


#error
{
	clear:both;
	width:auto;
	background-color: #fee1dd;
	border:.1em  #F00 solid;
	color:#F00;
	line-height: 1.4em;
	font-weight:bold;
	margin: 1em 2em;
	padding:1em;
}
#error p{margin:0; padding:0;}
#error a{color:#F00; text-decoration:underline;}
#error a:hover{color:#F00; text-decoration:none;}

#alerta{background-color:#000; color:#FFF; padding:1em; text-align:center;}
#alerta a{color:#F00;}

#sombreado
{
	clear:both;
	background: url(../modulos/img/fondo-sombra.png) left top repeat-y;
	width:95.9em;
	
	min-height:64.5em;
	height:auto !important;
	height:64.5em;
	display: table !important;
	
	margin: 0 auto;
	padding: 0 2.1em 0 0;
}

#web
{
	clear:both;
	width:98em;
	
	min-height:76.8em;
	height:auto !important;
	height:76.8em;
	display: table !important;
	
	margin: 0 auto;
	/*background-color:#C96;*/
}


/* ************************************************************** CABECERA ************************************************************** */
#cabecera
{
	clear:both;
	width: 100%;
	background: url(../modulos/cabecera/img/fondo-cabecera.png) left top no-repeat;
	height:11.2em;
}

/* ******************************************************************************* MENU SUPERIOR *******************************************************************************  */
#menu_sup
{
	clear:both;
	float:right;
	height:2em;
	padding: 7.5em 1.5em 0 0;
	color:#fff;
}

#menu_sup .seleccionado{color:#b7af88;font-weight:bold;padding: 1em 1em 0em;font-size:14px;}/* si cambio el pading-bottom hay que cambiar también el pading-bottom de la propiedad '#menu_sup ul.MenuBarHorizontal li' - '#menu_sup ul.MenuBarHorizontal a' */
#menu_sup a {color:#fff; text-decoration:none;font-size:14px;}
#menu_sup a:hover {color:#fff; text-decoration:underline;font-size:14px;}

/***************************************************************************************
********************** PROPIEDADES Y ESTILOS DEL MENÚ DESPLEGABLE **********************
*********** SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 ***********
****************************************************************************************/

/* ul principal, el que contiene todo el menu: */
#menu_sup ul.MenuBarHorizontal{width: auto; padding: 0em;}

/* activa el <ul> principal.NO BORRAR. Set the active Menu Bar with this class, currently setting z-index to accomodate IE. */
#menu_sup ul.MenuBarActive {z-index: 1000;}

/* propiedades del <li> (PRIMER NIVEL, menu principal) */
#menu_sup ul.MenuBarHorizontal li
{
	float: left;
	width: auto;	/*NO BORRAR ESTE width POR QUE EN IE NO SE MUESTRA BEIN*/
	
	position: relative;
	font: normal 1.2em/1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	margin: 0;
	padding: 1em 0em 0em;/* si cambio el pading-bottom hay que cambiar también el de la propiedad #menu_sup .seleccionado - #menu_sup ul.MenuBarHorizontal a */
}
/*  propiedades del <ul> (SEGUNDO NIVEL, menu desplegable)  */
#menu_sup ul.MenuBarHorizontal ul
{
	border: .1em #EBEBEB solid;
	/*cursor: default;*/
	z-index: 1020;	/*NO BORRAR posiciona el ul de segundo nivel por encima del primero el cual se está posicionando con este estilo: ul.MenuBarActive {z-index: 1000;} */
	width: 13em;	/*NO BORRAR ESTE width POR QUE EN IE NO SE MUESTRA BEIN*/
	position: absolute;	/*NO BORRAR está para que funcione el z-index */
	left: -1000em;	/*NO BORRAR está para que funcione el z-index */
}

/* PROHIBIDO BORRAR ESTE ESTILO. lo que hace es colocar el menu desplegable al lado del enlace del menu principal que le corresponde. */
#menu_sup ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {left: auto;}

/* propiedades del <li> de SEGUNDO NIVEL (menu desplegable)*/
#menu_sup ul.MenuBarHorizontal ul li
{
	text-align:left;
	width: 13em;	/*NO BORRAR ESTE width PORQUE EN IE NO SE MUESTRA BIEN*/
	height: 1.3em;
	margin:0;
	padding: .2em 0 0;
}

/*  PROHIBIDO BORRAR ESTE ESTILO. propiedades del <ul> (TERCER NIVEL, menu desplegable lateral) */
#menu_sup ul.MenuBarHorizontal ul ul {position: absolute; margin: 0 0 0 100%;}

/* PROHIBIDO BORRAR ESTE ESTILO. coloca en posición vertical los menús desplegables con respecto al menú principal */
#menu_sup ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {top: 0;}

/* PROHIBIDO BORRAR ESTE ESTILO. bloquea el enlace para que se muestre cuando está el raton encima.*/
#menu_sup ul.MenuBarHorizontal a {display: block; padding: 0 1em;}/* si se modifica el padding, cambiar también el padding de la clase '#menu_sup .seleccionado' - '#menu_sup ul.MenuBarHorizontal li' */

/* PROHIBIDO BORRAR ESTE ESTILO. posiciona la imgFlechaHaciaAbajo dentro del <a> a la derecha y centrada. */
#menu_sup ul.MenuBarHorizontal a.MenuBarItemSubmenu {background: url(../modulos/menu-sup/img/menuBarDown.gif) right center no-repeat; margin-right:.3em;}

/* PROHIBIDO BORRAR ESTE ESTILO. posiciona la imgFlechaHaciaAbajoHover dentro del <a> a la derecha y centrada. */
#menu_sup ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {background:url(../modulos/menu-sup/img/menuBarDownHover.gif) right center no-repeat;}

/* PROHIBIDO BORRAR ESTE ESTILO. posiciona la imgFlechaHaciaDerecha dentro del <a> a la derecha y centrada. */
#menu_sup ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {background:url(../modulos/menu-sup/img/menuBarRight.gif) right center no-repeat;}

/* PROHIBIDO BORRAR ESTE ESTILO. posiciona la imgFlechaHaciaDerechaHover dentro del <a> a la derecha y centrada. */
#menu_sup ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {background: url(../modulos/menu-sup/img/menuBarRightHover.gif) right center no-repeat;}

/*******************************************************************************
****************************** PROHIBIDO BORRAR ESTOS HACKS ********************
*******************************************************************************/
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
#menu_sup ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	#menu_sup ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
	}
}




/* ************************************************************** MAIN ************************************************************** */
#main
{
	clear:both;
	width:100%;
	
	min-height:58.8em;
	height:auto !important;
	height:58.8em;
	display: table !important;
	background:#FFF;
}


/* ******************************************************************** BREADCRUMBS ******************************************************************** */
#breadcrumbs{float:left; width:70em; height:3em; padding: .5em 0 0 3em;}
#breadcrumbs li{float:left; list-style: none; text-transform:lowercase; font-size:.9em;padding:0 0 0 .7em;}
#breadcrumbs .seleccionado{color:#64737b;padding:.2em 0 0 .7em;}
#breadcrumbs a{color:#64737b; font-weight:bold; text-decoration:underline;}




/* ************************************************************** MENU LATERAL ************************************************************** */
#menu_lat
{
	clear:both;
	float:left;
	padding:5em 0 0 2.3em;
	width:21.9em;
	min-height:52em;
	height:auto !important;
	height:52em;
	background:url(../modulos/menu-lat/img/fondo.jpg) no-repeat;	
}

#menu_lat li
{
	float:left;
	min-height:1.8em;
	height:auto !important;
	height:1.8em;
	width:17em;
	border-bottom:#472102 1px solid;
	margin:0 0 1em 0;
}
#menu_lat a{color:#472102; font-size:1.5em; text-decoration:none;}
#menu_lat .seleccionado{color:#472102; font-size:1.3em; text-decoration:none;}

#menu_lat p{padding:0.5em 0.8em 0.5em 1em;text-align:left;}
#menu_lat .lat_sel{width:18.4em; }



/* ************************************************************** COLUMNA IZQUIERDA ************************************************************** */
#col_izquierda
{
	float:left;
	width:23.4em;
	background: url(../modulos/col-izq/img/fondo-col-izq.jpg)  right top no-repeat;
	min-height:57em;
	height:auto !important;
	height:57em;
	padding-top: 7em;
}

/* ************************************************************** COLUMNA DERECHA ************************************************************** */
#col_derecha{float:right; width:22em; padding-right: .8em; padding-top: .7em;/*background-color:#F00;*/}
#col_derecha p{margin:0; padding:0;}

/* ************************************************************** MENU LATERAL FLOTANTE ************************************************************** */
#menu_flotante{position:fixed; top: 30%;}
* html #menu_flotante{ /*IE only*/ position:absolute;}
#menu_flotante a img{opacity:1;-moz-opacity:1;filter:alpha(Opacity=100);}
#menu_flotante a:hover img{opacity:0.8;-moz-opacity:0.8;filter:alpha(Opacity=80);position:relative;left:.2em;}
#menu_flotante img{margin-bottom: 0.3em;}

/* ************************************************************** REDES SOCIALES ************************************************************** */
#redes_sociales{clear:both; width: auto; height: 5em; padding: 1.2em 0 1em 6em;}
#redes_sociales h3{color:#fff; font: normal 1.2em/1.3em Arial, Helvetica, sans-serif;}
#redes_sociales li{float:left; padding: 0 .4em;}


/*#main .cuepo_main
{
	background: url(../modulos/img/fondo-main-linea.gif) right top repeat-y;
	width: auto;
	min-height:40em;
	height:auto !important; 
	height:40em;
	display: table !important;
	padding-top:.5em;
}
#main .cuepo_bottom{clear:both; background: url(../modulos/img/fondo-main-bottom.gif) right top no-repeat; width:auto; height:1.9em;}*/





/* ************************************************************** PIE ************************************************************** */
#pie
{	
	clear:both;
	width:97.8em;
	background: url(../modulos/pie/img/fondo.png) left top no-repeat;
	height:5.4em;
}
#pie_col01{float: left; width: 100%; padding: 0;}
#pie_col02{float: right; width: 19.4em; margin:0; padding: 1.5em 0 0 0;}
#pie_col02 p{margin:0; padding:0;}

#pie p{font: normal .9em/.9em Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#pie a {color:#fff; text-decoration:underline; font-weight:normal; padding: 0 .3em;}
#pie a:hover{text-decoration:none;}
#pie .separador{padding: 0 .1em;}

#pie_direccion{ float:right; padding:0 1em 0 0;font-size:12px; text-align:right;}
#pie_direccion p{clear:both; width:auto; font-size:1.2em; padding:.6em 0;}
#pie_direccion strong{font-weight:normal;}

#pie_menu{float:right; padding:.7em 4em 0 0;font-size:12px;}
#pie_menu a{color:#333;}
#pie_menu p{padding: 0 2em;}
#pie_menu .seleccionado{color:#FFF;padding: 0 .3em;}

#pie_menu2{clear:both; float:left; padding:0;}
#pie_menu2 p{font-size: .9em; padding: 0 .5em;}
#pie_menu2 .seleccionado{color:#0084c3; font-weight:bold; padding: 0 .3em;}

#pie_menu3{clear:both; width:100%; padding: .8em 0 0;}
#pie_menu3 a{color:#333;}
#pie_menu3 p{color:#333;text-align:center; font-size:.9em; padding: 0 2.5em;}
#pie_menu3 .seleccionado{color:#666; text-decoration:none; font-weight:normal; padding: 0 .2em;}
#pie_menu3 .separador{padding: 0 .2em;}

#pie_validadores{}
#pie_validadores .txtValidator a{padding: 0 1em;}
#pie_validadores .imgValidator{padding-top: .3em;}


/* **************************************************************** PIE FLOTANTE **************************************************************** */
#pie_flotante
{
	clear:both;
	background-color:#000;
	bottom:0;
	position:fixed;
	width:100%;
}
#pie_flotante:hover{opacity:1;}
#pie_flotante p{color:#fff; text-align:center; padding: .5em 1.5em;}
#pie_flotante a{color:#fff; text-decoration:none; margin: 0 1em;}


/* ************************************************************** PAGINADO ************************************************************ */
#main div.paginar {clear:both; width:90%; /*background-color:#bed600;*/ /*border: .1em #F60 solid;*/ margin: 1.5em auto;}
#main div.paginar td{font: bold 1em/1.2em Arial, Helvetica, sans-serif; margin:0; padding:0;}
#main div.paginar td td{color:#fff; text-align:center; padding:.3em .5em;}
#main div.paginar a{color:#000; font-weight:normal;}
#main div.paginar .seleccionado{background-color:#750213; color:#FFF;}
#main div.paginar .borde_separacion{border-right: #000 .1em dotted;}
#main p.paginar_resulatdos{clear:both; /*background-color:#FFF;*/ border-left: .1em #000 solid; text-align:center; color:#000; font-weight:bold; width:auto; padding: .2em .5em;}
#main p.paginar_resulatdos .txtNegrita{color:#ac1a2f; font-weight:bold;}



/* ************************************************************** COMENTARIOS ************************************************************** */
#comentarios{margin: 2em 0em;}
#comentarios ul{list-style: none;}
#comentarios h3{color:#339900; font-weight: normal; font-size: 2.4em; text-decoration:none; padding: 0 0 .4em 0;}
#comentarios .txtTotalComentarios{font-size: .5em; color: #999999;}
#comentarios .border_bottom{border-bottom: solid .01em #DEEBEB; margin-bottom:.6em;}

#comentarios .list_comentario
{
	border-bottom: solid .1em #DEEBEB;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
}

#comentarios .list_comentario img.cAvatar
{
	float: left;
	padding: .3em;
	margin-right: 1.5em;
	border: #DEEBEB .1em solid;
}

#comentarios .list_comentario .txtAutor{font-size: 1.1em; color: #444444; line-height: 1.6em;}
#comentarios .list_comentario .txtAutor a{font-size: 1.3em;}
#comentarios .list_comentario .txtPublicado{font-size: 1.1em; color: #999999; line-height: 1.3em;}
#comentarios .list_comentario .txtContenido{clear:both; padding-top: .8em;}


/* ************************************************************** FORMULARIO COMENTARIO ************************************************************** */
#form_comentarios{padding: 1.5em 0;}
#form_comentarios p{padding: .5em 3em .5em 0em;}
#form_comentarios ul{padding: 0;}
#form_comentarios li{padding: 0 0 .5em 0;}
#form_comentarios fieldset{border:none; padding:0;}
#form_comentarios label, #form_comentarios legend{color: #444444; font-size: 1.1em; font-weight: bold; padding: .5em 0;}
#form_comentarios legend{color: #444444; font-weight: bold; padding: .5em 0;}
#form_comentarios .txtAyuda{color:#F00; font-size:.9em; padding-left: 3em;}




/* ************************************************************** ARCHIVOS RELACIONADOS: VIDEOS ************************************************************** */
#video_relacionado{clear:both;margin:0;padding:0.5em 0em 1.5em 0;}
#video_relacionado p.txtTitulo{color:#a42021; font-size:1.4em; font-weight:bold;}
#video_relacionado ul
{
	clear:both;
	
	min-height:14.7em;
	height:auto !important; 
	height:14.7em;
	display: table !important;
	
	margin:0;
	padding:0 0 0 3em;
}
/* ******************************* ARCHIVOS RELACIONADOS: CUANDO EL ENLACE ES EL TITULO DEL VIDEO ********************************* */
#video_relacionado li
{
	list-style:disc;
	padding:0.3em 0.5em 0 0.5em;
}

#video_relacionado a{color:#000; text-decoration:none; font-weight:bold;}
#video_relacionado a:hover{text-decoration:underline;}
/* ******************************* ARCHIVOS RELACIONADOS: CUANDO EL ENLACE ES EL ARCHIVO ADICIONAL DEL VIDEO ********************************* */
/*#video_relacionado li
{
	list-style: none;
	float:left;
	width:14.7em;
	height:14.7em;
	margin: 0 0 .4em .4em;
	padding:0;
}

#video_relacionado img{padding-bottom: .8em;}
#video_relacionado .txtTexto{clear:both; display: inline-block; width:100%; text-align: center;}*/




/* ************************************************************** ARCHIVOS RELACIONADOS: ARCHIVOS PDF... ************************************************************** */
#archivos_relacionados{clear:both; margin:1em 0em 0; padding:0.5em 0 1.5em 0;}
#archivos_relacionados p.txtTitulo{color:#a42021; font-size:1.4em; font-weight:bold;}
#archivos_relacionados ul
{
	clear:both;
	
	min-height:14.7em;
	height:auto !important; 
	height:14.7em;
	display: table !important;
	
	margin:0;
	padding:0 0 0 3em;
}
/* ******************************* ARCHIVOS RELACIONADOS: CUANDO EL ENLACE ES EL TITULO DEL ARCHIVO ********************************* */
/*#archivos_relacionados li
{
	list-style:disc;
	padding:0.3em 0.5em 0 0.5em;
}*/

#archivos_relacionados a{color:#cf0c42; text-decoration:none; font-weight:bold;}
#archivos_relacionados a:hover{color:#000;text-decoration:underline;}
/* ******************************* ARCHIVOS RELACIONADOS: CUANDO EL ENLACE ES EL ARCHIVO ADICIONAL ********************************* */
/*#archivos_relacionados li
{
	list-style: none;
	float:left;
	width:14.7em;
	height:14.7em;
	margin: 0 0 .4em .4em;
	padding:0;
}
#archivos_relacionados img{padding-bottom: .8em;}
#archivos_relacionados .txtTexto{clear:both; display: inline-block; width:100%; text-align: center;}*/