/* HEADER para PHP */









/*Fin HEADER para PHP*/



.grturno{

 width: 100%;

 max-width: 1000px;

 margin: auto;

 font-size: 16px;

 line-height: 16px;

 display: grid;

 grid-template-columns: 1fr 1fr;

}



.grturno > article{

	display: block;

	padding: 10px;

	

	}

.turnocentrado{

	width: 80%;

	border: #000 1px solid;

	grid-template-columns: repeat(2, 1fr);

	grid-template-rows: repeat(10,1fr);



}

.grturno div a{

	color: #000;

	text-decoration: none;

}



.meses{

	width: 60%;

	max-width: 1000px;

	margin: auto;

	font-size: 16px;

	line-height: 16px;

}

.meses > div{

	display: grid;

	

	grid-gap:2px;

}

.mesnum{

	

	border: #000 1px solid;

	border-radius: 50px;

	font-size: 16px;

	line-height: 16px;

	text-align: center;

	

}

.mesnum:hover{



	background-color: #2A9FFF;

}

.grsemana{

	width: 100%;

	max-width: 1000px;

	margin-left: -10px;

	font-size: 24px;

	display: grid;

	line-height: 24px;

	grid-template-columns: repeat(7, 1fr);

	grid-template-rows: repeat(5, 1fr);

	}



.grsemana .laboral{

		width: 100%;

		border: #000 1px solid;

			}

.libre{

	

	background-color:RGB(176, 196, 222);

	border: #000 1px solid;

	text-align: center;

	font-size: 14px;

	

}

.feriado{

	border: #000 1px solid;

	background-color:#2A9FFF;

 	text-align:center;

	

	}

.laboral{

	border: #000 1px solid;

	text-align: center;

	width: 100%;

}

.display{

	display: block;

}

.nodisplay{



	display: none;

}



/* estilos turnos 2*/



.grturno02{

	width: 90%;

	max-width: 400px;

	margin: auto;

	font-size: 16px;

	line-height: 16px;

	display: grid;

	grid-template-columns: 1fr 1fr;

	color: red;

	

   }

.grturno02>div{

	text-align: center;

	border: #000 1px solid;

	font-size: 24px;

	line-height: 24px;

	display: grid;

	color: #000;

   }

.grturno02 div a{

	color: #000;

	text-decoration: none;

}

.grturno03{

	width: 90%;

	max-width: 500px;

	margin: auto;

	font-size: 16px;

	line-height: 16px;

	display: grid;

	grid-template-columns: 1fr 1fr;

	   }

.grturno03>article{

margin-top: 10px;

}

.grturno04{

	width: 90%;

	max-width: 800px;

	padding-top: 20px;

	margin: auto;

	font-size: 16px;

	line-height: 16px;

	 display: block;

	grid-template-columns: repeat(3, 1fr);

   }

.grturno04>article{

border: #000 1px solid;



}



.unblock{

	text-align: left;

	border: #000 1px solid;

}

.block{



	

	color:red;

	border: #000 1px solid;

	text-align: left;

}

.unblocka{

	color: green;

	float: right;

	

}



.bturno{



	margin-top: 20px;

	margin-bottom: 10px;

	text-align: center;



}

.button-success a {

	color: white;
	border-radius: 28px;
	font-size: 30px;
  	padding: 10px 20px 10px 20px;
  	text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	background: rgb(28, 184, 65); /* this is a green */

}

.button-success a:hover {

	cursor: pointer;

	background: rgb(13, 117, 37); /* this is a green */

}

.notas{



	padding-top: 10px;



}

.btn {



    font-size: 12px;

    border: 1px solid #4e6096;

    display: inline-block;

    cursor: pointer;

    padding: 10px 29px;

    text-decoration: none;

	 margin-bottom: 0;

	 margin-top: 30px;

    background: #7992F8;

	color: #ffffff;

	float: right;

    border-radius: 55%;

    width: auto;

}



.reserva_form{

	float: left;

	width: 80%;

	border: 1px solid #ccc;

	margin: 20px;

	padding: 20px;

}



.reserva_form label{

	font-size: 14px;

	display: block;

	width: 80%;

}



.reserva_form input{

	margin-bottom: 20px;

	width: 100%;

	padding: 10px;

	box-sizing: border-box;

	border: 1px solid #ccc;

	background: #ffffff;

	color: #000;

	

}



.reserva_form input:focus{

	border: #1668C4 solid 1px;

}

