/* ################################################################## */
/* Hoja de estilos  - General */
/* ################################################################## */


/* ######################### */
/* Redefinicion de etiquetas */
/* ######################### */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.69em;
	color: #666666;
	text-decoration: none;
	background: #FFFFFF;
	text-align: center;
	margin: 0em;
	padding:0em;
	background-color:#FFFFFF;
}
h2 {
}
h6		{margin: 0em 0em 0.41em 0em;padding: 0em;color: #23579E;font-size: 0.69em;font-weight: bold;border-bottom: 0.08em solid #000000;display: block;width: 100%;	text-transform: uppercase;}

a	{
	text-decoration: none;
	color: #66635C;
}
a:hover	{
	text-decoration: underline;
}
img	{
	border: 0em;
}

.subrayado{
  text-decoration:underline;
}
/* ##################### */
/* Listado de Selectores */
/* ##################### */

/* Contenedor principal de toda la pantalla */
#sujetador {
	text-align: left;
	width: 70em;
	margin: 0em auto;
	padding: 0em;
	
}

/* Encabezado general del portal */
/* ----------------------------- */
#cabecera	{
	background:url(/MODULOS/_GLOBAL/publico/interfaces/resto/img/cabecera2.jpg) no-repeat;
	width:69.5em;
	height:8.3em;
}
#cabecera	h1{
  width:2em;
  margin: 0.4em 0em 0em 0.8em;
	padding:0em 0em 0em 0em;
	float:left;

}


/* Herramientas del portal (inicio, mapa, contacto y buscador) */
/* ----------------------------------------------------------- */
#herramientas	{
	float:right;
	width: 14.6em;
	margin: 0em 0.041em 0em 0em;
	display:inline;
	padding:1.2em 5.8em 0em 0em;
}

#herramientas form	{
	display:inline;
}
#herramientas input	{
	margin:0em;
	padding:0em;
	font-size: 0.9em;
}
#herramientas ul		{list-style: none;display: inline; margin:0em; padding:0em;}
#herramientas li		{display: inline;margin:0em;padding:0em;}
/* Color de los enlaces */
#herramientas li a	{color:#000000;}


/* Lista de opciones del menu de primer nivel de navegacion */
/* --------------------------------------------------------- */
#nav1	{
	padding: 6.4em 0em 0em 16.25em;

}
#nav1 ul	{
	list-style-type: none;
}
#nav1 ul li	{
	display:inline;
}
#navcontainer {
	margin: 0em;
	padding: 0em 0em 0em 1.1em;

}
#navcontainer ul {
	list-style: none;
	margin: 0em;
	padding: 0em;
	border: none;
}
#navcontainer li {
	display: block;
	margin: 0em;
	padding: 0em;
	float: left;
	width: auto;
}
#navcontainer a {
	color: #E8E7E6;
	display: block;
	width: auto;
	text-decoration: none;
	background: #66635C;
	margin: 0em;
	padding: 0.25em 0.5em 0.3em 0.5em;
	border-left: 0.08em solid #666666;
	border-top: 0.08em solid #666666;
	border-right: 0.08em solid #666666;
}
#navcontainer a:hover, #navcontainer a:active { background: #D4D0BA;  }
#navcontainer a:hover{	color: #444444;;}
#navcontainer a.active:link, #navcontainer a.active:visited {
	position: relative;
	z-index: 102;
	background: #BBBBBB;
	font-weight: bold;

}
#navcontainer .activo	{
	background-color:#FFFFFF;
	color: #444444;
}

#navcontainer a.activo:hover	{ color: #444444; }


