/* Esto es un comentario en css */



* , *:before , *:after{margin:0px;padding:0px;border:0px;}
img , a , span, video{display:block;text-decoration:none;}
p a { display: inline-block;}
li{ list-style-type: none;}

/*COMUNES*/
.handlee{ font-family: 'Handlee'; }


 







/*CABECERA*/
header{
position:relative;
width:100%;
max-width: 1200px;
margin:0 auto;
background-color:white;
overflow: hidden;



}

header .wrapLogo{
  width:20%;
  background: white;
  float:left;
  overflow: hidden;
  margin: 0 auto;


}


header .logo{
width:70%;
position: relative;
float: left;
overflow: hidden;
margin: 0 auto;



  

}




header .logo img{
  width: 100%;
  float: left;
  margin:0 auto;
 overflow: hidden;
  border-radius: 40%;
  margin-top: px;
  
}







header .tituloPagina{
  width: 40%;
  margin: 0 auto;
  position: relative;
  float: left;
  margin-left:70px;
  background: yellow;
  overflow: hidden;
  
  

}

header .tituloPrimero{
  width: 100%;
  height: 60px;
  display: inline-block;
  background: white;
  color:black;
  font-family:'Cinzel Decorative', cursive;
   text-align: center;
   line-height: 100px;
   float: left;
   overflow: hidden;
   font-size: 30px;

}

header .tituloGeneral{
  width: 100%;
  height: 0 auto;
  color:black;
  overflow: hidden;
  float: left;
  text-align: center;
  text-decoration: none;


}

header .tituloSegundo{
  width: 100%;
  height: 60px;
  display: inline-block;
  background:white;
  color:black;
  font-family: 'Yellowtail', cursive;
  text-align: center;
  float: left;
  font-size: 25px;
  
  overflow: hidden;

}


header .telefono{
  width: 33%;
  height: 0 auto;
  position: relative;
  float:right;
  overflow: hidden;

  


}
header .telefono .numero{
  width:100%;
  height: 50px;
  margin-top:8px;
}
header .telefono .numero p{
  float:left;
  width:50%;
  height: 50px;
}
header .telefono .numero .descripcionTlf{
  width:40%;
  height: 30px;
  font-size: 16px;
  /*color:grey;*/
  color:black;
  text-align: right;
  padding:10px 30px 0px 0px;
}
header .telefono .numero .descripcionTlf.dos{
  padding-top:3px;
}
header .telefono .numero .numeroTlf{
  font-size: 30px;
  background-color:#E98C82;
  color:black;
  text-align: center;
  padding:3px;
  height: auto;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -khtml-border-radius: 10px;
  -ms-border-radius: 10px;
}

/*CONTENIDO (SECTION)*/
section {
  
  position: relative;
  width:100%;
  max-width: 1200px;
  margin:0 auto;
  overflow: hidden;
  


}



section .menu{
  float:left;
  width:20%;
  height: 0 auto;
  overflow: hidden;
}
section .menu li{
  width:98%;
  border:2px solid #E98C82;
  
}
section .menu li a {
  width:100%;
  padding:10px 0;
  background-color: #73B38D;
  text-align: center;
  text-decoration: none;
  color:white;
  font-size: 20px;
  
}




section .slider{
  position:relative;
  width:80%;
  margin: 0 auto;
  background-color:white;
  float:left;
  margin-top: px;
  overflow: hidden;
  


  
  
  
  
}

section .rectanguloGaleria {
  position:relative;
  width: 100%;
  margin: 0 auto;
  background:white;
  float: left;
  overflow: hidden;
  
  

  
  


 }
 

section .botonIzq {
  position:absolute;
  width:40px;
  top:160px;
  font-size: 40px;
  left: 20px; 
  z-index:5;
  

  
}


section .botonDer {

  position:absolute;
  width:40px;
  top:160px;
  right: 20px;
  font-size: 40px;
  z-index:5;
  
  
  

  }
  
 section .medidorGaler {
  position:relative;
  width:400%;
  background:white;
  transition:1s linear all;
 margin: 0 auto;
 float:left;
 overflow: hidden;

 

  
  

  
  
 }
