html, body, #container { 
    height: 100%;
}
body{
    margin: 0;        
    font-family: 'Montserrat', sans-serif;    
}
#header{}
#footer{}
.oculto{
    visibility: hidden;
    display: none;
}
.visible{
    visibility: visible;
    display: block;
}
@media only screen and (max-width: 767px) {    
    #kolbi{    
        padding: 10px;
        width: 200px;  
    }
    #sistema{
        padding: 0px;
        /*width: 50%;        
        display: block;
		margin-left: auto;	*/
		height: 50%; 
		width: 50%;       
        display: block;
    }
    #iconsbar{
        width: 100%;
        background: #FFFFFF;        
        height: 20%;
    }
    #contenido{        
        width: 100%;
        background: #EBF1F1;      
        position: relative;
        top:10px;
        padding-top: 30px;
        padding-bottom: 100px;
        overflow:hidden; 
        text-align: center;
        vertical-align: middle;
    }
	.texto_portada_agencia{
        font-size: 24px;
        text-align: center;    
		color: #9F2383;
		background-color: #BED639;
		text-transform:uppercase;        
    }
    #imagen_edificio{
        width: 50%;
		height: 50%;
    }
    
    .celda_dia{
        width: 30px;
        height: 25px;        
        padding: 5px;
        font-size: 15px;
    }
    
    .cellspacing_tab{
        border-spacing: 10px;
    }
    
    .mesdelyear,.fechadeldia{
        font-size: 24px;
        padding: 5px;
        text-align:center;
    }
    
    .boton_proceder,.boton_volver{
        max-width: 79px;
        width: 78px;
    }    
    .img_cambiames{
        width: 20px;
    }
    .tit_horas{
        font-size: 32px;
        padding: 5px; 
		text-align: center;
		color: #00948E;
    }
    #linea_hora{
        /*padding-left: 20px;*/
        display: inline-block; 
		width: 100px;
	 	font-size: 45px;
    }
    
    .gr{
        width: 200px;
    }
    .pq{
        width: 150px;
    }
    
    .fc_input_ta{
        font-size: 20px;
        width: 275px;
        /*font-family: "Montserrat-Regular";    */
        font-family: 'Montserrat', sans-serif; 
        resize: none;
    }
    .texto_portada_titulo{
        font-size: 24px;
        text-align: center;            
    }
    #texto_portada{
        font-size: 18px;
        text-align: right;            
    }
    
	.horadisponible{
        /*background-color: #C9C7C8;*/
		font-size: 50px;
        color: #BED639;
        cursor: pointer; 
		text-align: center;
    }
    .horanodisponible{
        /*background-color: #9F2383;*/
		font-size: 20px;
        color: #666666;
		text-align: center;
    }
        
}
    