/* Lista de opciones del menu del segundo nivel de navegacion */
/* ---------------------------------------------------------- */
#nav2	{
	width: 17.4em;
	_width: 17.35em;
	float:left;
	border-right: 0.08em solid #66635C;
	border-bottom: 0.08em solid #66635C;
	margin:0em;
	padding:0em;
	background-color:#D4D0BA;
}
/* Boton promocional para que los usuarios manden sus sugerencias */
#nav2 p.promo	{
	margin-top: 0.92em;
	margin-bottom: 0.92em;
	margin-left: 1.25em;
	color: #004389;
	font-size: 0.82em;
	line-height: 0.8em;
	letter-spacing: 0.07em;

}
#nav2 p.promo img	{
	margin: 0em 0em 0.5em 0em;
	

}
p.promo { background: url("/MODULOS/_GLOBAL/publico/interfaces/resto/img/ex-sugerencias2.gif") 0em 0.16em no-repeat;}


/* Menu de navegacion de las opciones */
/* ---------------------------------- */
#nav2-menu-opciones	{
	color: #000000;
	background: #FFFFFF;
	padding: 0.41em 0.41em 0em 0.41em;
	margin:0em 0em 0.41em 0em;
	border-left:0.08em solid #66635C;
}
#nav2-menu-opciones ul	{
	margin: 0em;
	padding: 0.41em;
}
#nav2-menu-opciones ul li	{
	color: #666666;
	list-style: url(/MODULOS/_GLOBAL/publico/interfaces/resto/img/vineta-2flecha.gif) outside;
	margin: 0em 0em 0em 1.8em;
}
#nav2-menu-opciones p	{
	margin: 0em 0em 0em 0.41em;
	padding:0em;
}


/* Menu de navegacion de las areas */
/* ------------------------------- */
#nav2-menu-areas	{
	color: #000000;
	background: #FFFFFF;
	padding: 0.41em 0.41em 0em 0.41em;
	margin:0em;
	border-left:0.08em solid #66635C;
}
#nav2-menu-areas ul	{
	margin: 0em;
	padding: 0.41em;
}
#nav2-menu-areas ul li	{
	color: #666666;
	list-style: url(/MODULOS/_GLOBAL/publico/interfaces/resto/img/vineta-2flecha.gif) outside;
	margin: 0em 0em 0em 1.8em;
}
#nav2-menu-areas p	{
	margin: 0em 0em 0em 0.41em;
	padding:0em;
}


/* Tres columnas de categoras y subcategoras */
#nav3	{
	border-bottom: 0.16em solid #00599C;
	padding: 0.41em 0em 0.41em 0em;
	color:#000000;
	margin: 0em 0em 0.41em 0em;
}
#nav3 a	{
	color:#66635C;
	text-decoration:none;
}
#nav3 a:hover	{
	text-decoration: underline;
}



/* Zona del contenido generico del portal */
/* -------------------------------------- */
#contenido	{
	float: left;
	width: 51.2em;
	_width: 51.2em;
	margin-left: 0.8em;


}
#contenido h2	{
	font-size: 1.1em;
	color: #085990;
	margin:0em 0em 0.41em 0em;
	padding: 0em 0em 0.25em 0em;
	/* Le quito el ancho para evitar incompatibilidades
	width: 186px;
	*/
	border-bottom: 0.084em dotted #085990;
}
#contenido h3	{
	font-size: 1.05em;
	color: #085990;
	margin: 0em;
	padding: 0em;
}
#contenido p	{
	margin: 0em;
	padding: 0em;
}
#contenido p.txtinicio	{
	color: #004389;
}
#contenido a {color:#085990;}

/* Breadcrum */
/* --------- */
#path	{
	color: #66635C;
	margin: 0.41em 0em 0.8em 0em;
}
#path a	{
	color: #004389;
}
#path p	{
	display: inline;
}
#path ul	{
	display: inline;
	list-style-type: disc;
	margin: 0em;
	padding: 0em;
}
#path li	{
	display: inline;
	padding: 0em 0.16em 0em 0.8em;
	margin: 0em;
	background: url(/MODULOS/_GLOBAL/publico/interfaces/resto/img/vineta-2flecha-roja.gif) no-repeat 0em 0.41em;
}
#path li.inicio	{
	display: inline;
	padding: 0em 0.16em 0em 0.41em;
	margin: 0em;
	background: url(/MODULOS/_GLOBAL/publico/interfaces/resto/img/vineta-2flecha-roja.gif) no-repeat 90em 0.41em;
}


