body {background-color: #ea3c55!important; background-image: url(https://img.chilango.com/escuelas/bg.jpg); background-position: top center; background-size: 1677px; background-repeat: no-repeat; background-attachment: fixed; } 
.td-container{ width: 100%; }
.td-footer-wrapper, .td-sub-footer-container{ padding:20px; }
.td-pb-row{ margin:unset!important; }
.td-pb-row [class*="td-pb-span"]{ padding :unset!important; }


.td-post-template-9 .td-post-featured-video {padding: 0px; margin: 0px -36px; }
.td-header-menu-wrap{ background-color:#000000!important; opacity: 0.85; }
.menu-item > a { color:#ffffff!important; }
a#td-header-search-button > i {color: #cdcdcd!important; }
#logoEscuelas {margin-top: 0px; margin-bottom: 0px; margin-left: -12px; margin-right: -12px; }
.td-main-content-wrap.td-main-page-wrap.td-container-wrap {padding: 0px!important; }
.td-affix{ left:0px; }
/*.td-header-style-10 .td-header-menu-wrap-full {
    position: fixed;
    left: 0;
}*/
#td-outer-wrap {box-shadow: 0 0 20px 0 rgba(0,0,0,.1); max-width: 1139px; margin: 40px auto 0; background-color: #ffffff; }
/*.ranking {position: absolute; top: 0px; color: #ffffff; font-size: 18px; display: block; background-color: #ec3c56; padding: 2px 5px; text-align: center; }*/
.td_block_inner {padding: 0 30px; }
.td-block-title-wrap {position: relative; padding: 0 30px; }
.block-title{ border:none!important; margin-bottom: 10px;}
.td-pulldown-size {font-size: 15px!important; font-weight: lighter!important; background-color: #ec3c56!important; } 
.escuelasMenuContainer > a {color: #000000; padding: 10px; display: inline-block; font-weight: bold; } 
.pagerItem {display: inline-block; background-color: #f1f1f1; color: #000; padding: 0 9px; margin-left: 5px; } 
.currentPage {background-color: #ec3c56!important; color: #ffffff!important; } 
.escuelasMenuZonasItems{position: absolute; top: 0px; right : 30px; } 
.escuelasMenuZonasItems > a {display: inline-block; padding: 0px 8px; text-transform: capitalize; color: grey; } 
.activeZone{ color: #000000!important; border-bottom: solid 2px #ec3c56; } 
.escuelasMainContent {border-bottom: solid 2px #000000; }
div#filtraAZ {display: flex; justify-content: space-between; flex-wrap: wrap; padding: 15px 0px; }
#filtraAZ a {display: inline-block; padding: 2px 0px; text-transform: uppercase; width: 25px; text-align: center; height: 25px; }
.seleccionada {border: solid 1px #8a0e21; border-radius: 50%; background-color: #ed1b3b; color: #ffffff!important; }
#filtraAZ a.inactiva {color: #cdcdcd; }
#filtraAZ a.activa {color: #000000; font-weight: bold; cursor:pointer;}
#titleSchools{ position:relative; }
.schoolLink{ cursor : pointer; }
input[type="range"] {width: 100%; display: block; margin-top: 10px; }
.costoEscuelas{font-size:18px;}
.EscuelaRanking {display: grid; grid-template-columns: 50% auto; margin-bottom: 20px;}
.RankingItem {display: grid; grid-template-columns: auto 92px; padding: 12px 0; border-bottom: solid 1px #000000; margin-bottom: 8px; }
.RankingItem:nth-last-child(-n+2){ border:none; }
.RankingLabel i {font-size: 22px; margin-right: 5px; }
.RankingItem .fa {color: #ed1939; 
}
@media (max-width: 767px)
{
    #filtraAZ a { margin : 2px 6px; display: inline-block; padding: 6px 0px; text-transform: uppercase; width: 35px; text-align: center; height: 35px; font-size: 18px; } 
    input[type="range"] { width: 90%; margin:15px auto 10px; } 
    input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none; border: 1px solid #000000; height: 36px; width: 26px; border-radius: 3px; background: #ffffff; cursor: pointer; margin-top: -14px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */ box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */ }
}

label{display: block; margin-bottom: 16px;}
.hide{ display:none; }
#escuelasFormulario {display: flex; justify-content: space-between; }
.formCols {width: 49%; }
.form-control{display: block; border : solid 1px #cdcdcd; background-color: #ffffff; width: 100%; height: 33px; border-radius: 4px; }
.right{ text-align: right; }
span.ui-slider-handle.ui-corner-all.ui-state-default {border-radius: 50%; background-color: #ed193b; border: solid 1px #82343e; cursor: ew-resize; }
.mb10{ margin-bottom: 10px; }
.filtro-btn {border: solid 1px #cdcdcd; padding: 5px 0px; width: 165px; text-align: center; border-radius: 4px; background-color: #f1f1f1; cursor: pointer; margin-bottom: 20px; }
.controlFiltros{display: flex; justify-content: flex-end; }
#aplicaFiltros{ float:right; }
#escuelasRs {margin-top: 20px; }
.pagerSchool {margin: 20px 0px; display: flex; justify-content: center; width: 100%; }
.pagerSchoolItem {cursor: pointer; display: inline-block; border: solid 1px #cdcdcd; padding: 2px 10px; margin: 0px 5px 0 0; color: #999999; }
.pagerSchoolItem:hover{ background-color: #cdcdcd; } 
.pagerSchoolItem.active {background-color: #ed193b; border: solid 1px #ed193b; color: #fff; } 
.schoolItem {border: solid 1px #cdcdcd; margin-bottom: -1px; overflow:hidden; } 
.schoolHeader {padding: 0px 10px; cursor: pointer; overflow: hidden; }
.schoolHeader:hover {background-color: #f1f1f1; }
.schoolThumb {float: left; margin-top: 5px; margin-right: 10px; width: 80px; height: 60px; overflow: hidden; }
.schoolThumb > img{ width :100%; } 
.escDir {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; color: #888; }
.loading {position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-content: center; align-items: center; justify-items: center; background-color: rgba(255,255,255,0.85); opacity: 0.5; font-size: 20px; min-height: 300px; z-index:9999999; }
#mainContent{position: relative; min-height: 300px; }

.selectOnTitle {position: absolute; top: 0px; right: 30px; border: solid 1px #cdcdcd; min-width: 250px; padding: 6px; line-height: 4px; height: 30px; max-width: 300px; width: 100%; }

/*FICHAS*/
.EscuelaContent {
    margin: 50px 0;
}
.FichaMainContent {
    border: solid 1px #cdcdcd;
    border-bottom: none;
    margin: 15px 0;
    display: table;
    width: 100%;
}
.FichaRow {
    display: table-row;
}
.FichaCol:first-child{ border-right : solid 1px #cdcdcd;  }
.FichaCol {
    padding: 10px;
    display: table-cell;
    width: 50%;
    border-bottom: solid 1px #cdcdcd;
}
.FichaLabel {
    display: block;
    font-weight: bold;
}
.FichaData {
    display: block;
    margin-bottom: 10px;
}
.FichaData:last-child{ margin : 0px; }


.EscuelaData{ margin-top: 10px; border:solid 1px #cdcdcd; padding:10px; }




.info > div {
    padding: 5px 0;
}
.info > div > span {
    color: #ed1b3b;
    font-weight: bold;
}

.big-image{ padding:0px!important; width:100%!important; }
.td-post-featured-video {
    position: relative;
    padding: 0px!important;
    margin: 0px!important;
    width: 100%;
}
.EscuelaPosicion {
    position: absolute;
    top: 0px;
    left: 0px;
    color: #ffffff;
    background-color: #ec3c56;
    font-size: 25px;
    padding: 10px;
}
.EscuelaPrevPosition {
    font-size: 13px;
    padding: 0;
    line-height: 01;
}
.td_module_mx4 .entry-title{ font-size: 14px!important; }

.escuelasMenuF{
    position: fixed;
    top: 48px;
    left: 0;
    right: 0;
    background: #fff;
    opacity: 0.9;
    z-index: 999;
    box-shadow: 0 0px 42px #000;
}
.fa-exclamation-circle{

    font-size: 1.8rem;
    margin-top: 12px;
}
.escuelasMenuContainer{
    max-width: 1130px;
    margin: auto;
}
.no_rankingF{
    position: fixed!important;
    top : 90px!important;
}

@media ( max-width:767px) 
{
    #td-outer-wrap {margin: 0px; }
}
@media ( max-width:500px) 
{
    .RankingLabel:last-child{  border-bottom: solid 1px;}
    .RankingItem:nth-last-child(2) {border-bottom: solid 1px #000; }
    .EscuelaRanking{ display: block; }
    .cols50{ width: 100%; }
    .selectOnTitle{
        position: relative;
        display: block;
        width: 100%!important;
        margin: 0 auto 18px;
        top: auto;
        left: auto;
        right: auto;
    }
    .escuelasMenuZonasItems {
        position: relative;
        padding-bottom: 10px;
        top: 0px;
        left: 0px;
        right: auto;
        width: 100%;
        text-align: center;
    }
    .escuelasMenuZonasItems > a{ font-size: 18px }
    .td_block_inner,
    .td-block-title-wrap {padding: 0px; }
    #escuelasFormulario{ display:block; }
    .formCols{ width: 100%; }
    .pagerItem {
        padding: 6px 10px;
        margin-left: 2px;
        margin-bottom: 10px;
    }
    .escuelasPager {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .no_rankingF{
        top : 180px!important;
    }
}