/**************************************************************************************************************
	 Jerez
	Estilos Generales
**************************************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body { 
	line-height: 1.5;
	color: #333;
	text-align:center;
	font-family: Arial, Verdana, sans-serif;
	background:#fff url(/img/bg_body.gif) center top repeat-y;
}
html > body { font-size: 12px;}
h1,h2,h3,h4,h5,h6 { 
  color:#111; 
  clear:both;
  font-weight:normal;
}
h1 { font-size: 3em; }
h2 { font-size: 2em; color:#333; }
h3 { font-size: 1.5em; line-height:2; color:#333; }
h4 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
h5 { font-size: 1em; font-weight:bold; }
h6 { font-size: 1em; }
blockquote { margin: 1.5em 0 1.5em 1.5em; }
strong     { font-weight: bold; }
em         { font-style: italic; }
ul, ol     { margin: 0 0 1.5em 1.5em; }
ol         { list-style-type: decimal; }
dl         { margin: 1.5em 0; }
dl dt      { font-weight: bold; }
a		   { color:#333; }

/*** Clearfix ***/

.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clear { display: inline-block; }   
.clear { display: block; }
.clr { clear:both; }

/******/
.invisible { display:none; }

#contenedor {
    display:block;
    width:969px;
	margin:0 auto;
	padding:5px 0;
	background:#fff;
}

ul.menu {
    list-style:none;
	float:left;
	margin:0;
}
ul.menu li,
ul.menu li a {
    display:block;
	float:left;
}

/****************************************************************************************
    Encabezado 
 ***************************************************************************************/
#encabezado {
    float:left;
    width:960px;
	margin:3.8em 0 5px 5px;
	background:#fff;
	text-align:left;
	position:relative;
	border-top: 4px solid #a90303;
}
#encabezado h1 {
   float:left;
   width:300px;
   height:96px;
   margin:0;
}
#encabezado h1 a {
   float:left;
   width:300px;
   height:96px;
   background:#fff url(/img/imagen_logo.gif) top left no-repeat;
   text-indent:-9999px;
   overflow:hidden;
}
#encabezado strong {
    display:none;
}
#encabezado div.barra {
    width:960px;
	overflow:hidden;
	float:left;
	margin-bottom: 1px;
	padding-bottom: 5px;
}
#encabezado div.superior {
    margin-top:-4em; 
    position:absolute;
}
#encabezado div.info {
    margin-top:1px;
    float:right;
    font-weight:bold;
    font-size:.9em;
    border-bottom: 1px solid #bbb;
    padding-top: 2px;
}

#clima {float: right;min-height: 46px;font-size: .9em;width: 180px;padding-left: 62px;margin-right: 10px;display: inline;background: no-repeat 0 0;}
#clima span {display: block;font-weight: bold;clear: left;float: left;line-height: 1.2;}
#clima a {display: block;font-size: .9em;float: right;}
#clima.sol {background: url(/img/clima/sol.gif)  12px 0 no-repeat;}
#clima.seminub {background-image: url(/img/clima/sol_nublado.gif);}
#clima.nub {background-image: url(/img/clima/nublado.gif);}
#clima.lluvia {background-image: url(/img/clima/lluvia_ligera.gif);}
#clima.lluviaf {background-image: url(/img/clima/lluvia_intensa.gif);}
#clima.elect {background-image: url(/img/clima/electrica.gif);}
#clima.granizo {background-image: url(/img/clima/helada.gif);}
#clima.viento {background-image: url(/img/clima/viento.gif);}
#clima.luna {background: url(/img/clima/luna.gif)  16px 0 no-repeat;}
#clima.lunanub {background-image: url(/img/clima/luna_nublado.gif);}

#encabezado .banner,
#encabezado .ads {
    margin:0 !important;
    padding:8px 0 0 !important;
    width:100%;
    background:#ddd;
}
#encabezado .banner a {
     
}
#encabezado .banner a img, #encabezado .banner div, #encabezado .banner div *,
#encabezado .ads a img, #encabezado .ads div, #encabezado .ads div * {
    display:inline; 
}
#encabezado .banner div,
#encabezado .ads div {margin-right:3px;}

