.lista1 li:hover { background: #00009f;}
.lista1 li:hover a{ color: #fff; text-shadow: none; margin-left: 7px;}
.lista1 li{ background: #d9d9d9;}
.lista1 li a{ color: #ED1C24; }
.lista1 { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.lista1 li { margin: 3px; padding: 0.3em; font-size: 1.1em; font-weight: 700;}
#volver {float: right;}
#botones1 {height:40px;margin-bottom:10px;}
#detalles {display:none;width:400px;height:auto;margin:20px auto 5px;}
ul.submenu1 {list-style:none;height:30px;width:686px;clear:both;margin:15px 0 8px;border-bottom: 1px #999999 solid;}
ul.submenu1 li {text-decoration:none;float:left;margin-left: 20px;}
ul.submenu1 li a {display: block;padding: 0.2em;color:#595959;}
ul.submenu1 li a:hover {border-bottom: 4px #ED1C24 solid;}
#volver {font-weight: bold;}
.box_tratamiento {float:left;width:210px;font-size:0.9em;}
#espera {color:#595959;text-align:center;background: #FAFAFA url("../img/ajax-loader.gif") center top no-repeat;padding:0.2em;width:200px;height:50px;margin:20px auto;}
#espera p {margin-top:20px;}
#espera2 {
  position:absolute;
  height:100%;
  top:0px;
  width:100%;
  color:#595959;
  text-align:center;
  background-color: #fff;
  background-image:url("../img/ajax-loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
  border:1px #595959 solid;
  padding:0.2em;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;border-radius:5px;}
#espera2 p {margin-top:25%;}
#tabla-horas{
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 7px;
}

#tabla-horas th td{
    text-align: center;
    padding: initial;
}

#tabla-horas thead tr:first-child{
    height: 40px;
    background: #cccccc;
}

#tabla-horas thead th{
    text-align: center;
}

#tabla-horas tr{
    height: 40px;
}
.disabled-date{
    color: #ec1616 !important;
}
.datepicker-days{
    font-size: 20px;
    font-weight: bold;
}
/*@media only screen and (max-width: 1280px) and (min-width: 821px) {  
    #reserva_servicio{
        width: 800px;
    }
    #botones1{
        width: 800px;
    }
    
} */ 

/* Para 800px */  
@media only screen and (max-width: 820px) and (min-width: 621px) {  
    #reserva_servicio{
        width: 600px;
    }
    #botones1{
        width: 600px;
    }
}  

/* Para 600px */  
@media only screen and (max-width: 620px) and (min-width: 501px) {  
    #reserva_servicio{
        width: 450px;
    }
    #botones1{
        width: 450px;
    }
}  

/* Para 480px */  
@media only screen and (max-width: 500px) and (min-width: 341px) {  
    #reserva_servicio{
        width: 300px;
    }
    #botones1{
        width: 300px;
    }
}  

/* Para 320px */  
@media only screen and (max-width: 340px) and (min-width: 5px)  {  
    .datepicker-days{
        font-size: 12px;
        font-weight: normal;
    }
}