html,body{font-family:"Ubuntu", Arial, sans-serif;height:100%;margin:0;padding:0;color:#13191c;background:#fff;}
a{text-decoration:none;color:inherit;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
a:hover{color:#13191c;}
img{max-width:100%;border:0;}
.clear{clear:both;}
.fabrica{width:100%;position:fixed;top:0;left:0;background:#fff;padding:10px 0;z-index:9;border-bottom:1px solid #ccc;}
.abogado{width:100%;max-width:1500px;margin:0 auto;background:url(frase.png) center no-repeat}
.vial{margin-left: 10px;margin-bottom:-3px;}
.vehicular{float:right;color:#13191c;font-size:24px;margin:16px 10px 0 0;padding:10px;text-align:right}
.metalicas{width:100%;height:100%;max-height:860px;background:url(cortinas.jpg) center no-repeat;background-size:cover;margin-top:100px;}
h1{margin:250px auto 0;font-size:50px;font-weight:700;color:#fff;padding:10px 0;text-transform:uppercase;text-align:center;max-width:100%;background:rgba(0,0,0,0.6)}
.fabricante{font-size:28px;font-style:italic;text-align:center;color:#fff;margin:0 auto;background:#c80000;padding:10px;font-weight:700;width:auto;position:relative;width:370px;}
.productos{width:100%;background:#13191c url(reparacion.png);color:#fff;padding:20px 0 40px}
.txt{text-align:center}
h2{margin:0;padding:30px 0 0;font-size:50px;color:#fff;text-align:center;text-transform:uppercase}
h3{margin:0;padding:20px 0 0;font-size:20px;color:#c80000;}
.mark{color:#FC0;width:80%;text-align:justify;margin:0px auto 0px}
.mark2{color:#0DF;width:80%;text-align:justify;margin:0px auto 20px}
.estudio{width:25%;float:left;text-align:center;margin:0 0 16px;}
.estudio img{max-width:90%;}
.estudio p{width:240px;text-align:justify;margin:10px auto;}
.accidentes{width:220px;text-align:center;padding:14px 6px;background:#c80000;border:2px solid #c80000;color:#fff;text-transform:uppercase;font-size:14px;margin:10px auto 0;font-weight:700;cursor:pointer;}
.accidentes:hover{background-color:transparent;color:#c80000}
.emergencias{width:50%;float:left; color:#fff;text-align:center;height:320px;overflow:hidden}
.porchoques{background:#c80000;font-size:18px;padding:25px 0;height:270px}
.porchoques span{font-size:24px;}
.las24hs{background:#13191c url(persianas.jpg) center;background-size:cover;}
.cortinero{width:80%;margin:10px auto;height:300px;overflow:hidden;background:rgba(0,0,0,0.8);font-size:14px;opacity:0.8;border:0;}
.cortinero h3{padding:4px 0 0;}
.enrollar{width:80%;background-color:transparent;padding:4px;border:2px solid #c80000;color:#c80000;font-size:16px;font-weight:700;font-family:"Ubuntu", Arial, sans-serif;margin-bottom:4px;}
.asesoramiento{width:220px;color:#fff;background:#c80000;float:left;margin-left:10%;border:0;padding:4px;font-family:"Ubuntu", Arial, sans-serif;text-transform:uppercase;letter-spacing:2px;cursor:pointer;}
.asesoramiento:hover{background:#fff;color:#c80000}
.causa{width:100%;margin:110px auto 0;text-align: center;font-size:28px;font-weight:700;padding:4px 0;background: -webkit-linear-gradient(0deg, #c80000 20%, #ff7300 45.94594594594595%, #eeb70c 60%, #c80000 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
@keyframes remates {0%{background-position: 4334px 0;} 100%{background-position: 0 0;}}
@-moz-keyframes remates {0%{background-position: 4334px 0;} 100%{background-position: 0 0;}}
@-webkit-keyframes remates {0%{background-position: 4334px 0;} 100%{background-position: 0 0;}}
.indemnizado{width:100%;height:200px;background:url(siniestros.png) repeat-x;background-position:0 0;animation:remates linear 76s infinite;-moz-animation:remates linear 76s infinite;-webkit-animation:remates linear 76s infinite;margin:0 0 7px}
.siniestro{width:100%;background:#13191c;padding:10px 0;text-align: center;font-weight:700;}
@keyframes choque {0%{background: -webkit-linear-gradient(#eee, #FC0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} 50%{background: -webkit-linear-gradient(#FC0, #A80);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} 100%{background: -webkit-linear-gradient(#eee, #FC0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}}
.autos{font-size: 24px;animation:choque linear 1s infinite;}
.carros{font-size: 20px;background: -webkit-linear-gradient(#c80000, #900202);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.palio,.corsa{font-weight:700}
.focus{margin-top:26px;}
.zchoque{width:100%;text-align:center;background:#c80000;padding:30px 0;color:#fff;font-size:30px}
.zchoque b{color:#13191c;}
.zchoque p{width:80%;text-align:justify;margin:0px auto 20px}
.todo{width:100%;max-width:1500px;margin:0px auto 0;height:100%;}
.coches{width:100%;height:300px;background:url(transito.png) center;}
.butt{position:absolute;margin-top:-100px;width:1px;height:1px;}
.rutas{width:100%;background:url(rutas.gif) center center;background-size:cover;}
.vehiculos{width:32%;float:left;max-width:800px;margin:20px 9%;background:rgba(0,0,0,0.8);color:#fff;text-align:center;font-size:20px;padding:12px 0;}
.vehiculos b{color:#c80000;text-transform:uppercase;}
.calle{display:none;clear:both;}
.pie{width:100%;color:#ccc;padding-top:12px;text-align:center;}

.video-container{top: 0%;left: 0%;height: 400px;width: 100%;overflow: hidden;z-index:1;}
.video-servicio{top: 0%;left: 0%;height: auto;width: 240px;margin:0 auto;overflow: hidden;z-index:1;}
video.fillWidth{width: 100%;}
.atropello{width:100%;position:absolute;margin-top:-300px;z-index:5;max-width:1500px;}

@media only screen and (max-width: 1100px) {
.accidentes{width: 82%;}
.estudio p{width:82%;}
.abogado{text-align:center;background-position:center 56px;}
.vehicular{float:none;margin:4px 0 0;padding:0;text-align:center}
.vial{margin:0;max-width: 260px;padding-bottom:40px;}
.causa{margin-top:160px;}
}
@media only screen and (max-width: 840px) {
.zchoque{font-size:22px}
.vehiculos{width:46%;margin:20px 2%;}
h2{font-size:34px;}
.estudio{width:50%;}
.calle{display:block}
.asesoramiento{width:84%;float:none;margin:0 auto;}
.butt{margin-top:-136px;}
.autos{font-size: 20px;}
.carros{font-size: 18px;}
.causa{font-size:24px;}
}
@media only screen and (max-width: 590px) {
.estudio{width:100%;float:none;margin:0 0 10px;}
.coches{height:180px;background-size:cover}
.zchoque{font-size:18px}
.rutas{padding:20px 0}
.vehiculos{width:80%;float:none;margin:0 auto;padding:12px 0;font-size:18px;}
.emergencias{width:100%;float:none;height:auto;}
.porchoques{font-size:16px;padding:12px 0}
.porchoques span{font-size:20px;}
.causa{font-size:20px;}
.atropello{margin-top:-360px;}
video.fillWidth{width:180%;margin-left:-40%;}
}
@media only screen and (max-width: 340px) {
.vehicular{font-size:13px;}
.vial{width:80%;}
.coches{display:none}
.zchoque{font-size:16px}
}