.boton{

display: none;

}

.btc{

	display: none;
}

.container-p{

/*margin-top: 10vh;*/
width: 80vw;
margin-left: auto;
margin-right: auto;

}

.container{


text-align: center;
margin-top: 5vh;
/*background-color: #F8F8F8;*/
width: 100vw;



}

.container-atencion{

	
	margin-top: 5vh;
	display: flex;
	justify-content: center;


}

.container > h2{

font-size: 39px;
    color: #004597;
    /* font: caption; */
    font-weight: bolder;

}


.atencion-optica{

width: 20vw;
background-color: white;
margin-right: 5vw;

}

.atencion-audio{
width: 20vw;
background-color: white;
	
}

.bt-optica{

padding: 2vw;
padding-right: 3.5vw;
padding-left: 3.5vw;
background-color: white;
color:  #004597;
border:none;



}

.bt-audio{

padding: 2vw;
background-color: white;
color:  #004597;
border:none;

}


.img-optica{


background-image: url(img/boton-gradu.png);
height:  10vw;
background-repeat: no-repeat;
background-size: contain;
background-color: white;
background-position: center;
border-bottom: solid #004597 2px;


}



.img-audio{


background-image: url(img/icono-audio.png);
height:  10vw;
background-repeat: no-repeat;
background-size: contain;
background-color: white;
background-position: center;
border-bottom: solid #004597 2px;

}
/*-------------------------------------------paso1/form-0---------------------------------*/




/*-------------------------------------------paso2/mapas---------------------------------*/


.nombretienda, .direcciontienda, .tipotienda{

	text-align: left;
	color: #004597;
}


.tienda-info > h2{

font-size: 30px;
    color: #004597;
    /* font: caption; */
    font-weight: bolder;

}

.tienda-info > p{
 color: #004597;

}

.selectienda{

	padding: 1vw;
background-color: #004597;
color: white;
border:none;
}





/*-------------------------------------------paso2/mapas---------------------------------*/


/*-------------------------------------------paso3/form-calendario---------------------------------*/


.container{


	
}

.fecha{

float: left;
margin-left: 20vw;

}

.horas{

	margin-left: 44vw;
}

.select-2{

    width: 15vw;
    border: solid #004597 2px;
    padding: 0.5vw;


}

.btc{


	    margin-left: 4vw;
    margin-top: 5vh;
    padding: 2vw;
background-color: #004597;
color: white;
border:none;
}


.boton{

	margin-left: 4vw;
    margin-top: 5vh;
    padding: 1vw;
background-color: #004597;
color: white;
border:none;
}


.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    border: #004597 solid 2px;
    width: 20vw;
    padding: 1vw;
    
}


.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all{

	background-color: #004597;
	background-image: none;
	color: white;
}

th{


color: #004597;

}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{


background-image: none;
border:none;
background-color: #004597;
color: white;

}


.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{


background-color: #abd1ff;

}


/*-------------------------------------------paso3/form-calendario---------------------------------*/




/*-------------------------------------------paso4/datos---------------------------------*/


.bt{

padding: 1vw;
background-color: #004597;
color: white;
border:none;

}


.input{

border: #004597 solid 2px;
    width: 20vw;
    padding: 0.5vw;


}


.btv{

padding: 1vw;
background-color: #004597;
color: white;
border:none;

}

.btv > a{


color: white;
border:none;

}



@media screen and (max-width: 480px){


.container > h2{

font-size: 30px;
   

}


.container {
   height: 100vh !important;
       flex-wrap: wrap;

}

#map{

	width: 100vw !important;
    height: 40% !important;

}

.tienda-info{


width: 90vw !important;
height: 40vh;
margin-left:-18vw !important;

}


.fecha{

	float: none;
	margin-left: 15vw;
}

.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{

	width: 60vw;
}

.horas{

	margin-left: 0vw;
	margin-top: 5vw;
}

.select-2{

	width: 50vw;
    border: solid #004597 2px;
    padding: 0.5vw;
}



.input {
    border: #004597 solid 2px;
    width: 70vw;
    padding: 0.5vw;
}

.bt{

	padding: 2vw;
	margin-top: 4vh;
}


.boton-tienda{
	
	    margin-top: -31vh !important;
    padding: 4vw !important;
	
}

.izq{
	
	height:38vh !important;
}

.atencion-optica{
	
	width:46vw;
	
}

.atencion-audio{
	
	width:50vw;
}


.img-audio{
	
	height:36vw;
	
}


.img-optica{
	
	height:36vw;
	
}

}