@charset "utf-8";
/* CSS Document */
html, body{background:#031833 url(tarot.png) center;margin:0;padding:0;height:100%;font-family:"Fira Sans", verdana, sans-serif;font-size:16px;color:#eef;text-align:center;}
img{max-width:100%;}
a:link,a:visited{text-decoration:none;color:#fff;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
a:hover{color:#33ccee;}
.clear{clear:both;}
/*whatsapp*/
.tsy-ws{display:none;}
.split{width:100%;background:#33ccee;position:fixed;top:0;left:0;text-align:center;color:#fff;font-size:32px;}
.split a:hover{color:#031833;}
.acondicionado{margin:30px 0 -10px;}
@keyframes aires {0%{background-position: 0% 0%}100%{background-position:1144px 986px}}
@-moz-keyframes aires  {0%{background-position: 0% 0%}100%{background-position:1144px 986px}}
@-webkit-keyframes aires  {0%{background-position: 0% 0%}100%{background-position:1144px 986px}}
#anima{width:100%;min-height:100%;background:url(hechizo.png) top left;animation:aires 18s linear infinite;-moz-animation:aires 18s linear infinite;-webkit-animation:aires 18s linear infinite;}
.aire{width:1100px;margin:0 auto -20px;background:url(aire.png);height:200px;}
.reparacion{background:url(bk.png);width:1100px;margin:0 auto;color:#031833;}
h1{font-weight:200;font-size:60px;margin:0;padding:0;}
.arreglo{padding-top:50px;}
.deaire{padding-bottom:12px;}
.service{width:33.33%;float:left;text-align:center;margin-bottom:16px;}
.service img{max-width:92%;}
@keyframes service {0% {background-position: 3438px 0px;}100% {background-position: 0px 0px;}}
@-moz-keyframes service {0% {background-position: 3438px 0px;}100% {background-position: 0px 0px;}}
@-webkit-keyframes service {0% {background-position: 3438px 0px;}100% {background-position: 0px 0px;}}
.tecnico{width:100%;height:92px;background:url(aires.png);margin-bottom:16px;animation: service 30s linear infinite;-moz-animation: service 30s linear infinite;-webkit-animation: service 30s linear infinite;}
h2{color:#3ce;margin:0;padding:0 0 10px;}
.instalacion{width:280px;max-width:90%;padding:6px;border:1px solid #031833;border-radius:6px;color:#3ce;background:none;margin-bottom:14px;font-size:16px;font-family:"Fira Sans", verdana, sans-serif;}
.frio{padding:6px;font-size:16px;font-family:"Fira Sans", verdana, sans-serif;border:1px solid #3ce;background:#3ce;margin-bottom:6px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;cursor:pointer;}
.frio:hover{background:#031833;color:#3ce;}
.motor{width:40%;float:left;}
.mantenimiento{width:60%;float:left;text-align:left;}
@media only screen and (max-width: 1110px) {
.reparacion,.aire{width:100%;}
h1{font-size:48px;}
}
/*whatsapp*/
@media only screen and (max-width: 800px) {
.tsy-ws{display:block;position:fixed;bottom:20px;left:10px;background:#00be00;width:52px;padding: 10px 0px 7px 1px;border-radius:50%;box-shadow:0 0 5px #333;z-index:6;}
}
@media only screen and (max-width: 710px) {
.service,.motor,.mantenimiento{width:100%;float:none;}
.service img{width:280px;max-width:90%;}
p{width:80%;margin-left:10%;}
.mantenimiento{text-align:center;}
h1{font-size:34px;}
}
@media only screen and (max-width: 450px) {
.split{font-size:24px;letter-spacing:-1px;}
.aire{background-size:450px auto;background-position: top center;height:88px;}
}
@media only screen and (max-width: 310px) {
html,body{font-size:12px;}
.split{font-size:18px;}
h1{font-size:24px;}
}