/* CSS Document */

/* cuerpo */
body{
     margin: auto;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 color: #9c9797;
	 text-align: center;
	 line-height:15px;
     text-align:center;
     background-image: url(../imagenes/fondo.gif);
     background-repeat:repeat;
     background-color:#57585b;
}
div{
	display:block;
}
#contenedor{
           
           width:700px;
           height:700px;
           background-color:#FFFFFF;
		   left: 50%;
margin-left:0px;
}

img{
    float:left;
	padding:0px 0px 5px 0px;
	border:0px;
}
p{
   color:#5C5C5C;
   text-indent:none;
   text-align:left;
   padding:0px 5px 5px 0px;
   margin:0px 0px 0px 5px
}
a{
   color:#0082d6;
   text-decoration:underline;
}
strong{
color:#000000;
}
strong#suave{
color:#0082d6;;
font-weight:normal;
}
/* cabecera */
#cabecera{
          float:left;
          width:700px;
          height:160px;
}

#menuprin{
          float:left;
          width:640px;
          height:27px;
          margin:10px 0px 0px 30px;
          background-image:url(../imagenes/fondo-menu-prin.jpg);
          background-repeat:no-repeat;
}
#menuprin li{
             float:left;
             display:inline;
             list-style-type:none;
             padding: 6px 0px 0px 4px;
}
			 
#menuprin li a{
               text-decoration:none;
               color:#000000;
}

#menuprin li a:link,#menuprin li a:active{
                                           text-decoration:none;
}

#menuprin li a:visited{
                       text-decoration:none;
}

#menuprin li a:hover,#menuprin li a:focus{
                                          text-decoration:none;
                                          color:#0082d6;
}
#flash{
        float:right;
        width:425px;
        height:101px;
        margin:9px 30px 0px 0px;
}
address{
         float:right;
         margin:2px 0px 0px 0px;
         font-family:Arial, Helvetica, sans-serif;
         font-weight:bold;
         font-size:9px;
         color:#0082d6;
         font-style:normal;
		 padding:0px 31px 0px 0px;
}
/* menu lateral */
#menulateral{
             float:left;
             width:196px;
             height:499px;
             margin:14px 0px 24px 30px;
             background-image:url(../imagenes/fondo-menu-lateral.jpg);
             background-repeat:no-repeat;
}
h1{
    float:left;
    color:#0082d6;
    font-size:14px;
    letter-spacing:0px;
    text-decoration:none;
    padding:5px 0px 0px 2px;
}
#flash2{
         float:left;
         width:183px;
         height:137px;
         margin:0px 0px 0px 6px;
}
p#lateral{
           text-align:left;
           color:#000000;
           padding:0px 5px 3px 10px;
}
/* Contenido */
#contenido{
            float:left;
            width:418px;
            height:500px;
            margin:12px 0px 0px 20px;

}
.caja{
      width:198px;
      height:159px;
      background-image:url(../imagenes/caja.jpg);
}
.izq{
      float:left;
      margin:2px 0px 0px 0px;
}
.dch{
      float:right;
      margin:2px 0px 0px 0px;
}
.abajo{
      margin:10px 0px 0px 0px;
}
h2{
    color:#000000;
    font-size:11px;
    letter-spacing:0px;
    text-decoration:none;
    padding:0px 5px 5px 5px;
    text-indent:none;
    text-align:left;
    margin:5px 0px 0px 0px;
}
.cajas{
       float:left;
	   margin:5px 10px 0px 5px;
}
#bannerpeq{
   float:right;
   width:140px;
   height:70px;
   margin:5px 10px 0px 0px;
}
#bannerpeq2{
   float:right;
   width:140px;
   height:70px;
   margin:5px 50px 0px 0px;
}
#bannerpeq3{
   float:right;
   width:140px;
   height:70px;
   margin:130px 50px 0px 0px;
}
#bannerpeq4{
    float:right;
   width:140px;
   height:70px;
   margin:-25px 10px 0px 0px;
}
/* Contenido-ahorro */
#ahorro{
color:#5C5C5C;
}
#ahorro li{
            
            text-align:left
}
#ahorro ul{

}
#ahorro ul li{
            
               text-align:left;
}
/* Contenido-humedad */
dt{
   color:#000000;
   text-align:left;
}
dd{
color:#5C5C5C;
    text-align:left;

}	
.filtracion{
position:absolute; float:left; margin:300px 0px 0px 60px;
}
/* Contenido-ventilacion */
#contenido2{
float:left;
width:618px;
height:300px;
margin:5px 0px 0px 35px;
background-color:#FFFFFF;
}
#ventilacion{
color:#5C5C5C;
}
#ventilacion li{
color:#5C5C5C;
                text-align:left;
}
#asesoria1{
color:#5C5C5C;
           text-align:left;
}
#asesoria1 li{
color:#5C5C5C;
               text-align:left;
}
#asesoria2{
color:#5C5C5C;
            text-align:left;
}
#asesoria2 li{
color:#5C5C5C;
               text-align:left;
}

