@font-face {
    font-family: 'droid_serifregular';
    src: url('/css/fonts/droidserif-regular-webfont.woff2') format('woff2'), url('/css/fonts/droidserif-regular-webfont.woff') format('woff');
    src: url('/css/fonts/DroidSerif-Regular.ttf');
    /*URL to font*/
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham';
    src: url('/css/fonts/gotham/GothamMedium.ttf');
    
}
@font-face {
    font-family: 'kg_next_to_me_solidregular';
    src: url('/css/fonts/kgnexttomesolid-webfont.woff2') format('woff2'),
         url('/css/fonts/kgnexttomesolid-webfont.woff') format('woff'),
         url('/css/fonts/KGNexttoMeSolid.ttf') format('truetype'), /* Safari, Android, iOS */;
    font-weight: normal;
    font-style: normal;

}
* {
    margin: 0;
    padding: 0;
    order: 0;
}

div,
section,
aside
{
    position: relative
}

div,
section,
aside,
nav {
    vertical-align: top;
    /* Indica que el padding y el ancho del borde seran incluidos en el ancho total del elemento width = ancho + borde + ancho */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
   /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-family: 'Roboto', sans-serif;
}
div{
    /*font-family: 'Libre Baskerville', serif;*/
    font-family: 'Roboto', sans-serif;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link:hover{
    font-family: 'Roboto', sans-serif;
}
.nav-link{
    font-family: 'Roboto', sans-serif;
}
body{
    width:100%;
    max-width: 1920px;
    overflow-x: hidden;
    margin:0 auto;
    
    display:flex;
    flex-direction: column;
   

  /* min-height: 100vh;*/

}
header {
    width:100%;
    max-width:1920px;
    position: fixed;
    z-index: 10;
    background: white;
    display:flex;
    flex-direction: column;
    flex-wrap: wrap;
    
}
@media (max-width:768px){
    header{
        position: relative;
    }
}
#sectorHeaderTop{
    /*width:100vw;*/
    width:100%;
    /*
    min-height: 58px;
    line-height: 58px;
    */
    min-height: 46px;
    line-height: 46px;
    background: white;

    display: flex;
    flex-direction: row;
    /*justify-content: space-between;*/
    justify-content: flex-end;
    border-top:12px solid #CAB165;
 
}
@media (max-width:768px){
    #sectorHeaderTop{
        flex-direction: column;
        align-items: center;
        height: unset;
    }

}

#sectorIdiomas{
    width:235px;
    height: 58px;
    margin-right: 0px;
    display: flex;
    flex-direction: row;
    margin-top:-12px;
    align-self: flex-end;
    justify-content: flex-end;
  /*  background-image:url(/imagenes/global/fondoIdiomas.jpg);*/
  background-image:url(/imagenes/global/solapa-idiomas.png);
  background-repeat: no-repeat;
}

#botonEsp{
    width:50px;
    height: 58px;
    line-height: 58px;
    vertical-align: middle;
    text-align: center;
    cursor:pointer;
    border-radius: 20px;
}
#botonEng{
    width:50px;
    height: 58px;
    line-height: 58px;
    vertical-align: middle;
    text-align: center;
    cursor:pointer;
    border-radius: 20px;
}
#botonRus{
    width:50px;
    height: 58px;
    line-height: 58px;
    vertical-align: middle;
    text-align: center;
    cursor:pointer;
    border-radius: 20px;
}

#sectorHeader{
    display:flex;
    flex-direction:row;
}
#sectorLogoTop{
    max-width:352px;
    z-index:100;
}
#sectorLogoTop img{
    margin-top:-32px;
    margin-left: 40px;
    width:100%;
}
#sectorRedesYMenu{
    display:flex;
    flex-direction:column;
    width:100%;
}
#sectorRedes{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content: flex-end;
    margin-top:10px;
    padding-right: 20px;
}

@media (max-width: 1250px){
    #sectorHeader{
       flex-direction: column;
    }
    #sectorLogoTop img{
        width:50%;
    }
}
@media (max-width: 414px){
    #sectorLogoTop{
        top: -14px;
        left: -45px;  
    }
}
#sectorHeaderMenu{
    margin-bottom: 6px;
}
/*
#sectorLogoYRedes{
    margin-right: 20px;
    min-height: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    max-height: 50px;
}
*(

#sectorLogo{
    margin-top:-35px;
    z-index: 10;
}

.clsIconoRed{
    width:38px;
    height: 38px;
    margin:5px;
    cursor:pointer;
}
#sectorHeaderMenu{
    width: 100%;
    min-height: 40px;
    line-height: 40px;
    align-self: flex-start;
}

#sectorContenido{
    width: 100%;
    min-height: 600px;
    display:flex;
    flex-direction: column;
}

*/
#sectorContenido{
    min-height: 450px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/*** INICIO FOOTER ***/
footer{
    position:relative;
    width: 100%;
   /* min-height: 46px;*/
  /* min-height: 103px;*/
  min-height: 210px;
    display:flex;
    flex-direction: column;
  
    color:white;
    font-size: 20px;
    /*
    flex-wrap: wrap-reverse;
    border-bottom: 26px solid white;
    */
}
@media (max-width: 1100px){
    footer{
        justify-content: center;
    }
}

