/*
 * Fichero: public.css ,v1.0px 17/10/2005 Isabel Casanova
 *
 * Hoja de estilos para presentación de los elementos principales comunes a
 * toda la Web. Se establecen tamaños, fuentes, solores y otros atributos
 * en general.
 *
 * Media			screen
 * Navegadores		IE5+, Mozilla 1.3+, Konqueror X, Opera X
 * CSS				2
 * Fichero			public.css
 * Version			v1.0
 * Autores			Isabel Casanova <isabel.casanova@net2u.es>
 * Comentarios
 */

 /* INDICACIONES DE USO EN GENERAL */
 /*
 	1- La estructura basica de una web seria:
		<div id="web">
			<div id="pcab">Precabecera</div>
			<div id="cab">Cabecera</div>
			<div id="scab">Subcabecera</div>
			<div id="ctd">
				<div id="lat">Lateral</div>
				<div id="dts">datos</div>
			</div>
			<div id="pie">Pie</div>
		</div>

	Cuando os encontreis con .XX son para que pongais vosotros vuestra
	personalización. Si teneis estructuras de columnas acordaros de denominarlas
	como 'c1', 'c2', asi con todo.

	Si teneis H1, H2, H3, ..., y teneis varios formatos intentar nombrarlo como
	su peso semantico esto es: un H3 que es titulo de seccion llamarlo .scc, o si es
	un titulo de un apartado pues llamarlo .apdo, asi correlativamente.

	Si se van detectando tipos de datos semanticamente los iremos poniendo, asi
	como ir acoplando los patrones conforme se vayan teniendo.


	2- Esto vale no solo para este estilo si no para los grupos de:
	web-pre, pcab, cab, scab, pie, si queremos poner elementos en columnas
	intetaremos no definir las columas como tal si no describirlas como por
	ejemplo:
		#pcab .c1 {  }
		#pcab .c2 {  }

	3. En el caso de que sobre todo en los elementos de cabecera o pie existan una
	navegación menor como por ejemplo: "inicio, mapa web, contacto" Se ha definido
	un estilo en cada uno de esos grupos con el estilo ".nav"

*/


/* ESTILOS GENERALES */
/*
	Definición de estilos gglobales para la web.
	Evitar definir estilos generales para h1,h2,h3,h4,h5,input,...
*/
body { margin:0px; padding:0px; background: url(/MODULOS/global/publico/interfaces/img/fondo_lateral.gif) 0px 0px repeat-y;  }
html, body {  }
td {  }
hr { display: none; }

/* ESTILOS CAJAS GLOBALES. GRID GLOBAL */
/*
	Estructura de datos de grid globales para los esquemas:
	web-pre -> Caja web que engloba la pre home
	web		-> Caja web que engloba todo
	pcab	-> Caja precabecera
	cab		-> Caja cabecera
	scab	-> Caja subcabecera
	ctd		-> Caja contenido que engloba laterales y datos
	dts		-> Caja datos
	pie		-> Caja pie
*/
#web-pre { }
#web { text-align:justify; width:785px; font-family:Trebuchet "MS", Arial; font-size:11px; color:#333333; background: transparent url(/MODULOS/global/publico/interfaces/img/fondo_decoracion.jpg) 0px 0px no-repeat; }
#pcab {  }
#cab {height:40px; background:url(/MODULOS/global/publico/interfaces/img/fondo_cab.gif) repeat-x;margin-bottom:5px;  }
#scab {  }
#lat { float:left; width:193px; }
#ctd { float:left; width:530px; }
#dts {  }
#pie {text-align:center; margin-left:20px; background:url(/MODULOS/global/publico/interfaces/img/fondo_pie.gif) repeat-x; height:29px;  }

/* ESTILOS PARA LA WEB */
/*
	Definicion de los estilos necesarios para hacer que si es liquida al
	redeimensionarse haya un ancho minimo para que el diseño no se estropee.

	La estructura en HTML seria asi:
	<div id="web">
		<div id="web-blo"><div id="web-min"><div id="web-con">
			Lorem ipsum
		</div</div></div>
	</div>

	Ejemplo de utilizacioón: Si la web debe de ajustarse a ajustarse al 100% pero con
	minimo de 750px de ancho, los estilos deberian ser:
		#web { width: 100%; min-width: 750px; text-align: left; }
		#web-blo {  }
		#web-min { padding-left: 750px; }
		#web-con { margin-left: -750px; position: relative; }
		* html #web-min { padding-left: 750px; }
		* html #web-con { margin-left: 750px; position: relative; }
		html #web-min, * html #web-con, * html #web-blo { height:1px; }
*/
#web-padd {padding-left:52px;  }
#web-blo {  }
#web-min {  }
#web-con {  }
* html #web-min {  }
* html #web-con {  }
/*\*/ * html #web-min, * html #web-con, * html #web-blo {  } /**/

