/* * * * * * * * * * * * * * */
/* COLORES:                  */
/* Rojo:           #e2412a   */
/* Amarillo:       #f3ae07   */
/* Gris oscuro:    #333      */
/* Gris claro:     #666      */
/* Gris claro2:    #a6a6a6   */
/* Gris muy claro: #e5e5e5   */
/* * * * * * * * * * * * * * */

.clear{
    clear: both;
}
.left{
    float: left;
}
.right{
    margin-left: 5px;
    float: left;
}
.align-left{
    text-align: left !important;
}
.align-right{
    text-align: right !important;
}
.inline-block{
    display: inline-block;
}
.block{
    display: block;
}
.bold{
    font-weight: 500;
}
.hidden{
    display: none;
}
.cursor-help{
    cursor: help;
}
.cursor-pointer{
    cursor: pointer;
}
.contenido-legal{
    max-width: 1272px;
    overflow:hidden;
    width: 80%;
    margin: 0 auto;
}
#schoolListContainer{
    max-width: 2000px;
    overflow:hidden;
    width: 100%;
    margin: 0 auto;
}
#schoolListContainerSearch {
    max-width: 2000px;
    min-width: 228%;
    margin: 0 auto;
    position: relative;
    left: -62%;
    margin-top: 50px;
}
.contenedor1{
    max-width: 1272px;
    overflow:hidden;
    width: 80%;
    margin: 0 auto;
}
.contenedor2{
    max-width: 1597px;
    overflow:hidden;
    margin: 0 auto;
}
.contenedor3{
    max-width: 1272px;
    overflow:hidden;
    width: 80%;
    margin: 0 auto;
}
.contenedor4{
    max-width: 1272px;
    overflow:hidden;
    width: 80%;
    margin: 0 auto;
}
.contenedor5{
    max-width: 1272px;
    width: 80%;
    margin: 0 auto;
}
.contenedor6{
    max-width: 1272px;
    overflow:hidden;
    width: 80%;
    margin: 0 auto;
}
.contenedor7{
    max-width: 1681px;
    overflow:hidden;
    width: 93%;
    margin: 0 auto;
}
@media (min-width:1024px) and (max-width:1440px){
    .contenedor7{
        width: 83%;
    }
}
.button{
    vertical-align: middle;
    overflow: hidden;
    box-sizing: border-box;
    padding: 10px;
    border: 0;
    border-radius: 4px;
    color: #fff;
    display: block;
    text-align: center;
}
.button:hover, .button:focus{
    color: white;
    text-decoration: none;
}
.whitebutton{
    box-sizing: border-box;
    background-color: white;
    color: black;
    border: 1px solid #e2412a;
}
.whitebutton:hover, .whitebutton:focus{
    color: #666;
}
.redbutton{
    background-color: #e2412a;
}
.yellowbutton{
    background-color: #f3ae07;
    width: 250px;
}
.bluebutton{
    background-color: blue;
}
.greenbutton{
    background-color: #22b372;
}
.last-item{
    margin-bottom: 60px!important;
}
.first-item{
    margin-top: 60px;
}
ul.pretty-list, .list-title{
    list-style: none;
    padding: 10px;
    padding-top: 0;
    display: block;
}
.list-title{
    font-size: 1.2em;
}
.list-title, li.pretty-list{
    border-bottom: 1px solid #666;
}
li.pretty-list{
    padding: 10px;
    color: white;
    font-weight: 500;
}
li.pretty-list a{
    color: inherit;
}
span.list-title{
    color: #f3ae07;
    text-transform: uppercase;
    font-weight: 500;
}

/**/
.full-width{
    width: 101%;
    margin-left: auto;
    margin-right: auto;
}
.true-full-width{
    width: 100%;
}
.max-230{
    max-width: 230px;
}
.vertical-padding{
    padding-bottom: 14px;
    padding-top: 14px;
}
.width-75{
    width: 75%;
    margin: 0 auto;
}
.grey{
    color: #8e8e8e;

}
.highlight{
	font-size: 15px;/* Aproximación debida a la sustitución de la fuente */
	font-weight: 700;
	line-height: 18px;/* Aproximación debida a la sustitución de la fuente */
}
.red{
	color: #e2412a;

}
.black{
    color: #000;
}

.gold{
    color: yellow;
}

