/* fuentes */
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:300,700);
body {
    background-color: transparent;
    color: #202020;
    font-family:'Saira Extra Condensed', sans-serif;
}
.text-montserrat{
    font-family: 'Montserrat', sans-serif;
}
.text-teko{
    font-family: 'Saira Extra Condensed', sans-serif;
}

/* enlaces y botones */
a,
a:active,
a:focus,
a:hover {
    text-decoration: none;
}
a,
a:active,
.lnk-black,
.lnk-black:active,
.lnk-corp:focus,
.lnk-corp:hover,
.txt-black {
    color: #202020;
}
a:focus,
a:hover,
.lnk-black:focus,
.lnk-black:hover,
.lnk-corp,
.lnk-corp:active,
.txt-corp {
    color: #0293d0;
}
.btn {
    border-radius: 0;
}
.btn-black,
.btn-black:active,
.btn-corp:focus,
.btn-corp:hover,
.btn-corp2:focus,
.btn-corp2:hover,
.btn-corp3:focus,
.btn-corp3:hover,
.ajax-file-upload:focus,
.ajax-file-upload:hover {
    background-color: #202020;
    color: white;
}
.btn-black:focus,
.btn-black:hover,
.btn-corp,
.btn-corp:active,
.ajax-file-upload,
.ajax-file-upload:active {
    background-color: #0293d0;
    color: white;
}
.btn-corp2,
.btn-corp2:active{
    background-color: #0293d0;
    color: #202020;
}
.btn-corp3,
.btn-corp3:active{
    background-color: #edc80d;
    color: #202020;
}
.txt-red{
    color: #e31b22;
}

h1, h2, h3, h4, h5 {
    margin-top: 0;
    margin-bottom: 10px;
}

.text-light         {font-weight: 300}
.text-regular       {font-weight: 400}
.text-semibold      {font-weight: 600}
.text-bold          {font-weight: 700}

/* formulario */
.form-control {
    border: none;
    border-radius: 0;
    box-shadow: 0;
    background-color: white;
    color: #202020;
    font-size: 13px;
}
.form-control::-moz-placeholder {
    color: #202020;
}
.form-control:-ms-input-placeholder {
    color: #202020;
}
.form-control::-webkit-input-placeholder {
    color: #202020;
}
.input-group-addon {
    background-color: #e9e9e9;
    /*border: 1px solid #4f4f57;*/
    box-shadow: 3px 0px 5px rgba(0,0,0,0.1);
    border: none;
    border-radius: 0;
}
form .btn,
form .btn:active{
    background-color: #4f4f4f;
    color: white;
    font-size: 13px;
    text-transform: uppercase;
}
form .btn:focus,
form .btn:hover{
    background-color: black;
    color: white;
}
form .row{
    margin-left: -7.5px;
    margin-right: -7.5px;
}
form .row > div{
    padding-left: 7.5px;
    padding-right: 7.5px;
}

/* varios */
hr {
    width: 100%;
    height: 1px;
    background-color: #231f20;
}

/* mainMenu */
#mainMenu .mainMenu-elem {
    position: relative;
}
#mainMenu .mainMenu-link,
#mainMenu .mainMenu-sub {
    color: #202020;
    cursor: pointer;
}
#mainMenu .mainMenu-link:hover,
#mainMenu .mainMenu-sub:hover,
#mainMenu .mainMenu-elem-act > .mainMenu-link,
#mainMenu .mainMenu-elem-on > .mainMenu-sub,
#mainMenu #mainMenu-root.mainMenu-elem-on > .mainMenu-link{
    color: #0293d0;
}
/*#mainMenu #mainMenu-root > .mainMenu-link:hover,
#mainMenu #mainMenu-root.mainMenu-elem-on > .mainMenu-link{
    color: #e31b22;
}*/
#mainMenu .mainMenu-sub > .fa:before {
    content: '\f107';
}
#mainMenu .mainMenu-elem-on > .mainMenu-sub > .fa:before {
    content: '\f106';
}
#mainMenu .mainMenu-elem-on > nav {
    display: block!important;
}
@media (min-width: 1200px) {
    #mainMenu #mainMenu-root > .mainMenu-link {
        display: none;
    }
    #mainMenu .mainMenu-nav1 {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }
    #mainMenu .mainMenu-nav1 > .mainMenu-elem > .mainMenu-link{
        padding-left: 20px;
        padding-right: 20px;
        border-top: 10px solid transparent;
        color: #202020;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 13px;
        line-height: 32px;
        text-transform: uppercase;
        display: block;
    }
    #mainMenu .mainMenu-nav1 > .mainMenu-elem-act > .mainMenu-link,
    #mainMenu .mainMenu-nav1 > .mainMenu-elem > .mainMenu-link:hover{
        border-top-color: #e31b22;
        color: #202020;
    }
    #mainMenu nav nav {
        background-color: white;
        text-align: left;
        white-space: nowrap;
        position: absolute;
        z-index: 10;
        display: none;
    }
    #mainMenu .mainMenu-nav2 {
        min-width: 100%;
        top: 100%;
        left: 0;
    }
    #mainMenu .mainMenu-nav3 {
        top: 0;
        left: 100%;
    }
}
@media (min-width: 1200px) and (max-width: 1399px){
    #mainMenu .mainMenu-nav1 > .mainMenu-elem > .mainMenu-link{
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 1199px) {
    #mainMenu .mainMenu-elem {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 13px;
        line-height: 34px;
        text-transform: uppercase;
        position: static;
    }
    #mainMenu nav {
        display: none;
    }
    #mainMenu .mainMenu-nav1 {
        min-width: 100%;
        background-color: white;
        text-align: center;
        white-space: nowrap;
        position: absolute;
        z-index: 10;
        top: 100%;
        left: 0;
    }
    #mainMenu .mainMenu-nav1 > .mainMenu-elem{
        border-top: 1px solid #dbdbdb;
    }
    #mainMenu .mainMenu-nav1 > .mainMenu-elem > .mainMenu-link{
        display: block;
    }
    #mainMenu .mainMenu-nav1 > .mainMenu-elem > .mainMenu-link:hover{
        background-color: #dbdbdb;
        color: #202020;
    }
}

