html, body{background:#ededed url(bk3.png);margin:0;padding:0;height:100%;font-family:"PT Sans Narrow", 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:#050505;border:0px none #ffffff;}
::-webkit-scrollbar-thumb:hover{background:#333333;}
::-webkit-scrollbar-track{background:#444444;border:0px none #ffffff;}
::-webkit-scrollbar-track:hover{background:#D6D5C9;}
::-webkit-scrollbar-track:active{background:#D6D5C9;}
::-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:#757575;}
.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;}
.tel{width:100%;background: #a50104;font-weight:700;font-size:14px;position:fixed;top:64px;left:0;z-index:6;padding:2px 0;}
#menuprod,#botones{visibility: hidden;}
#botones{position:fixed;width:100%;height:100%;display:table;top:0;left:0;background:#fff url(logo3.png) top center no-repeat;background-size:contain;padding:6px 0;z-index:9;}
#col{display: table-cell;vertical-align:middle;padding-top:40px;}
.service{width:fit-content;margin:0 auto 5px;padding:8px 14px;font-weight:700;text-transform: uppercase;font-size:18px;border-radius:3px;text-align:left;background:#dadada;overflow: hidden;}
.service:hover{background:#050505;color:#ffffff;}
.cerrar{padding-top:10px;font-weight:700;text-transform: uppercase;width:fit-content;padding:4px 8px;background:#050505;color:#ffffff;margin:0 auto;border-radius:3px;}
.offset{width:98%;padding:0 1%;border-bottom:1px solid #dadada;position:fixed;top:0;left:0;background:#fff;z-index:5;}
.empresa{width:100%;max-width:1920px;margin:0 auto;}
.eneldia{display:table;}
.logo{display:table-cell;vertical-align:middle;padding:6px 0;width:290px;text-align: left;}
.logo img{margin-bottom:-5px;}
.repuestos,.matriculado{display:table-cell;vertical-align:middle;}
.matriculado{width:340px;text-align:right;text-transform:uppercase;font-size:28px;font-weight: 700;line-height: 22px;}
#botonera,#subbotonera{width:fit-content;margin:0 auto;max-width:1000px;}
#menu{display: none;width:fit-content;height:40px;float:right;background:url(despl.png) center right no-repeat;padding:0 40px 0 12px;line-height: 40px;font-weight: 700;}
#menu:hover{background-color:#dadada;}
.grafica{float:left;padding: 18px 10px;}
.grafica:hover{background:#dadada;color:#757575;transition:all 0.3s ease;}
.menusp{padding:0 0 1px 3px;}
.reparar{float:left;padding:4px 10px;font-weight:700;color:#dadada;text-transform: uppercase;}
.reparar:hover{background:#7A0006;cursor:pointer;}
.folleteria{padding:48px 0;background:#ffffff;}
.tecnico{width:100%;overflow: hidden;height:520px;background:url(cocina.jpg) center; background-size: cover;margin-top:64px;}
@keyframes imprenta {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;}}
.produccion{width:400%;height:520px;display:table; animation:imprenta 20s linear infinite;}
.produccion:hover{animation-play-state:paused;}
.reparacion{width:25%;display:table-cell;vertical-align:middle;background-size:cover !important;}
.deaires{background:url(reparacion1.jpg) center no-repeat}
.deheladeras{background:url(reparacion2.jpg) center no-repeat;}
.delavarropas{background:url(reparacion3.jpg) center no-repeat;}
.decalderas{background:url(reparacion4.jpg) center no-repeat;}
.texuno,.texboton{width:fit-content;padding:8px 16px;font-weight:700;font-size:54px;color:#ffffff;background:#7A0006;margin:0 auto 10px;text-transform:uppercase;}
.texboton{font-size:16px;background:#FCBA04;color:#1a1a1a;margin-bottom:0;transition: all 0.5s ease;-moz-transition: all 0.5s ease;border-radius:3px;}
.texboton:hover{background:#c4c4c4;cursor:pointer;}
.plus{font-size:30px;}
.allado{float:left;}
.serviciotecnico{display:table;width:90%;margin:0 auto;min-height:250px;padding:50px 0;}
.instalacion,.amedida{display:table-cell;vertical-align:middle;width:50%;text-align:center;}
.empresarial,.prevencion{text-align:left;max-width:90%;margin:0 auto;}
.empresarial{text-align:left !important;}
h1,h2,h3,h4{font-size:40px;text-transform: uppercase;margin:0;padding:0 0 20px 0;color:#a50104;}
h2{font-size:36px;}
h4{font-size:20px;padding:0;text-align: left;padding-bottom:20px;}
.libros{display:none;padding-bottom:12px;width:100%;text-align:center !important;}
.amedida img{max-width:80%;}
.amedida div{margin:-5px auto 0;width:fit-content;width:80%;max-width:490px;background:#050505;color:#ffffff;font-size:22px;font-weight:700;text-transform:uppercase;padding:4px 0px;}
.black{width:100%;background:#050505 url(bk2.png);color:#dadada;}
.black img{padding-bottom:20px;}
h3{margin:0 auto;font-weight:700;font-size:32px;}
.lavadora{margin-left:0 !important;margin-bottom:22px;}
.electrodomesticos{width:86%;margin:0 auto;}
.electrodomesticos h1{text-align:left;padding-bottom:10px}
.productos{background: #dadada;text-align:center;padding-bottom: 7px;width: 23%;margin: 0 1% 18px;float:left;border-radius:3px;overflow:hidden;transition: all 0.5s ease;}
.productos img {margin-bottom:5px;}
.productos:hover{background:#FCBA04;color:#050505;}
.productos span {font-weight: 700;font-size: 20px;text-transform: uppercase;margin-left: 5px;}
.bartel{width:100%;position:fixed;top:64px;left:0;background: #7A0006;color:#ffffff;font-size: 20px;font-weight:700;padding:2px 0;display: none;}
.bartel div{width:33.33%;display:table-cell;text-align:center;}
/* secciones */
.fabrica{width:100%;height:160px;background-size: cover !important;background-position: center center !important;}
.venta{position:absolute;width:100%;top:180px;left:0;}
.servicio span{color:#757575;font-weight:700;font-size:1.2em;}
.papel{padding:4px;}
.estuches{display: none;width:100%;padding-bottom:20px;text-align:center;}
.pymes{display: table-row;}
.cajas{display: table-cell;width:20%;text-align: center;}
.servicios{width:90%;margin:0 auto;background:#c4c4c4;box-shadow: 0 2px 8px -8px #050505;transition: all 0.5s ease;}
.servicios p{padding:10px;text-transform: uppercase;font-size:22px;font-weight: 700;margin:0 auto;}
.servicios div{width:100%;height:100px;background-size: cover !important;}
.servicios:hover{box-shadow: 0 8px 8px -8px #050505;background:#aaaaaa;color:#050505}
.flyers{text-align: left;width:90%;margin:50px auto 0;}
.fotos{width:23%;float:left;margin:0 1% 20px;}
.infor{text-align:left;margin:0 auto 20px;}
/* formularios */
.contacto{width:100%;max-width:420px;margin:0 auto;}
input[type="text"],select,textarea{width:90%;max-width:400px;margin:0 auto 12px;border:1px solid #c4c4c4;background:#ffffff;color:#050505;font-family:"PT Sans Narrow", verdana, sans-serif;padding:8px 10px;font-size:18px;}
input[type="submit"]{border:0px;background:#FCBA04;padding-top:11px;}
input[type="submit"]:hover{background:#333333;border-bottom-color:#050505;color:#ffffff;}
.select,.flyers select{width:calc(90% + 20px);}
.folleto textarea,.folleto p{width:calc(94% + 10px) !important;}
.mapa{width:100%;height:320px;border:0;}
.imagen{font-size:14px;color:#757575;margin:0 auto 20px;}
.presupuesto{float:left;width:50%;}
.folleto{width:100%;}
.presupuesto,.folleto{text-align: center;}
.presupuesto p,.folleto p{margin:0 auto;width:90%;text-align:left;padding-right:20px;}
.flyers input[type="text"],.flyers select,.flyers textarea{max-width:none;}
.tinta span{color:#7A0006;font-weight:700;font-size:1.2em;}
.infouno {
 margin: 60px auto 30px;
 text-align: left;
 width: 84%;
 background: #ededed;
 padding: 2%;
}
/* pie de pagina */
.diseno{width:100%;display:table;margin:0 auto;background:#a50104;color:#dadada;}
.electrico{width:100%;display:table;max-width:1400px;margin:0 auto;}
.afiches{width:50%;display:table-cell;vertical-align:middle;}
.afiches ul{width:fit-content;max-width:80%;margin:0 auto;text-align:left;padding:14px 0;}
.afiches li{list-style: none;background: no-repeat left center;padding:2px 0;}
.firma{width:100%;font-size:14px;margin:0 auto;background:#7A0006;max-width: 1400px;}

@-moz-document url-prefix() {
.texuno,.texboton,.service,.cerrar,#botonera,#subbotonera,#menu,.afiches ul,.amedida div{width:-moz-fit-content;}
}
@media only screen and (max-width: 1220px) {
.etiquetas .papel{width:200px;}
.productos{width:46%;margin:0 2% 18px;}
.texuno{font-size:36px;}
}
@media only screen and (max-width: 935px) {
.folleteria{padding:64px 0;}
.venta{top:200px;}
.produccion,.tecnico{height:340px;}
.tecnico{margin-top:94px;}
.matriculado,#botonera{display: none;}
.eneldia{height:56px;}
#menu{display: block;}
.diseno,.afiches,.instalacion,.amedida,.serviciotecnico{display:block;width:100%;}
.black .serviciotecnico{padding:22px 0;}
.black .amedida{padding:18px 0;width:90%;margin:0 auto;}
.black img{padding-bottom:14px;}
.editorial{display: none;}
.libros{display:block;}
.prevencion{padding-bottom:20px;}
h1{font-size:50px;}
h2{font-size:42px;}
.servicio{margin:0 0 40px 0;}
.afiches p{max-width:400px;margin:6px auto;text-align:left;}
.estuches{display:block;}
.carpetas{display:none;}
.fabrica{margin-bottom:10px;}
.pymes{display: block;width:100%;;}
.cajas{display: block;float:left;width:33.33%;padding-bottom:10px;}
.presupuesto{width:100%;float:none;}
.flyers .servicio{margin:20px 0;}
.folleto p,.folleto textarea{width: 90% !important;}
.contacto{width:90%;max-width: none;text-align:left;}
.bartel{display: table;}
}
@media only screen and (max-width: 520px) {
.texuno{font-size:22px;}
.plus{font-size:26px;}
h1{font-size:40px;}
h2{font-size:30px;}
.diseno{width:96%;padding:0 2%;text-align:left;}
.afiches p{display: none;}
.logopie{max-width:80%;margin:0 auto;padding-top:20px;}
.papel{max-width:44% !important;}
form h4{margin-top:60px;}
.serviciotecnico{padding-top:20px;}
.cajas{width:50%;}
.fotos{width:48%;}
.productos{width:96%;float:none;}
.reparado{display: none !important;}
.bartel div{width:50%}
}
@media only screen and (max-width: 440px) {
.logo img{max-width:90%;}
.produccion,.tecnico{height:260px;}
.texuno{max-width:84%;text-align:left;font-size:20px;background:rgba(26,26,26,0.8);}
.venta .texuno{background:#7A0006;}
.texboton{font-size:14px;}
.plus{font-size:24px;}
.cajas{width:100%;float:none;}
}
@media only screen and (min-height: 600px) {
.cerrar{margin-top:40px;}
.mapa{height:400px;}
}