/* .imagen {
    width : 100px;
}
.contenedor {
display: flex;
justify-content: center;
}
.container {
    justify-content: center;
}
.menu_01 {
    align-content: center;
}      */
/* Smartphones (portrait & landscape) 
#Dispositivo = Mayoría de teléfonos móviles (vertical y horizontal) 
#Resolución = B/w 320px to 479px */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

.menu-lateral {
    display: none;
}
h3{
    font-size: small;
}
.menu-lateral-celu {
    display: block;
}
.menu-header-left-celu{
    display:none;
    position: relative; 
    top: 50%; 
    transform: translateY(-50%); 
    color: white; 
}
.menu-header{
    display:none;
}
.menu-header-left{
    display:none;
}

.contenido-whole {
    width:100%;
}
.contenido-bg{
    min-height: 75vh;     
}
.menu-header {
    height:10%;
}
.menu-header-left{
    margin-left: 10px;
    text-align: center;
}
.texto1{
    margin-top: 10px;            
}
.texto2{
    margin-top: 20px;            
}
.texto2_1{
    margin-top: 20px;             
}
.texto3{
    margin-top: 20px;            
}
.titulo-esp{
    text-align: left;
}         
.select-esp{
    width: 100%;
    margin-bottom: 15px;
}         
.titulo-prof{
    text-align: left;    
}         
.select-prof{
    width: 100%;
    padding:0px;
}
.envio-esp-prof-celu {
    margin-top: 20px;
}
.envio-esp-prof{
    display:none;
}
.envio-esp-celu{
    display:block;
}
.btn-lg{
    font-size: 1rem;
} 
.fa-2x{
    font-size: 1em;
}
.taco-arriba-botones{
    height: 1vh;
}
.turnos-res-celu{
    display:block;
}
.turnos-consul-celu{
    display:block;
}
.turnos-res{
    display:none;
}
.turnos-consul{
    display:none;
}
.table-leyenda{
    display:none;
}
.table-horarios{
    display:none;
}
.fecha-texto{
    display:none;
}
.fecha-numero{
    display:none;
}
.fecha-celu-texto{
    display:block;
    font-weight: bold;
}
.fecha-celu-numero{
    display:block;
    font-weight: bold;
}
.texto-semana .dia-nombre{
    width: 30px;
    display: inline-block;
    font-size:12px;
    font-weight: bold;
}
.semana .dia{
    height: 30px;
    width: 30px;
    border: black 1px solid;
    background: linear-gradient(to bottom right, white 50%, #6dc581 50%);
    display: inline-block;
    cursor: pointer;
}
#leyenda{
    display:block;
}
#horario{
    display:block;
}
.tabla-web{
    display:none;
}
.tabla-movile{
    display:block;
}
.tm-encabezado{
    background-color: black;
    color: antiquewhite;
    font-size:larger;
    font-weight: bold;
    border-bottom: 2px solid antiquewhite;  
}
.tm-cuerpo{
    background-color:dimgrey;
    color:seashell;
    font-size:smaller;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    justify-self: center;
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid antiquewhite;  
}
.tm-modal-cuerpo{
    padding-top: 10px;
    padding-bottom: 10px;
}
.input-group-prepend{
    width: 100px;
}
.input-group-text{
    width: 100px;
}

/* //CSS */
}

/* #Dispositivo = Tablets de baja resolución y teléfonos Móviles (horizontal) 
#Resolución = B/w 481px to 767px */
@media (min-width: 481px) and (max-width: 767px) {
/* //CSS */
}

/* Smartphones (landscape) */
@media only screen and (min-width : 321px) {
/* //CSS */
}

/* Smartphones (portrait) */
@media only screen and (max-width : 320px) {
/* //CSS  */
}

/* iPads (portrait & landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* //CSS */
}

/* iPads (landscape) 
#Dispositivo = Tablets, Ipads (horizontal) 
#Resolución = B/w 768px to 1024px */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 
and (orientation : landscape) {
/* //CSS  */
}

/* iPads (portrait) 
#Dispositivo = Tablets, Ipads (vertical) 
#Resolucion = B/w 768px to 1024px */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 
and (orientation : portrait) {         
/* //CSS  */
}

/* Ordenadores de sobremesa y portátiles */
@media only screen and (min-width : 1224px) { 
    .menu-lateral-celu {
        display: none;
    }
    .texto1{
        margin-top: 30px;            
    }
    .texto2{
        margin-top: 30px;            
    }
    .texto2_1{
        margin-top: 30px;             
    }
    .texto3{
        margin-top: 120px;            
    }
    .contenido-bg{
        min-height: 95vh;     
    }                   
/* //CSS  */
}

/* Ordenadores de sobremesa y portátiles varios tamaños */
@media only screen and (min-width : 481px) { 
    .menu-lateral-celu {
        display: none;
    }
    .texto1{
        margin-top: 30px;            
    }
    .texto2{
        margin-top: 30px;            
    }
    .texto2_1{
        margin-top: 30px;             
    }
    .texto3{
        margin-top: 120px;            
    }
    .contenido-bg{
        min-height: 95vh;     
    }                   
/* //CSS  */
}

/* Pantallas grandes */
@media only screen and (min-width : 1824px) {
    .menu-lateral-celu {
        display: none;
    }
    .texto1{
        margin-top: 30px;            
    }
    .texto2{
        margin-top: 30px;            
    }
    .texto2_1{
        margin-top: 30px;             
    }
    .texto3{
        margin-top: 120px;            
    }
    .contenido-bg{
        min-height: 95vh;     
    }       
/* //CSS  */
}

/* iPhone 6/7/8*/
@media only screen and (min-device-width : 375px) and (max-device-width : 414px) 
and (orientation : portrait) {
/* CSS  */
}   

/* iPhone 4 */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), 
only screen and (min-device-pixel-ratio : 1.5) {
/* CSS  */
}    