@media only screen and (min-width: 768px) {
       
    
    #kolbi{    
        padding: 10px;
        width: 250px;  
    }
    #sistema{        
        height: 70%;        
        display: inline-block;
		position: absolute;	
        right: 10%;
        bottom: 10px;        
    }    
    #iconsbar{
        width: 100%;
        background: #FFFFFF;
        position: relative;
        height: 120px;
    }
    #contenido{        
        width: 100%;
        background: #EBF1F1;
        border-top: 1px solid white;
        border-bottom: 1px solid white;
        position: relative;
        top:15%;
        bottom: 2%;
        left: 0;
        padding: 10px;
        overflow:auto; 
        text-align: center;
        vertical-align: middle;        
    }
    #imagen_edificio{
        width: 500px;
    }
    
    .celda_dia{
        width: 40px;
        height: 30px;        
        padding: 10px;
        font-size: 20px;
    }

    .cellspacing_tab{
        border-spacing: 20px;
    }
    
    .mesdelyear,.fechadeldia{
        font-size: 36px;
        padding: 10px;
        text-align:center;
    }
    
    .boton_proceder,.boton_volver{
        max-width: 79px;
        width: 78px;
    } 
	.boton_proceder_primer_pag{
        /*max-width: 242px;
        width: 70%;*/
		text-align:center;
    } 
    .img_cambiames{
        width: 36px;
    }
    
    .tit_horas{
        font-size: 50px;
		color: #00948E;
        padding: 10px; 
		text-align: center;
    }
    #linea_hora{
        padding-left: 40px;
        display: inline-block;
		width: 150px;
    }
    
    .gr{
        width: 380px;
    }
    .pq{
        width: 150px;
    }
    
    .fc_input_ta{
        font-size: 20px;
        width: 550px;
        /*font-family: "Montserrat-Regular";    */
        font-family: 'Montserrat', sans-serif; 
        resize: none;
    }
    
    .texto_portada_titulo{
        font-size: 32px;
        text-align: center;   
    }
	.texto_portada_agencia{
        font-size: 32px;
        text-align: center;    
		color: #9F2383;
		background-color: #BED639;
		text-transform:uppercase;        
    }
    #texto_portada{
        font-size: 24px;
        text-align: right;            
    }

}


    #caja_1,#caja_2,#caja_3,#caja_4,#caja_5{
        position: relative;
        left: 5px;
        top: 5px;
        width: 95%;        
    }
    #calendario_contenedor{
       /*height: 620px;*/
       overflow: hidden;          
    }
    #lineas_horas_calendario{
        height: 200px;
        overflow-x: hidden; 
        overflow-y: auto;
    }
    
    #imagen_edificio{
        padding: 10px;        
    }
    .celda_2{  
        background-color: #9F2383;
        padding: 20px;
        color: #FFFFFF;
        width: 90%;
        max-width: 500px;
    } 
	@font-face {
		font-family: 'Montserrat'; 
		src: url(../fonts/Montserrat-Regular.otf);
	}  
    .celda_1{           
		color: #00948E;
		background-color: #BED639;
        padding: 10px;
        width: 80%;
        max-width: 600px;
        display: inline-block;
        text-align: left;
		font-family : 'Montserrat';
    }
	.cejilla{           
		color: #9F2383;
		background-color: #BED639;
    }
    .celda_0{    
        background-color: #BED639; 
		color: #9F2383;
        padding: 20px;
        width: 90%; 
        max-width: 500px;
    }
    
    .boton_proceder{
        display: inline-block;
        position: relative;
        /*top: 80%;*/
        cursor: pointer;
        /*right: 5%;
        z-index: 5;*/
    }
    .boton_volver{
        display: inline-block;
        position: relative;
        /*top: 70%;*/
        cursor: pointer;
        /*right: 5%;
        z-index: 5;*/
    }
    
    
    .celda_3{           
        position: relative;
        
    }
    .celda_4{    
        position: relative;    
        margin: auto;
        background-color: #BED639;
        padding: 10px;
        color: #9F2383;   
        height: auto;
        font-size: 36px;
        max-width: 600px;
        width: 90%;
        min-width: 300px;
    }
    
    .fc_encab{
        text-align: left;
        width: 100px;
        display: inline-block;
        padding: 10px;
        font-size: 20px;
		color: #00948E;
    }
    .fc_input{    
        display: inline-block;
        padding: 10px;
        width: 400px;
        text-align: left;
    }
    .fc_encab2{
        text-align: left;
        width: 200px;
        display: inline-block;
        padding: 10px;
        font-size: 20px;
		color: #00948E;
    }
    .lefted{
        text-align: left;
    }
    .fc_input2{    
        display: inline-block;
        padding: 10px;
        width: 300px;
        text-align: left;
        font-size: 30px;
		color: #00948E;
    }
    .fc_input_sel{
        font-size: 20px;
        /*font-family: "Montserrat-Regular"; */   
        font-family: 'Montserrat', sans-serif; 
        width: 200px;
    }
    .fc_input_tf{
        font-size: 20px;
        /*font-family: "Montserrat-Regular"; */   
        font-family: 'Montserrat', sans-serif; 
    }    
    .fc_inputta{
        padding: 10px;
		font-size: 20px;
    }
    
    .fc_encab_bl{
        font-size: 20px;
        display: block;
		color: #00948E;
        text-align: left;
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .fc_encab_ley{
        font-size: 15px;
        display: block;
        text-align: left;
        padding-left: 35px;
		color: #00948E;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    #formulario_contenedor{
        font-size: 25px;
    }
    
    
    .diasdelasemana{
        font-size: 32px;  
        text-align: center;
		color:#666666;
    }
    .requisitos{
        color: #0033ff;
        text-decoration: underline;
        padding: 15px;        
        cursor: pointer;
        display: inline-block;
    }
	.requisitos_iniciales{
        color: #FFFFFF;
        text-decoration: underline;
        padding: 5px;  
		font-size: 15px;      
        cursor: pointer;
        display: inline-block;
    }
    .chrequisitos{
        padding: 15px;
        cursor: pointer;
        display: inline-block;
    }    
    .diapasado,.dianodisponible{
        background-color: #C9C7C8;    
        color: #000000;
    }
    .diadisponible{
        /*border: solid 1px;*/
        background-color: #BED639;
        cursor: pointer;    
    }
    .diasucita{
        /*border: solid 1px;*/
        background-color: #00948E;
        color: #FFFFFF;
    }
	.horasucita{
        /*border: solid 1px;*/
        /*background-color: #00948E;*/
        color: #00948E;
		font-size: bold 70px;
    }
    .hora{
        font-size: 70px;
    }
    .ndisp{
        color: #666666;
		background-color: #C9C7C8; 
        font-size: 24px;
    }
    .disp{          
        font-size: 24px;
		color: #666666;
		background-color: #BED639;
    }
    .sc{
        color: #00948E;
        font-size: 20px;
        width: 150px;
    }
    .link_cambiames{
        cursor: pointer;
    }
    .tab_horas{        
        border-collapse: separate;
    }
    
    .lin_horas{
        font-size: 50px;        
        height: 50px;    
    }
    .horadisponible{
        /*background-color: #C9C7C8;*/
		font-size: 50px;
        color: #BED639;
        cursor: pointer; 
		text-align: center;
    }
    .horanodisponible{
        /*background-color: #9F2383;*/
		font-size: 20px;
        color: #666666;
		text-align: center;
    }

    #tabla_calendario_tab{
        width: 500px;
        min-width: 550px;
    }
    .blockinline{
        display: inline-block;
    }
    #procesando{
        position: absolute;        
        z-index: +1;
        width: 232px;
        height: 75px;
        margin: 0 auto;        
        left: 0;
        right: 0;        
        top: 40%;
    }