section .galeria {
  position: relative;
  width:25%;
 margin: 0 auto;
 float:left;
 overflow: hidden;
  
  
  
  
  
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover ;
  -webkit-background-size: cover ;
  -moz-background-size: cover ;
  -o-background-size: cover ;
  -ms-background-size: cover ;
  


}

section .galeria img {
  width: 100%;
  margin: 0 auto;
  float:left;
  overflow: hidden;

  
}

section .f1 { 

  background-image:url("img/taza_fontanero-marca_peke.jpg");

   }

section .f2 {  
 background-image:url('../img/cocina-marca_peke.jpg'); 
}

section .f3 {
   background-image:url('../img/banote-marca_peke.jpg');
    }

section .f4 { 
  background-image:url('../img/cocinaazul1_peke.jpg'); 

}
section .f5 {  
 background-image:url('../img/metro largo1.png');
  }

section .f6 { 
  background-image:url('../img/taza_fontanero-marca_peke.jpg'); 
  width: 100%;


}




section .wrapsliderUno{
  position: relative;
  width:80%;
  margin: 0 auto;
  float:left;

}


section .sliderUno{
  position: relative;
  width: 100%;
  float:left;
  
 
  
  
  }

  section .sliderUno img{
width: 100%;





}

section .textoI{
  width: 25%;
  height: auto;
  background: red;
  text-align: center;
  font-size: 11px;
  margin-top: 335px;
  margin-left: 730px;



}



section .circulo{
  float:left;
  width:20%;
  padding-top:20%;
  margin: 0 auto; 
  
  
}
section .circulo img{
  width:100%;
  margin: 0 auto; 
  
  
  
  
}

section .descripcion{
float:left;
width: 30%;
padding: 1% 5% 7% 5%;
padding-bottom: ;
padding-left: ;
padding-right: ;
margin:0 auto;




}

section .circuloUno{
  float:left;
  width:20%;
  padding-top:20%;
  margin: 0 auto; 
  
  
}

section .circuloUno img{
  width:100%;
  margin: 0 auto; 
  
  
  
  
}


section .oficios{
  width: 100%;
  margin: 0 auto;
  
}

section .martaUno{
text-decoration:none;
color:blue;
font-size: 27px;

}

section .martaUno:hover {
color:#E98C82;
}

section .martaDos{
text-decoration:none;
color:#487058;
font-size: 29px;

}

section .martaDos:hover {
color:#925851;
}

section .martaTres{
text-decoration:none;
color:#1D2D23;
font-size: 20px;

}





 section .descripcionCalent, section .descripcionFontan, section .descripcionGas, section .descripcionTermos, section .descripcionUrg, section .descripcionRepara, section .descripcionAlbanil, section .descripcionCalderas, section .descripcionCerraj, section .descripcionElectric, section .descripcionPocer, section .wrapFormulario{
position: relative;
float:left;
width: 42%;
margin:0 auto;
padding: 3% 5% 2% 3%;
text-align: justify;
margin-bottom:100px;
margin-top:px;
word-wrap:break-word;
-webkit-word-wrap:break-word;
-moz-word-wrap:break-word;
-o-word-wrap:break-word;
-ms-word-wrap:break-word;
-khtml-word-wrap:break-word;



 

 
 




}

section .marca{
  position: relative;
  background:url('../img/don_aviso_uno.png');

background-size: 50%;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
-webkit-background-origin: content-box;
  -moz-background-origin: content-box;
  -o-background-origin: content-box;
  -khtml-background-origin: content-box;
  -ms-background-origin: content-box;
  z-index: 1;

  
  
 

}

section .marcaUno{
  background:url('../img/don_aviso_uno.png');
  position: relative;
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
-webkit-background-origin: content-box;
  -moz-background-origin: content-box;
  -o-background-origin: content-box;
  -khtml-background-origin: content-box;
  -ms-background-origin: content-box;
 
  
  
  
 

}