/* Utilidades de envio de pagina e impresion */
/* ----------------------------------------- */
#utilidades	{

	text-align: right;
	margin: -2.3em 0em 1.2em 0em;
}
#utilidades a	{
	color: #00599C;
	font-weight: bold;

}
.icono-impresion {	background:url ("/MODULOS/_GLOBAL/publico/interfaces/resto/img/herramientas-interior-print.gif") 0em 0.16em no-repeat;}


/* Utilidades de navegación inferior */
/* --------------------------------- */
#utilidades2	{
	text-align: right;
}
#utilidades2 a	{
	color: #00599C!important;
	font-weight: bold!important;
}


/* Zona del contenido general - Sin columnas */
/* ----------------------------------------- */
#contenido-1col	{

}
#contenido-1col p	{
	margin: 0.41em 0em 0.41em 0.41em;

}


/* Zona del contenido general - Columna de la izquierda */
/* ---------------------------------------------------- */
#contenido-left	{
	float: left;
	width: 45%;
	border-right: 0.08em solid #085990;
	margin: 0.8em 1.2em 0em 0em;

}
#contenido-left ul	{
	list-style-type:none;
	margin: 0em;
	padding: 0em;
}
#contenido-left ul li	{
	margin: 0em;
	padding: 0em 0em 0em 0.8em;
	background: url(/MODULOS/_GLOBAL/publico/interfaces/resto/img/vineta-2flecha.gif) no-repeat 0em 0.41em;
}
#contenido-left h4	{
	margin: 0.41em 0em 0em 0em;
	padding: 0em;
	font-size: 0.95em;
	color: #990033;

}
#contenido-left p	{
	margin: 0em 0em 0em 3em;
}
#contenido-left a	{}
#contenido-left img {
	border: 0em;
}


/* Zona del contenido general - Columna de la derecha */
/* ---------------------------------------------------- */
#contenido-right	{
	float: left;
	width: 50%;
	margin: 0em 0em 0em 0em;

}
#contenido-right ul	{
	list-style-type:none;
	margin: 0em;
	padding: 0em;
}
#contenido-right ul li	{
	margin: 0em;
	padding: 0em 0em 0em 0.8em;
	background: url(/MODULOS/_GLOBAL/publico/interfaces/resto/img/vineta-2flecha.gif) no-repeat 0em 0.41em;
}
#contenido-right h4	{
	margin: 0.41em 0em 0em 0em;
	padding: 0em;
	font-size: 0.95em;
	color: #085990;

	
}
#contenido-right p	{
	margin: 0em 0em 0em 3em;
}
#contenido-right a	{}
#contenido-right img {
	border: 0em;
}


/* Formularios en la zona de contenido */
/* ----------------------------------- */
#contenido form p	{
	margin: 0.8em 0em 0em 0em;
	padding: 0em;
}
#contenido .ayuda	{
	color:#003399;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	margin: -0.41em 0em 0.41em 0em;
	border: 0em;
}
#contenido input	{
	font-size: 0.95em;
	margin: 0em 0em 0.41em 0em;
}
#contenido input:focus	{
	border: 0.16em solid #CC0000;
}
#contenido legend {
	padding: 0.41em;
	margin: 0em;
	border: 0.08em solid #FFFFFF;
	color: #000000;
	background-color: #FFFFFF;
	text-align: right;
}
#contenido fieldset {
	border: 0.08em solid #085990;
	padding: 0.8em;
	margin: 0.8em 0em 0em 0em;
	color: #000000;
}
.input-100	{
	width: 8.8em!important;
}
.input-200	{
	width: 17.6em!important;
}
.input-300	{
	width: 26.4em!important;
}
.input-500	{
	width: 44em!important;
	height: 8.8em;
}



/* Pie de pagina generico */
/* ---------------------- */
#pie	{
	color: #000000;
	float:left;
	padding: 0.41em;
	background: #D4D0BA;
	margin: 3em 0em 0em 0em;
	width: 68em;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 68em;
	
}
#pie p	{
	padding: 0em;
	margin: 0em;
	font-size: 0.9em;
}


