html, body{background:#ECEBF3 url(bk.png);margin:0;padding:0;height:100%;font-family:"Barlow Condensed", verdana, sans-serif;letter-spacing:1px;text-align:center;font-size:16px;color:#1a1a1a;}
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-button{width:0px;height:0px;}
::-webkit-scrollbar-thumb{background:#EB2F06;border:0px none #ffffff;}
::-webkit-scrollbar-thumb:hover{background:#FA5C38;}
::-webkit-scrollbar-track{background:#660c00;border:0px none #ffffff;}
::-webkit-scrollbar-track:hover{background:#931100;}
::-webkit-scrollbar-track:active{background:#931100;}
::-webkit-scrollbar-corner{background:transparent;}
.clear{clear:both;}
img{max-width:100%;}
a:link,a:visited{text-decoration:none;color:inherit;transition:all 0.3s ease;cursor:pointer;}
a:hover{color:#FF6F5C;}
.wsp{position:fixed;bottom:10px;right:0;background:#00be00;width:52px;height:52px;overflow:hidden;z-index:6;text-align:left;transition:all 0.3s ease;}
.wsp img{margin:10px 0 0 10px;}
.wsp:hover{width:70px;}
.tecnico{width:100%;max-width:1380px;margin:0 auto;background-color: #ffffff;}
.logo{position:absolute;top:120px;left:50%;margin-left:-140px;z-index:2;}
.cemento{position:fixed;top:0;left:0;background:#EB2F06;color:#ffffff;font-size:28px;padding:2px 0;width:100%;z-index:6;}
h1,h4,h3{font-size:50px;font-weight:900;margin:0 auto;color:#EB2F06;padding:40px 0 10px 0;text-transform: uppercase;}
h4{font-size:30px;}
h3{font-size:24px;color:#FF6F5C;padding:0 0 26px 0;}
.central h3{color:#1a1a1a;}
.gas{margin:0 auto 20px;}
.pulir{float:left;width:20%;margin-bottom:20px;}
.trabajo{width:90%;background:#C7D6D5;margin:0 auto;}
.trabajo p{font-weight:700;margin:0 auto;padding:8px 0;font-size:18px;text-transform:uppercase;}
.trabajo img{margin-bottom:-5px;}
.reparacion{width:20%;float:left;margin-bottom:16px;}
.pintura{width:33.33%;float:left;margin-bottom:16px;}
.pintura img{max-width:90%;}
/* animacion */
.tigre{overflow:hidden;height:440px;margin-top:38px;}
@keyframes contadores {0% {margin-left: 0;}23% {margin-left: 0;}25% {margin-left: -100%;}48% {margin-left: -100%;}50% {margin-left: -200%;}73% {margin-left: -200%;}75% {margin-left: -300%;}98% {margin-left: -300%;}100% {margin-left: 0;}}
.arreglo{width:400%;display: table;height:440px;animation:contadores 16s linear infinite;}
.service{width:25%;display: table-cell;vertical-align:middle;background-size:cover !important;}
.marmol{background:url(rheem.jpg) center center;}
.granito{background:url(baxi.jpg) center center;}
.parquet{background:url(peisa.jpg) center center;}
.mosaicos{background:url(caldaia.jpg) center center;}
.service div{padding-top:210px;font-size:42px;font-weight:900;color:#ffffff;text-transform: uppercase;text-shadow: 0 0 4px #140E00;-webkit-text-stroke: 1px #140E00;}
/* formulario */
.central,.llantas{width:100%;display:table;background:#B9CBCA;color:#fff;}
.dontorcuato{width:40%;padding:20px 0;display:table-cell;vertical-align:middle;}
.instalacion{width:60%;padding:20px 0;display:table-cell;vertical-align:middle;}
.calefaccion{background:url(calderas/climatizacion.png) center left no-repeat;background-size:cover;}
.dontorcuato b{font-size:22px;text-transform:uppercase;letter-spacing:1px;color:#EB2F06;}
input[type="text"],textarea{width:92%;max-width:420px;padding:4px 6px;font-size:16px;border:0;border-radius: 2px;color:#140E00;margin-bottom:12px;font-family:"Barlow Condensed", verdana, sans-serif;letter-spacing:1px;}
input[type="submit"]{width:fit-content;border-radius:2px;border:0;background:#EB2F06;color:#ffffff;font-size:14px;font-weight:700;text-transform: uppercase;padding:6px 10px;cursor:pointer;}
input[type="submit"]:hover{background:#140E00;color:#EB2F06;}
form span{color:#6d7275;}
/* losa radiante */
#losaradiante{width:100%;background:#fa6c4c url(pisoradiante.png) center right no-repeat;background-size:contain;color:#ffffff;padding:60px 0;}
.losa{width:calc(50% - 24px);float:left;padding:0 12px;}
#losaradiante h1{color:#ffffff;padding:0 0 20px 0}
#losaradiante h3{color:#1a1a1a;padding-bottom:12px;}
#losaradiante p{font-size:20px;}
/* pie de pagina */
.pilar{width:100%;display:table;max-width:1380px;margin:0 auto;background:#140E00;color:#ECEBF3;padding:6px 0;}
.zonanorte{width:50%;display:table-cell;vertical-align:middle;}
.zonanorte ul{width:fit-content;max-width:80%;margin:0 auto;text-align:left;padding:14px 0;}
.zonanorte li{list-style: none;background: no-repeat left center;padding:2px 0;}
.logopie{margin-bottom:-5px;}
.nordelta{width:100%;font-size:14px;margin:0 auto;background:#6D7275;color:#140E00;max-width: 1380px;}
h2{font-size:34px;font-weight:900;text-transform: uppercase;margin:0 auto;padding:8px 0;}
.reparar{width:25%;float:left;margin-bottom:18px;color:#FF6F5C;font-weight:700;font-size:18px;}
@media only screen and (max-width: 935px) {
.pilar,.zonanorte{display:block;width:100%;}
.reparar{width:50%;}
.reparacion{width:100%;float:none;}
.central,.dontorcuato,.instalacion{width: 100%;display: block;}
.calefaccion{background:none;}
h2{color:#EB2F06;}
}
@media only screen and (max-width: 940px) {
.losa{float:none;width:calc(100% - 24px);}
.radiante{height:50vh;background:url(calefaccion.png) center top no-repeat;background-size: cover;}
#losaradiante{background-image:none;padding:60px 0 0 0;}
#losaradiante p{margin-bottom:0;font-size:18px;}
}
@media only screen and (max-width: 700px) {
.central,.instalacion{width:100%;display:block;}
.calefaccion{display: none;}
h1{font-size:42px;}
.pulir{width:50%;}
.reparacion{float:none;width:90%;margin:4px auto 16px;}
.gas{max-width:90%;}
.pintura{width:50%;}
.interior{display: none;}
.logo{top:50px;}
.tigre,.arreglo{height:280px;}
.service div{font-size:30px;}
}
@media only screen and (max-width: 520px) {


.logopie{max-width:80%;}
.pilar{text-align: left;}
.logopie{margin-left:6px;}
.zonanorte ul{margin-left:26px;}
h1{font-size:34px;}
h4{font-size:30px;}
.pintura{width:100%;float:none;}
.reparar{width:100%;float:none;}
}