section .marcaDos{
  background:url('../img/don_aviso_uno.png');

position: relative;
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
background-origin: content-box;
-webkit-background-origin: content-box;
  -moz-background-origin: content-box;
  -o-background-origin: content-box;
  -khtml-background-origin: content-box;
  -ms-background-origin: content-box;
  

  
  
 

}

section .fotoFontan, section .fotoGas, section .fotoUrg, section .fotoAlbanil, section .fotoCalderas, section .fotoCerraj, section .fotoElectric, section .fotoPocer{
float:left;
width:100%;
margin:0 auto;
margin-top:70px;



}



section .descripcionAviso{
width: 80%;
margin:0 auto;
margin-left: %;
text-align: justify;
float: left;
margin-top: px;
  
}


section .wraptextoLegal{
width: 92%;
padding-left: 5%;
padding-bottom: 7%;



}
section .fotoFontan img, section .fotoGas img, section .fotoUrg img, section .fotoAlbanil img, section .fotoCalderas img, section .fotoCerraj img, section .fotoElectric img, section .fotoPocer img{
  width:100%;
  margin: 0 auto;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -khtml-border-radius: 5px;
  -ms-border-radius: 5px;
  
}







section .relleneTexto { 
  width: 90%;
  
  padding-left: %;
  font-size: 15px;
  padding-top:%;
}

section .textoFormulario{
width: 100%;
margin: 0 auto;
margin-bottom: 0px;
font-size:30px;
  

}


section .textoformularioDos{
width: 100%;
background: white;
margin: 0 auto;
font-size: 17px;

  
}


section .formulario {
  width: 90%;
  border:2px solid #73B38D;
  background:silver;
  padding:30px;
  border-radius: 5px;
  

}

section .proteccionDatos1{
  font-size: 11px;
}
section .proteccionDatos{
  font-size: 11px;
}


section .err{
  
  display:block;
  width:100%;

  background:white;
  color:red;
  transition:linear 0.3s all;
  height:0px;
  margin-top: px;
  overflow:hidden;
  
}

section .seve{

    height:500px;
}


section .formulario .transicion{
  transition:all .2s ease-in;
  -webkit-transition:all .2s ease-in;
  -moz-transition:all .2s ease-in;
  -o-transition:all .2s ease-in;
  -ms-transition:all .2s ease-in;

}

section .uname {
  width: 95%;
  display:block;
  margin:10px auto;
  
  height:50px;
  text-align:center;
  line-height:50px;
  font-size:15px;
  color:#73B38D;
  border-radius: 5px;
  border:2px solid #73B38D;
   outline: none; 
  
}



section .uobs {
  width: 95%;
  display:block;
  margin:10px auto;
  text-align:center;
  line-height:30px;
  font-size:15px;
  color:#73B38D;
  border-radius: 5px;
  border:2px solid #73B38D;
   outline: none; 
  
}




section .envialo {
  width: 160px;
  display: block;
  height: 0 auto;
  margin-left:90px;
  margin:15px auto;
  font-size:22px;
  background:grey;
  color:white;
  border-radius: 5px;
  border:2px dashed black;

}


  section .envialo:hover{
  
  cursor:pointer;
  color:#73B38D;
  box-shadow: 0px 0px 5px #fcfcfc; 
-webkit-box-shadow: 0px 0px 5px #fcfcfc; 
-moz-box-shadow: 0px 0px 5px #fcfcfc; 
}

section .textarea, section.input { 
  outline: none; 
}
section .wrapTextoPueblo{

width: 42%;
margin: 0 auto;
float: left;
padding: 3% 5% 3% 3%;
text-align: justify;
margin-bottom:100px;

  
}

section .wrapPanel {
  width: 20%;
  margin:0 auto;
  background-color: #7FB997;
  float:left;
  border-radius:;
  margin-top: 60px;
 text-align: justify;
 margin-left: 6%;
 margin-bottom: 2%;
 border: dotted 6px #E98C82; 



}