/* Paginación general */
/* ------------------ */
#paginacion	{
	width:97%;
	padding:0.41em;
	margin: 0.41em 0em 0.41em 0em;
	border-left:0.8em solid #004389;
	background-color:#F3F1E4;
}
#paginacion a	{
	color:#000000;
	font-weight:bold;
}

/* Caja para la lista de categoras */
/* ------------------------------- */
#categorias	{
	float:left;
	width: 97%;
	padding:0.41em 0.41em 0.08em 0.41em;
	margin: 0.8em 0em 1.2em 0em;
	border-left:0.8em solid #004389;
	background-color:#F3F1E4;
}
#categorias a:hover	{
	text-decoration:underline;
}
#categorias	ul	{
	list-style-type: none;
	margin: 0em;
	padding: 0em 0em 0.41em 0em;

}
#categorias li	{
	margin: 0em;
	padding: 0em;
}
#categorias-descripcion	{
	margin: 0em 0em 0.8em 0em;
}





/* ################# */
/* Listado de clases */
/* ################# */

/* 
<<<<<<< extranet.css
Titular lateral Areas  */
/* ------------------------- */
.tit-areas	{
	font-size: 1.05em;
	font-weight: bold;
	color: #66635C;
	text-transform: uppercase;
	padding-left: 0.8em;
	padding-top: 0.52em;
	height: 1.6em;
	margin:0em 0em 0em 0em;
	border-bottom:0.084em dotted #66635C;
}

/* Titular lateral Opciones*/

.tit-areas-o	{
	font-size: 1.05em;
	font-weight: bold;
	color: #66635C;
	text-transform: uppercase;
	padding-left: 0.8em;
	padding-top: 0.52em;
	height: 1.6em;
	margin:0em 0em 0em 0em;
	background:#D4D0BA;
	border-bottom:0.084em dotted #66635C;
	
}

/* Clase para esconder objetos en pantalla */
/* --------------------------------------- */
.esconder	{
	display:none;
}

/* Alineacion vertical de objetos */
/* ------------------------------ */
.absmiddle	{vertical-align: middle;}

/* Anchura para campos de texto */
/* ---------------------------- */
.ancho100	{
	width: 8.4em;
}
.ancho25	{
	width: 2.1em;
}

/* Promocional de acceso al directorio, en la portada */
/* -------------------------------------------------- */
.promo-directorio	{
	color: #004389!important;
	font-weight: bold;
	letter-spacing: -0.04em;
}
a.promo-directorio:hover	{
	color: #965600!important;
	text-decoration: none;
}

.icono-impresion {padding-right:2.5em; background:url("/MODULOS/_GLOBAL/publico/interfaces/resto/img/herramientas-ex-print.gif") 4.2em 0.084em no-repeat;}
.icono-volver {padding-right:1.5em;background:url(/MODULOS/_GLOBAL/publico/interfaces/resto/img/herramientas-interior-volve.gif) 3.2em 0.1em no-repeat;}
.icono-subir {padding-right:1.5em;background:url(/MODULOS/_GLOBAL/publico/interfaces/resto/img/herramientas-interior-subir.gif) 2.5em 0.1em no-repeat;}

/* Cabeceras personalizadas para los H2 con la letra adecuada */
/* ---------------------------------------------------------- */


/* Logotipo para impresión */
.print-logo	{display:none!important; position:absolute;}
/* URL de impresion */
.print-url	{display:none; float:right;}
/* Pie de impresion en formularios */
#cabecera-impresion	{display:none;}
#cuerpo-impresion	{display:none;}
#pie-impresion		{display:none;}


/*estilos para romper el flujo del diseño*/
.romper {clear:both;}

.clearfix:after { content: "."; display: block; height: 0; clear: both;
visibility: hidden; }
. clearfix {display:inline-block;} 
/* Hides from IE-mac \*/ * html . clearfix {display:block;} /* End hide from
IE-mac */