html body h1 span#logoIBQ{
 display:block;
 position:absolute;
 top:0;
 left:0;
 height:70px;
 width:17.5em;
 cursor:pointer;}

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

html body #header{
 height:180px;}

html body h1{
 height:70px;
 margin-left:36em;}
 
html body h1 a{
 display:block;
 height:70px;
 text-indent:-9000px;}


html body h2{
 position:absolute;
 left:17.5em;
 top:0;
 width:18.5em;
 height:90px;
 text-indent:-9000px; /*Ocultamos el texto*/}

html body div#navigation{
 width:36em;
 float:left;}
 
html body ul#navList{
 width:18.5em;
 padding-bottom:85px;
 float:right;
 font-size:1em;
 height:259px;
 min-height:259px;} 

html>body ul#navList{
 height:auto;}

html body ul#navList li a{
 text-decoration:none;
 text-align:right;
 line-height:2.1em;
 padding-right:16%;
 width:84%;}

html body ul#navList li a:hover{}


/*Este bloque generado junto a los class en el menu desde js. modificando hover en li para que aparezca el cuadrado aun ampliando el texto*/
/*Aunque sería más eegante, no se genera por que sabemos el limite necesario...*/
html body ul#navList li#f1.hover{ background-position:0 0;}
html body ul#navList li#f2.hover{ background-position: 0 -2.1em;}
html body ul#navList li#f3.hover{ background-position: 0 -4.2em;}
html body ul#navList li#f4.hover{ background-position: 0 -6.3em;}
html body ul#navList li#f5.hover{ background-position: 0 -8.4em;}
html body ul#navList li#f6.hover{ background-position: 0 -10.5em;}
html body ul#navList li#f7.hover{ background-position: 0 -12.6em;}
html body ul#navList li#f8.hover{ background-position: 0 -14.7em;}
html body ul#navList li#f9.hover{ background-position: 0 -16.8em;}
html body ul#navList li#f10.hover{ background-position: 0 -18.9em;}
html body ul#navList li#f11.hover{ background-position:  0 -21em;}
html body ul#navList li#f12.hover{ background-position:  0 -23.1em;}
html body ul#navList li#f13.hover{ background-position:  0 -25.2em;}
/*fin*/



html body ul#utilities{
 position:absolute;
 display:block;
 left:0;
 top:70px;
 margin-left:36em;}


html body ul#utilities li#date{
 display:block;
 position:absolute;
 top:0px;
 left:-36em;
 width:17.5em;
 height:1.4em;
 text-align:center;}

html body ul#utilities li#contacto{
 display:inline;
 padding-left:20px;
 line-height:1.4em;}

html body ul#utilities li#contacto a{
 text-decoration:none;}

html body ul#utilities li#contacto a:hover{
 text-decoration:underline;}


html body #accesosDirectos{
 width:16.3em;
 float:left;}
 
html body #accesosDirectos h3{
 line-height:1.8em;
 font-weight:normal;
 text-align:center;}
 
html body #accesosDirectos ul{
 position:relative;
 font-size:1em;
 margin:0 0 0 0;
 padding:10px 0 70px 20px;
 list-style-type:none;
 min-height:100px;
 height:100px;/*hack ie*/}

 
html body #accesosDirectos>ul{
 height:auto;}
 
 
html body #accesosDirectos ul li{
 padding:.6em .3em .3em 8px;} 
 
html body #accesosDirectos ul li a{
 text-decoration:none;}
 
html body #accesosDirectos ul li a:hover{
 text-decoration:underline;}
 
html body #accesosDirectos ul li.accesoNuevoEdificio{
display:block;
 position:absolute;
 font-size:1em;
 bottom:0;
 left:10px;
 width:4.2em;
 height:61px;} 

 
html body #accesosDirectos ul li.accesoNuevoEdificio a{
 display:block;
 width:12em;
 height:61px;
 text-indent:52px;
 line-height:64px;} 
 
a#enlace_docencia{
 color:#425479;

 }
 a#enlace_cultura{
 color:#A7A400;
 }

a#enlace_historia{
 color:#9D760E;
 }



html body ul#otherSection{
 list-style-type:none;
 height:6.4em;
 position:relative;
 float:left;
 clear:left;
 margin:0;
 width:16em;
 padding:0 0  0 0;}


html body ul#otherSection li{
 padding:.6em .3em .3em 8px;} 

html body ul#otherSection li a{
 text-decoration:none;}
 
html body ul#otherSection li.acceso1{
 position:absolute;
 margin-top:1em;
 top:0;
 width:4.2em;
 height:3.1em;
 left:4.8em;} 
 
html body ul#otherSection li.acceso1 a{
 display:block;
 position:absolute;
 left:4.1em;
 top:.2em;
 padding-right:1em;
 width:7em;
 line-height:2em;
 text-transform:uppercase;
 text-align:center;
 
 }


html body ul#otherSection li.acceso2{
 position:absolute;
 top:0;
 left:8.9em;
 width:4.2em;
 height:1.3em;
 margin-top:1.3em;} 
 
html body ul#otherSection li.acceso2 a{
 display:block;
 position:absolute;
 left:-8em;
 top:-1px;
 padding-right:1em;
 width:7em;
 line-height:2em;
 text-transform:uppercase;
 text-align:center;
 } 
 
 h1{color:#FF0000;}
 
html body #content{
 margin:0.5em 0.5em 0 36em;}
 
html body #noticias,
html body #mapaCronologico{
  padding-right: 130px;
  margin-left:.4em;}
  
html body #noticias{
  height:300px;
  min-height:300px;}
 
html>body  #noticias{
 height:auto;}
 
 
html body #noticias h3,
html body #mapaCronologico h3{ 
 font-size:20px;
 height:29px;
 font-weight:normal;
 text-indent:-9000px;}
 
html body #noticias ul,
html body #mapaCronologico ul{
 margin:0;
 padding:0;
 list-style-type:none;}
 
html body #noticias ul{
 min-height:165px;
 height:165px;/*hack ie*/}
 
html body #noticias>ul{
 height:auto;}
 
 
 
html body #noticias ul li,
html body #mapaCronologico ul li{
 padding:.3em 0 .3em 24px;}
 
html body #noticias ul li a{
 text-decoration:none;}
 
 
html body #noticias ul li a:hover{
 text-decoration:underline;}