/* PANTONES */
/******************************
COLOR           PANTONE             HEXA            RGB
Verde Fuerte    3258c               #51b6b6         81, 182, 182
Verde Medio     331c                #99d9d9         153, 217, 217
Azul            2675c               #9cdff9         156, 223, 249
Azul gris       544c                #c1e1eb         193, 225, 235
Verde aguaa     317c                #c6efef         198, 239, 239

letra       #132540;
*******************************/

/* Clase para la seccion de idioma */
.head_idioma{
    width: 100%;
    height: 60px;
    background-color: #b4b5df;
}

/* Clases para los iconos de redes y boton*/
.img_btncita_header{
    display: block;
    margin: 0 auto;
    max-width: 50%;
    width: 25%;

}
.img_logo_header{
    display: block;
    margin: 0 auto;
    width: 50%;
    height: auto;

}
.img_ico_redes{
    margin: 0 auto;
    max-width: 12%;
    width: 12%;
    height: auto;

}

.head_idioma{
    width: 100%;


}
.img_inicio{
    width: 40px;
}
.img_back
{
    position: absolute;
    top: 10%;
    right: 1%;
    /*display: block;
    margin: 0 auto;
    max-width: 15%;


    bottom: 80px;
    left: 10px;
    transition: all 300ms ease 0ms;
    z-index: 99;*/
    width: 80px;
}
video {
    width: 100%;
}

.head_cabeza
{
    background-color: #FFFFFF;
}


.custom-toggler.navbar-toggler {
    border-color: #FFFFFF  !important;
    color: #FFFFFF  !important;

}
.navbar-toggler-icon{
    width: 30px;
}


/* Setting the stroke to green using rgb values (0, 128, 0) */


/* Clases para los iconos de redes y boton para moviles*/
@media screen and (max-width: 767px) {
    .head_idioma{
        width: 100%;
        height: 50px;
        background-color: #b4b5df;
    }

    .img_btncita_header{
        display: block;
        margin: 0 auto;
        max-width: 50%;
        width: 35%;

    }
    .img_logo_header{
        display: block;
        margin: 0 auto;
        width: 40%;
        height: auto;

    }
    .img_ico_redes{
        margin: 0 auto;
        max-width: 20%;
        width: 20%;
        height: auto;
    }
    .img_back
    {
        right: 4%;
        width: 80px;
    }

    #navbarSupportedContent
    {
        background-image: linear-gradient(#eaeaea, rgba(250, 250, 250, 0.29));
    }

}
@media screen
and (min-device-width : 768px)
and (max-device-width : 1366px)
{
    .img_back
    {
        top: 60%;
        width: 80px;
    }

    .img_logo_header{
        display: block;
        margin: 0 auto;
        width: 25%;
        height: auto;

    }

    #navbarSupportedContent
    {
        background-image: linear-gradient(#eaeaea, rgba(250, 250, 250, 0.29));
    }
}