body {
}

#navbarHeader {
    height: 164px !important;
    /*background-position: fixed;*/
    background-size: cover;
    background-repeat: no-repeat;
    /*vertical-align: middle;*/
    /*background-image: url(@Url.Content("~/Content/img/header/header.gradiet.png"));*/
}

#navbarFooter {
    /*height: 104px !important;*/
    height: 100% !important;
    /*background-position: fixed;*/
    background-size: cover;
    background-repeat: no-repeat;
    /*vertical-align: middle;*/
    margin-top: 20px;
    margin-bottom: 0px;
    margin-right: 16.66666667%;
    margin-left: 16.66666667%;
}

#divLogoICTI {
    text-align: right;
    
    /*height: 164px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;*/
}
#divLogoFamilia {
    text-align: center;
}
#divLogosRedes {
    text-align: left;
    margin-top: 57px;
    /*vertical-align: middle;*/
    /*width: 250px;*/
    padding-right: 0px !important;
    padding-left: 0px !important;
}
#divRedes {
    /*width: 188px;*/
    width: 218px;
    text-align: center;
    /*vertical-align: middle;*/
}
#divCovid {
    width: 188px;
    text-align: center;
    /*vertical-align: middle;*/
}

#logoFamilia {
    /*height: 75%;
    width: 75%;*/
    height: 188px; /*418px*/
    width: 398px; /*884px*/
    margin-top: 20px;
    max-width: 100%;
}

/*#logoFamilia {
    height: 200px;
    width: 422px;
}*/

#logoICTI {
    /*height: 50%;
    width: 50%;*/
    height: 85px;
    margin-top: 39px;
    width:215px;
}

.logosHeader {
    height: 100%;
    width: 100%;
    max-height: 50px;
    max-width: 50px;
    margin-right: 10px;
    margin-left: 10px;
}
/*#logoFacebook {
    height: 50px;
    width: 50px;
    margin-right: 10px;
    margin-left: 10px;
}

#logoInstagram {
    height: 50px;
    width: 50px;
    margin-right: 10px;
    margin-left: 10px;
}

#logoYoutube {
    height: 50px;
    width: 50px;
    margin-right: 10px;
    margin-left: 10px;
}*/

#logoCovid {
    height: 33px;
    width: 188px;
}

#contenido {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 16.66666667% !important;
    margin-left: 16.66666667% !important;
}

#modulosTitulo {
    font-size: 40px;
    color: #533080;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
}

#modulos {
    font-size: 30px;
    color: #533080;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
}

#textoTituloFooter {
    font-size: 18px;
    color: #4A4A4A;
    /*color: #A2ACCF;*/
    font-family: 'Quicksand', sans-serif;
    margin-top: 15px;
    margin-bottom: 5px;
}

#textoFooter {
    font-size: 15px;
    color: #4A4A4A;
    /*color: #A2ACCF;*/
    font-family: 'Quicksand', sans-serif;
    margin-top: 5px;
    margin-bottom: 5px;
}

#carouselExampleControls {
    /*height: 370px;
    width: 790px;*/
}

#carousel-example-generic {
    /*max-width: 100%;*/
    /*prueba*/
    max-height: 370px;
    max-width: 790px;
    width: 100% !important;
    height: 100% !important;
    margin: auto;
    margin-top: 0px !important;
}

.item {
    /*height: 370px;
    width: 790px;*/
    /*border-radius: 20px;*/
}

.carousel-inner {
    /*width: 100%;*/
    /*width: 790px;*/
    /*max-height: 370px !important;*/
    /*height: 370px !important;*/
}

.carousel-inner img {
    margin: auto;
}
    .carousel-inner > .item > img {
        /*margin: 0 auto;*/
        max-height: 370px;
        max-width: 790px;
        width: 100% !important;
        height: 100% !important;
        border-radius: 20px;
    }
    .carousel-inner > .item > a > img {
        /*margin: 0 auto;*/
        max-height: 370px;
        max-width: 790px;
        width: 100% !important;
        height: 100% !important;
        border-radius: 20px;
    }

/*div.c-wrapper {
    width: 80%; 
    margin: auto;
}*/

/*.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%; 
    margin: auto;
}*/

.c-wrapper {
    margin-top: 50px!important;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

/*.left > img {*/
#bntLeft, #btnRight {
    top: 40%;
    position: relative;
    /*height: 43px;
    width: 43px;*/
    height: 100%;
    width: 100%;
    max-height: 86px;
    max-width: 86px;
}

.carousel-control {
    opacity: 1 !important;
}

.modulo {
    margin-top: 10px !important;
    text-align: center !important;
}

.modulosTexto {
    margin-top: 10px !important;

}
.modulosTextoCovid {
    font-size: 28px;
    font-weight: 500;
}
.modulosLogo {
    /*text-align: center !important;*/
    /*max-width: 70%;
    max-height: 70%;*/
    max-width: 170px;
    max-height: 115px;
    width: 100%;
    height: 100%;
}