section .wrapPanel:hover {
transform: skew(-5deg, -5deg);
-webkit-transform: skew(-5deg, -5deg);
  -moz-transform: skew(-5deg, -5deg);
  -o-transform: skew(-5deg, -5deg);
  -khtml-transform: skew(-5deg, -5deg);
  -ms-transform: skew(-5deg, -5deg);


}




section .wrapPanelA {
  width: 70%;
  margin:0 auto;
  background-color: #7FB997;
  float:left;
  margin-top: 60px;
 text-align: justify;
 margin-left: 15%;
 cursor: pointer;
 border: dotted 8px #E98C82;
 

}


section .wrapPanelA:hover {
transform: scale(.8,.8);
-webkit-transform: scale(.8,.8);
  -moz-transform: scale(.8,.8);
  -o-transform: scale(.8,.8);
  -khtml-transform: scale(.8,.8);
  -ms-transform: scale(.8,.8);

 
}

section h1 {
  

  color:#E98C82;
margin-top: 20px;
  margin-bottom: 5px;
  font-size: 25px;

}
section h2 {
   margin-bottom: 5px;
  color:#E98C82;
  

}



section .tituloBotones{
width: 100%;
margin:0 auto;
font-size: 40px;






}
section h3 {
   margin-bottom: 5px;
  color:#E98C82;
   font-size: 25px;
   


}

section h4 {
   margin-bottom: 5px;
  color:#E98C82;
   font-size: 25px;
   


}
section h5 {
   margin-bottom: 5px;
  color:#E98C82;
   font-size: 25px;



}

section h6 {
   margin-bottom: 5px;
  color:#E98C82;
   font-size: 25px;



}

section span {
color: white;
}
section .lateralTitulo{
  margin:0 auto;
  margin-top:40px;
  margin-bottom: 0px;
  color:white;
  text-align: center;
  font-size: 28px;
  

}
section .lateralTitulo1{
 margin:0 auto;
  margin-top:25px;
  color:black;
  text-align: center;
  font-size: 20px; 
  
}

section .lateralTitulo2{
 margin:0 auto;
  color:black;
  text-align: center;
  font-size: 20px; 
  padding-left: 15px;
  padding-right: 15px;
  
}

section .lateralTitulo3{
 margin:0 auto;
  color:black;
  text-align: center;
  font-size: 20px; 
  padding-left: 15px;
  padding-right: 15px;
  
}

section .lateralTitulo4{
 margin:0 auto;
  color:black;
  text-align: center;
  font-size: 20px; 
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 20px;

}

section .excepto{
margin: 0 auto;
padding-left: px;
font-size: 10px;
text-align: center;
color:black;

}

section .wrapUno{
position: relative;
float:left;
width:30%;
background:white;
margin: 0 auto;





}

section .wrapDos{
position: relative;
float:left;
width:30%;
background:white;
margin: 0 auto;




}





section .fotoEstrella{
position: relative;
width: 100%;
margin: 0 auto;
background: white;
overflow: hidden;
margin-bottom: 20%;

}








section .fotoEstrella img{
width: 100%;
margin: 0 auto;
overflow: hidden;
margin-top: 30%;



}



section .fotoAhorro{
position: relative;
width: 100%;
margin: 0 auto;
background: white;
overflow: hidden;





}





section .fotoAhorro img{
width: 100%;
margin: 0 auto;
overflow: hidden;
margin-left: 5%;
margin-top: 30px;




}

section .fotoestrellaRefor{
width: 100%;
margin-top: 100px;

}
section .fotoestrellaRefor img{
width: 100%;
  
}

section .mark{
  background:#73B38D;
  opacity:.7;
  color:black;
}

section .listaPoceria, section .listaCalderas, section .listaCerraj, section .listaElectric, section .listaGas{
  width: 100%;
 height: 0 auto;
list-style-type: circle;
margin-left: 4%;
}
section .lista1{
  list-style-type: disc;
}