/**/
.safe-description *{
    display: inline;
    white-space: normal;
}
.public-description > p {
    text-align: left !important;
    margin: 0;
}
.col-xs-1-5{
    float: left;
    width: 20%;
}
.col-xs-2-5{
    float: left;
    width: 40%;
}
.col-xs-3-5{
    float: left;
    width: 60%;
}
.col-xs-4-5{
    float: left;
    width: 80%;
}
.col-xs-offset-1-5{
    margin-left: 20%;
}

/* En caso de tener un ancho menor a 1024, no ponagas apenas margen */
/*bootstrap extended*/
@media (min-width: 992px){
    .col-md-1-5{
        width: 20%;
    }
    .col-md-2-5{
        width: 40%;
    }
    .col-md-3-5{
        width: 60%;
    }
    .col-md-4-5{
        width: 80%;
    }
}

/* Sobreescribimos los colores del datepicker para que el gris claro solo se aplique a fechas no seleccionables */
div.datepicker table tr td.old.active, div.datepicker table tr td.new.active{
    color: #fff;
}
div.datepicker table tr td.old, div.datepicker table tr td.new{
    color: #4d4d4d;
}
div.datepicker table tr td.disabled, div.datepicker table tr td.disabled:hover{
    color: #999;
}

/* content-container responsive */
@media (max-width: 1217px) {
    .content-container {
        width: 90%;
        margin-left: 25px;
    }
}
@media (max-width: 1024px) {
    .content-container {
        width: 90%;
    }
}
.paginationText{
    font-style: normal;
    font-weight: normal;
    font-size: 15px!important;
    line-height: 22px!important;
    letter-spacing: 0.1px;
    color: #767676!important;
    border:none!important;
}
.paginationSection{
    margin-top:30px;
    margin-left: 34px;
}
.paginationCurrent{
    border-radius:25px;
    font-weight: 600!important;
    margin-left:5px!important;
    margin-right:5px!important;
}
.carousel-inner{
    display:-webkit-inline-box!important;
}
.carousel-inner .carousel-item:not(.active){
    display:none!important;
}
.backgroundCover{
    position:absolute;
    width:5000px;
    height:5000px;
    left:-2500px;
    top:-2500px;
    z-index:-1000;
}

