/* 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: #e31b22;
}
.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: #e31b22;
    color: white;
}
.btn-corp2,
.btn-corp2:active{
    background-color: #e31b22;
    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: #e31b22;
}
/*#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 {
        color: #202020;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 12px;
        line-height: 32px;
        text-transform: uppercase;

        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,
    #mainMenu .mainMenu-nav1 .mainMenu-elem > .mainMenu-sub {
        display: block;
    }
    #mainMenu .mainMenu-nav1 > .mainMenu-elem > .mainMenu-link,
    #mainMenu .mainMenu-nav1 > .mainMenu-elem > .mainMenu-sub {
        padding: 0 20px 10px;
        border-top: 10px solid transparent;
    }
    #mainMenu .mainMenu-nav1 > .mainMenu-elem-act > .mainMenu-link,
    #mainMenu .mainMenu-nav1 > .mainMenu-elem > .mainMenu-link:hover
    #mainMenu .mainMenu-nav1 > .mainMenu-elem-act > .mainMenu-sub,
    #mainMenu .mainMenu-nav1 > .mainMenu-elem-on > .mainMenu-sub {
        border-top-color: #e31b22;
        color: #202020;
    }
    #mainMenu nav nav {
        background-color: #e9e9e9;
        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%;
    }
    #mainMenu nav nav .mainMenu-elem > .mainMenu-link {
        padding-left: 10px;
        padding-right: 10px;
    }
    #mainMenu nav nav .mainMenu-elem-act > .mainMenu-link,
    #mainMenu nav nav .mainMenu-elem > .mainMenu-link:hover {
        color: #920f14;
    }
    #mainMenu nav nav .mainMenu-elem + .mainMenu-elem {
        border-top: 1px solid white;
    }
}
@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 .mainMenu-nav1 > #mainMenu-contacto {
        line-height: 1.2;        
    }
    #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{
    background-color: white;
    position: relative;
}
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-left #header-contacto > div + div{
    margin-top: 8px;
}
header #header-top #header-left #header-contacto 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-left #header-contacto a:hover .fa{
    border-color: #e31b22;
}
header #header-top #header-left #header-contacto .header-tlf{
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 14px;
}
header #header-top #header-right {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    gap: 20px 30px;
}

header #header-top #header-right #header-marcas {
    width: 320px;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    gap: 5px 0;
}
header #header-top #header-right #header-marcas > div {
    width: 50%;
}
header #header-top #header-right #header-marcas a {
    display: inline-block;
}
header #header-top #header-right #header-marcas a img {
    max-width: 100%;
    display: block;
}

header #header-bottom{
    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 {
    margin-left: 20px;
}
header #logos-iso img {
    width: 165px;
    margin-left: 20px;
}

.hrCorp{
    width: 60px;
    height: 1px;
    background-color: #e31b22;
    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;
}
.blq-txt {
    text-align: justify;
}
@media(min-width: 992px) {
    .blq-txt {
        padding-left: 60px;
        padding-right: 60px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 100px;
        -moz-column-gap: 100px;
        column-gap: 100px;
    }
}

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: #e31b22;
}
#footer-bottom .cartel-ayudas{
    padding-top: 10px;
}
#footer-bottom .cartel-ayudas img {
    max-width: 200px;
}
#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: #e31b22;
    color: #e31b22;
}

@media(min-width: 1200px){
    header #header-top {
        padding-top: 35px;
        padding-bottom: 35px;
        -webkit-justify-content: center;
        justify-content: center;
        gap: 120px;
    }
}
@media(max-width: 1199px){
    header #header-top {
        padding-top: 10px;
        padding-bottom: 10px;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }
}
@media(max-width: 991px){
    header #header-top #header-left {
        display: none;
    }
}
@media(max-width: 767px){
    header #header-top {
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    header #header-top #header-logo {
        margin-bottom: 10px;
    }
    header #header-top #header-logo img {
        width: 200px;
        max-width: 100%;
    }
}
@media(max-width: 539px){
    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;
}






