/* --------------  Estructura de la pagina  ------------------------- */
/* La imagen de la cabecera la montamos con tres imágenes para que se vea bien con el escalado*/
#cabecera{position:relative;/*max-width:800px;*/min-width:600px;background-color: #FFF;width:72em;margin: 0 auto;
	height: 168px;display: block;clear: both;background: url(i/cabecera_fondo.gif) repeat-x;z-index: 1;}
#cabecera #izquierda {position:absolute; top:0; left:0; z-index:1; width: 168px; height: 168px; background:url(i/cabecera_izquierda.gif) no-repeat;}
#cabecera #derecha {position:absolute; top:0; right:0; z-index:2; width: 330px; height: 168px; background:url(i/cabecera_derecha.gif) no-repeat;}
#pie {position:relative;/*max-width:800px;*/min-width:600px;background-color: #FFF;width:72em;margin: 0em auto;
	height: 49px;display: block;clear: both;background: url(i/pie_fondo.gif) repeat-x;z-index: 1;color:#fff;padding-top:1em;}
#pie #izquierda {position:absolute; top:0; left:0; z-index:1; width: 45px; height: 49px; background:url(i/pie_izquierda.gif) no-repeat;}
#pie #derecha {position:absolute; top:0; right:0; z-index:2; width: 45px; height: 49px; background:url(i/pie_derecha.gif) no-repeat;}

/*Dependiendo del ID del body estructuramos las cajas del contenido, la letra S hace referencia a la columan secundaria y la letra P a la principal. Así, SP siginifica que la columna secundaria estará a la izquierda y la principal a la derecha.*/

#contenedor{text-align: justify;width: 72em;/*max-width:800px;*/min-width:600px;margin: 0 auto;;color: #666;background-color:#FFF;position:relative;}
body#dosColumnas_SP #contenedor {padding-top:2em;}
body#dosColumnas_SP #columnaIzquierda{width: 18em;max-width:23%;float: left;}
body#dosColumnas_SP #contenedor{background: url(i/fondo.gif) 26% 0 repeat-y;}
body#dosColumnas_SP #columnaCentral{width: 52em;max-width:75%;float: right;}
body#dosColumnas_PS #columnaDerecha{width: 18em;max-width:23%;float: right;}
body#dosColumnas_PS #columnaCentral{width: 52em;max-width:75%;float: left;}
body#unaColumna #columnaCentral {width: 100%;}
#seneca {width: 55em;margin-left:-1.5em;}
/* ----------------- Estilos para los menús --------------------*/
/* -------------------------------------------------------------*/

/* --------------------- Menú principal ------------------------*/
ul#menuPrincipal {font-weight: bold;color: #330;list-style: none;width: 72em;margin: 0 auto;/*max-width:800px;*/min-width:600px;padding:0 0;}
ul#menuPrincipal li {background: url(i/tab_derecha_medio.gif) no-repeat bottom right;line-height:2.5em;width: 11.9em;display: block;float: left;}
ul#menuPrincipal li.activo {background: url(i/tab_derecha_medio_activo.gif) no-repeat bottom right;}
ul#menuPrincipal.siete li{width: 10.2em;}
ul#menuPrincipal.ocho li{width: 8.9em;}
ul#menuPrincipal li a {display:block;text-align:center;background: url(i/tab_izquierda_medio.gif) no-repeat bottom left;text-decoration: none;}
ul#menuPrincipal li.activo a {background: url(i/tab_izquierda_medio_activo.gif) no-repeat bottom left;}
ul#menuPrincipal li a.primero {background: url(i/tab_izquierda_primero.gif) no-repeat bottom left;}
ul#menuPrincipal li.activo a.primero {background: url(i/tab_izquierda_primero_activo.gif) no-repeat bottom left;}
ul#menuPrincipal li a.ultimo {background: url(i/tab_izquierda_medio.gif) no-repeat bottom left;}
ul#menuPrincipal li.activo a.ultimo {background: url(i/tab_izquierda_medio_activo.gif) no-repeat bottom left;}
/* --------------------- Menú secundario ------------------------*/
ul#menuLateral {list-style: none;width: 100%;margin-left: 1%;padding:0 0;}
ul#menuLateral li{line-height:2em;width:100%;display: block;}
ul#menuLateral li a {display:block;text-align:left;line-height:2em;width: 96%;background-color: #F5f7f7;border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;font-weight: bold;color: #333300;text-decoration: none;padding-left:3%;}
ul#menuLateral li a:hover {border-top: 1px solid #cccccc;background-color: #eeeeee;}
ul#menuLateral li.activa a{border-top: 1px solid #cccccc;background-color: #eeeeee;}
ul#menuLateral h3 {display: block;margin-top: 20px;font-weight: bold;font-size: 1em;text-align:center;}
ul#menuLateral ul {list-style: none;width: 15em;margin: 0 0 1em 1em;padding:0 0;}
ul#menuLateral h3 {color: #006600;font-size: 0.9em;text-align: center;margin:-1.5em 0 2em 0;}
ul#menuLateral li a.derecha {text-align:right;}
ul#menuLateral li ul li{line-height:2em;width:100%;display: block;color: #333;font-size:0.8em;text-align:left;padding-left:1em;}
ul#menuLateral li ul li.activa {font-weight: bold;}

/* --------------------- Menú terciario ------------------------*/
ul#menuPagina {font-weight: bold;list-style: none;width: 51em;height:1.4em;border-bottom:#ccc 1px solid;margin:2em 0em 0 0}
ul#menuPagina li{display: block;float: right;font-size:0.8em;background-color:#eee;margin-left:0.4em;
		padding:0.2em 0.5em 0 0.5em;border:#ccc 1px solid;}
ul#menuPagina li a {display:block;text-align:center;}
ul#menuPagina li.activa {background-color:#ccc;}
ul#menuPagina li.activa a {color:#330;}
ul#menuPagina li a:hover, ul#menuPagina li:hover {background-color:#ccc;color:#330;}
ul#menuPagina li.volver{float: left;margin:0 0 0 -1em;}

/*------ Identificación del usuario ------*/
#usuario {position:relative;width: 70em;min-width:600px;line-height: 1.5em;margin: -1.5em auto 0 auto;
	text-align:right;color: #fff;font-weight: bold;z-index: 2;}
#usuario a, #usuario a:visited{color:#d1d1d1;}
#usuario a:hover{color:#007600;background-color:#dbdbdb;}

/* ------------- Estilos para las rutas ------------------- */

#rutas{background-color:#FFF;font-weight: bold;color: #030;margin: 3em auto 0 auto;padding-right:1em;text-align: right;border-right: 1px solid #333;
	border-bottom: 1px solid #333;width: 71em;}
#rutas a { color : #aaa; }
#rutas a:hover { background : #aaa; color : #fff; }

/*------- Estilos para el paginador ------------------------------*/
#paginationControl {text-align:right;font-weight: bold;}
#paginationControl a {color:#030;background-color: #fff;}
#paginationControl a.subrayado {text-decoration:underline;color:#aaa;background-color: #fff;}
#paginationControl a.subrayado:hover {color:#600;}

/* Estilos para los banners del Pie */
#bannersPie {text-align:center;clear:both;border-top:#eee 1px solid;margin-top:2em;}

/*Estilos para los mensajes al usuario*/
.avisos {padding     : 0.5em;border      : 1px solid #eee;background  : red;color:#fff;font-size   : 0.9em;line-height : 1.6em;margin-bottom:1em;border:#000 2px solid;}