/* FUENTES --------------------------------*/
@font-face{font-family:'dinregular';src:url(../fonts/dinregular-webfont.eot);src:url(../fonts/dinregular-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/dinregular-webfont.woff2) format("woff2"),url(../fonts/dinregular-webfont.woff) format("woff"),url(../fonts/dinregular-webfont.ttf) format("truetype"),url(../fonts/dinregular-webfont.svg#dinregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'din_lightregular';src:url(../fonts/din-light-webfont.eot);src:url(../fonts/din-light-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/din-light-webfont.woff2) format("woff2"),url(../fonts/din-light-webfont.woff) format("woff"),url(../fonts/din-light-webfont.ttf) format("truetype"),url(../fonts/din-light-webfont.svg#din_lightregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'streetbrush';src:url(../fonts/streetbrush-webfont.eot);src:url(../fonts/streetbrush-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/streetbrush-webfont.woff2) format("woff2"),url(../fonts/streetbrush-webfont.woff) format("woff"),url(../fonts/streetbrush-webfont.ttf) format("truetype"),url(../fonts/streetbrush-webfont.svg#streetbrushregular) format("svg");font-weight:400;font-style:normal}
/* COMUNES --------------------------------*/
html,
body {height: 100%;width:100%;background-color: #FFF;}
body{overflow-x:hidden}
section {min-height: 100%;}
section:after {clear:both;float:none;}
.amarillo{color:#FFE000}
a {outline: 0 !important; color:#808080}
a:hover {color:#FFE000 !important}
a>span.gris-oscuro{color:#808080}
.a-amarillo{color:#FFE000 !important; text-decoration:none !important}
.a-amarillo:hover{ color:#5C5C60 !important;}
.btn-amarillo {color: #333; background-color: #FFE000; border-color: #FFE000;font-family: 'dinregular'; text-transform:uppercase}
.btn-amarillo:hover,.btn-amarillo:active,.btn-amarillo:focus{color: #FFF; background-color: #A4A4A4; border-color: #A4A4A4; outline:none; outline-style: none; }
.btn:focus {outline: none;outline-style: none; }
#aviso-scroll{position: fixed; left:48%; bottom:75px; z-index:1; opacity: .99; }
.con-linea{border-top:2px solid #FFE000}
.fondo-gris{ background-color:#EFEFEF;}
.sin-margen{margin:0 -15px !important; position:relative}
.mas-margen{margin-bottom:30px !important}
.sin-mg{ bottom:0px !important; }
.sin-mg-20{ bottom:-30px !important; z-index:999}
.vertical-center{min-height:100%;min-height:100vh;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center;flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center}
.vertical-center-2{min-height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center;flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center}
.vertical-centrado{text-align:center;position:relative;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.vertical-centro{text-align:center;position:relative;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.contenedorExterior{display:table;width:100%;height:100%;overflow:hidden}
.contenedorExterior .contenedorInterior{display:table-cell;vertical-align:middle;width:auto;margin:0 auto;text-align:center}
.elemento{width:80%!important;height:50%;margin:inherit}
.elemento2{width:100%!important;height:50%;margin:0 auto}
.cajaCentrada1{display:table;width:auto;height:100%;overflow:hidden}
.cajaCentrada2{display:table-cell;vertical-align:middle;width:auto;margin:0 auto;text-align:center}
.cajaCentrada3{width:auto;height:100%;margin:inherit}
.relativo{ position:relative}
.abajo-fijo{position:absolute;bottom:50px;left: 0; right: 0; margin: 0 auto;}
.blanco{background-color:rgba(255,255,255,1);padding:1.1em}
.arriba-fijo{position:fixed;top:0px;left: 0; right: 0; margin: 0 auto; background-color:rgba(255,255,255,1);padding:1.1em}
.sub-section h2{font-family: 'streetbrush';color:#000; line-height:1em;border-bottom:1px solid #FFE000; margin-bottom:30px; text-align:left}
.sub-section p, #cacho-dos p{font-family: 'dinregular';color:#000;font-size:14px; text-align:justify}
.seccion-abajo .img-responsive{margin:0 auto 30px auto}
.marginTB30{margin:50px auto}
.animar{animation: fadein 2s;-moz-animation: fadein 2s;-webkit-animation: fadein 2s;-o-animation: fadein 2s; }
#cacho-dos{padding-bottom:100px;}
#cacho-dos ul, #cacho-dos ul li,#cacho-dos ol, #cacho-dos ol li{font-family: 'dinregular' !important;}
table{font-family: 'dinregular';color:#000;font-size:14px;border-collapse: collapse;}
table th{ text-align:center}
table tr.conborde{ border-bottom:1px solid #808080}
table tr.conbordeA{ border-top:1px solid #808080}
table tr.conbordeC{ border-bottom:1px solid #D4D4D4}
table td{ padding:2px 0}
.centrar{float:none;display:inline-block;vertical-align:middle;margin-right:-4px}
.navbar-default {background: none !important; border:none !important;}
.navbar-nav{ float:none}
img.bg{min-height:100%;min-width:1024px;width:100%;height:auto;position:fixed;top:0;left:0}
.arriba20{margin-top:20px}
.arriba10{margin-top:10px}
.modal-content{font-family: 'dinregular';}
.dropdown:hover .dropdown-menu{display: block; margin-top: 0;}
.dropdown-menu{float:none;margin:none;list-style:none;background-color:transparent;-webkit-background-clip:none;background-clip:none;border:none;-webkit-box-shadow:none;box-shadow:none}
.dropdown-menu>li>a{padding:0;line-height:inherit; text-align:center !important}
.dropdown-menu>li>a:hover{ background-color:transparent}
#loader-image { background:#fff; z-index: 999991; width:100%; height:100%; float:left; top: 0; left: 0; right:0; bottom:0; margin:auto; position:absolute; }
.loader-wrapper { background: none repeat scroll 0 0 #fff; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999999; }
.medidas-cabina{width:15%}
.a10{font-size:8px}

/* LOGO --------------------------------*/
#logo-home{position:absolute;top:88%;left:30px;z-index:1}
#logo-pag{position:absolute; bottom:225px;left:25px;z-index:1}
.logo-abajo-mg{margin-bottom:30px}
.stickyfloat_logo{position:absolute; left:15px; z-index:1}
/* MENU --------------------------------*/
.boton-menu {position: fixed;top: 15px;left: 30px;width: 98px; z-index:2}
.texto-menu{display:none !important }
.dentro{left: -5px !important}
#menu {background-color:rgba(255,255,255,0.9);width: 100%;height: 100%;bottom: 0px;top: 0px;left: 0;position: fixed;text-align:center !important;z-index:3; padding-bottom:90px; }
.menu-centrado {font-family: 'dinregular';text-transform:uppercase;}
.menu-centrado ul.lista-menu {margin:0; padding:0 40px;border-top:2px solid #FFE000;border-bottom:2px solid #FFE000}
.menu-centrado ul.lista-menu li {list-style:none; margin:0;padding:0}
.menu-centrado ul.lista-menu li a, #lista-idiomas li a{color:#000; text-decoration:none}
#lista-idiomas-fuera li a{color:#FFF; text-decoration:none}
.menu-centrado ul.lista-menu li a:hover, #lista-idiomas li a:hover, #lista-idiomas-fuera li a:hover{color:#FFE000; }
#lista-idiomas{margin:10px 0 0 0;padding:0}
#lista-idiomas-fuera{position:absolute; top:15px;right:30px; z-index:1}
#lista-idiomas li{font-size:20px;display: inline;list-style-type: none;padding:0 20px 0 0;margin:0;}
.img-menu{cursor:pointer}
/* MENU APLICACIONES y PRODUCTOS --------------------------------*/
#menu-apliaciones{padding:20px 0px 100px}
#lista-aplicaciones,#lista-productos{font-family: 'din_lightregular';text-transform:uppercase;font-size:12px;display:inline-block;margin:0 auto; z-index:999}
#lista-aplicaciones li,#lista-productos >li{margin-right:10px;line-height:16px;height:16px;background:url("../images/hexa-mini.png") 0 -16px no-repeat; vertical-align:middle}
#lista-aplicaciones li:last-child,#lista-productos >li:last-child{margin-right:0px}
#lista-aplicaciones li a,#lista-productos >li >a{padding-left:20px; color: #3a3839; }
#lista-aplicaciones li a:hover,#lista-productos >li >a:hover{color:#FFE000; text-decoration:none}
#lista-aplicaciones li.activo,#lista-productos >li.activo{ background-position:0 0}
#lista-aplicaciones li:hover, #lista-productos >li:hover{ background-position:0 0}
.menu-fijo-abajo{padding:15px 0;background-color:#FFF;}
/* SECCION INICIO --------------------------------*/
#foto-grande-inicio{ position:relative}
#subir{ position:absolute; bottom:3%;left:0; width:100%; }
#subir img {display:block;margin:auto;}
#motto-move{font-family: 'streetbrush';color:#FFE000;position:absolute; top:13%;left:0;-webkit-transform: rotate(-5deg);transform: rotate(-5deg); width:100%; text-align:center}
#motto-move a{color:#FFF; text-decoration:none}
#motto-move a:hover{color:#FFE000;}
#motto-texto{font-family: 'streetbrush';color:#FFF;position:absolute; top:40%;left:0%;width:100%; text-align:center; line-height:1em; text-align:center;-webkit-transform: rotate(-5deg);transform: rotate(-5deg);padding:0 30%}
/* SECCION PRODUCTOS --------------------------------*/
#portada-productos,#portada-aplicaciones,#portada-servicios,#portada-equipo, #portada-contacto{font-family: 'streetbrush';color:#000; line-height:1em; text-align:center;-webkit-transform: rotate(-5deg);transform: rotate(-5deg); }
#portada-productos{text-align:right;margin-bottom:22%;}
.productos-section {text-align: center;background: #FFF url(../images/portada-productos.jpg) no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;}
#tabla-datos h1 {font-family: 'dinregular'; font-size:22px; margin-left:20px}
#fondo-producto{-webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover; background-size: cover;}
.lista-producto li{ background:url(../images/hexa-producto.png) no-repeat center center;  font-size:12px; font-family: 'dinregular';text-transform:uppercase;text-align:center; line-height:63px;width:57px; height:63px;}
.lista-producto li.activo{ background:url(../images/hexa-producto-activo.png) no-repeat center center; }
.lista-producto li.volver{ background:url(../images/hexa-producto-volver.png) no-repeat center center; }
.lista-producto li a{color:#FFF; text-decoration:none}
.lista-producto li.activo a, .lista-producto li.activo a:hover,.lista-producto li.volver a{color:#000}
.lista-producto li a:hover{color:#FFE000}
.lista-producto li a {padding-left: 0px !important;}
#mm50{background: url(../images/mm50.jpg) no-repeat center right scroll;-webkit-background-size: auto 85% ;-moz-background-size:  auto 85%;-o-background-size: auto 85%; background-size: auto 85%;}
#mm20{background: url(../images/mm20.jpg) no-repeat center right scroll;-webkit-background-size: auto 85% ;-moz-background-size:  auto 85%;-o-background-size: auto 85%; background-size: auto 85%;}
#mh20{background: url(../images/mh20.jpg) no-repeat center right scroll;-webkit-background-size: auto 85% ;-moz-background-size:  auto 85%;-o-background-size: auto 85%; background-size: auto 85%;}
#ml20{background: url(../images/ml20.jpg) no-repeat center right scroll;-webkit-background-size: auto 85% ;-moz-background-size:  auto 85%;-o-background-size: auto 85%; background-size: auto 85%;}
#ms20{background: url(../images/ms20.jpg) no-repeat center right scroll;-webkit-background-size: auto 85% ;-moz-background-size:  auto 85%;-o-background-size: auto 85%; background-size: auto 85%;}
#ms25{background: url(../images/ms25.jpg) no-repeat center right scroll;-webkit-background-size: auto 85% ;-moz-background-size:  auto 85%;-o-background-size: auto 85%; background-size: auto 85%;}
#mtp20{background: url(../images/mtp20.jpg) no-repeat center right scroll;-webkit-background-size: auto 85% ;-moz-background-size:  auto 85%;-o-background-size: auto 85%; background-size: auto 85%;}
#mttrailer{background: url(../images/mttrailer.jpg) no-repeat center right scroll;-webkit-background-size: auto 85% ;-moz-background-size:  auto 85%;-o-background-size: auto 85%; background-size: auto 85%;}
#ms26{background: url(../images/ms26.jpg) no-repeat center right scroll;-webkit-background-size: auto 85% ;-moz-background-size:  auto 85%;-o-background-size: auto 85%; background-size: auto 85%;}
#mttrack{background: url(../images/mttrack.jpg) no-repeat center right scroll;-webkit-background-size: auto 85% ;-moz-background-size:  auto 85%;-o-background-size: auto 85%; background-size: auto 85%;}
.fondo-mh20{background: url(../images/mh20_render.jpg) no-repeat center right scroll;-webkit-background-size: auto 85% ;-moz-background-size:  auto 85%;-o-background-size: auto 85%; background-size: auto 85%;}
.btn-pdf{background: url(../images/logo-pdf.png) no-repeat top left;overflow:visible;height:30px !important; line-height:30px !important;padding-left:33px; text-align:left;margin-top:10px}
.btn-pdf a:hover{text-decoration:none}
.jap img{border:1px solid #CCC}
/* SECCION APLICACIONES --------------------------------*/
#portada-aplicaciones {padding-top:10%}
.aplicaciones-section {text-align: center;background: #EFEFEF}
.fondo-aplicaciones{background: #EFEFEF url(../images/portada-aplicaciones.png) no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#absolute{position:absolute;top:0;left:0;width:100%;height:100%;display:table}
.centerd{display:table-cell;vertical-align:middle;text-align:center}
.sec-aplicaciones {text-align: center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;}
.aplicaciones-eolico{background:#EFEFEF url('../images/portada-eolico-2.jpg') no-repeat right bottom scroll;}
.aplicaciones-gruas{background:#EFEFEF url('../images/portada-gruas-puerto.png') no-repeat right top scroll;}
.aplicaciones-mineria{background:#EFEFEF url('../images/portada-mineria-2.png') no-repeat 80% center scroll;}
.aplicaciones-oilgas{background:#EFEFEF url('../images/portada-oil-gas-2.png') no-repeat right top scroll;}
.aplicaciones-cementeras{background:#EFEFEF url('../images/portada-cementeras.png') no-repeat right bottom scroll;}
.aplicaciones-naval{background:#EFEFEF url('../images/portada-naval.png') no-repeat right bottom scroll;}
/* SECCION SERVICIOS --------------------------------*/
#portada-servicios{text-align:left;padding-left:7%;z-index:2; }
.servicios-section {height: 100%;padding-top:30px;text-align: center;background: #FFF; 
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.servicios-section-ES {background: url(../images/equipo-monte.jpg) no-repeat center center scroll;}
.servicios-section-EN {background: url(../images/equipo-monte-en.jpg) no-repeat center center scroll;}
.servicios-section-FR {background: url(../images/equipo-monte-fr.jpg) no-repeat center center scroll;}
.hexa{ position:relative;height:440px}
.hexa h2{ text-align:left; margin:10px 0; font-size:22px; font-family: 'dinregular'; text-transform:uppercase}
.hexa ul, .hexa ul li{ text-align:left; margin:0;list-style:none;font-size:12px; font-family: 'dinregular'; text-transform:uppercase}
.hexa ul li{padding:0;margin-left: -25px}
#hexa3 ul li{padding:0;margin-left: -70px}
#hexa1{background: url(../images/hexa.png) no-repeat center center;-webkit-background-size: auto 70%; -moz-background-size: auto 70%; -o-background-size: auto 70%; background-size: auto 70%;}
#hexa2{background: url(../images/hexa.png) no-repeat center center;-webkit-background-size: auto 80%; -moz-background-size: auto 80%; -o-background-size: auto 80%; background-size: auto 80%;margin-top:-120px}
#hexa3{background: url(../images/hexa.png) no-repeat center center;-webkit-background-size: auto 90%; -moz-background-size: auto 90%; -o-background-size: auto 90%; background-size: auto 90%;margin-top:-90px}
/* SECCION EQUIPO --------------------------------*/
#portada-equipo{text-align:left;padding-top:9%;margin-left:21%}
#portada-equipo2{font-family: 'streetbrush';color:#000; line-height:1em; text-align:center; }
.equipo-section { text-align: center;background: #FFF;}
.equipo2-section {text-align: left;background: #EFEFEF;font-family: 'dinregular';padding:8% 0 12%}
.equipo-caras p{text-align:center}
.menos-margin{ margin:0 -30px 20px }
/* SECCION CONTACTO --------------------------------*/
#contacto{ text-align:center !important; padding-top:40px; }
#contacto p {font-family: 'dinregular';}
#portada-contacto{text-align:center;margin-top:-50px}
.contacto-section {background: #FFF;background: url(../images/portada-contacto.jpg) no-repeat center center scroll; -webkit-background-size: cover;
-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.google-maps {position: relative;height: 0;overflow: visible;margin-top:-55px;}
.google-maps #map {position: absolute;top: 55px;left: 15px;width: 100% !important;height: 100% !important;z-index:0; }
.hor-centrado{display: table; margin: 0 auto;}
.invalid{color:#FFE000!important;border:1px solid #FFE000 !important}
em.invalid{display:none !important}
/* SECCION MAPA WEB --------------------------------*/
.texto-blanco, .texto-blanco a {color:#FFF !important}
body, html {
    height: 100%;
}

.bg { 
    /* The image used */
    background-image: url("../images/fondo-home.jpg");

    /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center bottom ;/*center;*/
    background-repeat: no-repeat;
    background-size: cover;
}
#leyenda{position: absolute; top: 125px;right: 125px;}
.separa{margin:20px 75px}

.grecaptcha-badge { visibility: hidden; }
.mensajeRecap{margin-top: 50px;font-size: smaller !important;font-style: italic !important;color: #999 !important; float:right}
.mensajeRecap a{text-decoration:none !important; color:#000}