#encabezado ul.medios {width: 328px;height: 95px;border-right: 1px dotted #aaa;}
#encabezado ul.medios li {height: 31px;width: 164px;float: left;border-bottom: 1px dotted #aaa;overflow: hidden;}
#encabezado ul.medios a {line-height: 31px;display: block;padding-left: 30px;background: url(/img/bullet_menu_medios.gif) left top no-repeat;text-decoration: none;width: 100%;}    
#encabezado ul.medios a:hover {background-color: #f1f1f1;}

/* 4 items en menu */
#encabezado ul.medios li {height: 48px}
#encabezado ul.medios a {line-height: 48px;background: url(/img/bullet_menu_medios.gif) left center no-repeat;}

#pdfbuscador {width: 325px;height: 96px;float: right;text-align: center;}
#pdfbutton {display: block;width: 145px;border: 1px solid #cacaca;background: #fbfbfb url(/img/btn_pdf_bg.gif) bottom repeat-x;font-size: .85em;padding: 6px 4px 3px 36px;font-weight: bold;color: #444;margin: 10px auto 0;text-decoration: none;position: relative;}
#pdfbutton:hover {background: #ececec;}
#pdfbutton img {position: absolute;left: 3px;top: 2px;}
#buscador {margin: 12px 0 8px;}
#buscador label {display: none;}
#buscador input {vertical-align: middle;margin: 0 2px;}
#buscador #q {width: 172px;}

/*** Menú Global ***/
#encabezado ul.global {
    margin-top:9px;
}
#encabezado ul.global li {
    overflow:visible;
    border-right:1px solid #9fa0a1;
    height:1em;
}
#encabezado ul.global a {
    padding:0 8px 2px;
    margin-top:-3px;
    text-decoration:none;
}
#encabezado ul.global { 
    margin-right:5px;
    float:left;
    font-size:.9em;
    font-family:"Tahoma", Verdana, sans-serif;
}
#encabezado ul.global li.rss {
    border-right:0;
}
#encabezado ul.global li.rss a {
    background:url(/img/btn_rss.png) 6px 1px no-repeat;
    border-right:0;
	padding-left:25px;
}
#encabezado ul.global li.rss a:hover,
#encabezado ul.global a:hover,
#encabezado ul.global a:active {
    
}
#encabezado ul.global .activo a {
    
}
#encabezado ul.global li.primero {
    
}
#encabezado ul.global a:link {
    color:#444;
}
#encabezado ul.global a:visited {
    color:#666;
}
#encabezado ul.global a:hover {
    text-decoration: underline;
}


/*div.info {
    color:#fff;
}
div.info a {
    color:#fff;
	font-weight:bold;
}*/

/*** fecha ***/
div.info p.fecha {
    float:left;
	margin:3px 0 0 16px;
	}

/*** minidashboard ***/
div.info #tablero {
    float:right;
	margin:3px 16px 0 0;
}

#tu_cuenta {
    padding:0 5px 0 13px;
	background:url(/img/ico_tu_cuenta.gif) left 2px no-repeat;
	margin-left: 10px;
}
#desconectar {
    padding:0 1px 0 13px;
    background:url(/img/ico_desconectar.gif) left 2px no-repeat;
    margin-left: 10px;
}




/****************************************************************************************
    Contenido 
 ***************************************************************************************/
#contenido {
    float:left;
	width:960px;
    margin:0 5px;
	text-align:left;
}
#contenido div.barra {
    float:left;
}
#contenido div.bloque {
    margin-bottom:5px;
}
#contenido div.bloque .contenido ul{
    margin-bottom:5px;
}


/*** Banners ***/
.banner,
.ads {
    float:left;
	width:99%;
	text-align:center;
	padding:0 !important;
	margin:5px auto 5px !important;
}
#encabezado .banner,
#encabezado .ads {
	border-top: 1px solid #eee;
}
.imagen {
    display:block;
}
.imagen img {
    display:block;
}