/* dropdownMenu */
.dropdownMenu {
    position: relative;
}
.dropdownMenu .dropdownMenu-cont {
    width: 100%;
    background-color: white;
    position: absolute;
    z-index: 12;
    top: 100%;
    left: 0;
    display: none;
}
.dropdownMenu.dropdownMenu-on .dropdownMenu-cont {
    display: block;
}

/* estructura */
body {
    background-color: transparent;
    color: #202020;
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'Montserrat', sans-serif;
}
body main {
    overflow: hidden;
}
@media (min-width: 1770px) {
    body main {
        min-height: calc(100vh - 450px);
    }
}
@media(min-width:768px) and (max-width: 1769px) {
    body main {
        min-height: calc(100vh - 378px);
    }
}
/*.text-open{
    font-family: 'Open Sans', sans-serif;
}*/
.text-montserrat{
    font-family: 'Montserrat', sans-serif;
}
.text-teko{
    font-family: 'Saira Extra Condensed', sans-serif;
}
.menu-fixed {
    width: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    position: fixed!important;
    z-index: 10;
    top: 0;
    left: 0;
}
#aviso-cookies {
    width: 100%;
    height: 100vh;
    padding: 15px;
    background-color: rgba(0,0,0,0.8);
    color: white;
    text-align: center;
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    justify-content: center;
    /*display: none;*/
}
#aviso-cookies #aviso-cookies-cont {
    max-width: 460px;
}
.container1000{
    width: 1030px;
    max-width: 100%;
}
.container1200{
    width: 1230px;
    max-width: 100%;
}

header{
    /*border-top: 30px solid #110b09;*/
    background-color: white;
    position: relative;
}
header #header-pdf {
    background-color: #100000;
    color: white;
    font-size: 13px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
}
header #header-pdf a {
    color: white;
    text-decoration: underline;
}
header #header-pdf a:hover {
    color: white;
    text-decoration: none;
}
header #header-top {
    border-bottom: 1px solid #202020;
    font-size: 13px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

header #header-top #header-contacto1 a .fa,
header #header-top #header-contacto2 a .fa{
    width: 16px;
    height: 16px;
    border: 1px solid #202020;
    border-radius: 50%;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
}
header #header-top #header-contacto1 a:hover .fa,
header #header-top #header-contacto2 a:hover .fa{
    border-color: #0293d0;
}
header #header-top #header-contacto1 .header-tlf,
header #header-top #header-contacto2 .header-tlf{
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 14px;
}
header #header-top #header-contacto1 > div > div:nth-of-type(2){
    margin-bottom: 8px;
}
header #header-top #header-distribuidores{
    font-size: 13px;
    text-align: left;
}
header #header-top #header-distribuidores #distrib-logos > div,
header #header-top #header-contacto2{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
}
header #header-top #header-distribuidores #distrib-logos > div {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

header #header-top #header-distribuidores #distrib-logos > div > div + div {
    margin-left: 8px;
}
header #header-top #header-distribuidores #distrib-logos a,
header #header-top #header-ardan a{
    display: inline-block;
}
header #header-top #header-distribuidores #distrib-logos a img,
header #header-top #header-ardan a img{
    display: block;
}
header #header-top #header-distribuidores #distrib-logos img {
    max-width: 100%;
}
header #header-top #header-contacto2 > div + div{
    margin-left: 30px;
}
/*header #header-top #header-ardan {
    width: 100%;
}*/
/*header #header-top #header-ardan a {
    width: 380px;
}*/
header #header-top #header-ardan img {
    height: 70px;
}

header #header-bottom{
    padding-bottom: 10px;
    background-color: white;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
header #header-bottom #div-buscador #header-buscador-cont{
    width: 200px;
    max-width: 100%;
}

header #header-bottom #div-buscador,
header #header-redes {
    margin-left: 20px;
}
header #header-redes a {
    width: 24px;
    background-color: #383C3F;
    color: white;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}
header #header-redes a:hover {
    background-color: #3b5998;
    color: white;
    text-decoration: none;
}

