.nav-logo img{
    height: 60px;
    width: 170px;

}




/*-- header-w3layoutstop--*/
.header-w3layoutstop {
    padding:0.8em 0;
    background-color:#16214e;
    padding-bottom: 20px;
    height: 120px;
    /*margin-bottom: 20px;*/
    border-bottom: 10px solid #cb5e0b;
}
.header-w3layoutstop p {
    color: #fff;
    font-size: 1em;
    text-align: center;
    letter-spacing: 1px;
}
.header-w3layoutstop p span.fa {
    margin-right: 5px;
    font-size: 1.5em;
}
/*-- social-icons --*/  
.social-w3licon a{
    font-size: 1.9em;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    margin:0 .8em;
    border: 1px solid transparent;
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 999;
    -webkit-transition:.5s all;
    -moz-transition:.5s all;
    -o-transition:.5s all;
    -ms-transition:.5s all;
    transition:.5s all;
} 
.social-w3licon a:hover {
    color: #cb5e0b;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

@media only screen and (max-width: 390px){
    .social-w3licon a img{
        height: 70px;
        width: 70px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .imageCarr{
        width: 100%;
        height: 150px;
        opacity: 0.9;
        border-bottom: 5px solid #c6560c;
        z-index: -1000;
        margin: 20px 20px;
    }

    .boxTittle{
        background-color: #343f5f;
        color: #fff;
        position: absolute;
        bottom: 30px;
        right: 10%;
        margin-left: 50px;
        margin-right: 20px;
        padding: 10px 10px;
        font-size: 0.6em;
    }

    .boxTittle h2{
     font-size: 1.8em;   
 }

 #main-slider .item{
    height: 150px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}

.titBien{
    color: #c6560c;
    /*position: absolute;
    top: -60px;
    right: 50px;*/
    padding-left: 20px;
    padding-top: 50px;
    text-align: center;
    font-size: 1.8em;
    font-family: 'Open Sans';
}

.imgBienve{
    height: 200px;
    width: 200px;
    border-radius: 50%;
    position: absolute;
    border: 5px solid #c6560c;
    margin-left: 25%;
    align-content: center;
    /*display: block;
    float: left;*/
}

}

/*@media only screen and (max-width: 250px){
    .social-w3licon a img{
        height: 55px;
        width: 50px;
    }

    .imageCarr{
    width: 100%;
    height: 150px;
    opacity: 0.9;
    border-bottom: 5px solid #c6560c;
    z-index: -1000;
    margin: 20px 20px;
    }

    .head-tittle-carr h2{
    background-color: #343f5f;
    color: #fff;
    position: absolute;
    bottom: 30px;
    right: 10%;
    border-bottom: 5px solid #c6560c;
    margin-left: 50px;
    margin-right: 20px;
    padding: 10px 10px;
    font-size: 0.9em;
    }
    
    }*/

    /*info-section*/
    .divBienve{
        background-color: #fff;
        color: #32446c;
        padding: 20px 15px;
        margin-top: 170px;
        border-top: 5px solid #c6560c;
        position: relative;
        font-size: 1.2em;
    }


/*.pBienve{
    margin-left: 210px;
    }*/

    .pBien{
        margin-top: 15px;
        text-align: justify;
    }

    .imgBienve{
        max-height: 230px;
        max-width: 230px;
        border-radius: 50%;
        top: -160px;
        left: -10px;
        position: absolute;
        border: 5px solid #c6560c;
        /*float: left;*/
    }

    .titBien{
        color: #c6560c;
    /*position: absolute;
    top: -60px;
    right: 50px;*/
    padding-left: 20px;
    text-align: center;
    font-size: 1.8em;
    font-family: 'Open Sans';
}


#side-info aside{
    padding-left: 40px;
    padding-top: 20px;
    padding-right: 50px;
    padding-bottom: 20px;
    top: 50%;
    /*left: 50%;
    transform: translateX(-50%) translateY(-50%);*/
}
#side-info a{
    background-color: #fff;
    color: #32446c;
    font-size: 1.2em;
    padding-left: 20px;
    border:2px solid #32446c;
    border-radius: 10px;

}

#side-info h4{
    background-color: #32446c;
    color: #fff;
    text-align: center;
    border-radius: 25px;
    border: 3px solid #cb5e0b;
    padding-top: 5px; 
    /*width: 200px;*/
    height: 50px;


}

#side-info a:hover{
    background-color: #cb5e0b;
    color: #fff;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

/*CCAP*/
#cecapr{
    background-color: #373737;
    color: #fff;
    border-radius: 15px 50px 30px 5px;
    text-align: center;
    width: 300px;
    height: 120px;
    margin: auto;
    /*margin-right: 5px;
    margin-left: auto;
    margin-top: 5px;*/
    border-bottom: 5px solid #cb5e0b;
}

#cecapr h4{
    color: #fff;
    text-align: center;
    padding-right: 20px;
    
}

#cecapr img{
    width: 200px;
    height: 60px;
    /* margin-right: 20px;
    padding-right: 5px;*/
    padding-bottom: 5px; 
}