#sectorTopFooter{
    position:relative;
    width: 100%;
    /*min-height: 152px;*/
    min-height: 138px;
    display:flex;
    flex-direction: row;
    background: #0A4026;
    color:white;
    font-size: 20px;
    flex-wrap: wrap-reverse;
   
}
#sectorIzqPie{
    width:20%;
   /* background: yellow;*/
}
@media (max-width: 1100px){
    #sectorIzqPie{
        width:100%;
        justify-content: center;
        display: flex;
    }
}
#logoPie{
    margin-top:20px;
    margin-left: 44px;
}

#sectorCentroPie{
    /*width:60%;*/
    width:66%;
    text-align: center;

}
@media (max-width: 1100px){
    #sectorCentroPie{
        width:100%;
    }
}
#sectorTelefonoCorreoPie{
    width: 100%;
    text-align: center;
    font-size: 20px;
    margin-top: 46px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

#sectorTelefonoPie{
    height: 40px;
    line-height: 40px;
}
#sectorTelefonoPie a{
    color:#CAB165;
    text-decoration: none;
    font-size: 28px;
}
#sectorEmailPie{
    height: 40px;
    line-height: 40px;
}
#sectorEmailPie a{
    color:#CAB165;
    text-decoration: none;
}


#sectorDerPie{
    /*width:20%;*/
    width:14%;
   /* background: yellow;*/
    display:flex;
    flex-direction: column;
}
#sectorDerPie a{
    color:white;
    text-decoration: none;
}
@media (max-width: 1100px){
    #sectorDerPie{
        width:100%;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        justify-content: center;
       
    }
}
#trabajaPie{
    width:100%;
    max-width: 216px;
    height: 23px;
    line-height: 23px;
    text-align: left;
    margin-top:26px;
    font-size: 18px;
}
@media (max-width: 1100px){
    #trabajaPie{
       /* margin-top:0;*/
        margin:20px;
    }
}
#avisoLegalPie{
    width:100%;
    max-width: 200px;
    height: 23px;
    line-height: 23px;
    text-align: left;
    margin-top:14px;
    font-size: 18px;
}
@media (max-width: 1100px){
    #avisoLegalPie{
        /*margin-top:0;*/
        margin:20px;
    }
}
#sectorRedesPie{
    width:100%;
    max-width: 200px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    display:flex;
    flex-direction: row;
    margin-top:20px;
}
@media (max-width: 1100px){
    #sectorRedesPie{
        /*margin-top:0;*/
        margin:20px;
    }
}
.clsIconoRedesPie{
    cursor: pointer;
    margin-right: 5px;
}
#sectorLogoCW{
    width:100%;
   /* max-width: 200px;
    margin-top:15px;
    */
    min-height: 58px;
    background: #EBE1C4;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 3%
}
@media (max-width: 1100px){
    #sectorLogoCW{
       /* margin:20px;*/
        /*margin-top:0;*/
    }
}

/*** FIN FOOTER ***/

.navbar-expand-lg .navbar-nav .dropdown-menu{
    background:white;
}

.navbar{
    display: flex;
    justify-content: left;
   /* background:#D0E1EC;*/
}




/*** ICONOS REDES ***/
.middle{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
  }
  .btn{
    display: inline-block;
    width: 40px;
    height: 40px;
    background: black;
    margin: 10px;
    border-radius: 50%;
    box-shadow: 0 5px 15px -5px #00000070;
    color: white;
    overflow: hidden;
    position: relative;
    display: flex;
    text-indent: -4px;
  }
  .btnPie{
    display: inline-block;
    width: 40px;
    height: 40px;
    background: white;
    margin: 10px;
    border-radius: 50%;
    box-shadow: 0 5px 15px -5px #00000070;
    color: black;
    overflow: hidden;
    position: relative;
    display: flex;
    text-indent: 9px;
    padding-top: 6px;
  }
  .btn i{
    line-height: 27px;
    font-size: 26px;
    transition: 0.2s linear;
  }
  .btnPie i{
    line-height: 27px;
    font-size: 26px;
    transition: 0.2s linear;
  }
  .btn:hover i{
    transform: scale(1.3);
    color: #f1f1f1;
  }
  .btnPie:hover i{
    transform: scale(1.3);
    color: #f1f1f1;
  }
  .btn::before{
    content: "";
    position: absolute;
    width: 120%;
    height: 120%;
   /* background: #3498db;*/
    /*background:#CAB165;*/
    background:#CDCDCD;
    
    transform: rotate(45deg);
    left: -110%;
    top: 90%;
  }
  .btnPie::before{
    content: "";
    position: absolute;
    width: 120%;
    height: 120%;
   /* background: #3498db;*/
    /*background:#CAB165;*/
    background:#CDCDCD;
    
    transform: rotate(45deg);
    left: -110%;
    top: 90%;
  }
  .btn:hover::before{
    animation: aaa 0.7s 1;
    top: -10%;
    left: -10%;
  }
  .btnPie:hover::before{
    animation: aaa 0.7s 1;
    top: -10%;
    left: -10%;
  }
  @keyframes aaa {
    0%{
      left: -110%;
      top: 90%;
    }50%{
      left: 10%;
      top: -30%;
    }100%{
      top: -10%;
      left: -10%;
    }
  }