.hrCorp{
    width: 60px;
    height: 1px;
    background-color: #0293d0;
    display: inline-block;
}
/*.hrCorpCent{
    margin-left: auto;
    margin-right: auto;
}*/
.destacado{
    color: #072136;
    font-weight: 600;
}
.section-tit{
    text-align: center;
}
section .section-tit h1{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 30px;
    text-transform: uppercase;
}
section .section-tit .hrCorp{
    margin-top: 20px;
    margin-bottom: 45px;
}

footer{
    padding-left: 15px;
    padding-right: 15px;
    border-top: 5px solid white;
    background-color: #202020;
    color: white;
    font-size: 13px;
    text-align: center;
}
#footer-top,
#footer-bottom{
    padding-top: 6px;
    padding-bottom: 6px;
}
#footer-top span{
    font-weight: 600;
}
footer a{
    color: white;
    display: inline-block;
}
footer a:hover{
    color: #0293d0;
}
#footer-bottom .fa {
    width: 26px;
    height: 26px;
    margin-left: 10px;
    border-radius: 50%;
    border: 1px solid white;
    color: white;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
}
#footer-bottom .fa:hover{
    border-color: #0293d0;
    color: #0293d0;
}

@media(min-width: 1770px){
    header #header-top {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    header #header-top {
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    header #header-top > div{
        width: 33.333333%;
    }
    header #header-top #header-contacto1{
        text-align: right;
    }
    header #header-top #header-contacto1 > div{
        text-align: left;
        display: inline-block;
    }
    header #header-top #header-distribuidores {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }
    header #header-top #header-distribuidores #distrib-logos > div {
        width: 310px;
        max-width: 100%;
        margin-right: 30px;
        -webkit-justify-content: center;
        justify-content: center;
        text-align: center;
    }
    header #header-top #header-distribuidores #distrib-logos > span {
        width: 100%;
        /*text-align: center;*/
    }
}
@media(max-width: 1769px){
    header #header-top {
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }
    header #header-top #header-distribuidores{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    header #header-top #header-distribuidores #distrib-logos > div {
        -webkit-justify-content: center;
        justify-content: center;
    }
    header #header-bottom{
        -webkit-justify-content: center;
        justify-content: center;
    }
    header #header-top #header-distribuidores{
        text-align: center;
    }
    header #header-top #header-distribuidores #distrib-logos > span {
        width: 100%;
    }
    header #header-redes {
        display: none;
    }
    header #header-bottom #div-buscador,
    header #header-redes {
        padding-top: 8px;
    }
}
@media (max-width: 1199px) {
    header #header-redes {
        display: none;
    }
}
@media(min-width: 992px){
    /*    header #header-top #header-distribuidores > div{
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
        }*/
    header #header-top #header-contacto2{
        display: none;
    }
}
@media(max-width: 991px){
    /*    header #header-top{
            padding-top: 10px;
            padding-bottom: 10px;
        }*/
    /*    header #header-top #header-distribuidores #header-ardan {
            padding-right: 34px;
            text-align: right;
        }    */
    header #header-top #header-distribuidores  > div,
    header #header-top #header-contacto2{
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }
    header #header-top #header-contacto2{
        margin-bottom: 10px;
    }
    header #header-top #header-contacto1,
    header #header-top #header-distribuidores #distrib-logos > span {
        display: none;
    }
    header #header-top #header-distribuidores #distrib-logos > div > div + div,
    header #header-top #header-contacto2 > div + div{
        margin-left: 10px;
    }
    header #header-bottom{
        padding-top: 10px;
    }

}
@media(max-width: 767px){
    header #header-top{
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    header #header-top #header-logo{
        padding-left: 15px;
        padding-right: 15px;
    }
    header #header-top #header-logo img {
        width: 200px;
        max-width: 100%;
    }
    header #header-top #header-distribuidores > div,
    header #header-top #header-contacto2{
        -webkit-justify-content: center;
        justify-content: center;
    }
    header #header-top #header-contacto2{
        margin-top: 5px;
        margin-bottom: 5px;
    }
    header #header-top #header-distribuidores #header-ardan {
        padding-right: 0;
        text-align: center;
    }
    header #header-top #header-distribuidores #header-ardan {
        max-width: 100%;
    }
}
@media (max-width: 499px) {
    header #header-top #header-contacto2 {
        display: none;
    }
}
@media(max-width: 539px){
    header #header-redes,
    header #header-bottom #div-buscador {
        display: none;
    }
}

#btn-contacto {
    padding: 0;
    border: 0;
    background-color: transparent;
    position: fixed;
    bottom: 15px;
    right: 15px;
}
#btn-contacto div {
    padding: 2px 5px;
    border: 2px solid white;
    border-radius: 5px;
    background-color: #e31b22;
    color: white;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 991px){
    #btn-contacto {
        bottom: 5px;
    }
    #btn-contacto img {
        display: none;
    }
    #btn-contacto div {
        box-shadow: 0 0 5px black;
    }
}
#formLlamada {
    font-size: 13px;
}
#formLlamada .form-group {
    margin-bottom: 5px;
}
#formLlamada .form-group .form-control {
    border: 1px solid black;
}