#footter{
    /*https://www.cssmatic.com/es/gradient-generator#'\-moz\-radial\-gradient\%28center\%2C\%20ellipse\%20cover\%2C\%20rgba\%2873\%2C155\%2C234\%2C1\%29\%200\%25\%2C\%20rgba\%2868\%2C135\%2C203\%2C1\%29\%2022\%25\%2C\%20rgba\%2851\%2C62\%2C94\%2C1\%29\%20100\%25\%29\%3B'*/
    background: rgba(73,155,234,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(73,155,234,1) 0%, rgba(73,154,232,1) 1%, rgba(51,62,94,1) 78%, rgba(51,62,94,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(73,155,234,1)), color-stop(1%, rgba(73,154,232,1)), color-stop(78%, rgba(51,62,94,1)), color-stop(100%, rgba(51,62,94,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(73,155,234,1) 0%, rgba(73,154,232,1) 1%, rgba(51,62,94,1) 78%, rgba(51,62,94,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(73,155,234,1) 0%, rgba(73,154,232,1) 1%, rgba(51,62,94,1) 78%, rgba(51,62,94,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(73,155,234,1) 0%, rgba(73,154,232,1) 1%, rgba(51,62,94,1) 78%, rgba(51,62,94,1) 100%);
    background: radial-gradient(ellipse at center, rgba(73,155,234,1) 0%, rgba(73,154,232,1) 1%, rgba(51,62,94,1) 78%, rgba(51,62,94,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#333e5e', GradientType=1 );
    /*max-height: 100px;*/
    text-align: center;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 20px;
    border-top: 10px solid #cb5e0b;
    /*position: fixed;
    bottom: 0px;
    left: 0px;*/
}

#footter a{
    color: #fff;
}

#footter i{
    font-size: 2em;
    padding-left: 10px;
}

#footter i:hover {
    color: #cb5e0b;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);

}

#contact h3 {
    color: #cb5e0b;
}

#contact {
    color: #324774;
}