.servi_imagen { 
    border: 2px solid #900;
    border-left: 0;
    border-right: 0;
    padding:5px !important;
    background: #eee;
}

    /*** Navegación ***/
	.navegacion { 
	   width:165px;
	   margin:5px 0 15px;
	   border-top: 4px solid #000;
    }
    
    .navegacion h3 { 
        height:1.2em;
        margin:2px 0 0;
        padding:4px 4px 2px 0;
        text-align:left;
        font-size:1em;
        font-weight:bold;
        line-height:1em;
        color:#900;
        text-transform: uppercase;
        border-top: 1px dotted #000;
    }
	
	.navegacion li {
	    display:block;
	    line-height: 1.3;
    }
	.navegacion li a {
	    margin-top:1px;
	    text-decoration:none;
	    width:135px;
	    padding:4px 4px 4px 30px;
	    border-bottom: 1px solid #eee;
	    background: url(/img/bullet_arrow_red.gif) 10px .65em no-repeat;
    }
    
    .navegacion li a:hover, .navegacion li.activo a {
		background: #ac0c0c url(/img/bullet_arrow_w-r.gif) 10px 45% no-repeat;
		color: #fff;
	}
	
	.navegacion li.activo li a {background: #fff url(/img/bullet_dash.gif) 3px 50% no-repeat; color: #000;}

	.navegacion li.sep {border-top: 1px dotted #444;margin-top: 2px;}
	
/* Submenú */

.navegacion li ul li a {padding-left: 15px;background: #fff url(/img/bullet_dash.gif) 3px 50% no-repeat;border-bottom: 0;}
.navegacion li ul li a:hover, .navegacion li ul li.activo a, .navegacion li.activo ul li a:hover {background: #ac0c0c  url(/img/bullet_dash_w.gif) 5px 50% no-repeat;color: #fff;}

#contenido div.bloque {
   float:left; 
   padding:5px;
   margin-bottom:5px;
}

#contenido div.bloque h3 {
   font-weight:bold;
   text-transform:uppercase;
   line-height: 1.3;
   
}

.barra.derecha .bloque { border-top: 3px solid #000;}
.barra.derecha .bloque h3 {
	margin:-3px -5px 3px -5px;
   text-align: left;
   border-top: 1px dotted #000;
   color: #900;
   font-size:.9em;
   padding-top: 2px;}


#contenido div.bloque .contenido {
   background:#fff;
   padding:5px;
}
	
* + html #contenido div.izquierda,
* + html #contenido div.derecha {
    padding-bottom:5px;
}

/***** Links ******/
#links {margin: 15px 0 10px;}
#links h3 {color: #555;text-transform: uppercase;font-size: 1em;line-height: 1.2;font-weight: bold;padding: 10px 0 3px;}
#links ul {border-bottom: 1px solid #aaa;width: 166px;}
#links li {display: inline;float: none;}
#links a {font-size: .9em;display: block;float: none;border-bottom: 1px dotted #ddd;padding: 2px 3px 2px 12px;background: url(/img/bullet_flechita_negra.gif) left .35em no-repeat;}
#links li:last-child a {border: 0;padding-bottom: 7px;}
#links a:hover {background: #eee;}

/****************************************************************************************
    Layouts. Ver layouts.gif para explicación. 
 ***************************************************************************************/
 
    /**************************************** 
       Layout A 
     ****************************************/
    
    /*** Izquierda ***/
    .layout_a #contenido div.izquierda {
        width:165px;
        margin-left:-790px;
        margin-right:5px;
        background:#fff;
    }
    .layout_a #contenido div.izquierda div.bloque { width:155px; }
    
    .layout_a #contenido div.izquierda div.servi_imagen { width:145px; }
    .layout_a #contenido div.izquierda div.servi_imagen a { display:block; padding-bottom:0; }
    .layout_a #contenido div.izquierda div.servi_imagen a img { display:block;}
    
    /*** Centro ***/
    .layout_a #principal {
        float:left;
        margin-left:170px;
        width:610px;
        padding:5px 5px 20px;
        background:#fff;
    }
    
    /*** Derecha ***/
   .layout_a  #contenido div.derecha {
        margin-left:5px;
        width:165px;
        background:#fff;
        padding-top:5px;
    }
    .layout_a #contenido div.derecha div.bloque {
        margin-left:3px; 
        width:150px; 
    }
	
	
	
	/**************************************** 
       Layout B 
     ****************************************/
    
    /*** Izquierda ***/
   .layout_b  #contenido div.izquierda {
        width:165px;
        margin:0 5px 0 -654px;
    }
    .layout_b #contenido div.izquierda div.bloque { width:155px; }
    
    /*** Centro ***/
    .layout_b #principal {
        float:left;
        margin-left:171px;
        width:474px;
        padding:5px 5px 20px;
        
    }
    
    /*** Derecha ***/
    .layout_b #contenido div.derecha {
        
        width:300px;
        margin-left:5px;
        padding-top:5px;
    }
    .layout_b #contenido div.derecha div.bloque { width:290px; }

    /**************************************** 
       Layout C 
     ****************************************/
    
    /*** Centro ***/
    .layout_c #principal {
        float:left;
        width:790px;
        padding:5px;
        background:#fff;
    }
    
    /*** Derecha ***/
    .layout_c #contenido div.derecha {
        width:160px;
        background:#fff;
        padding-top:5px;
    }
    .layout_c #contenido div.derecha div.bloque { width:150px; }

    /**************************************** 
       Layout D 
     ****************************************/
    
    /*** Izquierda ***/
   .layout_d  #contenido div.izquierda {
        width:151px;
        background:#fff;
        border-right:1px solid #ccc;
        margin-left:-961px;
    }
    .layout_d #contenido div.izquierda div.bloque { width:135px; }
    
    /*** Centro ***/
    .layout_d #principal {
        float:left;
        margin-left:151px;
        width:800px;
        padding:5px;
        background:#fff;
    }
    
    /**************************************** 
       Layout E : nav. izquierda + columna principal
     ****************************************/

    /*** Izquierda ***/

    .layout_e #contenido div.izquierda {
        width:165px;
        margin-left:-960px; /*cambió aquí */
        margin-right:5px;
        background:#fff;
    }
    .layout_e #contenido div.izquierda div.bloque { width:155px; }
    .layout_e #contenido div.izquierda div.servi_imagen { width:145px; }
    .layout_e #contenido div.izquierda div.servi_imagen a { display:block; padding-bottom:0; }
    .layout_e #contenido div.izquierda div.servi_imagen a img { display:block;}
    
    /*** Centro ***/

    .layout_e #principal {
        float:left;
        margin-left:170px;
        width:780px; /*cambió aquí */
        padding:5px 5px 20px;
        background:#fff;
    }
    
/****************************************************************************************
    Pie 
 ***************************************************************************************/
#pie {
    float:left;
	width:960px;
	height:6em;
    margin:0 0 0 5px;
	background:#e6e6e6;
	padding:10px 0 0 0;
	text-align:left;
	font-size:.9em;
}
#pie ul.menu {
    margin-left:10px;
	width:955px;
}
#pie ul.menu li.rss {
    background:url(/img/btn_rss.gif) 6px 0 no-repeat;
    padding:0 15px 0 25px;
	font-weight:bold;
	height:25px;
	border:none;
}
#pie ul.menu li.rss a {
    margin-top:-2px;
}
#pie ul.menu li.primero {
    border:none;
}
#pie ul.menu li {
    padding:3px 5px 0 5px;
	border-left:1px solid #000;
	height:10px;
	overflow:visible;
	margin:3px 0 0 0;
}

#pie ul.menu li a {
    margin-top:-6px;
	float:left;
}

#pie p {
    margin:-4px 0 0 15px;
	float:left;
	width:955px;
}
#pie address {
    margin:0 0 0 15px;
	float:left;
	font-style:normal;
}