.botonDescarga {
    /*text-align: center !important;*/
    max-width: 100%;
}

html, body {
    overflow-x: hidden;
    /*color: black;
    font-family: 'Opens Sans',helvetica;
    height: 100%;
    width: 101%;
    margin: 0px;
    padding: 0px;*/
    background: #F3F3F3;
}

#tituloModulos {
    margin-top: 20px;
    margin-bottom: 20px!important;
}

#navbarFooter {
    background-color: #A2ACCF;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important; 
    /*background-image: url(@Url.Content("~/Content/img/footer/footer-fondo.png"));*/
}

#divModulosCentro {
    /*margin-right: 30%;
    margin-left: 30%;*/
    /*margin-right: 16.66666667%;
    margin-left: 16.66666667%;*/
    padding-right: 12.66666667%;
    padding-left: 12.66666667%;
}

.row {
    /* margin-right: -15px; */
    /* margin-left: -15px; */
    margin-right: 0px !important;
    margin-left: 0px !important;
}

/* PAGINA DE FAMILIA */
.familiaTituloVerde {
    display: inline !important;
    font-size: 55px;
    color: #44B40D;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    /*text-align: left;*/
    margin-top: 100px !important;
}
.familiaTitulo {
    display: inline !important;
    font-size: 55px;
    color: #533080;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    /*text-align: left;*/
    margin-top: 100px !important;
}
.familiaTituloVerde22 {
    display: inline !important;
    font-size: 40px;
    color: #44B40D;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    /*text-align: left;*/
    margin-top: 100px !important;
}

.familiaTitulo22 {
    display: inline !important;
    font-size: 40px;
    color: #533080;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    /*text-align: left;*/
    margin-top: 100px !important;
}
.familiaTitulo1 {
    font-size: 45px;
    color: #533080;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
}
.familiaTitulo2 {
    font-size: 34px;
    color: #A3228D;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
}
.familiaTitulo3 {
    font-size: 23px;
    color: #4A4A4A;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    text-align:justify;
}
.familiaTitulo6 {
    font-size: 34px;
    color: #4A4A4A;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    text-align: justify;
}
.textoPegado {
    display: inline !important;
}
.texto25 {
    font-size: 25px !important;
}
.textoRojo {
    color: #A3228D !important;
}
.familiaTitulo4 {
    font-size: 34px;
    color: #533080;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
}
.familiaTitulo5 {
    font-size: 28px;
    color: #A3228D;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
}
#divFamiliaTitulo {
    /*height: 104px !important;
    
    background-size: cover;
    background-repeat: no-repeat;
    
    margin-top: 20px;
    margin-bottom: 0px;*/
    /*margin-right: 16.66666667% !important;
    margin-left: 16.66666667% !important;*/
    margin-bottom: 25px !important;
    margin-top: 25px !important;

}


#botonRegresar {
    height: 80px;
    width: 80px;
    /*margin-right: 10px;
    margin-left: 10px;*/
    padding-top: 8px;
}
#logoFamiliaTitulo {
    height: 80px;
    width: 80px;
    /*margin-right: 10px;
    margin-left: 10px;*/
}


.bannerCentralFamilia {
    /*height: 104px !important;
    
    background-size: cover;
    background-repeat: no-repeat;
    
    margin-top: 20px;
    margin-bottom: 0px;*/
    /*margin-right: 16.66666667% !important;
    margin-left: 16.66666667% !important;*/
    margin-bottom: 0px !important;
    text-align: center;
}

.bannerCentralFamilia > img {
    /* margin: 0 auto; */
    /*height: 370px;
    width: 790px;*/
    border-radius: 20px;
    max-width: 100%;
}

.linksDescargas {
    /*margin-right: 16.66666667% !important;
    margin-left: 16.66666667% !important;*/
    
    margin-bottom: 25px !important;
    margin-top: 25px !important;
}
.linksVideos {
    /*margin-right: 16.66666667% !important;
    margin-left: 16.66666667% !important;*/
    margin-bottom: 25px !important;
    margin-top: 25px !important;
    padding-right: 12.66666667%;
    padding-left: 12.66666667%;
}

.video {
    /* margin: 0 auto; */
    /*height: 370px;
    width: 790px;*/
    border-radius: 20px;
    max-width: 100%;
}

.linkYoutube {
    position: relative;
    /*width: 100%;*/
    /*padding-bottom: 56.25%;*/
    /*height: 0;*/
    /*border-radius: 20px;*/
    text-align: center;
}

    .linkYoutube iframe {
        /*position: absolute;*/
        top: 0;
        left: 0;
        width: 80%;
        /*height: 100%;*/
        height: 235px;
        /*height: 255px;*/
        border-radius: 20px;
    }