section .cookiesTabla{
   width:100%;
  color:#333333;
  border-width: 1px;
  border-color: #a9a9a9;
  border-collapse: collapse;
  
}

section th {font-size:16px;color: white; background-color:#73B38D;border-width: 1px;padding: 8px;border-style: solid;border-color: #E98C82;text-align:left;}

section tr {background-color:#ffffff;}
section td {font-size:15px;border-width: 1px;padding: 8px;border-style: solid;border-color: #E98C82;}



  /*PIE (FOOTER)*/
  footer {
  width:100%;
  max-width: 1200px;
  margin: 0 auto;
  display: table;
  
  
  

}

footer dl{
width:100%;
height: 0 auto;



  
  
}
footer dl dt{
  

  width:100%;
  font-size: 28px;
  text-align: center;
  border-bottom: 2px solid #E98C82;
  margin-bottom:20px;
  margin-top: %;

  
}
footer dl dd{
  width:18%;

  float:left;
  margin:1%;


  
}
footer dl dd a{
  width:100%;
  height: 100%;
  padding:6% 0%;
  background-color:#73B38D;
  text-align: center;
  text-decoration: none;
  font-family: Verdana;
  font-size: 14px;
  color:white;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;




}
footer dl dd a:hover{
  background-color:#E98C82;
  color:white; 



}




 .pieNegro{
  position:relative;
  width:100%;
  margin:0 auto;
  background:black;
  margin-top: px;


  
}


.envoltorioLegal{
width: 100px;
height: 100%;
margin-left: 20%;
}




.avisoLegal, .politicaPrivacidad, .politicaCookies{

width: 100px;
height: 50px;
margin-bottom: 20px;



}



.derechos{
  width: 100%;
  height: 0 auto;
  background:black;
  

}

.copy {
  width: 100%;
  background: black;
  height: 0 auto;
  font-size:15px;
  text-align: center;
  color:white;


}

/*MOVIL*/
@media (min-width:0px) and (max-width:768px){

header .wrapLogo {

width: 25%;
float: left;

  
  
}


header .logo{

float:left;
margin-left: 10%;



}

header .logo img {
width: 100%;
float:left;
margin-top: 30px;
 
}


header .tituloPagina {
width: 70%;
float:left;
margin-left: 0px;


}

header .tituloPrimero {
  
float:left;
font-size: 17px;
text-align: left;

  
}

header .tituloGeneral {
float:left;
text-align: left;

}

header .tituloSegundo {
 
float:left;
text-align: left;
font-size: 20px;
  
 
}


  header .telefono {
  
width: 100%;
margin-top:: 30px;





    
    
  }
  header .telefono .numero .descripcionTlf{
  padding:10px 20px 0px 0px;
}

  section .menu{
  width:95%;
  height:auto;
  padding-top: 3%;
  padding-bottom: 3%;
  padding-left: 3%;
  padding-right:3%; 
  
    
  }
  
  section .slider {
  width: 94%;
  padding-top: %;
  padding-bottom: %;
  padding-left: 3%;
  padding-right:3%; 
    
    
    
  }


  section .rectanguloGaleria {
  width: 100%;
  
  
    
  
    
    
  }

  section .botonIzq {

  font-size: 35px;
  left:10px;
  top:70px;
   font-size: 30px;


  

  
}
section .botonDer {
  font-size: 30px;
  top:70px;
  right:10px;



  

  
}
  section .galeria img{
  width:100%;
  
}


 section .wrapsliderUno{
  position: relative;
  width:94%;
  padding-left: 3%;
  padding-right:3%; 
}

 section .sliderUno{
width: 100%;


 }



 section .circulo{
  
  width:100%;
  margin-bottom: %;
  margin-top: ;
  
}




section .circulo img{
  width:50%;
  
  padding-left: 15px;
  padding-right: 20px;
  padding-bottom: 10%;
 
 
  
  
}



section .descripcion{

width: 90%;


font-size: px;
padding-right: %;



}


 section .circuloUno{
  
  width:100%;
  margin-bottom: %;
 
  
  
}




section .circuloUno img{
  width:50%;
  padding-left: 15px;
  padding-right: 20px;
  padding-bottom: 30%;

  
 
 
  
  
}

section .descripcionCalent, section .descripcionFontan, section .descripcionGas, section .descripcionTermos, section .descripcionUrg, section .descripcionRepara, section .descripcionAlbanil, section .descripcionCalderas, section .descripcionCerraj, section .descripcionElectric, section .descripcionPocer, section .wrapFormulario{

width: 85%;
margin-top: 20px;


}



  
section .descripcionAviso{
width: 100%;
text-align: justify;



  
}

section .wraptextoLegal{
width: 89%;
}

section .fotoCalent img, section .fotoFontan img, section .fotoGas img, section .fotoTermos img, section .fotoUrg img, section .fotoAlbanil img, section .fotoCalderas img, section .fotoCerraj img, section .fotoElectric img, section .fotoPocer img{
  width:80%;
  margin-bottom: 15%;

  
  
  
}

 

section .fotoCalent, section .fotoFontan, section .fotoGas , section .fotoTermos , section .fotoUrg, section .fotoAlbanil, section .fotoCalderas, section .fotoCerraj, section .fotoElectric, section .fotoPocer{

 width:100%;
 margin-top: 50px;
 margin-left: px;
  
   }

section .wrapDos{
  width: 100%;
  margin-top: 80px;
  margin-bottom: 50px;

}

section .wrapUno{
  width: 100%;

}
section .fotoEstrella{
  width: 100%;
  margin-left: px;
  float:left;
}
section .fotoEstrella img{
width: 90%;
margin-right: %;


}

section .martaDos{

font-size: 25px;

}

section .fotoAhorro{
  width: 100%;
  float:left;
}

section .fotoAhorro img{
  width: 95%;
  margin-top:80px;
  margin-left: 2%;
}


section .fotoestrellaRefor{
width: 100%;
margin-top: 100px;
margin-left: 10px;
}
section .fotoestrellaRefor img{
width: 95%;
  
}
section .wrapTextoPueblo{

width: 90%;

  
}
section .tituloBotones{

font-size:25px;
margin-top: 15px;

}
section .wrapPanel {
  width: 60%;
  margin-left: 18%;

 

}

section .wrapPanelA{
  width: 70%;
  margin-left: 12%;
  margin-bottom:px;

margin-top: %;

}

section .formulario {

margin-left:px;
}

.pieNegro{
  margin-top: 30px;
}
  footer dl dt{
    width: 80%;
    margin-top: %;
    margin-left:9%;
    font-size: 20px;

  }
  
  footer dl dd{
    width: 95%;
    margin-left: 2%;

  }
.copy {
  width: 100%;
font-size:12px;

}
  

}




/*TABLET*/
@media (min-width:769px) and (max-width:1199px){


header .wrapLogo{

width: %;
float:left;
margin-left:20px;
margin-top: 10px; 
  
  
}


header .logo{
width: %;
float: left;

margin-top: px;


}



header .tituloPagina{
width:50%;
float: left;
margin-top: px;
margin-left: 200px;




}

header .tituloPrimero{
  
float: left;
font-size: 23px;
text-align: left;
  
}

header .tituloGeneral{
float: left;
text-align: left;

}

header .tituloSegundo{
 
float: left;
text-align: left;
font-size: 25px;
  
 
}


  header .telefono{
  
width:93%;
margin-top: px;
margin-left: 20px;
margin-right: ;
float:left;

   
    
  }
  
  header .telefono .numero .descripcionTlf{
    padding:10px 0px 0px 0px;
    text-align: left;
    margin-left:px;
   
  
}
header .telefono .numero .descripcionTlf.dos{
  padding-top: 10px;
   


  }

  section .menu{
  width:95%;
  height:auto;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  
    
  }

  

  
  section .slider {
    width: 100%;
  margin: 0 auto;
  

    
    
  }


 

  section .rectanguloGaleria {
  width: 93.3%;
   
  margin-left: 22px;
  


  }

  section .botonIzq {

  
  margin-top: ;
  left: ;
  

  
}

section .botonDer {

  
  
  right: ;
  margin-top:;
  

  
}


  section .galeria img {
  
  width:100%;
  
  
 }

 section .wrapsliderUno{
  
  width:100%;
  
}


 section .sliderUno{
  
  width:93.3%;
  margin-left: 22px;
  
}

section .sliderUno img{
width: 100%;

}


 
  section .circulo{
  
  width:33%;
  margin-bottom: %;
  margin-top: 4%;
  
}




section .circulo img{
  width:80%;
  
  margin-left: 55px;
 
 
  
  
}



section .descripcion{

width: 53%;
padding-left: 3px;
padding-right:1px;
font-size: 16px;
margin-bottom: px;
margin-left: 80px;


}


 section .circuloUno{
  
  width:33%;
  margin-bottom: %;
  margin-top: -80%;
  
}




section .circuloUno img{
  width:80%;
  
  margin-left: 55px;
 
 
  
  
}

section .marca{

background-size: 30%;

}
section .marcaUno{
  
background-size: 30%;

}
section .marcaDos{
  
background-size: 30%;

}

 section .descripcionCalef, section .descripcionCalent, section .descripcionFontan, section .descripcionGas, section .descripcionReformas, section .descripcionTermos, section .descripcionUrg, section .descripcionRepara, section .descripcionAlbanil, section .descripcionCalderas, section .descripcionCerraj, section .descripcionElectric, section .descripcionPocer, section .wrapFormulario{
width: 92%;
padding-left: px;
padding-right:px;
margin-top:px;
margin-bottom: 0px;



}


section .descripcionAviso{
width: 100%;


  
}

section .wraptextoLegal{
width: 90%;
text-align: justify;
word-wrap:break-word;
padding-left: 



}
section .fotoCalent img, section .fotoFontan img, section .fotoGas img, section .fotoTermos img, section .fotoUrg img, section .fotoAlbanil img, section .fotoCalderas img, section .fotoCerraj img, section .fotoElectric img, section .fotoPocer img{
  width:100%;
  margin-top: px;
  margin-left: 22px;


  
}

 

section .fotoCalent, section .fotoFontan, section .fotoGas, section .fotoTermos, section .fotoUrg, section .fotoAlbanil, section .fotoCalderas, section .fotoCerraj, section .fotoElectric, section .fotoPocer{
width:40%;
margin-left: 0%;
float: left;

 
  
   }



section .wrapTextoPueblo{

width: 90%;


  
}

section .wrapUno{
  width: 100%;
  margin-bottom: px;
  margin-left: px;
  float: left;

}

section .wrapDos{
  width: 100%;
  margin-top: 120px;
  margin-bottom: px;
  margin-left: px;

}

section .fotoReformas{
  width: 100%;
 
}

section .fotoReformas img{
  width: 90%;

}
section .fotoEstrella{
  width: 50%;
float:left;
  margin-left: px;
  margin-top: px;
  


}
section .fotoEstrella img{
width: 90%;
margin-left:22px;
margin-top: 5px;
margin-bottom: px;
}
section .fotoestrellaRefor{
width: 100%;
margin-left: 60px;
margin-top: 100px;
}
section .fotoestrellaRefor img{
width: 90%;
  
}

section .fotoAhorro{
  width: 50%;
  float:left;
  margin-right: px;
  margin-top: px;


  

}

section .fotoAhorro img{
  width: 90%;
  margin-top: 40px;

}

section .wrapPanel {
 width: 90%;
  margin-left: 5%;



}

section .wrapPanelA{
  width: 35%;
float: left;
margin-top: 70px;
margin-bottom: px;

}


.pieNegro{
  margin-top: 30px;
}


footer dl dt{
width: 80%;
margin-left:8%;

}

  
footer dl dd{
width: 30%;

  }