body#historia #containerJello{
 background:#fff url(../images/bandaHistoria.gif) repeat-y 17.5em 0;}

body#historia #container{
 background:transparent url(../images/bandaBlanca.gif) repeat-y 36em 0;}
 
body#historia h1 span#logoIBQ{
 background:#fff url(../images/logoIBQHistoria.gif) no-repeat 50% 10px;}

body#historia h1 span#logoIBQ img{
 visibility:hidden;}

body#historia #header{
 background:#9D760E url(../images/headerHistoria.gif) no-repeat 0 100%;
 border-bottom:13px solid #E6DDC3;}

body#historia h1{
 border-bottom:1.4em solid #E6DDC3;
 background:#ffffff url(../images/iesBernaldoHistoria.gif) no-repeat 8px 30px;}

body#historia h2{
 background:#9D760E url(../images/tituloHistoria.gif) no-repeat 50% 45px;}

body#historia div#navigation{}
 
body#historia ul#navList{
 background:#E6DDC3 url(../images/seccionesHistoria.gif) no-repeat 0 0;}

body#historia ul#navList li a{
 color:#333333;
 background:url(../images/bulletSeccionesHistoria.gif) no-repeat 100% 50%;}

body#historia ul#navList li a:hover{
 color:#9D760E;}

body#historia ul#navList li.hover, body#historia ul#navList li a:hover{
 background:#ffffff url(../images/seccionesHistoriaHover.gif) no-repeat 0 -200%;}
 
body#historia ul#navList li.hover a:hover{ 
 background:transparent url(../images/bulletSeccionesHistoria.gif) no-repeat 100% 50%;}/*para mantener un efecto sin js*/

body#historia ul#utilities li{
	display:inline;
	margin-right:0.5em;
}

body#historia ul#utilities{
 background:#E6DDC3;}

body#historia ul#utilities li#date{
 background:#E6DDC3;}

body#historia ul#utilities li#contacto{
 background:url(../images/contactoHistoria.gif) no-repeat 0 0;}

body#historia ul#utilities li#contacto a{
 color:#333333;}
 
 body#historia ul#utilities li#mapaweb{
 background:url(../images/mapa_icono.gif) no-repeat 0 0;}

body#historia ul#utilities li#mapaweb a{
 text-decoration:none;
 padding-left:2em;
 color:#333333;}

body#historia ul#utilities li#mapaweb a:hover{
	text-decoration:underline;
}

body#historia ul#utilities li#contacto a:hover{}

body#historia #accesosDirectos{
 border-top:.5em solid #fff;
 border-left:.7em solid #fff;
 border-right:.5em solid #fff;}
 
body#historia #accesosDirectos h3{
 background:#9D760E;
 color:#FFFFFF;}
 
body#historia #accesosDirectos ul{
 background:#ffffff url(../images/accesosDirectosHistoria.gif) no-repeat 0 1px;
 border:1px solid #9D760E;}
 
body#historia #accesosDirectos ul li{
 color:#333333;
 background:#ffffff url(../images/itemAccesoDirectoHistoria.gif) no-repeat 0 .7em;} 
 
body#historia #accesosDirectos ul li a{
 color:#333333;}
 
body#historia #accesosDirectos ul li a:hover{
 color:#000000;}
 
 
body#historia #accesosDirectos ul li.accesoNuevoEdificio{
 background:none;} 

body#historia #accesosDirectos ul li.accesoNuevoEdificio a{
 background:url(../images/itemAccesoNuevoEdificio.gif) no-repeat 0 50%;} 
 
 
/*body#historia ul#otherSection li#accesoDocencia{
 background:none;
 border:1px solid #425579;} */
 
body#historia ul#otherSection li#accesoDocencia a{
 background-image:url(../images/tiraDocencia.gif);
 height:297px;
 width:60px;
 }
/*body#historia ul#otherSection li#accesoCultura{
 background:none;
 border:1px solid #A8A401;} */
 
body#historia ul#otherSection li#accesoCultura a{
 /*color:#FFFFFF;
 background:#A8A401  url(../images/itemSecciones.gif) no-repeat 90% 50%;} */
 background-image:url(../images/tiraCultura.gif);
 height:297px;
 width:60px;
 }
body#historia #mapaCronologico{
 background:#ffffff url(../images/bernaldoLetras.jpg) no-repeat 100% 1px;
 border:1px solid #9D760E;}
 
body#historia #mapaCronologico h3{ 
 color:#4B628B;
 background:#ffffff url(../images/noticiasHistoria.gif) no-repeat 0 0;}
 
 
body#historia #mapaCronologico h4{
 margin:0;
 padding:0;}
 
 

body#historia #mapaCronologico dl{
 margin: 0 1em 1em 1em;
 padding:0;}
 
 
body#historia #mapaCronologico dt{
 margin:.8em 0 0 0;
}

body#historia #mapaCronologico dt#sigloXII,
body#historia #mapaCronologico dt#sigloXVII,
body#historia #mapaCronologico dt#sigloXX,
body#historia #mapaCronologico dt#sigloXXI{
display:block;
 height:32px;
 width:108px;
 text-indent:-9000px;}
 
body#historia #mapaCronologico dt#sigloXII{
 background:transparent url(../images/sigloXII.gif) no-repeat 100% 0;}
body#historia #mapaCronologico dt#sigloXVII{
 background:transparent url(../images/sigloXVII.gif) no-repeat 100% 0;}
body#historia #mapaCronologico dt#sigloXX{
 background:transparent url(../images/sigloXX.gif) no-repeat 100% 0;}
body#historia #mapaCronologico dt#sigloXXI{
 background:transparent url(../images/sigloXXI.gif) no-repeat 100% 0;}

body#historia #mapaCronologico dt,
body#historia #mapaCronologico span.anio{
 font-weight:bold;
 color:#75580B;}
 
 
body#historia #mapaCronologico dd{
 margin-left:2em;
 padding:.2em 0 .2em 10px;
 background:#ffffff url(../images/bulletHistoria.gif) no-repeat 0 .7em;
 color:#333333;}