html { width:100%; height:100%; scrollbar-face-color: #000;	scrollbar-shadow-color: #D5D5D5; scrollbar-highlight-color: #D5D5D5; scrollbar-3dlight-color: #000; scrollbar-darkshadow-color: #000; scrollbar-track-color: #000; scrollbar-arrow-color: #D5D5D5;}
body { width:100%; height:auto; margin:0; padding:0; background-color:#000000; color:#d5d5d5; text-align:center; font-size:80%; background-image:url(../imgweb/solg.jpg); background-repeat:no-repeat; background-position:top left;}
body,td,th {font-family: "trebuchet MS", arial;}
a:link {text-decoration:none; color:#DDDDFF; }
a:visited {text-decoration:none; color:#DDDDFF; }
a:hover {text-decoration: none; color: #FEB783; }
a:active {text-decoration: none; color:#DDDDFF; }
a img{ border:none;}
#contenedor{ width:auto; height:auto; margin:0; padding:0; text-align:left; }
/*#contenedorportada { width:100%; height:100%; background-color:#000000; }
portada
#menuportada { width:650px; height:300px; border:2px solid #ffffff;  display:block; margin:8% auto 20px auto; background-image:url(../imgweb/solg.jpg); background-repeat:no-repeat; text-align:right; }
#menuportada ul { margin:15px 30px 0 0; padding:0; list-style-type:none; }
#menuportada ul li { width:auto; height:25px; font-size:1.1em; font-weight:700; padding:3px;}
#menuportada a:link {text-decoration:none; color:#FFFFFF; background-color:#000000;}
#menuportada a:visited {text-decoration:none; color:#FFFFFF; background-color:#000000;}
#menuportada a:hover {text-decoration: none; color:#FFFFFF; background-color:#000000; font-size:1.1em;}
#menuportada a:active {text-decoration: none; color:#FFFFFF; background-color:#000000;}
#menu11 {  width:100%; height:auto; margin:0; padding:0;}
#inyecc { width:50%; height:35px; margin:10px 0 20px 0; padding:0; color:#FFFF99; font-size:1.4em; letter-spacing:4px;}
#inyecc a:link {text-decoration:none; color:#FFFF99; background-color:#000000;}
#inyecc a:visited {text-decoration:none; color:#FFFF99; background-color:#000000;}
#inyecc a:hover {text-decoration: none; color:#FFFF99; background-color:#000000; font-size:1.1em;}
#inyecc a:active {text-decoration: none; color:#FFFF99; background-color:#000000;}
#pieportada { width:100%; height:50px; background-image:url(../imgweb/degr1.gif); background-repeat:repeat-x; text-align:left;}
#pieportada #pieportada1 { width:40%; height:50px; margin:0; padding:0; float:left; }
#pieportada #pieportada2 { width:40%; height:50px; margin:0; padding:0 80px 0 0; float:right;  text-align:right;}
#pieportada #pieportada1 img { width:auto; height:auto; margin:10px 0 0 15px; }
/*cabecera*/
#cab { width:100%; height:60px; margin:0; padding:0; color:#000000;}
#cab img { float:right; }
#cab p {display:none;}

/* COLORES DE SECCIONES */
#menucab .colorempresa a:visited,#menucab .colorempresa a:link,#menucab .colorempresa a:hover,#menucab .colorempresa a:active {color:#97AB49;}
#menucab .colorfotovoltaica a:visited,#menucab .colorfotovoltaica a:link,#menucab .colorfotovoltaica a:hover,#menucab .colorfotovoltaica a:active { color:#FCEC20;}
#menucab .colorclimatizacion a:visited,#menucab .colorclimatizacion a:link,#menucab .colorclimatizacion a:hover,#menucab .colorclimatizacion a:active {color:#69C5F0;}
#menucab .colorcalefaccion a:visited,#menucab .colorcalefaccion a:link,#menucab .colorcalefaccion a:hover,#menucab .colorcalefaccion a:active {color:#E87E28;}
#menucab .colortermica a:visited,#menucab .colortermica a:link,#menucab .colortermica a:hover,#menucab .colortermica a:active {color:#FFFBA7;}
#menucab .colorestructuras a:visited,#menucab .colorestructuras a:link,#menucab .colorestructuras a:hover,#menucab .colorestructuras a:active {color:#FFEACC;}
#menucab .colorincendios a:visited,#menucab .colorincendios a:link,#menucab .colorincendios a:hover,#menucab .colorincendios a:active {color:#F54949;}
#menucab .colorinstalaciones a:visited,#menucab .colorinstalaciones a:link,#menucab .colorinstalaciones a:hover,#menucab .colorinstalaciones a:active {color:#787CC2;}
#menucab .colorobras a:visited,#menucab .colorobras a:link,#menucab .colorobras a:hover,#menucab .colorobras a:active {color:#AD71D2;}
.dlfempresa {background-image:url(../imgweb/flmempresa.gif); width:60%; float:left; height:25px; margin:0; padding:0;  background-repeat:repeat-x;}
.dlffotovoltaica {background-image:url(../imgweb/flmfotovoltaica.gif); width:60%; float:left; height:25px; margin:0; padding:0; background-repeat:repeat-x;}
.dlfclimatizacion {background-image:url(../imgweb/flmclimatizacion.gif); width:60%; float:left; height:25px; margin:0; padding:0;  background-repeat:repeat-x;}
.dlfcalefaccion {background-image:url(../imgweb/flmcalefaccion.gif); width:60%; float:left; height:25px; margin:0; padding:0; background-repeat:repeat-x;}
.dlftermica {background-image:url(../imgweb/flmtermica.gif); width:60%; float:left; height:25px; margin:0; padding:0; background-repeat:repeat-x;}
.dlfestructuras {background-image:url(../imgweb/flmestructuras.gif); width:60%; float:left; height:25px; margin:0; padding:0; background-repeat:repeat-x;}
.dlfincendios {background-image:url(../imgweb/flmincendios.gif); width:60%; float:left; height:25px; margin:0; padding:0; background-repeat:repeat-x;}
.dlfinstalaciones {background-image:url(../imgweb/flminstalaciones.gif); width:60%; float:left; height:25px; margin:0; padding:0;  background-repeat:repeat-x;}
.dlfobras {background-image:url(../imgweb/flmobras.gif); width:60%; float:left; height:25px; margin:0; padding:0; background-repeat:repeat-x;}
#franjatit .flechaempresa { width:25px; height:25px; margin:0; padding:0; float:left; background-image:url(../imgweb/flechaempresa.gif); background-repeat:no-repeat; background-position:right; }
#franjatit .flechafotovoltaica { width:25px; height:25px; margin:0; padding:0; float:left; background-image:url(../imgweb/flechafotovoltaica.gif); background-repeat:no-repeat; background-position:right; }
#franjatit .flechaclimatizacion { width:25px; height:25px; margin:0; padding:0; float:left; background-image:url(../imgweb/flechaclimatizacion.gif); background-repeat:no-repeat; background-position:right; }
#franjatit .flechacalefaccion { width:25px; height:25px; margin:0; padding:0; float:left; background-image:url(../imgweb/flechacalefaccion.gif); background-repeat:no-repeat; background-position:right; }
#franjatit .flechatermica { width:25px; height:25px; margin:0; padding:0; float:left; background-image:url(../imgweb/flechatermica.gif); background-repeat:no-repeat; background-position:right; }
#franjatit .flechaestructuras { width:25px; height:25px; margin:0; padding:0; float:left; background-image:url(../imgweb/flechaestructuras.gif); background-repeat:no-repeat; background-position:right; }
#franjatit .flechaincendios { width:25px; height:25px; margin:0; padding:0; float:left; background-image:url(../imgweb/flechaincendios.gif); background-repeat:no-repeat; background-position:right; }
#franjatit .flechainstalaciones { width:25px; height:25px; margin:0; padding:0; float:left; background-image:url(../imgweb/flechainstalaciones.gif); background-repeat:no-repeat; background-position:right; }
#franjatit .flechaobras { width:25px; height:25px; margin:0; padding:0; float:left; background-image:url(../imgweb/flechaobras.gif); background-repeat:no-repeat; background-position:right; }
#franjatit #franja1tit .colorlempresa {border-bottom:3px solid #97AB49;}
#franjatit #franja1tit .colorlfotovoltaica {border-bottom:3px solid #FCEC20;}
#franjatit #franja1tit .colorlclimatizacion {border-bottom:3px solid #69C5F0;}
#franjatit #franja1tit .colorlcalefaccion {border-bottom:3px solid #E87E28;}
#franjatit #franja1tit .colorltermica {border-bottom:3px solid #FFFBA7;}
#franjatit #franja1tit .colorlestructuras {border-bottom:3px solid #FFEACC;}
#franjatit #franja1tit .colorlincendios {border-bottom:3px solid #F54949;}
#franjatit #franja1tit .colorlinstalaciones {border-bottom:3px solid #787CC2;}
#franjatit #franja1tit .colorlobras {border-bottom:3px solid #AD71D2;}

/*menucabecera*/
#menucab {width:100%; height:35px; margin:0; padding:0; font-size:1.0em; text-align:right;}
/*#franja1menucab { width:320px; height:35px; float:left; margin:0; padding:0; background-image: url(../imgweb/sol2.jpg);  }*/
#menucab #franjamenucab {background-image: url(../imgweb/sol2.jpg); background-repeat:no-repeat;}
#menucab #franjamenucab { width:100%;  height:35px; margin:0; padding:0; background-color:#676767; overflow:hidden; float:left; }
#menucab #franjamenucab span { color:#1d1d1d; padding:0; margin:0; }
#menucab a:link {text-decoration:none; color:#FFFFFF; }
#menucab a:visited {text-decoration:none; color:#FFFFFF; }
#menucab a:hover {text-decoration: none; color:#FFFFFF; background-color:#000000;}
#menucab a:active {text-decoration: none; color:#FFFFFF; }
#menucab #franjamenucab ul { list-style-type:none; font-size:0.75em; width:80%; padding:0; margin:0; height:auto; float:right;}
#menucab #franjamenucab ul li { width:auto; float:left; margin:0; padding:1px; white-space:nowrap;}
#menucab #franjamenucab ul li a { text-align:right; float:left; }
/*franjacab*/
#franjacab { width:100%; height:25px; margin:0; padding:0; float:left;}
#franjacab1 { width:40%; height:25px; margin:0; padding:0;  float:left;}
/* #franjacab2 { width:60%; float:left; height:25px; margin:0; padding:0; background-repeat:repeat-x;} 
/*franjatit*/ 
#franjatit { width:100%; height:35px; margin:0; padding:0; clear:both;}
#franjatit #franja1tit { width:200px; height:35px; margin:0; padding:0; float:left; border-bottom:solid 2px #FFFFFF; }
#franjatit #franja1tit span { float:left; color:#FFFFFF; font-size:1.8em; padding:0px 0 0 5px; font-weight:normal;}
/*contenido central*/
#conte { height:100%; width:100%; margin:0; padding:0; float:left; }
/*franja izquierda*/
#izquierda {  width:200px; height:100%; margin:1% 0 0 0; padding:0; float:left; }
#izquierda h1 { color:#FFFFFF; font-size:1.9em;  padding:3px 0px 3px 8px; font-weight:normal; border-bottom:3px solid #ffffff; background-image:url(../imgweb/flecha.gif); background-repeat:no-repeat; background-position:right; }
#izquierda .izqmenu  { border:1px solid #fff; list-style:none;  width:150px; margin:0 0 15px 5px; padding:3px; height:auto; overflow:auto;}
#izquierda .izqmenu span { font-weight:bold; }
#izquierda .izqmenu li {}
#izquierda .izqmenu li a {}
#izquierda .izqmenu a:link {text-decoration:none; color:#FFFFFF; }
#izquierda .izqmenu a:visited {text-decoration:none; color:#FFFFFF; }
#izquierda .izqmenu a:hover {text-decoration: underline; color: #FFFFFF;  font-weight:bold; }
#izquierda .izqmenu a:active {text-decoration: none; color:#FFFFFF; }
#izquierda .izqgaleria { border:1px solid #fff; list-style:none; width:150px; margin:0 0 15px 5px; padding:3px; height:300px; max-height:300px; overflow:auto;}
#izquierda .izqgaleria span { font-weight:bold; }
#izquierda .izqgaleria li {  width:auto; float:left; margin:2px; padding:0px;}
#izquierda .izqgaleria li a {}
#izquierda .izqgaleria a:link {text-decoration:none; color:#FFFFFF;  }
#izquierda .izqgaleria a:visited {text-decoration:none; color:#FFFFFF;}
#izquierda .izqgaleria a:hover {text-decoration: underline; color: #FFFFFF; font-weight:bold; }
#izquierda .izqgaleria a:active {text-decoration: none; color:#FFFFFF;}
#izquierda .izqgaleria li img { border:1px solid #fff; margin:0; padding:0;}
#izquierda .color { border-bottom:1px solid #00ff00; height:1em;}
/* contenido */
#contenido { width:79%; height:auto; margin:0; padding:0;  float: left; }
#contenido #txt { width:70%; height:auto; margin:20px 0 0 0; padding:0; background-color:#000; float:left; text-align:justify;} 
#contenido #txt h1 { font-size:1.3em; margin:0; padding:0;}
#contenido #derecha { width:225px; height:auto; margin:0; padding:0; background-color:#000; float:right;}
#contenido #derecha img { width:200px; height:200px; border:1px solid #fff; margin:60px auto auto auto; display:block; padding:0;}
/* pie */
#pie {width:100%; height:auto; margin:0; padding:0; background-color:#1d1d1d; color:#d5d5d5; clear:both; font-size:0.85em; text-align:center; float:left;}
#pie p { padding:4px;}
.prodemedia { font-weight:bold; }
#pie #standar { width:33%; height:auto; float:left; text-align:left;}
#pie #direcc { width:33%; height:auto; float:left;}
#pie #certificado { width:33%; height:auto; float:left; text-align:right;}
/*TABLA*/
#tablatrabajos { width:70%; height:auto; margin:20px auto auto auto; display:block; padding:0; background-color:#000000; float:left; text-align:justify;}
#tablatrabajos h1 { font-size:1.3em; margin:0; padding:0;}
#tablatrabajos caption { text-align:left; font-size:1em; color:#ffffff; padding:3px;}
#tablatrabajos table { width:100%; padding:0; margin:0 0 20px 0; background-color:#000;}
#tablatrabajos  tr { background-color:#000; width:auto; height:100%; border:0;}
#tablatrabajos  th { width:auto; height:auto; padding:3px; margin:0; background-color:#f3f3f3;  color:#000; border:1px solid #999999; font-size:0.9em;}
#tablatrabajos  td { width:auto; height:auto; padding:2px 1px 1px 3px; margin:0; background-color:#000; color:#ffffff; font-size:0.8em; border:1px solid #999999; }

.tablatrabajos { width:99%; height:auto; margin:20px auto 1em auto; display:block; padding:0; background-color:#000000; float:left; text-align:justify;}
.tablatrabajos h1 { font-size:1.3em; margin:0; padding:0;}
.tablatrabajos caption { text-align:left; font-size:1em; color:#ffffff; padding:3px;}
.tablatrabajos table { width:100%; padding:0; margin:0 0 20px 0; background-color:#000;}
.tablatrabajos  tr { background-color:#000; width:auto; height:100%; border:0;}
.tablatrabajos  th { width:auto; height:auto; padding:3px; margin:0; background-color:#f3f3f3;  color:#000; border:1px solid #999999; font-size:0.9em;}
.tablatrabajos  td { width:auto; height:auto; padding:2px 1px 1px 3px; margin:0; background-color:#000; color:#ffffff; font-size:0.9em; border:1px solid #999999; }