/* pie */
#pie{
      float:left;
      width:332px;
      height:196px;
      background-image:url(../imagenes/fondo-pie.jpg);
	  background-repeat:no-repeat;
      margin:0px 0px 0px 35px;
}
/* formulario */
#tabla1{
float:left;
width:300px;
margin:40px 0px 0px 0px;
}
#tabla1 td{
text-align:left;
color:#000000;
}
label{
float:left;
text-align:left;
}
#tabla2{
float:left;
width:300px;
color:#000000;
margin:50px 0px 0px 15px;
}
#tabla2 td{
text-align:left;
}
input{
}
/* tablas */
#tablacontenido{
float:left;
width:680px;
margin:0px 0px 0px 10px;
}
.outer {
position:relative;
padding:4em 0 3em 0;
width:54em;
background:#eee;
margin:0 auto 3em auto;
}
.innera {
overflow:auto;
width:54em;
height:9.6em;
background:#eee;
}
.outer table caption {
position:absolute;
width:51.7em;
text-align:center;
top:0;
left:0;
height:1.5em;
background:#697210;
border:0.1em solid #fff;
color:#fff;
}
.outer thead tr {
position:absolute;
top:1.5em;
height:1.5em;
left:0;
}
.outer tfoot td {
position:absolute;
width:51.5em;
text-align:center;
background:#f0c992; 
border:0.1em solid #000;
color:#000;
bottom:0;
left:0
}
.outer th, .outer td {
width:10em; 
text-align:left;
}
.outer th {
background:#724a10; 
color:#fff;}
.outer .dk {background:#fff;
}
.tableone {width:650px; border-collapse:collapse; margin:5px 0px 0px 20px; border:1px solid #000000;  }
.tabletwo {width:620px; border-collapse:collapse;}
.th1 {width:320px; }
.th2 {width:450px;}

.td1 {width:320px;}
.td2 {width:450px;}

.tableone {background:#ffffff; border:1px solid #fff; color:#000;}
.tableone td {border:1px solid #fff; color:#fff;}
.tableone tbody {background-color:#c2e7ff; color:#000;}
.tableone caption {background:#fff; color:#0082d6; font-size:1.2em; margin:20px 0px 0px 0px;}
.tabletwo td {background:#eee; color:#000;}
.tableone th, .tabletwo th {text-align:left; }
.tabletwo tr.dk td {background:#ddd; color:#000;}

.innerb {height:10em; overflow:auto;}

input,select,textarea {
background-color:#ffffff;
}
optgroup{
font-style:normal;
background-color:#ffffff;
}
 option {
background:#ffffff;
}
input[type="submit"]{
background-color:#ffffff;
color:#000000;
font-size:10px;

}
input[type="reset"]{
background-color:#ffffff;
color:#000000;
font-size:10px;
}
#obras{
width:650px;
margin:20px 0px 0px 20px;
}
#obras dt{
}
obras dd{
}
h3{
font-size:12px;
margin:10px 0px 0px 0px;
}
#bordetabla{
float:left;
border:1px solid #000000;
margin:40px 0px 0px 0px;
}
#bordetabla2{
float:left;
border:1px solid #000000;
margin:20px 0px 0px 10px;
}
#futur{
color:#FFFFFF;
float:left;
clear:both;
width:300px;
height:10px;
margin:0px 0px 0px 210px;
}
#futur2{
color:#FFFFFF;
float:left;
clear:both;
width:300px;
height:10px;
margin:-30px 0px 0px -35px;
}
#futur a,futur2 a{
display:inline;
color:#FFFFFF;
text-decoration:none;
}
#futur a:hover,futur2 a:hover{
color:#0082d6;
text-decoration:none;
}

#contenido3{
float:left;
margin:30px 0px 0px 25px;
width:650px;
height:300px;
background-color:#FFFFFF;
}