.linkYoutubeGrande {
    position: relative;
    /*width: 100%;*/
    /*padding-bottom: 56.25%;*/
    /*height: 0;*/
    /*border-radius: 20px;*/
    text-align: center;
    height: 350px;
}

    .linkYoutubeGrande iframe {
        /*position: absolute;*/
        top: 0;
        left: 0;
        width: 80%;
        height: 100%;
        /*height: 235px;*/
        /*height: 255px;*/
        border-radius: 20px;
    }

.logoRegistro {
    /*height: 100%;
    width: 100%;*/
    
    max-height: 120px;
    max-width: 120px;
    /*margin-right: 10px;
    margin-left: 10px;*/
}
.registroTitulo {
    display: inline !important;
    font-size: 35px;
    color: #533080;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    /*text-align: left;*/
    margin-top: 100px !important;
    padding-left:20px;
}

@media (max-width: 768px) {
    .logoRegistro {
        /*height: 100%;
    width: 100%;*/
        max-height: 90px;
        max-width: 90px;
        /*margin-right: 10px;
    margin-left: 10px;*/
    }
    .linkYoutube iframe {
        width: 100%;
        height: 155px;
    }
    /*.col-xs-12.text-right, .col-xs-12.text-left {
        text-align: center;
    }*/
    #divLogosRedes {
        text-align: center;
        margin-top: 17px;
        /*vertical-align: middle;*/
        /*width: 250px;*/
        padding-right: 0px !important;
        margin-bottom: 20px;
    }

    #carousel-example-generic {
        /*height: 148px;
        width: 316px;*/
        max-width: 100% !important;
        max-height: 60% !important;
        width: 100% !important;
        height: 100% !important;
        /*width: 200px;
        height: 95px;*/
        /*width: 80%;*/
        margin: auto;
        /*margin-top: 0px !important;*/
        margin-top: 60px !important;
        /*height: 190px;*/
    }
    .carousel-inner > .item > img {
        /*margin: 0 auto;*/
        /*height: 148px;
        width: 316px;*/
        max-width: 100% !important;
        /*max-height: 120px;*/
        max-height: 60% !important;
        width: 100% !important;
        height: 100% !important;
        /*prueba*/
        /*width: 200px;
        height: 95px;*/
        /*height: 95px;
        width: 200px;*/
        border-radius: 20px;
    }    
   
    .c-wrapper {
        margin-top: 30px !important;
        margin-bottom: 10px !important;
    }

    #navbarFooter {
        /*height: 104px !important;        
        background-size: cover;
        background-repeat: no-repeat;        
        margin-top: 20px;
        margin-bottom: 0px;*/
        margin-right: 0%;
        margin-left: 0%;
    }

    .modulosLogo {
        /*text-align: center !important;*/
        /*max-width: 70%;
    max-height: 70%;*/
        /*max-width: 170px;*/
        max-width: 100% !important;
        max-height: 115px;
        width: 170px !important;
        height: 115px !important;
    }
    #contenido {
        margin-top: 20px;
        margin-bottom: 20px;
        margin-right: 6.66666667% !important;
        margin-left: 6.66666667% !important;
    }
    #divModulosCentro {
        /*margin-right: 30%;
    margin-left: 30%;*/
        /*margin-right: 16.66666667%;
    margin-left: 16.66666667%;*/
        padding-right: 2.66666667%;
        padding-left: 2.66666667%;
    }
    #textoTituloFooter {
        font-size: 13px;
        color: #4A4A4A;
        /*color: #A2ACCF;*/
        font-family: 'Quicksand', sans-serif;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    #textoFooter {
        font-size: 10px;
        color: #4A4A4A;
        /*color: #A2ACCF;*/
        font-family: 'Quicksand', sans-serif;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    #divLogoICTI {
        text-align: center;
        /*height: 164px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;*/
    }

    #logoICTI {
        /*height: 50%;
    width: 50%;*/
        height: 85px;
        margin-top: 5px;
        /*width: 215px;*/
        max-width: 100% !important;
    }

    #navbarHeader {
        height: 250px !important;
        /*background-position: fixed;*/
        background-size: cover;
        background-repeat: no-repeat;
        /*vertical-align: middle;*/
        /*background-image: url(@Url.Content("~/Content/img/header/header.gradiet.png"));*/
    }
    #logoFamilia {
        /*height: 75%;
    width: 75%;*/
        height: 188px; /*418px*/
        width: 398px; /*884px*/
        margin-top: 5px;
        max-width: 100%;
    }
    #bntLeft, #btnRight {
        top: 40%;
        position: relative;
        /*height: 43px;
    width: 43px;*/        
        height: 100%;
        width: 100%;
        max-height: 63px;
        max-width: 63px;
    }
    .logosHeader {
        height: 100%;
        width: 100%;
        max-height: 40px;
        max-width: 40px;
        margin-right: 10px;
        margin-left: 10px;
    }


}