body {background: url(bizkaia-bilbao/informes.png) repeat; margin: 0; background-attachment: scroll;
text-align: center; list-style-type: none; font: 0.82em verdana, arial, helvetica;}
#aparejador {text-align: left;width: 850px;background: white;margin: auto; position: relative;
border-radius:0 0 30px 30px;}
#aparejadores {margin: 0.6em 0 0.9em 4em;}
#cabecera {text-decoration: none;height: 186px;width: 850px;padding: 0;margin: 0;}
#logo {display: block;text-decoration: none; border: 0;margin: 0;padding: 0; float: left; width: 850px; height: 186px; background: url(bizkaia-bilbao/inspeccion-tecnica-edificios.png) no-repeat;}
#logoeu {display: block;text-decoration: none; border: 0;margin: 0;padding: 0; float: left;
width: 850px;height: 186px; background: url(bizkaia-bilbao/inspeccion-tecnica-edificios-eu.png) no-repeat;}
#humedades {color: black; text-align: justify;margin: 2px 0 0 2px; font: 0.82em verdana, arial, helvetica; width: 510px;}
#texto {color: black; background: white;text-align: justify;padding: 0 20px 6px 0;
margin: 2px 0 0 2px;width: 620px;float: right; border-radius:0 0 30px 30px;}
#bilbo {padding: 0;margin: 0;float: right;}
#ite {padding: 0;margin: 0;text-align: left;}
.tecnico {padding: 0;margin: 7px 0 0 22px;}
.tecnic {padding: 0;margin: 0.6em 0 0 1.5em;}
h1 {border-right: 1.8em solid #ff9900; border-bottom: 0.06em solid #ff9900;padding: 10px 20px 0 0;color: #2255AA;margin:0 0.5em 0 0; font: bold 1.23em verdana, arial, helvetica;}
h2 {font: bold 16px verdana, arial, helvetica;margin: 20px 0 0 0;padding: 0;}
h3 {margin: 2px 0 0 30px;padding: 0;}
h4 {padding: 10px 20px 0 0;color: #9bc8e9;margin: 0;font: bold 1.23em verdana, arial, helvetica;}
#cuadro {display: block;color: #9bc8e9;background: #9bc8e9;margin: 0.5em 0 0 0;width: 850px;clear: right; border-radius:0 0 30px 30px;}
#cuadro a {text-decoration: none;line-height: 1.92em;height: 0.77em;font-size: 0.85em;font-weight: normal; text-align: left;margin: 0 0 0 1.54em;}
/* recuadros */
.content {position: relative;width: auto;min-width: 150px;margin: 0 35px 0 30px;
border: 1px solid black;padding: 5px;z-index: 3;background: white;}
a:link {font-style: normal;text-decoration: none;}
a:hover {color: #fF6600;text-decoration: underline;}
a img { border: 0;}
#formulario {margin: 1em 0 0 6em;}
/* menu */
.menu {color: white;background: #ff9900;border-radius:0 30px 30px 0;
padding: 2px 6px 140px 0;margin: 0.3em 0 0;
width: 190px;height: 728px;float: left; font: bold 11px sans-serif;}
.menu ul {list-style-type: none;margin: 0;padding: 0;}
.boton {list-style-type: none;margin: 4px 0 4px 0;float: none;}
.boton li {display: block;}
.boton a {display: block;background: #98B7FF; color: #555555;border: 2px outset #e6e6e6;
border-radius: 50px 50px; margin: 10px 0 0 0;padding: 0 0 0 10px;
text-decoration: none;line-height: 30px;height: 30px;font-weight: bold;text-align: left;}
.boton a:hover {background: #C2DCFF;color: #ffffff;border: 2px inset #9bc8e9;}
/* menu desplegable */
.boton .contenido { position: absolute;
/* al contenedor LI se le colocó position:relative así que a el contenido le ponemos position:absolute; para moverlo y lo ocultamos moviendolo, hasta sacarlo de la pantalla */
left: -1000em; width: 250px; background-color: #FFBF60; padding: 0 6px 6px 6px;}
/* como el contenido tiene posición absoluta, lo ponemos en su lugar */
.boton li:hover .contenido {left:14em; top:160px;}