.cont-menu
	{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		z-index:2;
		-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.75);
		-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.75);
		box-shadow: 1px 1px 5px rgba(0,0,0,0.75);
	}

.con-logo
	{
		padding:10px 0;
		text-align:center;
		background-color:rgba(255,255,255,.8);
	}
.menu
	{
		background-color:#fff;
		text-align:center;
		padding:5px 0;
	}

.link-menu
	{

	}

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
}





.logo-index
	{
		width:98%;max-width:405px;
	}

.button_index {
    margin-top: 3.2em;

}

.caja-titulo
	{
		padding:.3em 2em;
		font-size:1.2em;
		background-color:rgba(0,0,0,0.3);
		text-align:center;
		font-color:#fff;
		border:1px solid #000;
		color:#fff;
		margin-bottom:2px;
	}

.caja-hora
	{
		display:flex;
		justify-content: center; /* Centra horizontalmente */
		align-items: center;
		height:30px;
		padding:0;
		font-size:.9em;
		text-align:center;
		color:#fff;
		background-color:rgba(255,255,255,0.1);
		border:1px solid rgba(0,0,0,.1);
		margin:2px 0;
	}



.caja-hora a
	{
		color:#fff;
		display:block;
		width:100%;
		height:100%;
		transition: all .5s
	}

.caja-hora a:hover
	{
		background-color:rgba(0,0,0,.7);

	}

.reserva_libre
	{
     	background-color:#2cc537;
     	color:#fff;
		text-align:center;
		text-align:center;
		-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
		box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
	}



.reserva_gris
	{
     	background-color:#ccc;
     	color:#919191;
	}

.content_pista_ocupada
	{
		position:absolute;
		z-index:2;
		width:100%;

	}

.reserva_ocupada
	{
		display: flex;
		justify-content: center;
		align-items: center;
		padding:.1em 0;
		font-size:.9em;
		text-align:center;
		color:#fff;
/*		background-color:#ff0000;  */
		border:1px solid #000;
		text-align:center;
		-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
		box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);

	}

.div_traslucido
	{
		background: rgb(255,255,255);
		background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(163,163,163,0) 15%, rgba(0,0,0,0.3) 50%, rgba(138,138,138,0) 85%, rgba(255,255,255,0) 100%);

	}

.main-back
	{
		background-size: cover;
		background-position: center;
		width: 100%;
		min-height: 100vh;
		padding: 80px 0 50px 0;
		box-sizing: border-box;
		background-color: rgba(0, 0, 0, 0.5);
		overflow-x: hidden; /* Aņade esta propiedad para ocultar el scroll horizontal */
	}

.main-back	h2
	{
		color:#fff;
	}

.margin-celda
	{
/*		margin-top:4px;  */
	}