/*.infoCarr{
    background:url(../images/web-fondo.jpg) 200px 100px no-repeat;
    background-image: url(images/web-fondo.png);
    background-size: 100% 100%;
    }*/

    .head-tittle-carr{
        margin-top: 30px;
        position: relative;
        z-index: -1000;
        text-align: center;
        margin-bottom: 30px;
    }

    .imageCarr{
        width: 80%;
        max-height: 300px;
        opacity: 0.9;
        border-bottom: 5px solid #c6560c;
        z-index: -1000;
        margin: 20px 20px;
    }

    .boxTittle h2, .boxTittle p{
        margin-top: 0px;
        margin-bottom: 0px;
        color: #fff;
    }
    .boxTittle{
        background-color: #343f5f;
        color: #fff;
        position: absolute;
        bottom: 30px;
        right: 10%;
        border-bottom: 5px solid #c6560c;
        margin-left: 50px;
        margin-right: 20px;
        padding: 10px 10px;
        text-align: right;
    }

    .objCarr p{
        background: rgba(51,62,94,1);
        background: -moz-linear-gradient(top, rgba(51,62,94,1) 0%, rgba(68,135,203,1) 82%, rgba(73,155,234,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51,62,94,1)), color-stop(82%, rgba(68,135,203,1)), color-stop(100%, rgba(73,155,234,1)));
        background: -webkit-linear-gradient(top, rgba(51,62,94,1) 0%, rgba(68,135,203,1) 82%, rgba(73,155,234,1) 100%);
        background: -o-linear-gradient(top, rgba(51,62,94,1) 0%, rgba(68,135,203,1) 82%, rgba(73,155,234,1) 100%);
        background: -ms-linear-gradient(top, rgba(51,62,94,1) 0%, rgba(68,135,203,1) 82%, rgba(73,155,234,1) 100%);
        background: linear-gradient(to bottom, rgba(51,62,94,1) 0%, rgba(68,135,203,1) 82%, rgba(73,155,234,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333e5e', endColorstr='#499bea', GradientType=0 );
        margin-left: 10px;
        margin-top: 20px;
        color: #fff;
        border-radius: 13px;
        text-align: justify;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    /*position: relative;
    z-index: -1000;*/
}

.objCarr h3{
    background: #c6560c;
    color: #fff;
    text-align: center;
    width: 90%;
    height: 40px;
    border-radius: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    position: relative;
}

.objCarr img{
    width: 100px; 
    height: 100px; 
    position: absolute; 
    top: -20px; 
    right: 40px;
}

.requiGaran, .boxconveCarrT, .contain-planes{
    /*background-color: #c6560c;*/
    background: rgba(51,62,94,1);
    background: -moz-linear-gradient(top, rgba(51,62,94,1) 0%, rgba(68,135,203,1) 82%, rgba(73,155,234,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51,62,94,1)), color-stop(82%, rgba(68,135,203,1)), color-stop(100%, rgba(73,155,234,1)));
    background: -webkit-linear-gradient(top, rgba(51,62,94,1) 0%, rgba(68,135,203,1) 82%, rgba(73,155,234,1) 100%);
    background: -o-linear-gradient(top, rgba(51,62,94,1) 0%, rgba(68,135,203,1) 82%, rgba(73,155,234,1) 100%);
    background: -ms-linear-gradient(top, rgba(51,62,94,1) 0%, rgba(68,135,203,1) 82%, rgba(73,155,234,1) 100%);
    background: linear-gradient(to bottom, rgba(51,62,94,1) 0%, rgba(68,135,203,1) 82%, rgba(73,155,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333e5e', endColorstr='#499bea', GradientType=0 );
    margin-top: 50px;
    position: relative;
    z-index: -1000;
    border-radius: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    /*height: 500px*/
}

.requiGaran img, .boxconveCarrT img{
    width: 100px;
    height: 100px;
    position: absolute;
    top: -50px;
    right: 10px;
}


.requiGaran h3, .boxconveCarrT h3{
    color: #fff;
    padding-left: 40px;
    padding-top: 5px;
}

.requiGaran button{
    margin-left: 40px;
    text-align: center;
}

.reqCarr, .garanCarr, .conveCarr{
    background-color: #e3e4e9;
    margin-top: 20px;
    padding-top: 10px;
    margin-left: 40px;
    padding-left: 5px;
    margin-right: 40px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-radius: 10px;
    color: #000;
}

.conveCarr p{
    text-align: justify;
    padding-left: 20px;
    padding-right: 20px;
}

.conveCarr ul{
    padding-right: 20px;
}

.conveCarr button{
    margin: 5px 20px;
    text-align: center;
}

.btnpreR{
    margin-left: 5px 20px;
    text-align: center;
    left: 20px;
}

.menuCarre{
    list-style: none;
}


.contain-planEst{
    background-color: #e3e4e9;
    color: #000;
    /*width: 80%;*/
    height: 70%;
    margin-left: 40px;
    margin-right: 40px;
    padding-left: 20px;
    padding-bottom: 10px;
}

.contain-planes h3, .contain-planes h5{
    color: #fff;
    padding-left: 30px;
}

.contain-planes{
    margin-left: auto;
    margin-right: auto;
}

.contain-planEst h4{
    background-color: #cb5e0b;
    color: #fff;
    /*padding-left: 20px;*/
    padding: 5px 10px;
    margin-right: 30%;
    border-radius: 20px;

}

.book{
    width: 100px;
    height: 100px;
    position: absolute;
    top: -50px;
    right: 10px;
}

.latPlanEst{
    width: 300px;
    height: 500px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    opacity: 0.3;
    filter: alpha(opacity=30);
    /*z-index: -1000;*/
}

.boxICarr{
    position: relative;
    padding-top: 20px;
    width: 90%;
}

.boxICarr h2{
    position: absolute;
    top:10px;
    right: 20px;
}

.boxICarr img{
    width: 100%;
    height: 250px;
    border-radius: 5px;
    border-bottom: 5px solid #c6560c;
}

.planCarre{
    padding-bottom: 30px;
}

.infoCarr{
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.datI-secu h5{
    background: rgba(73,155,234,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 12%, rgba(51,62,94,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(73,155,234,1)), color-stop(12%, rgba(68,135,203,1)), color-stop(100%, rgba(51,62,94,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 12%, rgba(51,62,94,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 12%, rgba(51,62,94,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 12%, rgba(51,62,94,1) 100%);
    background: radial-gradient(ellipse at center, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 12%, rgba(51,62,94,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#333e5e', GradientType=1 );
    color: #fff;
    text-align: center;
    padding-top: 5%;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    height: 70px;
    
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    /*width: 110px;
    transform: translateX(50%) translateY(50%);
    top: 50%;
    bottom: 50%;
    left: 50%;
    ;
    
    font-size: 1.1em;*/
}

.datD-secu h5{
    background: rgba(73,155,234,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 12%, rgba(51,62,94,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(73,155,234,1)), color-stop(12%, rgba(68,135,203,1)), color-stop(100%, rgba(51,62,94,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 12%, rgba(51,62,94,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 12%, rgba(51,62,94,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 12%, rgba(51,62,94,1) 100%);
    background: radial-gradient(ellipse at center, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 12%, rgba(51,62,94,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#333e5e', GradientType=1 );
    color: #fff;
    text-align: center;
    padding: 25px 10px;
    height: 90px;
    width: 110px;
    border-radius: 100%;
    margin-left: auto;
    margin-right: auto;
}

/*modal de pre-registro*/
.bgModal{
    background: rgba(73,155,234,0.5);
}

.contModal{
    background: rgba(73,155,234,0.5);
    background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 57%, rgba(51,62,94,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(57%, rgba(68,135,203,1)), color-stop(100%, rgba(51,62,94,1)));
    background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 57%, rgba(51,62,94,1) 100%);
    background: -o-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 57%, rgba(51,62,94,1) 100%);
    background: -ms-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 57%, rgba(51,62,94,1) 100%);
    background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 57%, rgba(51,62,94,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#333e5e', GradientType=0 );
    border-bottom: 8px solid #c6560c;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

.modTittle, .formTittle{
    color: #fff;
}

/*Pagina de error*/
.divErr{
    margin: auto;
    text-align: center;
}

.imgErr{
    width: 350px;
    height: 350px;
    border-radius: 100%;
    border: 5px solid #c6560c;
}

.divErr h3, .divErr a{
    color: #16214e;
    text-align: center;
}
/*EndError*/

/* -CCAP- */
.contactCcap{
    background-color: #cbcbcb;
    border: 10px solid #f6931e;
    border-radius: 20px;
    text-align: center; 
    color: #000;
}

.contactCcap p{
    font-size: 1.2em;
}

.contactccap p span{
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 50px;
    border: 5px solid #c6560c;
    display: inline-block;
}
.img-ccap{
    padding: 5px;
    /* position: relative;*/
}

.titplanCcap{
    background: -webkit-gradient(left top, left bottom, color-stop(7%, rgba(255,146,10,1)), color-stop(26%, rgba(255,146,10,0.97)), color-stop(96%, rgba(198,86,12,0.87)), color-stop(100%, rgba(198,86,12,0.86)));
    background: -webkit-linear-gradient(top, rgba(255,146,10,1) 7%, rgba(255,146,10,0.97) 26%, rgba(198,86,12,0.87) 96%, rgba(198,86,12,0.86) 100%);
    background: -o-linear-gradient(top, rgba(255,146,10,1) 7%, rgba(255,146,10,0.97) 26%, rgba(198,86,12,0.87) 96%, rgba(198,86,12,0.86) 100%);
    background: -ms-linear-gradient(top, rgba(255,146,10,1) 7%, rgba(255,146,10,0.97) 26%, rgba(198,86,12,0.87) 96%, rgba(198,86,12,0.86) 100%);
    background: linear-gradient(to bottom, rgba(255,146,10,1) 7%, rgba(255,146,10,0.97) 26%, rgba(198,86,12,0.87) 96%, rgba(198,86,12,0.86) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff920a', endColorstr='#c6560c', GradientType=0 );
    border-radius: 50px;
    color: #fff;
    padding: 10px 10px;
    -webkit-transition:.5s all;
    -moz-transition:.5s all;
    -o-transition:.5s all;
    -ms-transition:.5s all;
    transition:.5s all;
    position: absolute;
    bottom: 10px;
    right: 30px
}

.titplanCcap:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.titCursos{
    background: -webkit-gradient(left top, left bottom, color-stop(7%, rgba(255,146,10,1)), color-stop(26%, rgba(255,146,10,0.97)), color-stop(96%, rgba(198,86,12,0.87)), color-stop(100%, rgba(198,86,12,0.86)));
    background: -webkit-linear-gradient(top, rgba(255,146,10,1) 7%, rgba(255,146,10,0.97) 26%, rgba(198,86,12,0.87) 96%, rgba(198,86,12,0.86) 100%);
    background: -o-linear-gradient(top, rgba(255,146,10,1) 7%, rgba(255,146,10,0.97) 26%, rgba(198,86,12,0.87) 96%, rgba(198,86,12,0.86) 100%);
    background: -ms-linear-gradient(top, rgba(255,146,10,1) 7%, rgba(255,146,10,0.97) 26%, rgba(198,86,12,0.87) 96%, rgba(198,86,12,0.86) 100%);
    background: linear-gradient(to bottom, rgba(255,146,10,1) 7%, rgba(255,146,10,0.97) 26%, rgba(198,86,12,0.87) 96%, rgba(198,86,12,0.86) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff920a', endColorstr='#c6560c', GradientType=0 );
    border-radius: 50px;
    color: #fff;
    padding: 10px 10px;
    -webkit-transition:.5s all;
    -moz-transition:.5s all;
    -o-transition:.5s all;
    -ms-transition:.5s all;
    transition:.5s all;
    max-width: 200px;

}
.img-box{
    /*border: 5px solid #c6560c;*/
    -webkit-transition:.5s all;
    -moz-transition:.5s all;
    -o-transition:.5s all;
    -ms-transition:.5s all;
    transition:.5s all;
}

.img-box:hover{
    background: rgba(0,0,0,0.3);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.box-course{
    /*margin-top: 10px;*/
    margin: 15px auto;
}

.imgcursoCcap{
    padding: 10px;
    display: inline-block;
}

.tit-course{
    background: -webkit-gradient(left top, left bottom, color-stop(7%, rgba(255,146,10,1)), color-stop(26%, rgba(255,146,10,0.97)), color-stop(96%, rgba(198,86,12,0.87)), color-stop(100%, rgba(198,86,12,0.86)));
    background: -webkit-linear-gradient(top, rgba(255,146,10,1) 7%, rgba(255,146,10,0.97) 26%, rgba(198,86,12,0.87) 96%, rgba(198,86,12,0.86) 100%);
    background: -o-linear-gradient(top, rgba(255,146,10,1) 7%, rgba(255,146,10,0.97) 26%, rgba(198,86,12,0.87) 96%, rgba(198,86,12,0.86) 100%);
    background: -ms-linear-gradient(top, rgba(255,146,10,1) 7%, rgba(255,146,10,0.97) 26%, rgba(198,86,12,0.87) 96%, rgba(198,86,12,0.86) 100%);
    background: linear-gradient(to bottom, rgba(255,146,10,1) 7%, rgba(255,146,10,0.97) 26%, rgba(198,86,12,0.87) 96%, rgba(198,86,12,0.86) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff920a', endColorstr='#c6560c', GradientType=0 );
    text-align: center;
    max-width: 300px;
    border-radius: 5px;
    color: #fff;
    padding: 8px 10px;
    bottom: -6px;
    left: 50%;
    position: absolute;
    float: center;
    margin-right: 10px;

}

/*TEPEYACATL*/

.cardTep{
    border: 2px solid #17a2b8;
    margin: 10px 10px;
    max-width: 350px;
}

.contacTep{
    background-color: #cbcbcb;
    border: 10px solid #314e80;
    border-radius: 20px;
    text-align: center; 
    color: #000;
}

.imgTarj{
    margin-top: 10px;
}

.titCursosT, .titCarT{
    background: rgba(73,155,234,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 22%, rgba(51,62,94,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(73,155,234,1)), color-stop(22%, rgba(68,135,203,1)), color-stop(100%, rgba(51,62,94,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 22%, rgba(51,62,94,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 22%, rgba(51,62,94,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 22%, rgba(51,62,94,1) 100%);
    background: radial-gradient(ellipse at center, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 22%, rgba(51,62,94,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#333e5e', GradientType=1 );
    border-radius: 50px;
    color: #fff;
    padding: 10px 10px;
    -webkit-transition:.5s all;
    -moz-transition:.5s all;
    -o-transition:.5s all;
    -ms-transition:.5s all;
    transition:.5s all;
    max-width: 200px;
    text-align: center;

}

.imgCarrT{
    text-align: center;
}

.boxCarrt{
    padding: 10px 10px;
}

.boxCarrT button{
    text-align: center;
    margin-top: 50px;
}

#instep{
    background-color: #324e7e;
    color: #fff;
    border-radius: 50px 30px 5px 15px;
    text-align: center;
    width: 300px;
    height: 120px;
    margin: auto;
    /*margin-right: 5px;
    margin-left: 5px;
    margin-top: 5px;*/
    border-bottom: 5px solid #cb5e0b;
}

#instep h4{
    color: #fff;
    text-align: center;
    padding-right: 20px;
}

.titTabTep
{
  font-size: 1.2em; 
}

.imgCourseTep{
    float: left;
    margin: 50px 5px 1px 10px;
    border-radius: 5px;
    /*opacity: 1.0;*/
}

/*COURSES*/
.titCourse{
    text-align: center;
    color: #cb5e0b;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;

}

.pCourse{
    text-align: justify;
    margin-left: 5px;
    padding-left: 15px;
    position: relative;
}

.imgCourse{
    width: 150px; 
    height: 150px; 
    float: left;
    margin: 50px 5px 1px 10px;
    border-radius: 5px;
    opacity: 1.0;
}

.spNew{
    font-size: 1.3em;
    position: absolute;
    margin-top: 35px;
    height: 75px;
    width: 75px;
    /*background-color: #2ECC71;
    transform: rotate(-20deg);*/
    /*-ms-transform: rotate(-20deg);  IE 9 */
    /*-webkit-transform: rotate(-20deg);  Safari 3-8 */

}

.spOld{
    font-size: 1.3em;
    position: absolute;
    margin-top: 35px;
    background-color: #C70039;
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Safari 3-8 */
}

.btnCourse{
    float: left;
    margin-left: 20px;
}


.login-form{
    padding: 20px;
    margin: 70px 20px 100px 20px;
    border: 4px solid #17a2b8;
    border-radius: 20px;
    /*position: relative;
    max-height: 500px;
    height: 900px;*/
    /*max-width: 500px;
    background: rgba(23,162,184,0.3);
    
    background: rgba(203,94,11,0.3);
    background: rgba(22,33,78,0.5);*/
    z-index: 1;
    -webkit-box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.75);
    
}

.tittle-login{
    text-align: center;
    padding-bottom: 20px;
    color: #cb5e0b;
}

.tittle-log{
    padding-top: 0px;
    margin-top: 0px;
    text-align: center;
}

.login-form img{
    height: 100px;
    width: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 20px;
    border-style: ridge;
    border: 2px solid #17a2b8;
    text-align: center;
   /* position: absolute;
    top: -50px;
   
    right: 10px;*/
    /*z-index: 1000px;*/
    background: rgba(73,155,234,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 22%, rgba(51,62,94,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(73,155,234,1)), color-stop(22%, rgba(68,135,203,1)), color-stop(100%, rgba(51,62,94,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 22%, rgba(51,62,94,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 22%, rgba(51,62,94,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 22%, rgba(51,62,94,1) 100%);
    background: radial-gradient(ellipse at center, rgba(73,155,234,1) 0%, rgba(68,135,203,1) 22%, rgba(51,62,94,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#333e5e', GradientType=1 );

}

.login-form button{
    width: 100%;
    color: #fff;
    background:#cb5e0b;
}

.form-archivo{
    max-width: 700px; 
    margin: auto; 
    padding-top: 20px; 
    padding-bottom: 40px; 
    margin-bottom: 50px; 
    background:#fff; 
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12),10px 2px 10px 0 rgba(0,0,0,0.12) !important;
}

.form-archivo h4, .arch{
    margin: 20px 30px;
    display: inline-block;

}

.img-inf{
    height: 75px;
    width: 75px;
    border: 4px solid #17a2b8;
    border-radius: 50px;
    background-color: #cb5e0b;

    /* position: absolute;*/
}

.font-s{
    font-size: 1.2em;
}


.card-usr a{
    float: right;
}

.card-usr{
    float: right;
    margin:20px 20px;
    padding: auto;
}

.txt-inf{
    border: 4px solid #17a2b8;
    border-radius: 20px;
    position: relative;
}

.color-b{
    color: #16214e;
}

.list {
    flex: 0 0 20rem;
}
.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 13.33333px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 40px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
}
.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
  /*background: #40e0d0;*/
  background: #cb5e0b;
}
.option-input:checked::before {
  height: 40px;
  width: 40px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 26.66667px;
  text-align: center;
  line-height: 40px;
}
.option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #40e0d0;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
.option-input.radio {
  border-radius: 50%;
  margin-right: 10px;
}
.option-input.radio::after {
  border-radius: 50%;
}

/*INTRAMUROS   atras relative ensima absolute*/


.bg-intra{
    position: relative;
}

.btn-base{
    position: absolute;
    top: 10px;

}

/*INTRAMUROS*/

.dvIntra{
   display: block
}

.imgIntra{
    height: 600px; 
    width: 1100px;
    margin: auto;
    z-index: -1;
    box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.75);
}

.aIntra{
    position: relative; 
    z-index: 1; 
    top: -80px; 
    left: 40px;
    height: 20px;
    color: #fff;
    text-align: center;
    background-color: #ffa500;

    padding: 10px;
    border-radius: 30px;
    font-size: 1.5em;
    border: 4px solid #d95405;
    box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.75);
}

.aIntra:hover{
    background: #d95405;
    border: 4px solid #ffa500;
    color: #fff;
    box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.75);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1);
    -ms-transform: scale(1.1);
    transform: scale(1.5);
}



















/*ACORDION*/

.btnlengua1proposito, .btnlengua2proposito {
    background:transparent;
}
.btnlengua1enfoque, btnlengua2enfoque {
    background:transparent;
}

/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper 
{
    transform: rotateY(180deg);
    
}

.flip-container, .front, .back 
{
    width: 87px;
    height: 89px;
}

/* flip speed goes here */
.flipper 
{
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

/* hide back of pane during swap */
.front, .back 
{
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

/* front pane, placed above back */
.front 
{
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back
{
    transform: rotateY(180deg);        
}


.accordion-wrapper {
    display: block;
    height: 361px;
    max-height: 100%;
    width: 360px;
    margin-left: -7px;
    margin-top: 1px;
}

#accordion, #accordionsec, #accordionpreesco{
    max-width: 600px;
    margin-left: 0px;
}
#accordion-areas, #accordionsec-areas, #accordionpreesco-areas{
    max-width: 600px;
    margin-left: 0px;
}

#accordion .panel-asignatura, #accordionsec .panel-asignatura, #accordionpreesco .panel-asignatura {
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    border: 0;
    padding: 0;
    margin: 0;
}
#accordion-areas .panel-asignatura, #accordionsec-areas .panel-asignatura, #accordionpreesco-areas .panel-asignatura {
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    border: 0;
    padding: 0;
    margin: 0;
}

#accordion .panel-body, #accordionsec .panel-body, #accordionpreesco .panel-body {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border: 0;  
    padding:0;  
}
#accordion-areas .panel-body, #accordionsec-areas .panel-body, #accordionpreesco-areas .panel-body {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border: 0;  
    padding:0;  
}

#accordion.panel-group, #accordionsec.panel-group, #accordionpreesco.panel-group{
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(-98%) rotate(-90deg);
    -webkit-transform-origin: right top;
    -moz-transform: translateX(-98%) rotate(-90deg);
    -moz-transform-origin: right top;
    -o-transform: translateX(-98%) rotate(-90deg);
    -o-transform-origin: right top;
    transform: translateX(-98%) rotate(-90deg);
    transform-origin: right top;
    margin-bottom: 15px;
    max-width: none;
    border: 3px solid #9d8787; /*aqui*/
}

#accordion-areas.panel-group, #accordionsec-areas.panel-group, #accordionpreesco-areas.panel-group{
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateX(-98%) rotate(-90deg);
    -webkit-transform-origin: right top;
    -moz-transform: translateX(-98%) rotate(-90deg);
    -moz-transform-origin: right top;
    -o-transform: translateX(-98%) rotate(-90deg);
    -o-transform-origin: right top;
    transform: translateX(-98%) rotate(-90deg);
    transform-origin: right top;
    margin-bottom: 15px;
    max-width: none;
    border: 3px solid #889e8e; /*aqui*/
}

#accordion .panel-body, #accordionsec .panel-body, #accordionpreesco .panel-body {
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotate(90deg) translateY(-60.0%);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(90deg) translateY(-60.0%);
    -moz-transform-origin: left top;
    -o-transform: rotate(90deg) translateY(-60.0%);
    -o-transform-origin: left top;
    transform: rotate(90deg) translateY(-60.0%); /*translateX(98%) rotate(90deg);*/
    transform-origin: left top;
    height: 60rem;
    width: 33.4em;/*border: solid thin #CCC;*/
}
#accordion-areas .panel-body, #accordionsec-areas .panel-body, #accordionpreesco-areas .panel-body {
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotate(90deg) translateY(-60.0%);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(90deg) translateY(-60.0%);
    -moz-transform-origin: left top;
    -o-transform: rotate(90deg) translateY(-60.0%);
    -o-transform-origin: left top;
    transform: rotate(90deg) translateY(-60.0%); /*translateX(98%) rotate(90deg);*/
    transform-origin: left top;
    height: 60rem;
    width: 33.4em;/*border: solid thin #CCC;*/
}

#accordion-lengua-tab, #accordion-mate-tab, #accordion-explora-tab {
    margin-bottom:5px !important;
}
#accordion-lengua-tab-areas, #accordion-mate-tab-areas, #accordion-explora-tab-areas {
    margin-bottom:5px !important;
}


@media screen and (min-width:1101px) {
    .ttmenu-mid { max-width: 40% !important; }
    .ttmenu-3-4 { max-width: 70% !important; }
}

@media screen and (max-width:1100px) {
 .accordion-wrapper {
     display: block;
     height: auto;
     width:auto;
     max-width:100%;
     max-height: 100%;
 }
 #accordion, #accordionsec, #accordionpreesco {
     margin-left: 0;
     padding: 15px;
 }
 #accordion-areas, #accordionsec-areas, #accordionpreesco-areas {
     margin-left: 0;
     padding: 15px;
 }
 #accordion.panel-group, #accordionsec.panel-group, #accordionpreesco.panel-group{
     -webkit-backface-visibility: hidden;
     -webkit-transform: none;
     -webkit-transform-origin: right top;
     -moz-transform: none;
     -moz-transform-origin: right top;
     -o-transform: none;
     -o-transform-origin: right top;
     transform: none;
     transform-origin: right top;
     margin-bottom: 15px;
 }
 #accordion-areas.panel-group, #accordionsec-areas.panel-group, #accordionpreesco-areas.panel-group{
     -webkit-backface-visibility: hidden;
     -webkit-transform: none;
     -webkit-transform-origin: right top;
     -moz-transform: none;
     -moz-transform-origin: right top;
     -o-transform: none;
     -o-transform-origin: right top;
     transform: none;
     transform-origin: right top;
     margin-bottom: 15px;
 }

 #accordion .panel-body, #accordionsec .panel-body, #accordionpreesco .panel-body {
     -webkit-backface-visibility: hidden;
     -webkit-transform: none;
     -webkit-transform-origin: left top;
     -moz-transform: none;
     -moz-transform-origin: left top;
     -o-transform: translateX(0%) rotate(90deg);
     -o-transform-origin: left top;
     transform: none;
     transform-origin: left top;
     height: auto;
     width: auto;
     font-size:16px;
 } 
 #accordion-areas .panel-body, #accordionsec-areas .panel-body, #accordionpreesco-areas .panel-body {
     -webkit-backface-visibility: hidden;
     -webkit-transform: none;
     -webkit-transform-origin: left top;
     -moz-transform: none;
     -moz-transform-origin: left top;
     -o-transform: translateX(0%) rotate(90deg);
     -o-transform-origin: left top;
     transform: none;
     transform-origin: left top;
     height: auto;
     width: auto;
     font-size:16px;
 } 
 .fondo-nivel-campos { left: 5% !important; top: 90%!important; }
}
@media (max-width : 767px){
    .grados-svg {width: 40px !important;}
    #divniveleseducativos >.tab-content > .tab-pane> h4 { font-size: 1em !important;}
    #divniveleseducativos-areas >.tab-content > .tab-pane> h4 { font-size: 1em !important;}
    .panel-asignatura > div > h4 > a  { font-size: .495em !important;}
    .rotar-campos { 
        -ms-transform-origin:left top;
        -webkit-transform-origin:left top;
        transform-origin:left top;

        -ms-transform: rotate(-90deg); /* IE 9 */
        -webkit-transform: rotate(-90deg); /* Safari */
        transform:translate(0px,155px) rotate(-90deg);
        /*  border:thin solid;*/
        height: 20% !important;
        width: 155px !important;
        text-align:center;
        font-size:.6em;
        padding-top:5px !important;
        padding-left:5px;
        margin-left: 0px;
        line-height:10px;
    }
    .rotar-div { min-height:155px; overflow:hidden;}
/*  #texto-campos::after { 
        content: "";
        position:absolute;
        background: url(../img/cabezas_campos.jpg) no-repeat;
        background-size: 30px 34px;
        display: inline-block;
        width:30px;
        height:30px;
        vertical-align:super;
        }*/
        div.bhoechie-tab-menu div.list-group a {
          color: #000;
          left:0;
          margin:0;
          padding:0;

      }
      .ttmenu-mid { max-width: 100% !important;   }
      .ttmenu-3-4 { max-width: 100% !important; }
  }
  @media (max-width : 386px){
    .cabezas-320px {
        opacity: 0.95;
        transform: translate(0px,-8px) rotate(90deg);

    }
}
.titlecolor{
    color: #277DBA;
}

.ulespanol {
    font-size: .9em !important;
    border: none !important;
}

.ulespanol-areas {
    font-size: .9em !important;
    border: none !important;
}
.ulespanol li a {
    text-decoration: none !important;
    text-align: left;
    padding-left:  5px;
    font-size: .9em !important;
    color: white !important;
    background-color: transparent !important;
    border: none !important; 
    border-bottom: solid thin white !important;
    border-bottom-style:  dashed !important;
    font-weight: 200 !important;
}

.ulespanol-areas li a {
    text-decoration: none !important;
    text-align: left;
    padding-left:  5px;
    font-size: .9em !important;
    color: white !important;
    background-color: transparent !important;
    border: none !important; 
    border-bottom: solid thin white !important;
    border-bottom-style:  dashed !important;
    font-weight: 200 !important;
}

.ulespanol li.active {
    background-color: #8FCADA !important;
    font-weight: 200 !important;
/*  font-size:1.05em;
    text-decoration:underline;
    font-style:italic;*/
}

.ulespanol-areas li.active {
    background-color: #B3EECB !important;
    font-weight: 200 !important;
/*  font-size:1.05em;
    text-decoration:underline;
    font-style:italic;*/
}
.ulespanol li.active a:hover {
    border: none !important;
    background-color: #8FCADA !important;
    border-bottom: solid thin white !important;
    border-bottom-style:  dashed !important;
}

.ulespanol-areas li.active a:hover {
    border: none !important;
    background-color: #B3EECB !important;
    border-bottom: solid thin white !important;
    border-bottom-style:  dashed !important;
}

.ulespanol > li.active:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #8FCADA;
}

.ulespanol-areas > li.active:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #B3EECB;
}


.ulpensamiento-matematico {
    font-size: .9em !important;
    border: none !important;
}

.ulpensamiento-matematico-areas {
    font-size: .9em !important;
    border: none !important;
}

.ulpensamiento-matematico li a {
    text-decoration: none !important;
    text-align: left;
    padding-left:  5px;
    font-size: .9em !important;
    color: white !important;
    background-color: transparent !important;
    border: none !important; 
    border-bottom: solid thin white !important;
    border-bottom-style:  dashed !important;
    font-weight: 200 !important;
}
.ulpensamiento-matematico-areas li a {
    text-decoration: none !important;
    text-align: left;
    padding-left:  5px;
    font-size: .9em !important;
    color: white !important;
    background-color: transparent !important;
    border: none !important; 
    border-bottom: solid thin white !important;
    border-bottom-style:  dashed !important;
    font-weight: 200 !important;
}

.ulpensamiento-matematico li.active {
    background-color: #DA91A6 !important;
    font-weight: 200 !important;
}

.ulpensamiento-matematico-areas li.active {
    background-color: #C8DA7D !important;
    font-weight: 200 !important;
}

.ulpensamiento-matematico li.active a:hover {
    border: none !important;
    background-color: #DA91A6 !important;
    border-bottom: solid thin white !important;
    border-bottom-style:  dashed !important;
}
.ulpensamiento-matematico-areas li.active a:hover {
    border: none !important;
    background-color: #C8DA7D !important;
    border-bottom: solid thin white !important;
    border-bottom-style:  dashed !important;
}
.ulpensamiento-matematico > li.active:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #DA91A6;
}
.ulpensamiento-matematico-areas > li.active:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #C8DA7D;
}



.ulexploracion-mundo {
    font-size: .9em !important;
    border: none !important;
}
.ulexploracion-mundo-areas {
    font-size: .9em !important;
    border: none !important;
}

.ulexploracion-mundo li a {
    text-decoration: none !important;
    text-align: left;
    padding-left:  5px;
    font-size: .9em !important;
    color: white !important;
    background-color: transparent !important;
    border: none !important; 
    border-bottom: solid thin white !important;
    border-bottom-style:  dashed !important;
    font-weight: 200 !important;
}
.ulexploracion-mundo-areas li a {
    text-decoration: none !important;
    text-align: left;
    padding-left:  5px;
    font-size: .9em !important;
    color: white !important;
    background-color: transparent !important;
    border: none !important; 
    border-bottom: solid thin white !important;
    border-bottom-style:  dashed !important;
    font-weight: 200 !important;
}

.ulexploracion-mundo li.active {
    background-color: #F2BF89 !important;
    font-weight: 200 !important;
}
.ulexploracion-mundo-areas li.active {
    background-color: #E4E37D !important;
    font-weight: 200 !important;
}

.ulexploracion-mundo li.active a:hover {
    border: none !important;
    background-color: #F2BF89 !important;
    border-bottom: solid thin white !important;
    border-bottom-style:  dashed !important;
}
.ulexploracion-mundo-areas li.active a:hover {
    border: none !important;
    background-color: #EEED7F !important;
    border-bottom: solid thin white !important;
    border-bottom-style:  dashed !important;
}

.ulexploracion-mundo > li.active:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #F2BF89;
}

.ulexploracion-mundo-areas > li.active:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #EEED7F;
}





.tab-content-asig-acordion {
    font-size: .9em;
    /*border: solid thin !important;*/
    padding-top: .5em !important;
    padding-right: .5em !important;
    text-align: justify;
    -webkit-border-radius: 0 !important;
    color: #67bbcf;
    background-color: #FFF;
    min-height: 360px !important;
    padding-left: 0.5em !important;
    font-weight:100;
}
.tab-content-asig-acordion-texto {
    color: #018fb1;
    /*text-shadow: 0 0px 0px white;*/
    font-weight:lighter !important;
    font-size: 16px;
}
.panel-asignatura > div > h4 > a  {
    color: white;
    font-size: .75em;
    font-weight:lighter;
    text-decoration: none !important;
    /*text-shadow: 0 1px 1px black;*/
}
.panel-asignatura > div > h4 > a: after  {

}
.panel-asignatura > div > h4 :hover{
    text-decoration: underline;
}