/* tipografias */
@import 'https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700';

@font-face {
    font-family: 'montserrat-hairline';
    src: url('../font/montserrat-hairline-webfont.eot');
    src: url('../font/montserrat-hairline-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/montserrat-hairline-webfont.woff2') format('woff2'),
         url('../font/montserrat-hairline-webfont.woff') format('woff'),
         url('../font/montserrat-hairline-webfont.ttf') format('truetype'),
         url('../font/montserrat-hairline-webfont.svg#montserrathairline') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat-light';
    src: url('../font/montserrat-light-webfont.eot');
    src: url('../font/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/montserrat-light-webfont.woff2') format('woff2'),
         url('../font/montserrat-light-webfont.woff') format('woff'),
         url('../font/montserrat-light-webfont.ttf') format('truetype'),
         url('../font/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat-regular';
    src: url('../font/montserrat-regular-webfont.eot');
    src: url('../font/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/montserrat-regular-webfont.woff2') format('woff2'),
         url('../font/montserrat-regular-webfont.woff') format('woff'),
         url('../font/montserrat-regular-webfont.ttf') format('truetype'),
         url('../font/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat-semibold';
    src: url('../font/montserrat-semibold-webfont.eot');
    src: url('../font/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/montserrat-semibold-webfont.woff2') format('woff2'),
         url('../font/montserrat-semibold-webfont.woff') format('woff'),
         url('../font/montserrat-semibold-webfont.ttf') format('truetype'),
         url('../font/montserrat-semibold-webfont.svg#montserratsemi_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat-ultra-light';
    src: url('../font/montserrat-ultralight-webfont.eot');
    src: url('../font/montserrat-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/montserrat-ultralight-webfont.woff2') format('woff2'),
         url('../font/montserrat-ultralight-webfont.woff') format('woff'),
         url('../font/montserrat-ultralight-webfont.ttf') format('truetype'),
         url('../font/montserrat-ultralight-webfont.svg#montserratultra_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* estilos generales */
::-moz-selection {
    background: #ff5000;
    background: rgba(255,80,0,1);
    color: #FFFFFF;
    color: rgba(255,255,255,1);
}

::selection {
    background: #ff5000;
    background: rgba(255,80,0,1);
    color: #FFFFFF;
    color: rgba(255,255,255,1);
}

.clearFix {
    clear: both;
    height: 0;
}

/* estilos autocompletar */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
  transition: background-color 5000s ease-in-out 0s;
}

/* header */

.navHeader {
    z-index: 1000;
    min-height: 140px;
    background : -moz-linear-gradient(0% 50% 0deg,rgba(255, 255, 255, 1) 0%,rgba(228, 225, 220, 1) 100%);
    background : -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(228, 225, 220, 1) 100%);
    background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(255, 255, 255, 1) ),color-stop(1,rgba(228, 225, 220, 1) ));
    background : -o-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(228, 225, 220, 1) 100%);
    background : -ms-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(228, 225, 220, 1) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E4E1DC' ,GradientType=0)";
    background : linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(228, 225, 220, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#E4E1DC' , GradientType=1);
}

/* logo */

.contenedorImgLogo {
    min-width: 340px;
    min-height: 140px;
    position: relative;
}

.imgLogo {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 1;
}

.imgLogo:hover {
    opacity: .7;
}

/* nav */

.navbar-collapse {
    float: left;
}

.navMainHeader {
    min-height: 140px;
    padding: 0 105px;
}

.itemNavMainHeader {
    padding-top: 75px;
}

.linkNavMainHeader {
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #ff5000;
    color: rgba(255,80,0,1);
    font-weight: 700;
    padding: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.linkNavMainHeader:hover, .linkNavMainHeaderActive {
    color: #0074c8;
    color: rgba(0, 116, 200, 1);
}

/* info costado */

.contenedorTelefonoRedes {
    float: right;
    position: relative;
    padding-top: 75px;
}

.contenedorTxtTelefonoRedes {
    float: left;
}

.txtTelefonoRedes {
    line-height: 1.3;
}

.txtLlamenos {
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'montserrat-light', sans-serif;
    color: #0074c8;
    color: rgba(0, 116, 200, 1);
    display: block;
}

.txtTelefono {
    display: block;
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #0074c8;
    color: rgba(0, 116, 200, 1);
}

.contenedorListadoRedesHeader {
    float: right;
    list-style: none;
    padding: 0;
    margin: 0;
}

.itemRedesHeader {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-left: 10px;
    margin-top: 3px;
}

.iconRedesHeader {
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.iconRedesHeader:hover {
    opacity: .7;
}

/* imagen de fondo home */

.bgHome {
    background-image: url(../img/bg/im-home-1980x1080.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
}

.containerMasChico {
    max-width: 990px;
}

.tituloMainHome {
    margin: 0;
    color: #FFFFFF;
    color: rgba(255,255,255,1);
    font-size: 85px;
    line-height: 90px;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    padding-top: 100px;
    padding-bottom: 24px;
}

.tituloServiciosHome {
    text-transform: uppercase;
    margin: 0;
    color: #FFFFFF;
    color: rgba(255,255,255,1);
    font-size: 14px;
    font-family: 'montserrat-semibold', sans-serif;
    padding-bottom: 100px;
}

/* contenedor info home */

.contenedorInfoHome {
    background-color: #e3e1db;
    background-color: rgba(227,225,219,1);
    padding-bottom: 45px;
}

.fondoCelesteInfoHome {
    position: relative;
    background-color: #0074c8;
    background-color: rgba(0, 116, 200, 1);
    height: 100px;
}

.contenedorNotasInfoHome {
    position: relative;
    top: -55px;
}

.contenedorNotaInfoHome {
    
}

.imgNotaInfoHome {
    width: 100%;
}

.tituloNotaInfoHome {
    margin-bottom: 2px;
    font-size: 28px;
    font-family: 'montserrat-semibold', sans-serif;
    color: #0074c8;
    color: rgba(0, 116, 200, 1);
}

.txtNotaInfoHome {
    color: #7c716d;
    color: rgba(124,113,109,1);
    font-weight: 400;
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
}

.contenedorBtnVerMasHome {
    margin-top: 12px;
    max-width: 24px;
}

.imgBtnVerMasHome {
    width: 100%;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.imgBtnVerMasHome:hover {
    opacity: .7;
}

/* footer */

.mainFooter {
    background-color: #ff5000;
    background-color: rgba(255,80,0,1);
}

.contenedorInfoFooter {
    padding: 32px 0;
}

.contenedorLogoFooter {
    
}

.imgLogoMainFooter {
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.imgLogoMainFooter:hover {
    opacity: .7;
}

/* info direccion */

.tituloMainFooter {
    font-family: 'montserrat-semibold', sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    color: rgba(255,255,255,1);
    margin: 0;
}

.listadoInfoContactoMainFooter {
    list-style: none;
    margin: 0;
    padding: 0;
}

.infoContactoMainFooter {
    display: inline-block;
    color: #FFFFFF;
    color: rgba(255,255,255,1);
    font-size: 11px;
    font-family: 'montserrat-regular', sans-serif;
    margin-right: 25px;
    line-height: 1.25;
}

.infoContactoMainFooter a {
    color: #FFFFFF;
    color: rgba(255,255,255,1);
}

/* nav footer */

.contenedorNavCopyMainFooter {
    position: relative;
    min-height: 71px;
}

.listadoItemsNavMainFooter {
    list-style: none;
    margin: 0;
    padding: 0;
}

.itemNavMainFooter {
    display: inline-block;
}

.itemNavMainFooter:before {
    content: '|';
    color: #FFFFFF;
    color: rgba(255,255,255,1);
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto Slab', serif;
}

.linkNavMainFooter {
    color: #FFFFFF;
    color: rgba(255,255,255,1);
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto Slab', serif;
    padding: 0 6px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 1;
}

.linkNavMainFooter:hover {
    opacity: .7;
    color: #FFFFFF;
    color: rgba(255,255,255,1);
    text-decoration: none;
}

/* copyright */

.contenedorCopyrightMainFooter {
    position: absolute;
    bottom: 0;
    left: 15px;
}

.txtCopyright {
    margin: 0;
    color: #FFFFFF;
    color: rgba(255,255,255,1);
    font-size: 11px;
    font-family: 'montserrat-regular', sans-serif;
}

/* empresa */

/* imagen de fondo home */

.bgEmpresa {
    background-image: url(../img/bg/im-empresa-1980x1080.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
}

.tituloEmpresa {
    margin: 0;
    color: #FFFFFF;
    color: rgba(255,255,255,1);
    font-size: 75px;
    line-height: 80px;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    padding: 90px 0;
}

.contenedorInfoEmpresa {
    padding: 65px 0;
}

.tituloInfoEmpresa {
    margin: 0;
    color: #ff5000;
    color: rgba(255,80,0,1);
    font-size: 60px;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
}

.txtInfoEmpresa {
    margin: 0;
    color: #7c716d;
    color: rgba(124,113,109,1);
    font-size: 18px;
    font-family: 'Roboto Slab', serif;
    line-height: 24px;
    font-weight: 400;
    margin-top: 32px;
}

/* seguridad */

/* imagen de fondo seguridad */

.bgSeguridad {
    background-image: url(../img/bg/im-seguridad-1980x1080.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
}

.tituloSeguridad {
    margin: 0;
    color: #FFFFFF;
    color: rgba(255,255,255,1);
    font-size: 75px;
    line-height: 80px;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    padding: 90px 0;
}

.contenedorInfoSeguridad {
    padding: 65px 0;
}

.contenedorTituloSeguridad {
    margin-bottom: 30px;
}

.tituloInfoSeguridad {
    margin: 0;
    color: #ff5000;
    color: rgba(255,80,0,1);
    font-size: 60px;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
}

.imgInfoSeguridad {
    width: 100%;
}

.tituloTrazabilidad {
    font-size: 18px;
    font-family: 'montserrat-regular', sans-serif;
    color: #0074c8;
    color: rgba(0, 116, 200, 1);
    margin: 0;
    margin-bottom: 5px;
}

.txtInfoSeguridad {
    margin: 0;
    color: #7c716d;
    color: rgba(124,113,109,1);
    font-size: 18px;
    font-family: 'Roboto Slab', serif;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 32px;
}

/* servicios */

.contenedorInfoServicios {
    padding: 65px 0;
}

.tituloInfoServicios {
    margin: 0;
    color: #ff5000;
    color: rgba(255,80,0,1);
    font-size: 60px;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    margin-bottom: 30px;
}

.bajadaServicios {
    margin: 0;
    color: #7c716d;
    color: rgba(124,113,109,1);
    font-size: 18px;
    font-family: 'Roboto Slab', serif;
    line-height: 24px;
    font-weight: 400;
}

/* listado de servicios */

.listadoServicios {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 55px;
}

.itemServicio {
    margin-bottom: 25px;
}

.imgServicio {
    width: 100%;
}

.contenedorTituloBtnServicio {
    position: relative;
    margin-top: 10px;
}

.tituloServicio {
    font-family: 'montserrat-regular', sans-serif;
    font-size: 18px;
    margin: 0;
    color: #0074c8;
    color: rgba(0, 116, 200, 1);
    float: left;
    padding-top: 4px;
}

.itemServicio a:hover {
    text-decoration: none;
}

.contenedorBtnServicio {
    float: right;
    max-width: 18px;
}

.btnServicio {
    width: 100%;
}

/* dropdown info servicios */

.dropdownInfoServicios {
    background-color: #0074c8;
    background-color: rgba(0, 116, 200, 1);
    width: 575px;
    padding: 25px;
    -webkit-box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.4);
    box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.4);
}

.dropdownUp {
    top: 25%;
}

.dropdownDown {
    bottom: 25%;
}

.dropdownLeft {
    left: 400px;
}

.dropdownRight {
    right: 0;
}

.arrowClose {
    width: 19px;
    height: 19px;
    position: absolute;
    top: 25px;
    right: 25px;
}

.tituloDropdownInfoServicios {
    margin: 0;
    color: #FFFFFF;
    color: rgba(255,255,255,1);
    font-size: 20px;
    font-family: 'montserrat-semibold';
}

.txtDropdownInfoServicios {
    padding-top: 25px;
    color: #FFFFFF;
    color: rgba(255,255,255,1);
    margin: 0;
    font-size: 17px;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
}

.linkInfoServicios {
    color: #FFFFFF;
    color: rgba(255,255,255,1);
    font-family: 'montserrat-regular';
    text-transform: uppercase;
    font-size: 14px;
    float: right;
    padding-top: 12px;
}

.linkInfoServicios:hover {
    color: #FFFFFF;
    color: rgba(255,255,255,1);
}

/* contacto */

.bgMapaGoogle {
    width: 100%;
    height: 71vh;
    z-index: -1;
}

/* formulario */

.containerFormContacto {
    position: absolute;
    top: 240px;
    left: 21%;
}

.contenedorFormularioContacto {
    position: relative;
    z-index: 1;
    background-color: #0074c8;
    background-color: rgba(0, 116, 200, 1);
    -webkit-box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.4);
    box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.4);
    padding: 25px;
}

.tituloContacto {
    margin: 0;
    color: #FFFFFF;
    color: rgba(255,255,255,1);
    font-size: 20px;
    font-family: 'montserrat-semibold';
}

.formContacto {
    margin-top: 25px;
    width: 100%;
}

.contenedorInputContacto, .contenedorTextareaContacto {
    position: relative;
}

.labelFormContacto {
    display: block;
    margin-bottom: 4px;
    color: #FFFFFF;
    color: rgba(255,255,255,1);
    font-size: 17px;
    font-weight: 400;
    font-family: 'Roboto Slab', serif;
}

.inputContacto {
    width: 100%;
    border: none;
    height: 36px;
    padding-left: 4px;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Roboto Slab', serif;
    outline: none;
    color: #7c716d;
    color: rgba(124,113,109,1);
    margin-bottom: 8px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.textareaContacto {
    width: 100%;
    border: none;
    height: 120px;
    padding-left: 4px;
    padding-top: 4px;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Roboto Slab', serif;
    outline: none;
    color: #7c716d;
    color: rgba(124,113,109,1);
    margin-bottom: 8px;
    resize: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.btnSubmitContacto {
    background-color: transparent;
    border: none;
    color: #FFFFFF;
    color: rgba(255,255,255,1);
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'montserrat-semibold';
    float: right;
    margin: 0;
    padding: 0;
}

/* validacion forms */

.parsley-errors-list {
    position: absolute;
    top: 39px;
    right: 16px;
    font-size: 11px;
    font-family: 'montserrat-regular';
    text-transform: uppercase;
    list-style: none;
    animation:invalid .5s;
	-webkit-animation:invalid .5s;
}

.parsley-required, .parsley-type {
    color: #ff5000;
    color: rgba(255,80,0,1);
}

@keyframes invalid {
    0%   {right:8px;}
	10%  {right:-8px;}
	30%  {right:8px;}
	60%  {right:-8px;}
	100% {right:16px;}
}

@-webkit-keyframes invalid {
	0%   {right:8px;}
	10%  {right:-8px;}
	30%  {right:8px;}
	60%  {right:-8px;}
	100% {right:16px;}
}

/* adaptacion para pantallas entre 1025 y 1280 */
@media only screen  and (min-width : 1025px) and  (max-width : 1280px) {
    
    /* cambiar las imagenes de fondo */
    
    .bgHome {
    background-image: url(../img/bg/im-home-1280x800.jpg);
    }
    
    .bgEmpresa {
    background-image: url(../img/bg/im-empresa-1280x800.jpg);
    }
    
    .bgSeguridad {
    background-image: url(../img/bg/im-seguridad-1280x800.jpg);
    }
}

/* adaptacion para ipad landscape */
@media only screen  and (min-width : 769px) and  (max-width : 1024px) {
    
    /* cambiar las imagenes de fondo */
    
    .bgHome {
    background-image: url(../img/bg/im-home-ipad-landscape.jpg);
    }
    
    .bgEmpresa {
    background-image: url(../img/bg/im-empresa-ipad-landscape.jpg);
    }
    
    .bgSeguridad {
    background-image: url(../img/bg/im-seguridad-ipad-landscape.jpg);
    }
    
    /* ajustar nav */
    
    .navMainHeader {
        padding: 0 6px;
    }
    
    /* titulo home */
    
    .tituloMainHome {
        font-size: 76px;
        line-height: 81px;
    }
    
    /* empresa */
    
    .tituloEmpresa {
        font-size: 60px;
        line-height: 65px;
    }
    
    .tituloInfoEmpresa {
        font-size: 54px;
    }
    
    /* servicios */
    
    .tituloInfoServicios {
        font-size: 54px;
    }
    
    .dropdownLeft {
        left: 200px;
    }
    
    /* seguridad */
    
    .tituloSeguridad {
        font-size: 60px;
        line-height: 65px;
    }
    
    .tituloInfoSeguridad {
        font-size: 54px;
    }
    
    /* contacto */
    
    .bgMapaGoogle {
        height: 80vh;
    }
    
    .containerFormContacto {
        top: 200px;
        left: 12.5%;
    }
}

/* adaptacion para ipad portrait */
@media only screen  and (min-width : 480px) and  (max-width : 768px) {
    
    .containerMasChico {
        max-width: 640px;
    }
    
    /* cambiar las imagenes de fondo */
    
    .bgHome {
    background-image: url(../img/bg/im-home-ipad-portrait.jpg);
    }
    
    .bgEmpresa {
    background-image: url(../img/bg/im-empresa-ipad-portrait.jpg);
    }
    
    .bgSeguridad {
    background-image: url(../img/bg/im-seguridad-ipad-portrait.jpg);
    }
    
    /* ajustar nav */
    
    .navbar-toggle {
        padding: 8px 15px;
        margin: 60px 0 0 30px;
        border-left: 1px solid #ff5000;
    }
    
    .navbar-toggle .icon-bar {
        background-color: #ff5000;
        background-color: rgba(255,80,0,1);
        width: 36px;
        height: 4px;
    }
    
    .contenedorTelefonoRedes {
        padding-top: 60px;
    }
    
    /* submenu */
    
    .navMainHeader {
        position: absolute;
        padding: 0;
        top: 140px;
        left: 430px;
        background-color: #ff5000;
        background-color: rgba(255,80,0,1);
        -webkit-box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.4);
        -moz-box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.4);
        box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.4);
        max-width: 140px;
        padding: 0 20px;
        z-index: 2;
    }
    
    .itemNavMainHeader {
        float: none !important;
        padding-top: 0;
        border-bottom: 1px solid #FFFFFF;
    }
    
    .itemNavMainHeader:last-child {
        border-bottom: none;
    }
    
    .linkNavMainHeader {
        color: #FFFFFF;
        color: rgba(255,255,255,1);
    }
    
    /* titulo home */
    
    .tituloMainHome {
        font-size: 57px;
        line-height: 60px;
    }
    
    .tituloServiciosHome {
        font-size: 12.5px;
    }
    
    /* notas home */
    
    .contenedorInfoHome {
        padding-bottom: 0;
    }
    
    .tituloNotaInfoHome {
        font-size: 18px;
    }
    
    .txtNotaInfoHome {
        font-size: 13px;
    }
    
    .txtNotaInfoHome br {
        display: none;
    }
    
    /* footer */
    
    .contenedorNavCopyMainFooter {
        padding-top: 30px;
    }
    
    .contenedorNavMainFooter {
        float: left;
    }
    
    .listadoItemsNavMainFooter {
        padding-top: 10px;
    }
    
    .contenedorCopyrightMainFooter {
        position: relative;
        float: right;
        left: 0;
        max-width: 170px;
    }
    
    /* titulo empresa */
    
    .tituloEmpresa {
        font-size: 57px;
        line-height: 60px;
    }
    
    .tituloEmpresa br {
        display: none;
    }
    
    .tituloInfoEmpresa {
        font-family: 54px;
    }
    
    /* servicios */
    
    .tituloInfoServicios {
        font-size: 54px;
    }
    
    .bajadaServicios br {
        display: none;
    }
    
    /* ubicaciones dropdown */
    
    .dropdownLeft {
        left: 20px;
    }
    
    /* seguridad */
    
    .tituloSeguridad {
        font-size: 57px;
        line-height: 60px;
        max-width: 90%;
    }
    
    .tituloSeguridad br {
        display: none;
    }
    
    .tituloInfoSeguridad {
        font-size: 54px;
    }
    
    .contenedorImgSeguridad {
        display: none;
    }
    
    /* contacto */
    
    .contenedorFormularioContacto {
        width: 420px;
    }
}

/* adaptacion para smartphones */
@media only screen  and (min-width : 320px) and  (max-width : 479px) {
    
    .containerMasChico {
        max-width: inherit;
    }
    
    /* cambiar las imagenes de fondo */
    
    .bgHome {
    background-image: url(../img/bg/im-home-smartphone.jpg);
    }
    
    .bgEmpresa {
    background-image: url(../img/bg/im-empresa-smartphone.jpg);
    }
    
    .bgSeguridad {
    background-image: url(../img/bg/im-seguridad-smartphone.jpg);
    }
    
    /* ajustar nav */
    
    .navHeader {
        min-height: 78px;
    }
    
    .contenedorTelefonoRedes {
        display: none;
    }
    
    /* logo */
    
    .contenedorImgLogo {
        min-width: 195px;
        min-height: 80px;
    }
    
    .imgLogo {
        bottom: 12px;
    }
    
    /* boton */
    
    .navbar-toggle {
        border-left: 1px solid #ff5000;
        margin-right: 0;
        margin-top: 25px;
    }
    
    .navbar-toggle .icon-bar {
        background-color: #ff5000;
        background-color: rgba(255,80,0,1);
        width: 24px;
        height: 3px;
    }
    
    /* submenu */
    
    .navMainHeader {
        position: absolute;
        padding: 0;
        top: 73px;
        right: 40px;
        background-color: #ff5000;
        background-color: rgba(255,80,0,1);
        -webkit-box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.4);
        -moz-box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.4);
        box-shadow: -10px 10px 5px 0px rgba(0,0,0,0.4);
        max-width: 140px;
        padding: 0 20px;
        z-index: 2;
    }
    
    .itemNavMainHeader {
        float: none !important;
        padding-top: 0;
        border-bottom: 1px solid #FFFFFF;
    }
    
    .itemNavMainHeader:last-child {
        border-bottom: none;
    }
    
    .linkNavMainHeader {
        color: #FFFFFF;
        color: rgba(255,255,255,1);
    }
    
    /* titulo home */
    
    .tituloMainHome {
        font-size: 34px;
        line-height: 36px;
        padding-top: 30px;
    }
    
    .tituloServiciosHome {
        font-size: 10px;
        padding-bottom: 30px;
    }
    
    /* notas */
    
    .contenedorInfoHome {
        padding-bottom: 0;
    }
    
    .fondoCelesteInfoHome {
        height: 60px;
    }
    
    .contenedorNotasInfoHome {
        top: -20px;
    }
    
    .contenedorNotaInfoHome {
        margin-bottom: 30px;
    }
    
    .tituloNotaInfoHome {
        font-size: 22px;
        float: left;
        width: 100%;
    }
    
    .txtNotaInfoHome {
        font-size: 13px;
        float: left;
    }
    
    .contenedorBtnVerMasHome {
        float: right;
        position: relative;
        margin-top: 12px;
    }
    
    /* footer */
    
    .imgLogoMainFooter {
        max-width: 140px;
    }
    
    .contenedorInfoContactoMainFooter {
        margin-top: 15px;
    }
    
    .listadoItemsNavMainFooter {
        margin-top: 15px;
    }
    
    .linkNavMainFooter {
        font-size: 12px;
        padding: 0;
    }
    
    .contenedorCopyrightMainFooter {
        position: relative;
        left: auto;
        margin-top: 8px;
    }
    
    /* titulo empresa */
    
    .tituloEmpresa {
        font-size: 27px;
        line-height: 30px;
        padding: 30px 0;
    }
    
    .tituloEmpresa br {
        display: none;
    }
    
    .contenedorInfoEmpresa {
        padding: 30px 0;
    }
    
    .tituloInfoEmpresa {
        font-size: 34px;
    }
    
    .txtInfoEmpresa {
        margin-top: 10px;
        font-size: 13px;
        line-height: 16px;
    }
    
    /* seguridad */
    
    .contenedorTituloSeguridad {
        margin-bottom: 0;
    }
    
    .tituloSeguridad {
        font-size: 27px;
        line-height: 30px;
        padding: 30px 0;
    }
    
    .tituloSeguridad br {
        display: none;
    }
    
    .contenedorImgSeguridad {
        display: none;
    }
    
    .contenedorInfoSeguridad {
        padding: 30px 0;
    }
    
    .tituloInfoSeguridad {
        font-size: 34px;
    }
    
    .contenedorTxtSeguridad {
        margin-top: 15px;
    }
    
    .txtInfoSeguridad {
        margin-top: 0;
        font-size: 13px;
        line-height: 16px;
        margin-bottom: 15px;
    }
    
    .tituloTrazabilidad {
        font-size: 13px;
        margin-bottom: 0;
    }
    
    /* contacto */
    
    .bgMapaGoogle {
        height: 90vh;
    }
    
    .containerFormContacto {
        top: 120px;
        left: 0;
        width: 100%;
    }
    
    /* servicios */
    
    .contenedorInfoServicios {
        padding: 30px 0;
    }
    
    .tituloInfoServicios {
        font-size: 34px;
        margin-bottom: 15px;
    }
    
    .bajadaServicios {
        margin-top: 0;
        font-size: 13px;
        line-height: 16px;
    }
    
    .listadoServicios {
        margin-top: 30px;
    }
    
    /* ajustar dropdown */
    
    .dropdownInfoServicios {
        top: 0;
        position: relative;
        width: 100%;
        padding: 0;
        background-color: transparent;
        box-shadow: none;
    }
    
    .arrowClose {
        display: none;
    }
    
    .tituloServicio {
        font-size: 15px;
        padding-top: 0;
    }
    
    .dropdownLeft {
        left: 0;
    }
    
    .tituloDropdownInfoServicios {
        display: none;
    }
    
    .txtDropdownInfoServicios {
        color: #0074c8;
        color: rgba(0,116,200,1);
        font-size: 13px;
        line-height: 16px;
        padding-top: 20px;
    }
    
    .linkInfoServicios {
        display: none;
    }
    
    .open .contenedorBtnServicio {
        content: url(../img/icon/servicios/btnVerMenos.png);
        position: relative;
        top: 1px;
    }
    
}