/* ESTILOS PARA LA PREHOME DE LA WEB */
#web-pre .XX {  }
#web-pre .XX-padd {  }
#web-pre h1.XX {  }
#web-pre h2.XX {  }
#web-pre h3.XX {  }
#web-pre h4.XX {  }
#web-pre h5.XX {  }

/* ESTILOS PARA LA PRECABECERA */
#pcab .XX {  }
#pcab .XX-padd {  }
#pcab .nav {  }
#pcab h1.XX {  }
#pcab h2.XX {  }
#pcab h3.XX {  }
#pcab h4.XX {  }
#pcab h5.XX {  }

/* ESTILOS PARA LA CABECERA DE LA WEB */
#cab ul {width:530px; margin:0px; padding:20px 0 0 10px;}
#cab ul li {margin:0px; float:left; padding-right:5px;font-size:12px; font-weight:bold; text-transform:uppercase; list-style-type:none; }
#cab ul li.n1 {padding-left:10px;}
#cab ul li a {padding-left:12px;text-decoration:none; color:#333333; background:url(/MODULOS/global/publico/interfaces/img/bullet_menu.gif) 0px 2px no-repeat;}
#cab ul li a:hover {text-decoration:underline; color:#C60650; background:url(/MODULOS/global/publico/interfaces/img/bullet_act.gif) 0px 2px no-repeat;  }
#cab ul li.act {text-decoration:underline; color:#C60650; background:url(/MODULOS/global/publico/interfaces/img/bullet_act.gif) 0px 2px no-repeat;  }
#cab h2.XX {  }
#cab h3.XX {  }
#cab h4.XX {  }
#cab h5.XX {  }

/* ESTILOS PARA LA SUBCABECERA */
#scab .XX {  }
#scab .XX-padd {  }
#scab .nav {  }
#scab h1.XX {  }
#scab h2.XX {  }
#scab h3.XX {  }
#scab h4.XX {  }
#scab h5.XX {  }
/* ESTILOS PARA EL PREPIE DE LA PAGINA */
#prepie{ margin-left:20px; background:#E5EEF4 url(/MODULOS/global/publico/interfaces/img/esq_dch.gif) top left no-repeat;}
#prepie-padd { padding:10px 0 10px 30px; background:url(/MODULOS/global/publico/interfaces/img/esq_izq.gif) bottom right no-repeat;}

/* ESTILOS PARA EL PIE DE LA PAGINA */
#pie .XX {  }
#pie .XX-padd {  }
#pie a {  }
#pie h1.XX {  }
#pie h2.XX {  }
#pie h3.XX {  }
#pie h4.XX {  }
#pie h5.XX {  }

/* ESTILOS PARA EL MENU LATERAL */
#lat .XX {  }
#lat .XX-padd {  }
#lat h1{ background: url(/MODULOS/global/publico/interfaces/img/logo.jpg) no-repeat; width:193; height:192px; margin:0px; padding:0px;}
#lat h1 span {display:none;}
#lat h1 a {border:none;display: block;width:193;height:192px;}
#lat h2 {padding:0 0 0 6px; color:#FFFFFF; text-transform:uppercase; font-size:16px; font-weight:bold;font-family:Trebuchet "MS", Arial;  }
#lat h2 a {padding:0 0 0 6px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; font-size:16px; font-weight:bold;font-family:Trebuchet "MS", Arial;  }
#lat h3 {margin:12px 0px; font-size: 12px; padding:0 0 0 12px; font-weight:bold; color:#FFFFFF;   }
#lat h4.XX {  }
#lat h5.XX {  }

/* ESTILOS PARA EL CONTENIDO Y DATOS */
#dts-padd {padding:20px;}
#dts .img {margin-bottom:8px; padding:0px; border-bottom:1px solid #CECECE; }
#dts h3 {margin:0px; font-size: 14px; font-weight:bold;color:#C60650;  }
#dts h3.seccion {margin-bottom:5px; padding:3px 3px 3px 5px ; background:url(/MODULOS/global/publico/interfaces/img/fondo_h3.gif) 0px 2px no-repeat; border-bottom:1px solid #CECECE;}
#dts h4.XX {  }
#dts h5.XX {  }

