@import url("fonts.css");

table {
    border-collapse: collapse;
    border-spacing: 0;
	border:none
}

.cuadrado {
    height: 35px;
    width: 35px;
    /* font-weight: bold; */
	border:none;
}

.gris {
    background-color: #F0F0F0;
    cursor: pointer;
}

.verde_central {
	background-color:#376D37;
	color:#FFFFFF;
	cursor:pointer;
}

.cuadrado_rojo{
	background-color:#e03a3e;
	color:#FFFFFF;
	cursor:pointer;

}

#referencia_colores {
	font-size:14px;
	line-height:21px;
}

#horarios {
	float:left;
	margin-left:50px;
	max-width: 300px;
}

#div_calendario {
	float:left;
}




.boton_confirmar_1{

	width: 300px;
    cursor: pointer;
    float: none;
backface-visibility: hidden;
    border: none;
    border-radius: 0;
    color: #fff !important;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    padding: 17px 40px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transform: translateZ(0px);
    transition: .3s;
    transition-property: color;
    background: #0275bc;
    font-weight: 600 !important;
}

.boton_links{
	width: 100%;
    cursor: pointer;
    float: none;
backface-visibility: hidden;
    border: none;
    border-radius: 0;
    color: #fff !important;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    padding: 17px 40px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transform: translateZ(0px);
    transition: .3s;
    transition-property: color;
    background: #0275bc;
    font-weight: 600 !important;
}

.hora_1{

	height: 48px;
    width: 300px;
    border: 1px solid #cccccc;
    margin-bottom: 30px;
    padding: 0 15px;
    color: #666666;
    font-size: 14px;
    transition: .3s;
    background: #f7f7fd;
}

.hora_2{

	height: 48px;
    width: 300px;
    border: 1px solid #dddc;
    margin-bottom: 30px;
    padding: 0 15px;
    color: #ccc;
    font-size: 14px;
    transition: .3s;
    background: #f7f7fd;
}

.flechita_izquierda_1{

	background-color: #0275bc;
    /* border-color: #be3a49; */
    /* border-width: thin; */
    color: #fff;
    margin-right: 5%;
    cursor: pointer;
    width: 25px;
    height: 25px;
    border-width: thin;
    border: none;
    font-size: 20px;
    float: left;
    padding-bottom: 30px;
}

.flechita_derecha_1{

	background-color: #0275bc;
    /* border-color: #be3a49; */
    color: #fff;
    margin-left: 5%;
    cursor: pointer;
    width: 25px;
    height: 25px;
    border-width: thin;
    font-size: 20px;
    float: right;
    padding-bottom: 30px;
    border: none;
}

.mes_ano_1{
	color: #000;
    font-size: 20px;
    text-align: center;
}

.horarios_1{

	margin-bottom: 15px;
    color: #000;
    font-size: 20px;
}

.horarios_2{

	margin-bottom: 15px;
    color: #cccccc;
    font-size: 20px;
}

.page-title_1{
    font-family: 'Open Sans', sans-serif !important;
    color:#e28330 !important;
    font-size: 15px !important;
}

.page-title_2{
    font-family: 'Open Sans', sans-serif !important;
    color: #be3a49 !important;
    font-size: 15px !important;
}


@media (min-width:320px) and (max-width:767px) {

	#horarios {
		float:none;
		margin-left:0px;
	}

	#div_calendario {
		float:none;
		margin-bottom:25px;
	}

}