.reserva_form input[type="submit"]{

	margin-bottom: 0;

	background: #1668C4;

	color: #ffffff;

	border-radius: 65%;

	width: auto;

	border:1px solid #4e6096;

}

.reserva_form .btnbck{

	font-size: 14px;

	border:1px solid #4e6096;

	display:inline-block;

	cursor:pointer;

	padding:10px 29px;

	text-decoration:none;

	text-shadow:0px 1px 0px #283966;

	margin-bottom: 0;

	background: #1668C4;

	color: #ffffff;

	border-radius: 65%;

	width: auto;

}

.reserva_form input[type="submit"]:hover{

	background: #4A88F4;

	cursor: pointer;

}

.reserva_form .btnbck:hover{

	

	background-color:#4A88F4;

}

.reserva{

	margin: 50px;	

	text-align: center;

	

}

#reserva{

	padding-left: 50px;

}



.confirma{



	margin: 50px;	

	text-align: center;

}





footer{

	margin-top: 30px;

}





#fecha{



	float: right;

	padding-bottom: 10px;



}



.year_2023 .year_2024 {

	text-align: center;

	cursor: pointer;

}





table.paleBlueRows {

	font-family: "Times New Roman", Times, serif;

	border: 1px solid #FFFFFF;

	

	height: 200px;

	text-align: center;

	border-collapse: collapse;

  }

  table.paleBlueRows td, table.paleBlueRows th {

	border: 1px solid #FFFFFF;

	padding: 3px 2px;

  }

  table.paleBlueRows tbody td {

	font-size: 19px;

  }

  table.paleBlueRows tr:nth-child(even) {

	background: #D0E4F5;

  }

  table.paleBlueRows thead {

	background: #0B6FA4;

	border-bottom: 5px solid #FFFFFF;

  }

  table.paleBlueRows thead th {

	font-size: 24px;

	font-weight: bold;

	color: #FFFFFF;

	text-align: center;

	border-left: 2px solid #FFFFFF;

  }

  table.paleBlueRows thead th:first-child {

	border-left: none;

  }

.contenedor-textos > img{
    width: 10%;
    margin-left: 40px;
    margin-right: 35px;
    display:inline-block;

}

section{

    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 0 10px;
    background-image: none;

}
section h2{
		text-align: center;
        font-size: 25px;
        font-weight: 100;
        margin-bottom: 1px;

}

.cvd{
	color: #c44a4a;
	font-weight: bold;
    font-size: 14px;
    text-align: center;
	margin-left: 5%;
    margin-bottom: 5px;
    width: 90%;
}

section > img{

    height: 60%;
}

/* Medias Queris */
@media screen and (max-width:1000px){


section > img {

    height: 40%;

}
.contenedor-textos{
    
    text-align: center;

}
.contenedor-textos > img{
    margin-left: 0px;
    margin-right: 0px;

}

}
@media screen (min-width: 380px) and (max-width:700px){

.contenedor-textos > img{
        width: 10%;
        margin-left: 25px;
        margin-right: 25px;
        
    }

}



/* Medias Queris */



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

	.grturno{

		/*width: 60%;*/

		max-width: 800px;

		font-size: 16px;

		line-height: 16px;

		display: grid;

		grid-template-columns: 1fr;

	   }



	.grsemana{



	/*	width: 80%;*/

		max-width: 800px;

		margin-left: 6px;

		font-size: 16px;

		display: grid;

		line-height: 12px;

		grid-template-columns: repeat(7, 1fr);

		grid-template-rows: repeat(5, 1fr);

		}

    .grturno02>div{



		text-align: center;

		max-width: 800px;

		border: #000 1px solid;

		font-size: 16px;

		line-height: 12px;

		display: grid;

		color: #000;

		   }

	.mesnum{

		border: #000 1px solid;

		border-radius: 50px;

		margin-left: 0%;

		font-size: 16px;

		line-height: 16px;

		text-align: center;

		

		}

    .grturno04{

	   padding-top: 20px;			

       grid-template-columns: 1fr;

      }



}

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

	

	.meses{

		

		margin:auto;	

	}

	.grsemana{

		width: 40%;

		

		}

	.grturno{

    margin-left:  -10px;

	}



	.display b{

		float: right;

	}

	.nodisplay b{

		float: right;

	}

	#fecha{

		font-size: 12px;

	

	}

	.notas{



		font-size: 12px;

		float: right;

	

	}



	.grturno02{

		font-size: 12px;

		width: 60%;

	   }



	.bturno{

		

		font-size: 12px;

		

	   }
	.button-success a {

	
	font-size: 18px;

   }