.cuadroMes{
    width: 228px;
    height: 205px;
    border: 1px solid #ccc;
    margin-right:10px;
    margin-top: 10px;
    float: left;
    padding-bottom: 10px;
}
.cuadroMesResponsive{
    border: 1px solid #ccc;
    padding: 20px;
    padding-bottom: 25px;
    padding-top: 10px;
}
#leyenda-ocupacion{
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 20px;
}
#leyenda-ocupacion img{
    margin-right: 5px;
}
#leyenda-ocupacion p{
    margin: 0;
}
.cuadroMesResponsive ul{
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    margin: auto;
    width: 200px;
}

.modoContiguo{
    width: auto;
    padding: 0px;
    padding: 5px;
    padding-top: 0px;
    height: auto;
    border: 1px solid #ccc;
    float: left;
}


.cabeceraModoContiguo{
    height: 27px;
    width: 125px;
    font-size: 14px;
    padding-top: 7px;
}
.casa-circulo-autogestion{
    color: #f7931e;
    margin-right: 10px;
}

.cuadroMes ul{
    list-style: none;
    padding-left: 1em;
    -webkit-margin-before: 0.2em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 10px;
    -webkit-margin-end: 10px;
    -webkit-padding-start: 1.1em;

    -moz-margin-before: 0.2em;
    -moz-margin-after: 1em;
    -moz-margin-start: 10px;
    -moz-margin-end: 10px;
    -moz-padding-start: 1.1em;
}
.modoContiguo ul{
    list-style: none;

    -webkit-margin-before: 0.0em;
    -webkit-margin-after: 0.0em;
    -webkit-margin-start: 0.0em;
    -webkit-margin-end: 0.0em;
    -webkit-padding-start: 0.0em;
    -webkit-padding-end: 0.0em;

    -moz-margin-before: 0.0em;
    -moz-margin-after: 0.0em;
    -moz-margin-start: 0.0em;
    -moz-margin-end: 0.0em;
    -moz-padding-start: 0.0em;
    -moz-padding-end: 0.0em;

    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.cuadroMes li,.modoContiguo li{
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    margin-top: 5px;

}
.cuadroMesResponsive li{
    width: 25px;
    height: 25px;
    border: 1px solid #ccc;
    margin-top: 5px;
}

.operativo{
    background-color: #CDDFAD;
    color: #4F4E4E;
}
.noOperativo{
    color: #FFF;
}

.posado{
    cursor: pointer;
    background-color: rgb(252,183,183);
}

.marcadoPreReserva{
    background-color: #f7e9c1; 
}
.marcadoReserva{
    background-color: rgb(252,183,183); 
}

.mes li{
    text-align: center;
    font-size: 14px;
    line-height: 22px;


}

.contenedorCalendario{
    width: 1000px;
    height: 100%;
}

.tituloMes{
    color: #9C9C9C;
    text-align: center;
    margin-top: 5px;
}

.mes li.fechaMarcada{
    border:1px solid red;
}
.leyendaDisponibilidad{
    margin-left: 0px;
    display: inline-block;
    border: 1px solid #ccc;
    -webkit-padding-start:10px;
    -moz-padding-start:10px;
    padding-top: 10px;
    padding-bottom: 7px;
    height: 25px;
}
.leyendaDisponibilidad li{
    list-style-type: none;
    float: left;
    margin-right: 10px;

}
.casa-inactiva{
    color: red;
    margin-right: 5px;
}

.ocupacion-responsive.cabeceraModoContiguo{
    width: 200px;
    height: 39px;
    background-color: #18A65F;
}
.ocupacion-responsive.cabeceraModoContiguo a{
    color: #fff !important;
    text-decoration: underline;
}
.cabeceraModoContiguo a:hover{
    cursor: pointer;
}
.ocupacion-responsive.modoContiguo li{
    width: 27px;
    height: 27px;
}

@media all
and (min-width : 768px) 
and (max-width : 1024px) {
    .cuadroMes{
        margin-right: 0px;
        margin-top: 0px;
    }
}