@charset "utf-8";
/* CSS Document */
/*******************************************************************************************************************/
/* Small screens */
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 768px) { 
    .contenido{
        padding: 20px;
        width: 100%;
    }
    .secciones{
        width: 100%;
        padding: 100px 0px;
        display: flex;
        align-items: start;
        flex-direction: column;
    } 
    .infohome h1{
        font-size:2em;
        color: #283529;
        font-weight: bold;
        text-align: center;
    }
    .infohome h3{
        font-size: 1.5em;
        color: #283529;
        font-weight: bold;
        text-align: center;
    }
    .infohome h2{
        font-size: 1.5em;
        color: #253528;
        text-align: center;
    }
    .infohome p{
        font-size: 1em;
        color: #253528;
        text-align: center;
    }


    .menup{
        background-color: #283529;
        position: fixed;
        top: 0px;
        left: -100%;
        width: 100%;
        height: 100vh;
        text-align: center;
        padding: 150px 20px;
    } 
    .menup ul{
        margin-left: -40px;
    }    
    .menup ul li a{
        display: inline-block;
        color: #ffffff;
        font-weight: 500;
        margin: 10px 0px;
        font-size: 1.2em;
        letter-spacing:.1em;
        text-align: center;
        border-radius: 50px;
        border: 2px solid #9fae8a;
        padding: 10px 20px;
    }    
    .controlmovil{
        position: fixed;
        z-index: 101;
        right: 20px;
        top: 28px;
        width: 50px;
        height: 50px;
        border-radius: 25px;
        color: #ffffff;
        text-align: center;
        line-height: 48px;
        background-color: #9fae8a;
        font-weight: bold;
        font-size: 1.5em;
    }
    .logo-w{
        position: fixed;
        z-index: 101;
        left: 20px;
        top: 10px;
    }
    .redes{
        text-align: lef;
    }
    .contenido-top{
        padding: 10px 20px;
    }

    .coloresv{
        display: flex;
        width: 100%;
        margin: 0px auto;
    }
    .barcol1, .barcol2, .barcol3, .barcol4, .barcol5, .barcol6, .barcol7, .barcol8, .barcol9{
        width: 100% !important;
    }

    .parrafos{
        border-radius: 10px;
        padding: 40px;
        z-index: 100;
    }
    .fondoblanco{
        background-color:#ffffff;
        margin-top: 20px;
    }
    .fondoverde{
        background-color: #253528;
        margin-top: 6px;
        color: #ffffff;
    }
    .fondoverde2{
        background-color: #253528;
        margin-top: 20px;
    } 

    .imgs{
        width: 100%;
        height: 180px;
        border-radius: 10px;
        margin: 20px 0px;
    }
    .cajaalianz img{
        height: 40px !important;
    }

    .basefooter{
        background-color: #253528;
        width: 100%;
        padding: 20px;
    } 
    .parrafox h1{
        font-size: 1.4em;
        margin: 0px;
        font-weight: 900;
        text-align: center;
        margin-top: 20px;
    }

    .img-nos{
        height: 200px !important;
    }
    .img-school{
        height: 200px !important;
    }

    .cajanosotros{
        border-radius: 20px;
        background-color: #ffffff;
        width: 100%;
        padding: 20px;
    }

    .infosectionsnos h1{
        font-size: 1.4em;
        margin: 0px;
        font-weight: 900;
        color: #616f4d;
        text-align: left;
    }

    .fondoverde a{
        margin-bottom: 10px;
        display: inline-block;
    }

    .estiloservmodal{
        display:none;
        width:100%;
        border-radius:10px;
    } 
    .sec-lineas{
        width: 100%;
        height: 300px;
        border-radius: 10px;
        display: flex; 
    }

    .infolineas{
        padding: 20px;
    }

    .infocajas{
        width: 100%;
    }

    .btnincribe{
        border: 2px solid #253528;
        color: #9fae8a !important;
        padding: 10px 20px;
        text-align: center;
        display: inline-block;
        border-radius: 30px;
        font-weight: bold;
        margin-top: 20px;
        margin-right: 20px;
    }


    .titudet{
        width: 100%;
        border-radius: 150px;
        border: 1px solid #787878;
        text-align: center;
        padding: 10px;
    }
    .titucol1{
        width: 100%;
        background-color: #787878;
        border-radius: 150px;
        text-align: center;
        padding: 10px;
        
    }
    .titucol1 i{
        font-size: 2em;
        color:beige;
    }
    .titucol1 h2{
        font-size: 1em;
        color:beige;
        font-weight: bold;
        margin: 0px;
        text-align: center;
    }
    .titucol2{
        width: 100%;
        padding: 10px;
        text-align: center;
    }
    .titucol2 h1{
        font-size: 1em;
        color:#787878;
        font-weight: bold;
        margin: 0px;
        text-align: center;
    }
    .formint{
        -webkit-border-top-left-radius: 60px;
        -webkit-border-bottom-right-radius: 60px;
        -moz-border-radius-topleft: 60px;
        -moz-border-radius-bottomright: 60px;
        border-top-left-radius: 60px;
        border-bottom-right-radius: 60px;
        padding: 20px;
        background-color: #d6ddcdb0;
    }
    .formint h2{
        font-size: 2em;
        font-weight: bold;
    }
    .infodet{
        padding: 0px;
    }


    .formis{
       width: 100%;
    }
    .pics{
        width:100%
    }
    .forma{
        width:100%
    }
    .sizeimgform{
        height:250px;
        width:100%;
        border-radius: 10px;
        margin-bottom: 20px;
    }
    .cajafancystyle{
        border-radius:10px;
        width:100% !important;
        background-color:#fff
    }

    .fondopic1{
        background:url(../../assets/img/formregistro/1.jpg) top center/cover no-repeat fixed !important;
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover
    }
    .fondopic2{
        background:url(../../assets/img/formregistro/2.jpg) top center/cover no-repeat fixed !important;
        -webkit-background-size:cover;
        -moz-background-size:cover;
        -o-background-size:cover
    }

    .no-seve{
        display: block;
    }
    .infosectionsnos{
        margin-bottom: 30px;
    }
/*******************************************************************************************************************/   
} 
/*******************************************************************************************************************/
/* Medium screens */
@media only screen and (min-width: 769px) { }
@media only screen and (min-width: 769px) and (max-width: 992px) {
    .contenido{
        padding: 50px;
        width: 100%;
    }
    .secciones{
        width: 100%;
        padding: 100px 0px;
        display: flex;
        align-items: start;
    } 
    .infohome h1{
        font-size:2em;
        color: #283529;
        font-weight: bold;
    }
    .infohome h3{
        font-size: 1.5em;
        color: #283529;
        font-weight: bold;
    }
    .infohome h2{
        font-size: 1.5em;
        color: #253528;
    }
    .infohome p{
        font-size: 1em;
        color: #253528;
    }
    .menup{
        background-color: #283529;
        position: fixed;
        top: 0px;
        left: -100%;
        width: 100%;
        height: 100vh;
        text-align: center;
        padding: 200px 20px;
    } 
    .menup ul{
        margin-left: -40px;
    }    
    .menup ul li a{
        display: inline-block;
        color: #ffffff;
        font-weight: 500;
        margin: 10px 0px;
        font-size: 1.2em;
        letter-spacing:.1em;
        text-align: center;
        border-radius: 50px;
        border: 2px solid #9fae8a;
        padding: 10px 20px;
    }    
    .controlmovil{
        position: fixed;
        z-index: 101;
        left: 50%;
        top: 35px;
        width: 50px;
        height: 50px;
        border-radius: 25px;
        color: #ffffff;
        text-align: center;
        line-height: 48px;
        background-color: #9fae8a;
        font-weight: bold;
        font-size: 1.5em;
    }
    .logo-w{
        position: fixed;
        z-index: 101;
        left: 50px;
        top: 10px;
    }
    .redes{
        text-align: right;
    }
    .contenido-top{
        padding: 10px 20px;
    }

    .coloresv{
        display: flex;
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -200px;
    }

    .parrafos{
        border-radius: 10px;
        padding: 40px;
        position: relative;
        z-index: 100;
    }
    .fondoblanco{
        background-color:#ffffff;
        margin-left: -300px;
        margin-top: 20px;
    }
    .fondoverde{
        background-color: #253528;
        margin-right: -300px;
        margin-top: 6px;
        color: #ffffff;
    }
    .fondoverde2{
        background-color: #253528;
        margin-left: -200px;
        margin-top: 10px;
    } 
    

    .imgs{
        width: 100%;
        height: 480px;
        border-radius: 10px;
    }
    .cajaalianz img{
        height: 50px !important;
    }

    .basefooter{
        background-color: #253528;
        margin-top: 630px;
        position: absolute;
        height: 250px;
        width: 100%;
    }
    .parrafox h1{
        font-size: 1.4em;
        margin: 0px;
        font-weight: 900;
    }

    .cajanosotros{
        border-radius: 20px;
        background-color: #ffffff;
        width: 100%;
        height: 550px;
        padding: 30px;
    }

    .infosectionsnos h1{
        font-size: 1.5em;
        margin: 0px;
        font-weight: 900;
        color: #616f4d;
    }

    .fondoverde a{
        margin-bottom: 10px;
        display: inline-block;
    }
    .estiloservmodal{
        display:none;
        width:800px;
        border-radius:10px;
    }  

    .sec-lineas{
        width: 100%;
        height: 600px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        display: flex; 
    }

    .infocajas{
        overflow:scroll;
        height: 420px;
        width: 96%;
    }

    .btnincribe{
        border: 2px solid #253528;
        color: #9fae8a !important;
        padding: 10px 20px;
        text-align: center;
        display: inline-block;
        border-radius: 30px;
        font-weight: bold;
        margin-top: 20px;
        margin-right: 20px;
    }

    .titudet{
        overflow: hidden;
        width: 100%;
        border-radius: 50px;
        border: 1px solid #787878;
        height: 60px;
    }
    .titucol1{
        float: left;
        width: 50%;
        background-color: #787878;
        height: 60px;
        display: grid;
        place-content: center;
    }
    .titucol1 i{
        font-size: 2em;
        color:beige;
    }
    .titucol1 h2{
        font-size: 1em;
        color:beige;
        font-weight: bold;
        margin: 0px;
    }
    .titucol2{
        float: left;
        width: 50%;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: left;
        height: 60px;
    }
    .titucol2 h1{
        font-size: 1em;
        color:#787878;
        font-weight: bold;
        margin: 0px;
    }
    .formint{
        -webkit-border-top-left-radius: 60px;
        -webkit-border-bottom-right-radius: 60px;
        -moz-border-radius-topleft: 60px;
        -moz-border-radius-bottomright: 60px;
        border-top-left-radius: 60px;
        border-bottom-right-radius: 60px;
        padding: 35px;
        background-color: #d6ddcdb0;
    }
    .formint h2{
        font-size: 2em;
        font-weight: bold;
    }
    .infodet{
        padding: 0px 30px;
    }

    .formis{
        overflow:hidden
    }
    .pics{
        float:left;
        width:45%
    }
    .forma{
        float:left;
        width:55%
    }
    .sizeimgform{
        height:680px;
        width:100%;
        -webkit-border-top-left-radius:10px;
        -webkit-border-bottom-left-radius:10px;
        -moz-border-radius-topleft:10px;
        -moz-border-radius-bottomleft:10px;
        border-top-left-radius:10px;
        border-bottom-left-radius:10px
    }
    .cajafancystyle{
        border-radius:10px;
        width:700px!important;
        background-color:#fff
    }

    .no-seve{
        display: none;
    }    
/*******************************************************************************************************************/  
}
/*******************************************************************************************************************/
/* Medium screens */
@media only screen and (min-width: 993px) { }
@media only screen and (min-width: 993px) and (max-width: 1200px) {
    .contenido{
        padding: 50px;
        width: 100%;
    }
    .secciones{
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
    } 
    .infohome h1{
        font-size:3em;
        color: #283529;
        font-weight: bold;
    }
    .infohome h3{
        font-size: 1.6em;
        color: #283529;
        font-weight: 800;
    }
    .infohome h2{
        font-size: 1.6em;
        color: #253528;
    }
    .infohome p{
        font-size: 1.2em;
        color: #253528;
    } 

    .menup{
        text-align: center;
    }
    .menup ul li{
        display: inline;
    }
    .menup ul li a{
        display: inline-block;
        color: #ffffff;
        font-weight: 500;
        margin: 0px 10px;
        font-size: .8em;
        letter-spacing:.1em;
    }
    .controlmovil{
        display: none;
    }
    .logo-w{
        display: none;
    }
    .redes{
        text-align: right;
    }
    .contenido-top{
        padding: 8px 50px;
    }
    .coloresv{
        display: flex;
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -200px;
    }

    .parrafos{
        border-radius: 10px;
        padding: 40px;
        position: relative;
        z-index: 100;
    }
    .fondoblanco{
        background-color:#ffffff;
        margin-left: -200px;
        margin-top: 20px;
    }
    .fondoverde{
        background-color: #253528;
        margin-right: -200px;
        margin-top: 6px;
        color: #ffffff;
    }
    .fondoverde2{
        background-color: #253528;
        margin-left: -200px;
        margin-top: 20px;
    }

    .imgs{
        width: 100%;
        height: 480px;
        border-radius: 10px;
    }
    .cajaalianz img{
        height: 50px !important;
    }

    .basefooter{
        background-color: #253528;
        margin-top: 630px;
        position: absolute;
        height: 250px;
        width: 100%;
    }

    .parrafox h1{
        font-size: 1.8em;
        margin: 0px;
        font-weight: 900;
    }

    .cajanosotros{
        border-radius: 20px;
        background-color: #ffffff;
        width: 100%;
        height: 550px;
        padding: 30px;
    }

    .infosectionsnos h1{
        font-size: 2em;
        margin: 0px;
        font-weight: 900;
        color: #616f4d;
    }    

    .fondoverde a{
        margin-bottom: 20px;
        display: inline-block;
    }

    .estiloservmodal{
        display:none;
        width:1000px;
        border-radius:10px;
    }    

    .sec-lineas{
        width: 100%;
        height: 600px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        display: flex; 
    }

    .infocajas{
        overflow:scroll;
        height: 420px;
        width: 96%;
    }

    .btnincribe{
        border: 2px solid #253528;
        color: #9fae8a !important;
        padding: 10px 20px;
        text-align: center;
        display: inline-block;
        border-radius: 30px;
        font-weight: bold;
        margin-top: 20px;
        margin-right: 20px;
    }


    .titudet{
        overflow: hidden;
        width: 100%;
        border-radius: 50px;
        border: 1px solid #787878;
        height: 60px;
    }
    .titucol1{
        float: left;
        width: 50%;
        background-color: #787878;
        height: 60px;
        display: grid;
        place-content: center;
    }
    .titucol1 i{
        font-size: 2em;
        color:beige;
    }
    .titucol1 h2{
        font-size: 1em;
        color:beige;
        font-weight: bold;
        margin: 0px;
    }
    .titucol2{
        float: left;
        width: 50%;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: left;
        height: 60px;
    }
    .titucol2 h1{
        font-size: 1em;
        color:#787878;
        font-weight: bold;
        margin: 0px;
    }
    .formint{
        -webkit-border-top-left-radius: 60px;
        -webkit-border-bottom-right-radius: 60px;
        -moz-border-radius-topleft: 60px;
        -moz-border-radius-bottomright: 60px;
        border-top-left-radius: 60px;
        border-bottom-right-radius: 60px;
        padding: 15px;
        background-color: #d6ddcdb0;
    }
    .formint h2{
        font-size: 2em;
        font-weight: bold;
    }
    .infodet{
        padding: 0px 30px;
    }


    .formis{
        overflow:hidden
    }
    .pics{
        float:left;
        width:45%
    }
    .forma{
        float:left;
        width:55%
    }
    .sizeimgform{
        height:680px;
        width:100%;
        -webkit-border-top-left-radius:10px;
        -webkit-border-bottom-left-radius:10px;
        -moz-border-radius-topleft:10px;
        -moz-border-radius-bottomleft:10px;
        border-top-left-radius:10px;
        border-bottom-left-radius:10px
    }
    .cajafancystyle{
        border-radius:10px;
        width:900px!important;
        background-color:#fff
    }

    .no-seve{
        display: none;
    }
/*******************************************************************************************************************/  
} 
/*******************************************************************************************************************/
/* Extra Large screens */
@media only screen and (min-width: 1201px) { }
@media only screen and (min-width: 1201px){
    .contenido{
        padding: 50px;
        width: 100%;
    }
    .secciones{
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center; 
    } 

    .infohome h1{
        font-size:2.5em;
        color: #283529;
        font-weight: bold;
    }
    .infohome h3{
        font-size: 2em;
        color: #283529;
        font-weight: 800;
    }
    .infohome h2{
        font-size: 2em;
        color: #253528;
    }
    .infohome p{
        font-size: 1.2em;
        color: #253528;
    }
    .copyw{
        text-align: right;
    }
    .aligndim{
        text-align: right;
    }
    .contaviterm{
        max-width: 800px;
        margin: 0px auto;
    }

    
    .menup{
        text-align: center;
    }
    .menup ul li{
        display: inline;
    }
    .menup ul li a{
        display: inline-block;
        color: #ffffff;
        font-weight: 500;
        margin: 0px 10px;
        font-size: .8em;
        letter-spacing:.1em;
    }
    .controlmovil{
        display: none;
    }
    .logo-w{
        display: none;
    }
    .redes{
        text-align: right;
    }

    .contenido-top{
        padding: 8px 50px;
    }

    .coloresv{
        display: flex;
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -200px;
    }

    .parrafos{
        border-radius: 10px;
        padding: 40px;
        position: relative;
        z-index: 100;
    }
    .fondoblanco{
        background-color:#ffffff;
        margin-left: -200px;
        margin-top: 40px;
    }
    .fondoverde{
        background-color: #253528;
        margin-right: -200px;
        margin-top: 30px;
        color: #ffffff;
    }
    .fondoverde2{
        background-color: #253528;
        margin-left: -200px;
        margin-top: 60px;
    }

    .imgs{
        width: 100%;
        height: 480px;
        border-radius: 10px;
    }

    .cajaalianz img{
        height: 60px !important;
    }

    .basefooter{
        background-color: #253528;
        margin-top: 630px;
        position: absolute;
        height: 250px;
        width: 100%;
    }

    .parrafox h1{
        font-size: 2em;
        margin: 0px;
        font-weight: 900;
    }

    .cajanosotros{
        border-radius: 20px;
        background-color: #ffffff;
        width: 100%;
        height: 450px;
        padding: 30px;
    }

    .infosectionsnos h1{
        font-size: 2em;
        margin: 0px;
        font-weight: 900;
        color: #616f4d;
    }

    .estiloservmodal{
        display:none;
        width:1000px;
        border-radius:10px;
    }

    .sec-lineas{
        width: 100%;
        height: 600px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        display: flex; 
    }

    .infocajas{
        overflow:scroll;
        height: 420px;
        width: 96%;
    }

    .btnincribe{
        border: 2px solid #253528;
        color: #9fae8a !important;
        padding: 10px 20px;
        text-align: center;
        display: inline-block;
        border-radius: 30px;
        font-weight: bold;
        margin-top: 20px;
        margin-right: 20px;
    } 


    .titudet{
        overflow: hidden;
        width: 100%;
        border-radius: 50px;
        border: 1px solid #787878;
        height: 100px;
    }
    .titucol1{
        float: left;
        width: 50%;
        background-color: #787878;
        height: 100px;
        display: grid;
        place-content: center;
    }
    .titucol1 i{
        font-size: 2.5em;
        color:beige;
    }
    .titucol1 h2{
        font-size: 1.2em;
        color:beige;
        font-weight: bold;
        margin: 0px;
    }
    .titucol2{
        float: left;
        width: 50%;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: left;
        height: 100px;
    }
    .titucol2 h1{
        font-size: 1.2em;
        color:#787878;
        font-weight: bold;
        margin: 0px;
    }
    .formint{
        -webkit-border-top-left-radius: 60px;
        -webkit-border-bottom-right-radius: 60px;
        -moz-border-radius-topleft: 60px;
        -moz-border-radius-bottomright: 60px;
        border-top-left-radius: 60px;
        border-bottom-right-radius: 60px;
        padding: 30px;
        background-color: #d6ddcdb0;
    }
    .formint h2{
        font-size: 2.5em;
        font-weight: bold;
    }
    .infodet{
        padding: 0px 30px;
    }



    .formis{
        overflow:hidden
    }
    .pics{
        float:left;
        width:45%
    }
    .forma{
        float:left;
        width:55%
    }
    .sizeimgform{
        height:680px;
        width:100%;
        -webkit-border-top-left-radius:10px;
        -webkit-border-bottom-left-radius:10px;
        -moz-border-radius-topleft:10px;
        -moz-border-radius-bottomleft:10px;
        border-top-left-radius:10px;
        border-bottom-left-radius:10px
    }
    .cajafancystyle{
        border-radius:10px;
        width:1150px!important;
        background-color:#fff
    }

    .no-seve{
        display: none;
    }
/******************************************************************************************************************/   
}
/*******************************************************************************************************************/