/* ESTILOS PARA MENUS DE NAVEGACION */
/* Menu de 1º Nivel, 2º Nivel y 3º Nivel anidados. Con el estilo ".act" estamos definiendo la opcion de menu actual */
.men {  }
.men ul { width:175px;margin:0 0 0 12px; padding:0px 0 0 0px; border-left:1px solid #FDD8E6;} /* 1º Nivel de navegación */
.men ul li {margin:0px; list-style-type:none; font-size:11px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #E078A0; }
.men ul li a {display:block; padding:3px 20px 3px 5px; color:#FFFFFF; text-decoration:none; }
.men ul li a:hover { color:#C60650; padding-right:20px; background: #FFFFFF url(/MODULOS/global/publico/interfaces/img/bullet_menu2.gif) right top no-repeat;}
.men ul li.txt {display:block; padding:3px 0 3px 5px;color:#FFFFFF; text-decoration:none; }
.men ul li.act {  }
.men ul li.act a {  }
.men ul li.act a:hover {  }
.men ul ul {  } /* 2º Nivel de navegación */
.men ul ul li {  }
.men ul ul li a {  }
.men ul ul li a:hover {  }
.men ul ul li.act {  }
.men ul ul li.act a {  }
.men ul ul li.act a:hover {  }
.men ul ul ul {  } /* 3º Nivel de navegación */
.men ul ul ul li {  }
.men ul ul ul li a {  }
.men ul ul ul li a:hover {  }
.men ul ul ul li.act {  }
.men ul ul ul li.act a {  }
.men ul ul ul li.act a:hover {  }
/* Menu de 1º Nivel. Con el estilo ".act" estamos definiendo la opcion de menu actual */
.men-1n {  }
.men-1n ul {  }
.men-1n ul li {  }
.men-1n ul li a {  }
.men-1n ul li a:hover {  }
.men-1n ul li.act {  }
.men-1n ul li.act a {  }
.men-1n ul li.act a:hover {  }
/* Menu de 2º Nivel. Con el estilo ".act" estamos definiendo la opcion de menu actual */
.men-2n {  }
.men-2n ul {  }
.men-2n ul li {  }
.men-2n ul li a {  }
.men-2n ul li a:hover {  }
.men-2n ul li.act {  }
.men-2n ul li.act a {  }
.men-2n ul li.act a:hover {  }
/* Menu de 3º Nivel. Con el estilo ".act" estamos definiendo la opcion de menu actual */
.men-3n {  }
.men-3n ul {  }
.men-3n ul li {  }
.men-3n ul li a {  }
.men-3n ul li a:hover {  }
.men-3n ul li.act {  }
.men-3n ul li.act a {  }
.men-3n ul li.act a:hover {  }

/* ESTILOS PARA LOS LISTADOS */
/* Listados para documentos */
.lst-doc ul {  }
.lst-doc li {list-style-image:url(/MODULOS/global/publico/interfaces/img/bullet_enlace.gif);  }
.lst-doc dl {  }
.lst-doc dt {  }
.lst-doc dd {  }
.not-lin {display:block; height:5px; margin-bottom:5px; border-bottom:1px dotted #CECECE;}
.lst-not li { list-style-image:url(/MODULOS/global/publico/interfaces/img/bullet_list.gif); }
.lst-not.fec { color:#5E5E5E;  }
.lst-not li a { text-decoration:none; color:#C60650;  }
.lst-not li a:hover { text-decoration:none; color:#000 ;  }
/* Listados para enlaces */
.lst-url {  }
.lst-url ul {  }
.lst-url li {  }
.lst-url dl {  }
.lst-url dt {  }
.lst-url dd {  }
/* Listados para categorias */
.cat {font-size:12px; font-weight:bold; }
.lst-cat {  }
.lst-cat ul {}
.lst-cat li { list-style-image:url(/MODULOS/global/publico/interfaces/img/bullet_act.gif); }
.lst-cat dl {  }
.lst-cat dt {  }
.lst-cat dd {  }
/* Listados para datos de resultados */
.lst-dts {  }
.lst-dts dl {  }
.lst-dts dt {  }
.lst-dts dd {  }
/* Listados para explicaciones */
.lst-exp {  }
.lst-exp ul {  }
.lst-exp li {  }
.lst-exp dl {  }
.lst-exp dt {  }
.lst-exp dd {  }
/* Listados para notas */
.lst-not {  }
.lst-not ul {  }
.lst-not li {  }
.lst-not dl {  }
.lst-not dt {  }
.lst-not dd {  }
/* Listados para opciones */
.lst-op {  }
.lst-op ul {}
.lst-op li { list-style-type:square;  }
.lst-op dl {  }
.lst-op dt {  }
.lst-op dd {  }
/* Listados para subopciones */
.lst-sop {  }
.lst-sop ul { margin:0px; padding-left:17px; }
.lst-sop li { margin:0px; padding:0px; list-style-image:url(/MODULOS/global/publico/interfaces/img/bullet_act.gif); }
.lst-sop ul li a {text-decoration:none; color:#C60650;}
.lst-sop dl {  }
.lst-sop dt {  }
.lst-sop dd {  }
/* Listado especial o personlizada: Formato1 */
.lst-f1 ul {  }
.lst-f1 li {  }
.lst-f1 dl {  }
.lst-f1 dt {  }
.lst-f1 dd {   }

/* TABLA DE DATOS */
/* Tabla de datos normal */
table.tbl-dts {  }
table.tbl-dts caption {  }
.tbl-dts th {  }
.tbl-dts td {  }
/* Tabla para el calendario normal */
table.tbl-cal {  }
table.tbl-cal caption {  } /* Estilos para caption de la tabla */
table.tbl-cal caption a {  }
table.tbl-cal caption a:hover {  }
.tbl-cal th {  } /* Estilos para cabecera de tabla */
.tbl-cal th a {  }
.tbl-cal th a:hover {  }
.tbl-cal td {  } /* Estilos para los dias futuros */
.tbl-cal td a {  }
.tbl-cal td a:hover {  }
.tbl-cal td.hoy {  } /* Estilos para el dia de hoy */
.tbl-cal td.hoy a {  }
.tbl-cal td.hoy a:hover {  }
.tbl-cal td.ant {  } /* Estilos para los dias pasados */
.tbl-cal td.ant a {  }
.tbl-cal td.ant a:hover {  }
/* Tabla para el calendario citas */
table.tbl-cit {  }
table.tbl-cit caption {  }
table.tbl-cit caption a {  }
table.tbl-cit caption a:hover {  }
.tbl-cit tr th {  } /* Estilos para caption de la tabla */
.tbl-cit tr th a {  }
.tbl-cit tr th a:hover {  }
.tbl-cit td {  } /* Estilos para los celdas en general */
.tbl-cit td.hoy {  } /* Estilos para el dia de hoy */
.tbl-cit td.hoy a {  }
.tbl-cit td.hoy a:hover {  }
.tbl-cit td.lib {  } /* Estilos para los dias libres */
.tbl-cit td.lib a {  }
.tbl-cit td.lib a:hover {  }
.tbl-cit td.nlib {  } /* Estilos para los dias ocupados */
/* Tabla de datos normal, especial o personlizada: Formato 1 */
table.tbl-f1 {  }
table.tbl-f1 caption {  }
.tbl-f1 th {  }
.tbl-f1 td {  }

/* ESTILOS PARA CAJA CON FORMATOS */
.caj-img1 {float:left; margin:10px; padding:0px; }
.caj-img3 {margin-left:15px; margin-bottom:15px; padding:0px;}


/* Caja de Ayuda */
.caj-ayu {  }
.caj-ayu-padd {  }
/* Caja de error */
.caj-err {  }
.caj-err-padd {  }
.caj-err strong {  }
/* Caja de 'No hay datos en listado */
.caj-ndts {  }
.caj-ndts-padd {  }
.caj-ndts strong {  }
/* Caja para contenidos anexos */
.caj-anx {  }
.caj-anx-padd {  }
/* Caja para contenidos notas */
.caj-not {  }
.caj-not-padd {  }
/* Caja resultados */
.caj-res {  }
.caj-res-padd {  }
/* Caja para la autentificacion */
.caj-aut {  }
.caj-aut-padd {  }
/* Caja para contenido destacado */
.caj-des {  }
.caj-des-padd {  }
.caj-des-scc {  }
/* Caja Tooltip */
#caj-ttip {  }
#caj-ttip-img {  }
/* Caja para personalizable: formato 1 */
/*
	Recordar que debeis comentar donde la empleais, eso os servira con el tiempo a
	encontrar las cosas
*/
.caj-f1 {margin-left:5px;padding:5px 0 0px 10px; background:#F1F1F1;}
.caj-f1-padd {  }
.caj-f2 {}
.caj-f3 { padding:10px 0 0 0;}
.caj-f4 {border-top: 1px dotted #000000;padding-top:5px;}

/* ESTILOS PARA LAS PESTAÑAS */
/*
	La "f1" indica el tipo formato y personalización. El listado corresponde a su
	representacion grafica. El estilo ".pesfX-cpo", correspende al cuerpo de la
	carpeta y padd a su margen. El estilo "act" corresponde a la pestaña actual.

	Ejemplo:
		<div class="pesf1">
			<ul>
				<li class="act"><a href="">...</a></li>
				<li><a href="">...</a></li>
			</ul>
		</div>
		<div class="pesf1-cpo">
			<div class="pesf1-padd">
				Lorem ipsum dolor sit amet
			</div>
		</div>

	En caso que hubiera dos tipos de pestañas, se denominarian: pesf2, pesf3,...
	asi correlativamente
*/
.pesf1 {  }
.pesf1 ul {  }
.pesf1 ul li {  }
.pesf1 ul li a {  }
.pesf1 ul li a:hover {  }
.pesf1 ul li.act a {  }
.pesf1 ul li.act a:hover {  }
.pesf1-cpo {  }
.pesf1-padd {  }

/* ESTILOS PARA EL POPUP */
#pop {  }
#pop-padd {  }

/* ESTILOS PARA COLUMNAS GENERALES */
/*
	Seccion donde definios los estilos globales para columnas.

	No se puede definir 'border', ni 'padding', ni 'margin'. Asi logramos que estos estilos
	lo emlemos para cosas genericas. A veces en portadas sobre todo necesitaremos
	definir estilos algo mas particulares pero para ello utilizaremos de las CSS
	el apartado 'ESTILOS PARA COLUMNAS PERSONALIZADAS'.
*/
/* 2 Columnas 50%-50& */
.col2f1 {  }
.col2f1-c1 { float: left; width: 49%; }
.col2f1-c2 { float: right; width: 49%; }
.col2f1-c2-padd {padding-left:30px;}
/* 2 Columnas 70%-30% */
.col2f2i {  }
.col2f2i-c1 { float: left; width: 69%; }
.col2f2i-c2 { float: right; width: 29%; }
/* 2 Columnas 30%-70% */
.col2f2d {  }
.col2f2d-c1 { float: left; width: 29%; }
.col2f2d-c2 { float: right; width: 69%; }
/* 2 Columnas 60%-40% */
.col2f3i {  }
.col2f3i-c1 { float: left; width: 59%; }
.col2f3i-c2 { float: right; width: 39%; }
/* 2 Columnas 40%-60% */
.col2f3d {  }
.col2f3d-c1 { float: left; width: 39%; }
.col2f3d-c2 { float: right; width: 59%; }
/* 2 Columnas 20%-80% */
.col2f4d {  }
.col2f4d-c1 { float: left; width: 19%; }
.col2f4d-c2 { float: right; width: 79%; }
/* 2 Columnas 80%-20% */
.col2f4i {  }
.col2f4i-c1 { float: left; width: 79%; }
.col2f4i-c2 { float: right; width: 19%; }
/* 3 Columnas 33%-33%-33% */
.col3f1 {  }
.col3f1-c1 { float:left; margin:0% 1.99% 0% 0%; width:32%; }
.col3f1-c2 { float:left; margin:0% 0% 0% 0%; width:32%; }
.col3f1-c3 { float:right; width:32%; }
/* 3 Columnas grid 1 33%-66% */
.col3f1g1 {  }
.col3f1g1-c1 { float:left; width:32%; }
.col3f1g1-c2 { float:right; width:66%; }
/* 3 Columnas grid 2 66%-33% */
.col3f1g2 {  }
.col3f1g2-c1 { float:left; width:66%; }
.col3f1g2-c2 { float:right; width:32%; }
/* 4 Columnas 25%-25%-25%-25% */
.col4f1 {  }
.col4f1-c1 { float:left; margin:0% 1.333% 0% 0%; width:24%; }
.col4f1-c2 { float:left; margin:0% 1.333% 0% 0%; width:24%; }
.col4f1-c3 { float:left; margin:0% 0% 0% 0%; width:24%; }
.col4f1-c4 { float:right; margin:0% 0% 0% 0%; width:24%; }
/* 4 Columnas grid 1 25%-50%-25% */
.col4f1g1 {  }
.col4f1g1-c1 { float:left; margin:0% 1.5% 0% 0%; width:24%; }
.col4f1g1-c2 { float:left; margin:0% 0% 0% 0%; width:49%; }
.col4f1g1-c3 { float:right; margin:0% 0% 0% 0%; width:24%; }
/* 4 Columnas grid 2 25%-25%-50% */
.col4f1g2 {  }
.col4f1g2-c1 { float:left; margin:0% 1.5% 0% 0%; width:24%; }
.col4f1g2-c2 { float:left; margin:0% 0% 0% 0%; width:24%; }
.col4f1g2-c3 { float:right; margin:0% 0% 0% 0%; width:49%; }
/* 4 Columnas grid 3 50%-25%-25% */
.col4f1g3 {  }
.col4f1g3-c1 { float:left; margin:0% 1.5% 0% 0%; width:49%; }
.col4f1g3-c2 { float:left; margin:0% 0% 0% 0%; width:24%; }
.col4f1g3-c3 { float:right; margin:0% 0% 0% 0%; width:24%; }
/* 5 Columnas 20%-20%-20%-20% */
.col5f1 {  }
.col5f1-c1 { float:left; margin:0% 1.2% 0% 0%; width:19%; }
.col5f1-c2 { float:left; margin:0% 1.2% 0% 0%; width: 19%; }
.col5f1-c3 { float:left; margin:0% 1.2% 0% 0%; width: 19%; }
.col5f1-c4 { float:left; margin:0% 0% 0% 0%; width:19%; }
.col5f1-c5 { float:right; margin:0% 0% 0% 0%; width:19%; }

/* ESTILOS PARA COLUMNAS PERSONALIZADAS */
/*
	Estilos empleados para modelos de columnas que se han de personalizar porque
	el diseño lo requiere.

	Un ejemplo de como nombrarlas es:
		- Si tenemos que hacer dos columnas seria asi
		.col2p1 {  } 'Con el respectivo comentario de donde se emplea'
		.col2p1-c1 {  }
		.col2p1-c2 {  }
		- Si tenemos que hacer tres columnas:
		.col3p1 {  } 'Con el respectivo comentario de donde se emplea'
		.col3p1-c1 {  }
		.col3p1-c2 {  }
		.col3p1-c3 {  }

	Si tenemos mas de dos modelos de personalizacion de columnas, es decir dos modelos
	diferentes de dos columnas, las nombraremos: col2p1 y a la siguiente col2p2, recordando
	siempre el comentar donde se emplea.
*/
.col2p1 {  }
.col2p1-c1 { float:left; width:10%;}
.col2p1-c2 { float:right; width:89%;}


/* FONDOS ESPECIALES */
.fdo-f1 {background: url(/MODULOS/global/publico/interfaces/img/fondo_col.gif) 50% 0px repeat-y;  }

/* ESTILOS PARA BREADCRUMS */
.bdc {  }
.bdc-padd {  }
.bdc strong {  }
.bdc a {  }
.bdc a:hover {  }

/* ESTILO PARA LA PAGINACION */
.pag {  }
.pag a.ini {  } /* Estilo para ir al inicio del listado paginado */
.pag a.ini:hover {  }
.pag a.ant {  } /* Estilo para retroceder un paso en el listado paginado */
.pag a.ant:hover {  }
.pag a.fin {  } /* Estilo para ir al final del listado paginado */
.pag a.fin:hover {  }
.pag a.sig {  } /* Estilo para avanzar un paso en el listado paginado */
.pag a.sig:hover {  }
.pag .ley {  } /* Estilo de la leyenda de paginacion */
.pag .ley strong {  }
.pag .res {  } /* Estilo el texto de resultados */
.pag .act {  } /* Estilo que indica la pagina en la que estamos */
.pag .act strong {  }

/* ESTILOS PARA LA NAVEGACION COMPLEMENTARIA */
/* Barra de opciones navegacion superior */
.nav-top {  }
.nav-top-padd {  }
/* Barra de opciones navegacion inferior */
.nav-btt {  }
.nav-btt-padd {  }

/* ESTILOS PARA CUALQUIER FORMULARIO */
/* Formulario Buscador */
.form-bus {  }
.form-bus fieldset {  }
.form-bus legend {  }
.form-bus .lbl {  }
.form-bus .cps {  }
.form-bus .btn {  }
/* Formulario general */
.form {  }
.form fieldset {  }
.form fieldset legend {  }
.form fieldset .lbl {  }
.form fieldset .lbl-gr {  }
.form fieldset .lbl-md {  }
.form fieldset .lbl-pq {  }
.form fieldset .cps {  }
.form fieldset .cps-gr {  }
.form fieldset .cps-md {  }
.form fieldset .cps-pq {  }
.form fieldset .cps-err {  }
.form fieldset .rad {  }
.form fieldset .chx {  }
.form fieldset .tex {  }
.form fieldset .tex-gr {  }
.form fieldset .tex-md {  }
.form fieldset .tex-pq {  }
.form .btn {  }
.form .btn:disabled {  }
.form .btn-gr {  }
.form .btn-md {  }
.form .btn-pq {  }
.form .dist-btn {  }
.form .obl {  }
.form .avi {  }
/* Formulario de filtros de busqueda, opcion de filtrado. Se anida con el estilo "form" */
.form-fil {  }
/* Formulario de autentificacion de entrada a la web se anida con el estilo "form" */
.form-aut {  }
/* Formulario de filtros de busqueda, opcion de filtrado. Se anida con el estilo "form" */
.form-fil {  }
/* Formulario de XXX para cajas ventanas se anida con el estilo "form" */
/*
	Ejemplo de como anidar: <form class="form form-xxx"></form>
*/
.form-XXX {  }

/* ESTILOS PARA TEXTO */
.txt {  }		/* Estilo para el texto en general */
.ent {font-style:italic  }		/* Estilo para la entradilla */
.ent-f1 {  }	/* Esilo para la entradilla con otro formato, si hay algun mas se nombra correlativamente: f2, f3,... */
.des { font-weight:bold; text-transform:uppercase; color:#000000; }		/* Estilo para destacado */
.des-f1 { font-weight:bold;color:#000000; }	/* Esilo para destacado con otro formato, si hay algun mas se nombra correlativamente: f2, f3,... */
.esp {color:#11609D; font-weight:bold; }		/* Estilos especiales de color, indicar donde se usa y porque */
.esp-f1 {  }	/* Estilos especiales de color, indicar donde se usa y porque, si hay algun mas se nombra correlativamente: f2, f3,... */
.fec {color:#595959;  }		/* Estilo para campo de fecha */
.fec-ini {  }	/* Estilo para campo de fecha de inicio */
.fec-fin {  }	/* Estilo para campo de fecha de final o utlima fecha */
.fec-crt {  }	/* Estilo para campo de fecha critica */
.tit {font-weight:bold; font-size:12px;}		/* Estilo para el titulo */
.tit-f1 {  }	/* Estilo para el titulo, indicar donde se usa y porque, si hay algun mas se nombra correlativamente: f2, f3,... */
.ant {  }		/* Estilo para antetitulos */
.sub {  }		/* Estilo para la subcabecera */
.dscp {  }		/* Estilo para utilizar cuando descripcion */
.res {  }		/* Estilo para la resaltados */
.not {  }		/* Estilo para notas */
.ane {  }		/* Estilos para anexos */
.ok {  }		/*	Estilo para Ok en resultados */
.nok {  }		/* Estilo para resultados no Ok en resultados */
.pvp {  }		/* Estilo para precio */
.pvp-des {  }	/* Estilo para destacado */
.pvp-ant {  }	/* Estilo para precio anterior */
.ndts {  }		/* Estilo que indica que no hay resultados en listados. Se utiliza cuando no hay decoracion, si no se utilizara los definidos en las cajas */
.err {  }		/* Estilo que indica que no hay resultados en listados. Se utiliza cuando no hay decoracion, si no se utilizara los definidos en las cajas */

/* ESTILOS PARA EL CUERPO */
.cpo {  }
.cpo strong {  }
.cpo ul {  }
.cpo li {  }
.cpo ul {  }
.cpo li { list-style-image:url(/MODULOS/global/publico/interfaces/img/bullet_act.gif); }
.cpo li a { text-decoration:none; color:#C60650;  }
.cpo li a:hover { text-decoration:none; color:#000 ;  }
.cpo p {  }

/* ESTILOS PARA IMAGENES */
img {  border:0px; }
a.img { }
a.img:hover {  }
.img-sm {  } /* Estilo para imagenes sin marcos */
.img-cm {  } /* Estilo para imagenes con marcos */
.img-dch { float: right; margin: 0px 0px 8px 8px; border: 1px dotted #CCCCCC; } /* Estilos para imagenes que flotan a la derecha */
.img-dch-padd { padding: 4px 4px 20px 4px; }
.img-izq { float: left; margin: 0px 10px 8px 0px; border: 1px dotted #CCCCCC; } /* Estilos para imagenes que flotan a la izquierda */
.img-izq-padd {padding: 4px 4px 20px 4px;  }
.img-pie {float:left;  padding:3px 0 0 3px; border-left:2px solid #C81158;  }

/* ESTILOS PARA ENLACES */
/* Nota: Colores anteriores de enlaces azul claro: #00506F*/
.enl {color:#C60650; text-decoration:none;}
.enl1  {padding-right:30px;color:#C60650; text-decoration:none; background:url(/MODULOS/global/publico/interfaces/img/bullet_enlace.gif) 85px 2px no-repeat; } /* Enlaces en general */
.enl2 {color:#C60650; text-decoration:none;}
.enl3 {color:#000000; text-decoration:none;}
.subir {padding-left:15px;background:url(/MODULOS/global/publico/interfaces/img/subir.gif) 0 4px no-repeat; text-decoration:none; color:#00506F;}
.volver{padding-left:10px;background:url(/MODULOS/global/publico/interfaces/img/volver.gif) 0 2px no-repeat; text-decoration:none; color:#00506F;}
.enl_img {clear:both; width:120px; margin-top:3px; padding:5px 0 0 15px; background:url(/MODULOS/global/publico/interfaces/img/lupa.gif) 0 6px no-repeat; text-decoration:none; color:#C60650;}
a:hover {  }
a.enl {  }/* Estilo para enlace */
a.enl:hover {  }
a.enl-pq {  } /* Enlaces pequeños */
a.enl-pq:hover {  }
a.enl-des {  } /* Enlaces destacados */
a.enl-des:hover {  }
a.enl-mas { /* Enlaces mas informacion */ }
a.enl-mas:hover {  }
a.enl-fot {  } /* Enlaces foto */
a.enl-fot:hover {  }
a.enl-vid {  } /* Enlaces video */
a.enl-vid:hover {  }
a.enl-aud {  } /* Enlaces video */
a.enl-aud:hover {  }
a.enl-swf {  } /* Enlaces flash */
a.enl-swf:hover {  }
a.enl-pdf {  } /* Enlaces pdf */
a.enl-pdf:hover {  }
a.enl-amp {  } /* Enlaces ampliar foto */
a.enl-amp:hover {  }
a.enl-doc {  } /* Enlaces para documentos */
a.enl-doc:hover {  }
a.enl-imp {  } /* Enlaces para impresion */
a.enl-imp:hover {  }
a.enl-top {  } /* Enlaces subir */
a.enl-top:hover {  }
a.enl-vol {  } /* Enlaces volver */
a.enl-vol:hover {  }
a.enl-ant {  } /* Enlaces para anterior */
a.enl-ant:hover {  }
a.enl-sig {  } /* Enlaces siguiente */
a.enl-sig:hover {  }
a.enl-hoy {  } /* Enlaces hoy */
a.enl-hoy:hover {  }
a.enl-ema {  } /* Enlaces email */
a.enl-ema:hover {  }
a.enl-gua {  } /* Enlaces guardar */
a.enl-gua:hover {  }
a.enl-res {  } /* Enlaces restuarar */
a.enl-res:hover {  }
a.enl-sal {  } /* Enlaces salir */
a.enl-sal:hover {  }
a.enl-ayu {  } /* Enlaces ayuda */
a.enl-ayu:hover {  }
a.enl-edi {  } /* Enlaces editar */
a.enl-edi:hover {  }
a.enl-nedi {  } /* Enlaces no editar  */
a.enl-nedi:hover {  }
a.enl-vis {  } /* Enlaces previsualizar  */
a.enl-vis:hover {  }
a.enl-rdo {  } /* Enlaces resaltado */
a.enl-des:hover {  }
a.enl-ndes {  } /* Enlaces no resaltado */
a.enl-ndes:hover {  }
a.enl-min {  } /* Enlace minimizar */
a.enl-min:hover {  }
a.enl-max {  } /* Enlaces maximizar */
a.enl-max:hover {  }

/* ESTILOS PARA LA LINEAS */
.lin-f1 {  }
/*ESTILOS VARIOS*/
.doc {border-top:1px dotted #000000; margin-top:10px; padding-top:8px;}
/* ESTILOS PARA FLOTAR Y ALINEAR */
.flo-izq { float: left; }
.flo-dch { float: right; }
.ali-izq { text-align: left; }
.ali-dch { text-align: right; }
.ali-cen { text-align: center; }
.ali-top { vertical-align: top; }
.ali-btt { vertical-align: bottom; }
.ali-med { vertical-align: middle; }

/* ESTILOS PARA ESPACIOS Y DIMENSIONES */
.padd {  }
.padd-top { padding: 10px 0px 0px 0px; }
.padd-btt { padding: 0px 0px 10px 0px; }
.padd-izq { padding: 0px 0px 0px 10px; }
.padd-dch { padding: 0px 10px 0px 0px; }

/* ESTILOS PARA BORRAR ESTILOS Y OCULTAR*/
.brr { clear: both; }
.ocu { display: none; }
ocu { display: none; }
.con:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.con {display:inline-block;}
.con {display:block;}
@media all { .con { display:block; }} /* Para Opera */
/* Hides from IE-mac \*/ * html .con { height: 1%; display:block;} /* End hide from IE-mac */