.bloquesimple{background-color: #ffffff;border-radius: 6px; width: 98%;display: inline-block;text-align: center;margin: 2%;padding-top: 4px;padding-bottom: 8px;
    -webkit-box-shadow: -4px 3px 5px 0px rgba(207,207,207,.4);    -moz-box-shadow: -4px 3px 5px 0px rgba(207,207,207,.4);    box-shadow: -4px 3px 5px 0px rgba(207,207,207,.4);}
.bloquesimple:hover{-webkit-box-shadow: -4px 3px 5px 0px rgba(207,207,207,.4);    -moz-box-shadow: -4px 3px 5px 0px rgba(207,207,207,.4);    box-shadow: -4px 3px 5px 0px rgba(207,207,207,1);background-color: #26a5cd; color: #fff !important;}
.find-class-container .small-nav-container {
    margin: 0 auto;
    clear: both;
    font-size: 14px;
    padding: 20px 0 0px 0;
    position: relative;
    text-align: center;
    width: 305px;
}
.find-class-container .change-week {
    cursor: pointer;
    display: block;
    position: relative;
    top: -23px;
    z-index: 20;
}
.find-class-container .change-week.prev-week-small {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    float: left;
    margin: 20px 25px 20px 15px;
}
.find-class-container .change-week img {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    font-size: 0;
    height: 15px;
    object-fit: none;
    object-position: -196px -110px;
}
.find-class-container .week-info {
    letter-spacing: 0;
    line-height: 24px;
    position: relative;
    visibility: hidden;
}
.visible {
    visibility: visible !important;
}
.find-class-container .change-week.next-week-small {
    float: right;
    margin: 20px 15px 20px 25px;
}
.find-class-container .change-week {
    cursor: pointer;
    display: block;
    position: relative;
    top: -23px;
    z-index: 20;
}
.find-class-container .days-of-week {
    position: relative;
    z-index: 10;
}
.find-class-container .days-of-week ul {
    font-family: "HelveticaNeueLTStd-Roman","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #BABABA;
    display: table;
    float: left;
    font-size: 1.2em;
    list-style: none;
    margin-bottom: -4px;
    margin-top: -15px;
    padding-left: 6%;
    width: 90%;
}
.find-class-container .days-of-week ul li {
    display: table-cell;
    width: 100px;
    text-align: center;
}


.find-class-container .classes-week-cols, .find-class-container .classes-days {
    clear: both;
    position: relative;
}
.find-class-container .classes-days {
    display: table;
    width: 90%;
    padding-left: 6%;
}
.find-class-container .classes-days .column-header {
    display: table-cell;
    width: 20px;
    text-align: center;
    cursor: pointer;
}
.find-class-container .active-day {
    display: inline-block;
}
.find-class-container .truncate {
    display: inline-block;
    letter-spacing: 14px;
    overflow: hidden;
    white-space: nowrap;
    width: 10px;
}
.sinpadding{padding: 0 25px}
.flechita{height: 16px;}
.diacal{display: block; text-align: center}
.diacal a{    background-color: #dddddd;border-radius: 50%;margin-top: 2px;display: inline-block;width: 30px;height: 30px;line-height: 30px;}
.diacal a.active-day{background-color: #333;color:#ffffff}
.colnumero_N{display: none}
.horaseleccionada{display: inline-block;}
.horaseleccionada{width: 100%;}
.bloquesimple{margin: 2px 2%;padding: 10px}
.ligeroseparador{margin-bottom: 20px}
.flechaderecha{width: 32px}
.flechaizquierda{width: 32px}
.noexistentitle{padding: 30px;font-size: 14px}
#opc-review{display: block;}
.conmargenp{padding:0px 10px 10px 45px}
.lafechatitulo{font-size: 18px; color:#333}
.maxheightimg{max-height: 80px;}
.backgroundgray{background-color: #f5f5f5}
.nohaynada{margin-bottom: 30px}
.nohaynada h3{color:#0070B8}
.verhorariosimage{max-height: 100px; margin-top: 10px}
.classstep .disablehour{background-color: #fff;color:#aaa}
.classstep .disablehour:hover{background-color: #26A5CD;}
.classstep .lafechatitulo{color:#0068D0;}
.classstep .squstd{border-radius: 8%;
    margin: 1.5% 1%;
    min-width: 7%;
    height: 90px;
    display: flex;
    padding-top: 0;
    padding-bottom: 0px;
    align-items: center;}
.classstep .seatspecial{border-radius: 0%;background-color: #969696; width: 14%;padding: 24px; height: 54px;}
.classstep .bici.selected{background-color: #888888;}
.botoninvertido{background-color: #000000;color:#ffffff}
.classstep #checkout-step-review{min-height: 252px;}
.classstep .seatspecial{left: 42%;}
.confondogris #classtable{background-color: #f5f5f5;}


@media only screen and (min-width: 768px){
    .find-class-container .friday {
        width: 13px;
    }    
}

@media only screen and (min-width: 1024px){
    .find-class-container .days-of-week ul, .find-class-container .classes-days {
        width: 100%;
        padding-left: 0;
    }
    .find-class-container .active-day.today.selected-day {
        border-radius: 0;
        height: 4px;
        margin-left: -11px;
        margin-top: 32px;
        width: 22px;
    }
    .colnumero_N{display: inline-block; min-height: 50px}
    .horaseleccionada{width: 14%;}
    .bloquesimple{margin: 2%;padding-top: 4px;padding-bottom: 8px; min-height: 74px}
    .ligeroseparador{margin-bottom: 0}
    .diacal a.active-day{background-color: #dddddd;color:#333}
}

@media only screen and (min-width: 1440px){
    .find-class-container .truncate {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        letter-spacing: normal;
        width: initial;
    }
    
}

.instrucnota {text-align: center;line-height: 10px;font-size: 10px;}

@media only screen and (max-width: 768px){
    .instrucname {text-align: left;width: 100%;font-size: 10px;}
    .instruchour{text-align: left}
    .instrucnota {text-align: center;line-height: 10px;font-size: 6px;}
    .instrucname::after{float:right;content: ''}
    .disablehour .instrucname::after{float:right;content: 'Cerrada';margin-right: 10px;}
    .bloquesimple{width: 96%}
    .bullethour.ultimacolumna{display: inline-block;}
    .colnumero_6{width: 100%}
    .conmargenp{padding:0px 10px 10px 10px}
    .classstep .seatspecial{top: 140px;}
    .classstep .squstd{height: 60px;        min-width: 8%;margin: 1.5% 0.5%;}
}



/*fix para horarios cuadrados */

.instruchour {text-align: center;font-size: 14px;}
.instrucname {width: 100%;font-size: 8px;text-align: center;}
.bloquesimple {margin: 2px 2%;padding: 2px;min-height: 74px;}
.columngrid {width: 14%;}
.horaseleccionada {width: 14%;}
.colnumero_6 {width: 14%;}
.colnumero_N {display: inline-block; min-height: 10px;}
.week_1{display: none;}
.flechaderecha{display: none; cursor: pointer;}
.flechaizquierda{cursor: pointer;}
.days-of-week-container{margin-top: 20px;}
.classstep #seatrow0{padding-left: 15px;}

footer address {font-size: 14px;}
footer address div{display: flex;}
#nav > li > a{font-weight: 500;color: #666666;}