/*Version tablet para la pagina escuela*/
@media (min-width: 768px) and (max-width:1024px){
    .newBreadcrumb{
        margin-left: -135px;
    }
    .contEsc{
        margin-top: 260px!important;
    }
}
@media (min-width:360px) and (max-width: 767px){
     .interest{
        margin-left: 23px;
    }
    .interest.categoryBoxInt{
        margin-left: 40px;
    }
    .benef{
        margin-left: 17px;
        margin-bottom: 100px;
    }
    .benef3{
        max-width: 85%!important;
        margin-left: 38px!important;
        margin-bottom: 40px!important;
    }
    .benef4{
        max-width: 93%!important;
        margin-left: 22px!important;
        margin-bottom: 40px!important;
    }
    .benefEsp{
        min-width: 81%!important;
        max-width: 94.6%!important;
        margin-left: 31px!important;
        margin-bottom: 40px!important;
    }
    .benef6{
        min-width: 81%!important;
        max-width: 93%!important;
        margin-left: 17px!important;
        margin-bottom: -7px!important;
    }
    .benef8{
        margin-left: 11px;
        min-width: 100%;
        margin-bottom: 35px;
    }
    .contEsc{
        margin-top: 170px!important;
    }
    .cardExpi p{
        text-align: justify!important;
    }
    .paginationSection{
        margin-left: -13px;
    }
    .contenedorEcom{
        max-width: 690px;
        overflow:hidden;
        width: 84%;
        margin: 0 auto;
    }
    .breakPrice{
        max-width: 99%;
    }
    .contenedorEcom1{
        max-width: 690px;
        overflow:hidden;
        width: 84%;
        margin: 0 auto;
    }
    .breakPrice1{
        max-width: 98%;
        margin-left: 4px;
    }
    .contenedorEcom2{
        max-width: 690px;
        overflow:hidden;
        width: 84%;
        margin: 0 auto;
    }
    .breakPrice2{
        max-width: 98%;
        margin-left: 4px;
    }
    .contenedorEcom3{
        max-width: 394px;
        overflow:hidden;
        width: 84%;
        margin: 0 auto;
    }
    .breakPrice3{
        max-width: 98%;
        margin-left: 4px;
    }
    .school-details .left{
        width: 100%!important;
    }
}
@media (min-width:435px) and (max-width: 767px){
     .benef{
        width: 83%;
     }
}
@media (min-width: 767px) and (max-width: 1023px){
    .contenedor1{
        max-width: 1272px;
        overflow:hidden;
        width: 95%;
        margin: 0 auto;
    }
    .contenedorEcom{
        max-width: 690px;
        overflow:hidden;
        width: 84%;
        margin: 0 auto;
    }
    .breakPrice{
        max-width: 99%;
    }

    .contenedorEcom1{
        max-width: 710px;
        overflow:hidden;
        width: 84%;
        margin: 0 auto;
    }
    .breakPrice1{
        max-width: 96%;
        margin-left: 12px;
    }
    .contenedorEcom2{
        max-width: 710px;
        overflow:hidden;
        width: 84%;
        margin: 0 auto;
    }
    .breakPrice2{
        max-width: 96%;
        margin-left: 12px;
    }
    .contenedorEcom3{
        max-width: 686px;
        overflow:hidden;
        width: 84%;
        margin: 0 auto;
    }
    .breakPrice3{
        max-width: 99%;
        margin-left: 1px;
    }
}
@media (min-width: 1024px) and (max-width:2560px){
    .contEsc{
        margin-top: 215px!important;
    }
    .sectionEscuela3{
        margin-top: 91px;
    }
    .sectionEscuela4{
        margin-left: 60px;
    }
    .cardExpi{
        width: 19rem!important;
    }
    .cardExpi p{
        margin-left: -20px;
        width: 102%!important;
        text-align: justify!important;
    }
}
@media (min-width: 1024px){
    .sectionEscuela2 h3{
        margin-left: 0px;
        margin-bottom: 33px;
    }
    .cursoLocat h3{
        margin-left: 31px;
        margin-bottom: 33px;
    }
    .school > .separador{
        margin-left: -42px;
    }
    .paginationSection{
        margin-left: -8px;
    }
    .contenedorEcom{
        max-width: 1136px;
        overflow:hidden;
        width: 88%;
        margin: 0 auto;
    }
    .breakPrice{
        max-width: 39%;
    }
    .contenedorEcom1{
        max-width: 1136px;
        overflow:hidden;
        width: 94%;
        margin: 0 auto;
    }
    .breakPrice1{
        max-width: 36%;
    }
    .contenedorEcom2{
        max-width: 1136px;
        overflow:hidden;
        width: 94%;
        margin: 0 auto;
    }
    .breakPrice2{
        max-width: 36%;
    }
    .contenedorEcom3{
        max-width: 1136px;
        overflow:hidden;
        width: 88%;
        margin: 0 auto;
    }
    .breakPrice3{
        max-width: 39%;
    }
    .contenido-legal{
        overflow:hidden;
        width: 88%;
        margin: 0 auto;
    }
}
@media (min-width: 1134px){
    .contenedorEcom{
        max-width: 1136px;
        overflow:hidden;
        width: 84%;
        margin: 0 auto;
    }
    .breakPrice{
        max-width: 38%;
    }
    .contenedorEcom1{
        max-width: 1136px;
        overflow:hidden;
        width: 89%;
        margin: 0 auto;
    }
    .breakPrice1{
        max-width: 36%;
    }
    .contenedorEcom2{
        max-width: 1136px;
        overflow:hidden;
        width: 89%;
        margin: 0 auto;
    }
    .breakPrice2{
        max-width: 36%;
    }
    .contenedorEcom3{
        max-width: 1136px;
        overflow:hidden;
        width: 84%;
        margin: 0 auto;
    }
    .breakPrice3{
        max-width: 38%;
    }
    .contenido-legal{
        overflow:hidden;
        width: 84%;
        margin: 0 auto;
    }
}
@media (min-width: 1280px){
    .sectionEscuela2 h3{
        margin-left: 32px;
        margin-bottom: 33px;
    }
    .school > .separador{
        margin-left: -40px;
    }
    .paginationSection{
        margin-left: -4px;
    }
    .contenedorEcom{
        max-width: 1136px;
        overflow:hidden;
        width: 88%;
        margin: 0 auto;
    }
    .breakPrice{
        max-width: 39%;
        min-width: 39%;
    }
    .contenedorEcom1{
        max-width: 1187px;
        overflow:hidden;
        width: 92%;
        margin: 0 auto;
    }
    .breakPrice1{
        max-width: 38%;
    }
    .contenedorEcom2{
        max-width: 1187px;
        overflow:hidden;
        width: 92%;
        margin: 0 auto;
    }
    .breakPrice2{
        max-width: 38%;
    }
    .contenedorEcom3{
        max-width: 1187px;
        overflow:hidden;
        width: 88%;
        margin: 0 auto;
    }
    .breakPrice3{
        max-width: 40%;
    }
    .contenido-legal{
        overflow:hidden;
        width: 88%;
        margin: 0 auto;
    }
}
@media (min-width: 1440px){
    .sectionEscuela2 h3{
        margin-left: 36px;
        margin-bottom: 33px;
    }
    .paginationSection{
        margin-left: -7px;
    }
    .contenedorEcom{
        max-width: 1136px;
        overflow:hidden;
        width: 80%;
        margin: 0 auto;
    }
    .breakPrice{
        max-width: 38%;
        min-width: 38%;
    }
    .contenedorEcom1{
        max-width: 1187px;
        overflow:hidden;
        width: 82%;
        margin: 0 auto;
    }
    .breakPrice1{
        max-width: 36%;
    }
    .contenedorEcom2{
        max-width: 1187px;
        overflow:hidden;
        width: 82%;
        margin: 0 auto;
    }
    .breakPrice2{
        max-width: 36%;
    }
    .contenedorEcom3{
        max-width: 1187px;
        overflow:hidden;
        width: 78%;
        margin: 0 auto;
    }
    .breakPrice3{
        max-width: 38%;
    }
    .contenido-legal{
        overflow:hidden;
        width: 78.5%;
        margin: 0 auto;
    }
}
@media (min-width: 1920px){
    .sectionEscuela2 h3{
        margin-left: 34px;
        margin-bottom: 33px;
    }
    .school > .separador{
        margin-left: -40px;
    }
    .paginationSection{
        margin-left: -7px;
    }
    .contenedorEcom{
        max-width: 1136px;
        overflow:hidden;
        width: 80%;
        margin: 0 auto;
    }
    .breakPrice{
        max-width: 38%;
        min-width: 38%;
    }
    .contenedorEcom1{
        max-width: 1187px;
        overflow:hidden;
        width: 80%;
        margin: 0 auto;
    }
    .breakPrice1{
        max-width: 36%;
    }
    .contenedorEcom2{
        max-width: 1187px;
        overflow:hidden;
        width: 80%;
        margin: 0 auto;
    }
    .breakPrice2{
        max-width: 36%;
    }
    .contenedorEcom3{
        max-width: 1133px;
        overflow:hidden;
        width: 80%;
        margin: 0 auto;
    }
    .breakPrice3{
        max-width: 38%;
    }
    .contenido-legal{
        overflow:hidden;
        width: 59%;
        margin: 0 auto;
    }
}
@media (min-width: 2560px){
    .sectionEscuela2 h3{
        margin-left: 34px;
        margin-bottom: 33px;
    }
}
@media (min-width: 768px){
    .carousel-inner {
        position: relative;
        width: 91%;
        overflow: hidden;
        margin-left: 35px;
    }
    .ratingsSchools {
        margin-left: 5px;
    }
    .carousel-item .card{
        width: 12rem!important;
    }
    .cardExpi h5{
        margin-left: -20px;
        width: 76%;
    }
    .cardExpi p{
        margin-left: -20px;
        width: 126%;
        text-align: justify!important;
    }
    .cardExpi.mx-auto a{
        position: absolute;
    }
}
@media (min-width: 576px) {
    .caruMovil{
        display:none!important
    }
    .caruPc{
        display:block!important
    }
}
@media (max-width: 575px) {
    .caruPc{
        display:none!important
    }
    .caruMovil{
        display:block!important
    }
}
.ratingsHome{
    margin-left: -90px;
}
.ratingsHome{
    margin-left: -9px;
}
section#alojamiento .separador{
    margin-left: -16px;
}
.card-header{
    border-bottom: 2px solid rgba(0,0,0,.125)!important;
}
div.accordion .card{
    border: none!important;
}
.selectize-dropdown{
    margin-top:0 !important;
}