@charset "utf-8";
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{font-family: 'Dosis', sans-serif;font-size:1em;font-weight:300;margin:0;padding:0;border:0;color:#5a595a;list-style:none;border-collapse:collapse;border-spacing:0}

body.home{background:url(../img/bg-gris-gradient.png) repeat-x 0 405px}
body{background:url(../img/bg-gris-gradient.png) repeat-x 0 190px}
h1{font-size:2em;line-height:1em;color:#0066a4;font-weight:300;margin-bottom:15px}
h2{font-size:1.4em;line-height:1em;color:#3facee;font-weight:400;margin-bottom:15px}
p + h2{margin-top:25px;border-top: 1px dotted #3facee; padding-top: 15px;}
p{font-size:1.2em;line-height:1.4em;margin-bottom:10px}
a{text-decoration:none;color:#0086c5;font-weight:normal}
ul{margin-bottom:15px}
ul li{background:url(../img/bullet.png) no-repeat 0 8px;padding-left:15px;line-height:1.6em}
table{border-spacing:0;border-collapse:collapse}
table td{padding:0 0 15px;vertical-align:top}
input[type=text], input[type=password], input[type=email]{font-family:'Dosis', sans-serif;font-size:1em;color:#5a595a;background:#ffffff;padding:5px 10px;line-height:35px;height:35px;margin:0 10px;border-radius:5px;border:none;border-bottom:1px solid #c0c0c0;border-right:1px solid #c0c0c0;box-shadow:inset 1px 1px 0px 0 #e3e3e3}
input[type=submit], input[type=button], input[type=reset]{font-family:'Dosis', sans-serif;padding:10px 20px;line-height:20px;font-family: 'Dosis', sans-serif;font-size:18px;border-radius:7px;cursor:pointer}
input[type=submit], input[type=button]{background:#0086c5;border:none;color:#ffffff;margin:0 10px}
input[type=reset]{border:none;border-bottom:1px solid #c0c0c0;border-right:1px solid #c0c0c0;color:#ffffff}
textarea{font-family:'Dosis', sans-serif;font-size:1em;color:#5a595a;background:#ffffff;padding:10px;border:none;border-radius:5px;border-bottom:1px solid #c0c0c0;border-right:1px solid #c0c0c0;margin:0 10px}

table.formulario td:firts-child{padding-right:15px}
table.formulario td label{padding-top:5px;display:block;font-size:18px}
table.formulario td input[type=text], table.formulario td input[type=password], table.formulario td input[type=email], table.formulario td textarea{width:320px}
table.formulario td textarea{height:150px;box-shadow:inset 1px 1px 0px 0 #e3e3e3}
.mensaje{border:1px solid #cacaca;border-radius:10px;padding:15px;line-height:20px}

.clear{clear:left}
.contenido ul li:before{content:"•";font-size:1.4em;line-height:1.2em;padding-right:7px;margin-left:10px}
.right{float:right!important}
.left{float:left!important}
.divisor{border-bottom:1px dotted #a9a9a9;padding-top:10px}

section{width:1300px;margin:280px auto 0;overflow:hidden}
.camion{background:url(../img/camion.png) no-repeat top right;width:1300px;height:575px;margin:0 auto}
header{position:relative;margin:0;}
.menu-home{position:absolute;background:url(../img/bg-gris.png) repeat-x top;z-index:10;width:100%;top:315px}
.menu-interna{position:absolute;background:url(../img/bg-gris.png) repeat-x top;z-index:10;width:100%;height:95px;top:90px}
.menu-content-home{width:1300px;height:120px;margin:0 auto}
.menu-content{width:1300px;height:90px;margin:0 auto}
.menu-content-home a, .menu-content a{display:inline-block}
.marca-home{margin:12px 0 0 90px;display:block}
.marca{margin:12px 0 0 30px;display:block}
.menu-content-home  .azul + nav, .menu-content .azul + nav{margin-top:60px}
.home{top:315px}
.internas{top:150px}
.elastico-home{position:absolute;z-index:30;top:-140px;background:url(../img/elastico-home.png) no-repeat;width:400px;height:170px}
.elastico{position:absolute;z-index:30;top:-85px;background:url(../img/elastico.png) no-repeat;width:258px;height:116px}
.naranja{background:#dd8c00;height:3px}
.gris{background:#ffffff;height:1px}
.blanco{background:#ffffff;height:1px}
.azul{background:#0066a4;height:7px}
nav{width:1300px;margin:0 auto}
nav ul{float:right}
nav ul li{padding-left:0;display:inline-block;border-bottom-right-radius:15px;border-bottom-left-radius:15px;height:35px;line-height:32px;background:#0066a4;margin-left:5px;box-shadow:inset 0 -1px 0 0 #a8d9f8;border-bottom:1px solid #0066a4}
nav ul li:nth-child(2) {background:#1885c8;box-shadow:inset 0 -1px 0 0 #85caf6;border-bottom:1px solid #1885c8}
nav ul li:nth-child(3) {background:#3facee;box-shadow:inset 0 -1px 0 0 #a8d9f8;border-bottom:1px solid #3facee}
nav ul li:nth-child(4) {background:#6fc3f6;box-shadow:inset 0 -1px 0 0 #d3eeff;border-bottom:1px solid #6fc3f6}
nav ul li a{font-size:16px;display:inline-block;text-transform:uppercase;letter-spacing:1px;width:200px;height:35px;line-height:32px;text-align:center;color:#ffffff}
nav ul li a:focus, nav ul li a:hover { color: #fff;text-decoration: none}
nav ul li:hover, nav ul li.active{background:#000000;box-shadow:inset 0 -1px 0 0 #a5a5a5;border-bottom:1px solid #000000}
nav ul li:nth-child(2):hover, nav ul li:nth-child(2).active{background:#4f4f4f;box-shadow:inset 0 -1px 0 0 #c0c0c0;border-bottom:1px solid #4f4f4f}
nav ul li:nth-child(3):hover, nav ul li:nth-child(3).active{background:#777777;box-shadow:inset 0 -1px 0 0 #e1e1e1;border-bottom:1px solid #777777}
nav ul li:nth-child(4):hover, nav ul li:nth-child(4).active{background:#a5a5a5;box-shadow:inset 0 -1px 0 0 #fafafa;border-bottom:1px solid #a5a5a5}

.frase{width:750px;margin:0 auto 50px}
.frase h1{color:#b0b0b0;text-transform:uppercase;font-size:3.3em;margin:0 0 10px 310px;font-weight: 300}
.frase h2{color:#8a8a8a;font-size:2.3em;margin:0 0 15px;font-weight: 300;}    
.frase h1 + h2{margin:0 0 10px 190px;color:#9f9f9f}
.frase h3{color:#b0b0b0;font-size:2em;margin:0 0 10px 350px;font-weight: 300}
.frase h4{color:#8a8a8a;font-size:2.3em;margin:0 0 10px 300px;text-transform:uppercase;font-weight: 300}

.rightcol{width:320px;float:right}
.leftcol{width:430px;float:left}
.rightcol-long{width:840px;float:right}
.foto{margin:0 5px 10px;border:5px solid #ffffff;box-shadow:0 3px 5px -1px #999}
.maincol{width:910px;overflow:hidden}
.maincol .right, .maincol .left{width:440px}
.maincol .left .right, .maincol .left .left{width:200px}
.maincol .listas{overflow:hidden;clear:both;margin-left:50px}
.maincol .listas .left{width:140px;margin:10px 40px 0 0}
.maincol .lista{margin-left:120px}
.tweencol{width:610px}
.treinta{width:390px}
.setenta{width:840px}

.maincol .col3-content{overflow:hidden;margin-top:30px}
.maincol .col3{width:250px;margin-right:21px;float:left;border:1px solid #d1d1d1;padding:15px;border-radius:15px;background:#fbfbfb}
.last{margin:0}

footer{font-size: 16px;color:#616161;width:1300px;margin:50px auto 20px;text-align:center;clear:both;height:43px;line-height:50px}
footer .lp{float:right;width:135px;height:43px;background:url(../img/marca-pie.png) no-repeat;display:block}

.modal .modal-header{text-align: center;padding:30px 20px;}
.modal .modal-body{text-align: center;padding:20px 20px 30px;}
.modal .modal-header {background:#0086c5;color:#fff;border-top-right-radius: 10px;border-top-left-radius: 10px}
.modal .modal-header h3{color:#fff;font-size: 28px;margin-bottom: 5px;text-transform: uppercase;}
.modal .modal-body h4{font-size:16px;margin-bottom: 15px}
.modal .modal-content{border-top-right-radius: 15px;border-top-left-radius: 15px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px}
.modal .modal-body p{font-size:22px;}
.modal-dialog{margin-top:70px!important}
.modal .modal-header .close{font-size:30px;margin-top:-10px;color:#fff;}
.wapp{font-weight: 700;display:inline-block;margin:0 0 0 10px;background:url(../img/wapp.png) no-repeat 0 4px;padding:0 0 0 30px;background-size:23px;}
.contacto .wapp{margin-left:0;background-position: 0 2px;font-weight: 400}