.white {
  width:auto;
  padding-left:30%;
  font-size: x-large;
  font-family: 'Josefin Sans', sans-serif;
  text-align:center;
  padding: 3px 11px;
  background-color:#F2F2F2;
  background: #f5f5f5;
  border-color: #dedede #d8d8d8 #d3d3d3;
  box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
  color: #555;
  border-radius: 5px;
  text-shadow: 0 1px 0 #fff;
  background: -moz-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: -webkit-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: o-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: ms-linear-gradient(top,  #f9f9f9, #f0f0f0);
  background: linear-gradient(top,  #f9f9f9, #f0f0f0);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0');
}







.close {
 font-weight: bold;
  cursor: pointer;
  background: #ccc;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50%;

}

  .img {
 background-image:url(../imagenes/padel_inf_1.jpg);
 background-size:cover;
 background-repeat:no-repeat;
background-position:center;
 }

 .img_1 {
 background-image:url(../imagenes/futbolcesp_inf_1.jpg);
  background-size:cover;
 background-repeat:no-repeat;
background-position:center;
 }
 
  .img_1_1 {
 background-image:url(../imagenes/futbol_inf.jpg);
  background-size:cover;
 background-repeat:no-repeat;
background-position:center;
 }

  .img_2 {
 background-image:url(../imagenes/nata.jpg);
  background-size:cover;
 background-repeat:no-repeat;
background-position:center;
 }
 
  .img_2_2 {
 background-image:url(../imagenes/padel_inf.jpg);
  background-size:cover;
 background-repeat:no-repeat;
background-position:center;
 }

  .img_3 {
 background-image:url(../imagenes/futbol_inf_1.jpg);
  background-size:cover;
 background-repeat:no-repeat;
background-position:center;
 }
 
 .img_3_3 {
 background-image:url(../imagenes/copa_fsala.jpg);
  background-size:cover;
 background-repeat:no-repeat;
background-position:center;
 }
 
  .img_4 {
 background-image:url(../imagenes/volei_inf.jpg);
  background-size:cover;
 background-repeat:no-repeat;
background-position:center;
 }
 
 .img_5 {
 background-image:url(../imagenes/tenis_inf.jpg);
  background-size:cover;
 background-repeat:no-repeat;
background-position:center;
 }
 


 .situacion {
 top: 82%;
	right: 0;
	bottom: 0;
	left: 0;

 }

 .color {
 font-family: 'Josefin Sans', sans-serif;
 color: red;
 }

 /* open caja0 */

 .modalDialog  {
	position: fixed;
 font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target  {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div  {
	width: 80%;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #ccc);
	background: -webkit-linear-gradient(#fff, #ccc);
	background: -o-linear-gradient(#fff, #ccc);
}

 /* close caja0 */

  /* open caja1 */

.modalDialog_1  {
	position: fixed;
 font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog_1:target  {
	opacity:1;
	pointer-events: auto;
}

.modalDialog_1 > div  {
	width: 80%;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #ccc);
	background: -webkit-linear-gradient(#fff, #ccc);
	background: -o-linear-gradient(#fff, #ccc);
}
 /* close caja1 */

   /* open caja2 */

.modalDialog_2  {
	position: fixed;
 font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog_2:target  {
	opacity:1;
	pointer-events: auto;
}

.modalDialog_2 > div  {
	width: 80%;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #ccc);
	background: -webkit-linear-gradient(#fff, #ccc);
	background: -o-linear-gradient(#fff, #ccc);
}
 /* close caja2 */

    /* open caja3 */

.modalDialog_3  {
	position: fixed;
 font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog_3:target  {
	opacity:1;
	pointer-events: auto;
}

.modalDialog_3 > div  {
	width: 80%;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #ccc);
	background: -webkit-linear-gradient(#fff, #ccc);
	background: -o-linear-gradient(#fff, #ccc);
}
 /* close caja3 */
 
  /* open caja4 */

.modalDialog_4  {
	position: fixed;
 font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog_4:target  {
	opacity:1;
	pointer-events: auto;
}

.modalDialog_4 > div  {
	width: 80%;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #ccc);
	background: -webkit-linear-gradient(#fff, #ccc);
	background: -o-linear-gradient(#fff, #ccc);
}
 /* close caja4 */
 
  /* open caja5 */

.modalDialog_5  {
	position: fixed;
 font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog_5:target  {
	opacity:1;
	pointer-events: auto;
}

.modalDialog_5 > div  {
	width: 80%;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #ccc);
	background: -webkit-linear-gradient(#fff, #ccc);
	background: -o-linear-gradient(#fff, #ccc);
}
 /* close caja5 */