@charset "utf-8";
/* CSS Document */


.general {
  width:100%;
  height:auto;
  margin: 0 auto;
  overflow:hidden;
  }

a:link, a:visited, a:active {text-decoration:none;}
.calendario {color:#414450;}
.enlaces_internos {color:#2d332d;}
.enlace1 {color:#e80000;}
.enlace_nav {color:#939692;}
.navegadores {color:#FFFFFF;}
.reservas {color:#FFFFFF;}
.enlace_menu {font-family:Calibri; font-size:1em; padding-top:3%; text-align:center; color:#4A4A4A; text-decoration:underline;}
			/*Formatos de escrituras*/
.oculto {display:none; z-index:40; position:absolute;
  left:30%;}
.modifica {color:#009900; font-family:Calibri, Candara, "Arial Narrow", "Bell MT", Corbel, Vrinda, "Times New Roman"; 
           font-size:0.8em; font-weight:400; text-align: text-align:center;}
.borrar {color:#FF0000; border: 1px solid #999999; font-family:Calibri; font-size:0.8em; text-align:center; background-color:#FFFFFF;
         padding-left:1%;padding-right:1%;}      
/*Botones*/

.botonA {
  background: #313132;
  background-image: -webkit-linear-gradient(top, #313132, #313122);
  background-image: -moz-linear-gradient(top, #313132, #313122);
  background-image: -ms-linear-gradient(top, #313132, #313122);
  background-image: -o-linear-gradient(top, #313132, #313122);
  background-image: linear-gradient(to bottom, #313132, #313122);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 7px #666666;
  -moz-box-shadow: 2px 2px 7px #666666;
  box-shadow: 2px 2px 7px #666666;
  font-family: Arial;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 500;
  padding: 10px 13px 10px 13px;
  text-decoration: none;
}

.botonA:hover {
  background: #ffc700;
  color:#939692;
  background-image: -webkit-linear-gradient(top, #ffc700, #f5e44c);
  background-image: -moz-linear-gradient(top, #ffc700, #f5e44c);
  background-image: -ms-linear-gradient(top, #ffc700, #f5e44c);
  background-image: -o-linear-gradient(top, #ffc700, #f5e44c);
  background-image: linear-gradient(to bottom, #ffc700, #f5e44c);
  text-decoration: none;
}
.botonB {
  background: #b8b9ba;
  background-image: -webkit-linear-gradient(top, #b8b9ba, #9e9e92);
  background-image: -moz-linear-gradient(top, #b8b9ba, #9e9e92);
  background-image: -ms-linear-gradient(top, #b8b9ba, #9e9e92);
  background-image: -o-linear-gradient(top, #b8b9ba, #9e9e92);
  background-image: linear-gradient(to bottom, #b8b9ba, #9e9e92);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 7px #666666;
  -moz-box-shadow: 2px 2px 7px #666666;
  box-shadow: 2px 2px 7px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  padding: 10px 13px 10px 13px;
  text-decoration: none;
}

.botonB:hover {
  text-decoration: none;
}

body {
  margin:0px;
  background-color:#E7EFE7;
  font-size:1.5vw;
}
			/*TITULOS*/
h1 {
   color:#2D332D;
   font-family:Calibri;
   font-size:1.1em;
   font-weight:600;
   }	
h3 {	
   color:#282828;
   font-family:Calibri;
   font-size:0.9em;
   font-weight:600;
   }
h4 {	
   color:#FF0000
   font-family:Calibri;
   font-size:0.8em;
   font-weight:500;
   font-style:italic;
   }  	
input {
   border-radius: 2px 2px 2px 2px;
   -moz-border-radius: 2px 2px 2px 2px;
   -webkit-border-radius: 2px 2px 2px 2px;
   border: 1px solid #cfc3cf;
   }   	
input:focus { 
   -webkit-box-shadow: -2px 0px 14px 1px rgba(217,177,15,1);
   -moz-box-shadow: -2px 0px 14px 1px rgba(217,177,15,1);
   box-shadow: -2px 0px 14px 1px rgba(217,177,15,1);
   }  
select { 
   width:auto;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border: 1px solid #cfc3cf;
   font-family:Calibri;
   font-size:0.8em;
   color:#009900;
   padding-left:4%;
   height:26px;
   }   	    

/* Separaciones entre contenedores*/

.separacion4 {
  width:100%;
  height:4%;
  color:#FFFFFF;
  position:relative;
}
.separacion_area_jugador {
  width:100%;
  height:50%;
  color:#FFFFFF;
  position:relative;
}
  
.contenedor2 {
  width:98%;
  float:left;
  margin-top:6%;
} 
.separacion1 {
   width:1%;
   height:auto;
   float:left; 
    }	
	.separacion1_registro {
	  width:1%; 
	  height:auto; 
	  position:relative; 
	  float:left; 
	  margin-top: 17%;
	  }
	
.separacion2 {
   width:2%;
   height:auto;
   float:left; 
    }
.separacion3 {
   width:3%;
   height:auto;
   float:left; 
    }					
.separacion4_limpia {
   width:4%;
   height:auto;
   float:left; 
    }			
.separacion5_limpia {
   width:5%;
   height:auto;
   float:left; 
    }
.separacion7 {
   width:7%;
   height:auto;
   float:left; 
    }			
.separacion10_limpia {
   width:10%;
   height:auto;
   float:left; 
    }
	.separacion10_registro {
   width:10%;
   height:auto;
   float:left; 
    }	
.separacion12 {
   width:12%;
   height:auto;
   float:left; 
    }			
.separacion13 {
   width:13%;
   height:auto;
   float:left; 
    }			
.separacion15 {
   width:15%;
   height:auto;
   float:left; 
    }
	.margen15 {
      width:15%;
      height:auto;
      float:left;
      position:relative;
      margin-top: 17%; 
    }

.separacion16 {
   width:16%;
   height:auto;
   float:left; 
    }			
																	
.separacion20 {
   width:20%;
   height:auto;
   float:left; 
    }	
	.margen20 {
      width:20%;
      height:auto;
      float:left; 
    }
	.registro20 {
      width:20%;
      height:auto;
      float:left; 
    }		

.separacion22 {
   width:22%;
   height:auto;
   float:left; 
    }		
.separacion24 {
   width:24%;
   height:auto;
   float:left; 
    }	
.separacion30 {
   width:30%;
   height:auto;
   float:left; 
    }
	.registro30 {
      width:30%;
      height:auto;
      float:left; 
    }
.separacion35 {
   width:35%;
   height:auto;
   float:left; 
    }	
.separacion40 {
   width:40%;
   height:auto;
   float:left; 
   caja }	
.separacion45 {
   width:45%;
   height:auto;
   float:left; 
    }		
.separacion50 {
   width:50%;
   height:auto;
   float:left; 
    }				
.separacion60 {
   width:60%;
   height:auto;
   float:left; 
    }	
	
.separacion61 {
   width:61.5%;
   height:auto;
   float:left; 
    }	
		
.separacion64 {
   width:64%;
   height:auto;
   float:left; 
    }	
.separacion70 {
   width:70%;
   height:auto;
   float:left; 
    }
	
.separacion75 {
   width:75%;
   height:auto;
   float:left; 
    }
.separacion80 {
   width:80%;
   height:auto;
   float:left; 
    }	
.separacion87 {
   width:87%;
   height:auto;
   float:left; 
    }		
.separacion90 {
   width:90%;
   height:auto;
   float:left; 
    }		
.separacion95 {
   width:95%;
   height:auto;
   float:left; 
    }	
.separacion99 {
   width:97%;
   height:auto;
   float:left; 
    }						
			/* Separaciones relativas*/
.separacion5_relativa{
   width:5%;
   height:auto;
   position:relative;
   float:left;
   }			
/* Contenedores */
  
.contenedor { 
  width:100%;
  overflow: hidden;
  box-sizing: border-box;  
}
.flex-container {
  width:100%;
  height:auto;
  max-height:300px;
  position:absolute;
  top:100px;
  left:0px;
  border-bottom:2px solid #2d332d;
  z-index:1;
}
			/*CONTENEDOR PARA SLIDER*/
.flexslider {
  width:100%;
  height:auto;
  float:left;
  top:0px;
  left:0px;
  z-index:1;
}			
.navegador_superior {
  width:100%;
  height:100px;
  max-height:100px;  
  background-color:#FFFFFF;
  position:fixed;
  float:left;
  z-index:400;
  border-top:2px solid #2d332d;
  -webkit-box-shadow: 0px 2px 16px -1px rgba(45,51,45,0.68);
  -moz-box-shadow: 0px 2px 16px -1px rgba(45,51,45,0.68);
  box-shadow: 0px 2px 16px -1px rgba(45,51,45,0.68);
} 
.navegador_superior1 {
  width:100%;
  height:auto;
  filter:alpha(opacity=90);
  opacity:0.9;
  -moz-opacity:0.90;
  background-color:#2D332D;
  position:relative;
  float:left;
  margin-top:15%;
  z-index:10;
} 
.navegador_aplicacion {
  width:100%;
  height:auto;
  position:relative;
  float:left;
  z-index:10;
  }
.enlace_navegador {
  width:4%;
  height:auto;
  float:left;
  margin-left:48%;
  margin-top:0.4%;
  margin-bottom:0.8%;
  z-index:10;
  font-family:Calibri;
  font-size: 0.6em;
  text-align:center;
  color:#FFF2B2;
}
	.separacion_navegadores {
	   width:1%;
	   height:auto;
	   float:left;
	   }
.enlace_navegador1 {
  width:4%;
  height:auto;
  float:left;
  margin-left:1%;
  margin-top:0.4%;
  margin-bottom:0.8%;
  z-index:10;
  font-family:Calibri;
  font-size: 0.6em;
  text-align:center;
  color:#FFF2B2;
}
.enlace_navegador2 {
  width:4%;
  height:auto;
  float:left;
  margin-left:1%;
  margin-bottom:1%;
  z-index:10;
}

			/* Cajas para agrupar formularios acceso de clientes*/
.area_jugador {
  width:61.5%;
  height:auto;
  position:relative;
  float:left;
  background-color:transparent;
  z-index:10;
  background-color:#FFFFFF;
  border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  -webkit-border-radius: 0px 4px 4px 0px;
  border: 1px solid #cbcdcb; 
  }
  
   .entrada_datos {
     width:30%;
	 height:auto;
	 position:relative;
	 float:left;
	 z-index:10;
	 margin-top:1.6%;
	 margin-bottom: 1.32%;
	 }
   .area_jugador_duda {
     width:4%;
	 height:auto;
	 position:relative;
	 float:left;
	 z-index:10;
	 margin-top:1.6%;
	 font-family:Calibri;
	 font-size:1.1em;
	 text-align:center;
	 color:#989999;
	 font-weight:300;
	 background-color:#313132;
	}
   .espacio_jugador3 {
     width:1%;	 
	 height:auto;
	 position:relative;
	 float:left;
	 z-index:10;
	 color:#FFFFFF;
	}
   .espacio_jugador4 {
     width:2%;
	 height:auto;
	 position:relative;
	 float:left;
	 z-index:10;
	 color:#FFFFFF;
	}
   .enviar_datos {
     width:20%;
	 height:30px;
	 float:left;
	 z-index:10;
	 margin-top:11px;
	 font-family:Calibri;
	 font-size:1em;
	 text-align:center;
	 line-height:30px;
	 color:#FFFFFF;
	 background-image: url(file:///C|/Users/Jos&#233;%20Luis/Consultor&#237;a/Aragon%20Sport%20Padel/imagenes/padel/fondo_registro.png);
	 border-radius: 4px 4px 4px 4px;
     -moz-border-radius: 4px 4px 4px 4px;
     -webkit-border-radius: 4px 4px 4px 4px;
	 }	  	
			/*Fin cajas acceso clientes*/	
.espacio_jugador{
   width:10%;
   height:50px;
   position:relative;
   float:left;
   margin-top:17%;
   z-index:10;}
	 
.registro {
   width:10%;
   height:auto;
   position:relative;
   float:left;
   padding-top:1%;
   padding-bottom:1%;
   z-index:10;
   color:#313132;
   font-family:Calibri;
   font-size:1em;
   font-weight:500;
   text-align:center;
   background-color:#FFFFFF;
    border-radius: 4px 0px 0px 4px;
   -moz-border-radius: 4px 0px 0px 4px;
   -webkit-border-radius: 4px 0px 0px 4px; 
   border: 1px solid #cbcdcb;    
   
	}
.zona_registro {
   width:100%;
   height:auto;
   position:relative;
   float:left;
   margin-top:296px;  
   z-index:10;
   color:#FFFFFF;
   font-family:Calibri;
   font-size:0.8em;
   font-weight:500;
   text-align:center;  
	}
	
.espacio_jugador2 {
   width:1%;
   height:auto;
   position:relative;
   float:left;
   margin-top:17%;
   z-index:10;
	}
.area_jugador_acceso {
   width:9%;
   height:auto;
   position:relative;
   float:left;
   padding-top: 1%;
   padding-bottom: 1%;
   z-index:10;
   color:#FFFFFF;
   font-family:Calibri;
   font-size:1em;
   font-weight:500;
   text-align:center;
   background-color:#313132;  
   border: 1px solid #cbcdcb;  
	}
   
			/*BLOQUE INDICADOR ESTADO PARTIDAS*/	
.separacion10 {
  width:10%;
  position:relative;
  float:left;
  margin-top:3%;
  z-index:40;	
 } 
.margen10 {
  width:10%;
  height:auto;
  position:relative;
  float:left;
 } 	 	
.separacion5 {
  width:5%;
  position:relative;
  float:left;
  margin-top:3%;
  z-index:40;	
 } 		 	
.estado_partidas1 {
  width:20%;
  height:auto;
  position:relative;
  float:left;
  margin-top:3%;
  z-index:40;
  background-color:##E7EFE7;
  border: 1px dotted #ffc700;
  border-radius: 7px 0px 0px 7px;
  -moz-border-radius: 7px 0px 0px 7px;
  -webkit-border-radius: 7px 0px 0px 7px;
  font-family:Calibri;
  font-size: 0.8em;
  text-align:center;
  color:#2D332D;
}
  .me_apunto {
    width:100%;
	height:auto;
	float:left;
	}

			/* GRUPO CONSTRUCTOR ESTADO PARTIDAS*/
.estado_partidas2 {
  width:100%;
  height:auto;
  position:relative;
  float:left;
  margin-top:3%;
  padding-bottom:2%;
  z-index:40;
  background-color:#FFFFFF;
  -webkit-box-shadow: 10px 10px 34px -9px rgba(149,186,38,1);
  -moz-box-shadow: 10px 10px 34px -9px rgba(149,186,38,1);
  box-shadow: 10px 10px 34px -9px rgba(149,186,38,1);
  font-family:Calibri;
  font-size: 1em;
  text-align:center;
  color:#2D332D;
}
	.columna {
	   width:100%;
	   height:auto;
	   float:left
	   
	 }
	.registro_cabecera {
	   width:19%;
	   height:auto;
	   float:left;
	   font-family:Calibri;
	   font-size:0.9em;
	   font-weight:600;
	   text-align:center;
	   color:#4d544d;
	   border-bottom: 1px #727872 solid;
	 }
	.registro_base {
	   width:19%;
	   height:auto;
	   margin-top:3%;
	   float:left;
	   font-family:Calibri;
	   font-size:0.8em;
	   text-align:left;
	   color:#4d544d;	   
	 }
	.espacio_partidas {
	  width:2%;
	  height:auto;
	  float:left;
	  color:#FFFFFF;
	  }
	 .pista {
	   width:60%;
	   height:auto;
	   float:left;
	   margin-left:10%;	   
	   text-align:center;
	   font-family:Calibri;
	   font-size:1em;
	   font-weight:600;
	   color:#FFFFFF;
	  } 

             /* Final grupo*/
			/*Separación cabeceras, línea +  nombre de sección*/
.linea_secciones {
   width:100%;
   height:auto;
   margin-top:4%;
   position:relative;
   float:left;
   z-index:40;
   }
   .separacion_secciones {
     width:10%;
	 height:auto;
	 float:left;
	 }
   .caja_separador {
      width:80%;
	  height:auto;
	  float:left;
	  z-index:40;
	  }	 	 			
			/* SEPARACIONES Y RECUADROS CONTENIDO*/
.separacion_contenidos {
   width:10%;
   height:auto;
   position:relative;
   float:left;
   margin-top:2%;
   z-index:40; 
   }
.separacion_contenidos2 {
   width:5%;
   height:auto;
   position:relative;
   float:left;
   margin-top:2%;
   z-index:40; 
   }
.contenidos {
   width:20%;
   height:auto;
   position:relative;
   float:left;
   margin-top:2%;
   z-index:40;
   }        						
			
.caja_input {height:24px;}
.caja_input1 {padding-left:8%;}
.input_centrado {height:24px; text-align:center;}

/*  ESTILOS IMÁGENES  */
.img_pista {
  max-width: 100%;
  height: auto;
  width: auto/9;
  }
 /*PIE DE PÁGINA*/
 .franja {
    width:100%;
	height:auto;
	position:relative;
	float:left;
	margin-top:5%;
	background-color:#4a8d19; color:
	border-top:1px solid #676767;
	-webkit-box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.61);
    -moz-box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.61);
    box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.61);
	}
.pie_web {
	width:100%;
	height:auto;
	position:relative;
	float:left;
	background-image:url(../imagenes/fondo_semi_titulos.png); 
	-webkit-box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.61);
    -moz-box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.61);
    box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.61);
	}
	
  .empresa {
     width:50%;
	 height:auto;
	 float:left;
	 font-family:Calibri, Candara, "Arial Narrow", "Bell MT", Corbel, Vrinda, "Times New Roman";
	 font-size:14px;
	 text-align:left;
	 color:#FFFFFF;
	 }
			/*PAGINA SEGUNDA DE PRUEBA*/
.navegador_tecnico {
  width:100%;
  height:auto;
  position:relative;
  float:left;
  margin-top:16%;
  z-index:40;
  }	
	.espacio_tecnico {
	   width:10%;
	   height:auto;
	   float:left;
	   z-index:40;
	   }	
	.nav_tecnico {
	   width:80%;
	   height:auto;
	   float:left;
	   z-index:40;
	   }	
		/*PÁGINA REGISTRO*/
.espacio_izquierdo_registro {
   width:10%;
   height:auto;
   position:relative;
   float:left;
   margin-top:2%;
   z-index:10;   
	}		
.titulo {
   width:81%;
   height:auto;
   position:relative;
   float:left;
   margin-top:2%;
   z-index:10;
   background-color:#E7EFE7;
   border-radius: 4px 4px 4px 4px;
   -moz-border-radius: 4px 4px 4px 4px;
   -webkit-border-radius: 4px 4px 4px 4px;
   border: 1px solid #969696;
   -webkit-box-shadow: 0px -2px 48px -10px rgba(224,224,224,0.74);
   -moz-box-shadow: 0px -2px 48px -10px rgba(224,224,224,0.74);
   box-shadow: 0px -2px 48px -10px rgba(224,224,224,0.74);
	}	
.titulo1 {
   width:80%;
   height:auto;
   position:relative;
   float:left;
   margin-top:8%;
   z-index:10;
   color:#FFFFFF;
   background-color:#4182e0;
   border-radius: 7px 7px 7px 7px;
   -moz-border-radius: 7px 7px 7px 7px;
   -webkit-border-radius: 7px 7px 7px 7px; 
   border: 1px solid #969696;
   -webkit-box-shadow: 0px -2px 48px -10px rgba(224,224,224,0.74);
   -moz-box-shadow: 0px -2px 48px -10px rgba(224,224,224,0.74);
   box-shadow: 0px -2px 48px -10px rgba(224,224,224,0.74);
	}		
.contenedor_formulario_registro {
   width:100%;
   height:auto;
   position:relative;
   float:left;
   z-index:10;
   }
   .sub_contenedor_registro {
   width:50%;
   height:auto;
   position:relative;
   float:left;
   z-index:10;
   }
.celda_registro {
   width:100%;
   height:auto;
   float:left;
   z-index:10;
   }   			

			/*ESTILOS PARA FORMULARIOS*/
.separacion30_formulario {
   width:30%;
   height:auto;
   float:left;
   font-family:Calibri;
   font-size: 0.9em;
   font-weight:600;
   color:#282828;
   margin-top:5%;
   margin-bottom:6%;
    }
.separacion60_formulario {
   width:60%;
   height:auto;
   float:left;
   font-family:Calibri;
   font-size: 0.8em;
   font-style:italic;
   color:#FF0000;
   margin-top:5%;
   margin-bottom:6%;
    }
			/*MISMAS CAJAS QUE ANTERIORES PERO CON ANCHURA INVERTIDA EN FUNCIÓN DE PROPIEDADES DE FUENTE*/
			
.separacion60_formulario_inverso {
   width:60%;
   height:auto;
   float:left;
   font-family:Calibri;
   font-size: 0.9em;
   font-weight:600;
   color:#282828;
   margin-top:5%;
   margin-bottom:6%;
    }
.separacion30_formulario_inverso {
   width:30%;
   height:auto;
   float:left;
   font-family:Calibri;
   font-size: 0.8em;
   font-style:italic;
   color:#FF0000;
   margin-top:5%;
   margin-bottom:6%;
    }											
			/* Controla la parte del formulario de acceso a área de cliente, desde páginas sin encabezado*/
.registro1 {
   width:10%;
   height:50px;
   float:left;
   z-index:10;
   color:#FFFFFF;
   font-family:Calibri;
   font-size:1em;
   font-weight:600;
   text-align:center;
   line-height:50px;
   background-image: url(file:///C|/Users/Jos&#233;%20Luis/Consultor&#237;a/Aragon%20Sport%20Padel/imagenes/padel/fondo_registro.png);
	}			
.espacio_jugador22 {
   width:1%;
   height:50px;
   float:left;
   z-index:10;
	}
.area_jugador_acceso1 {
   width:15%;
   height:50px;
   float:left;
   z-index:10;
   color:#2D332D;
   font-family:Calibri;
   font-size:1em;
   font-weight:600;
   text-align:center;
   line-height:50px;
   background-color:#E7EFE7;
   border-radius: 7px 0px 0px 7px;
   -moz-border-radius: 7px 0px 0px 7px;
   -webkit-border-radius: 7px 0px 0px 7px; 
   border: 1px solid #969696;
   -webkit-box-shadow: 0px -2px 48px -10px rgba(224,224,224,0.74);
   -moz-box-shadow: 0px -2px 48px -10px rgba(224,224,224,0.74);
   box-shadow: 0px -2px 48px -10px rgba(224,224,224,0.74);
	}	
.area_jugador1 {
  width:54%;
  height:50px;
  float:left;
  background-color:transparent;
  z-index:10;
  background-color:#FFFFFF;
  border-radius: 0px 7px 7px 0px;
  -moz-border-radius: 0px 7px 7px 0px;
  -webkit-border-radius: 0px 7px 7px 0px;
  border: 1px solid #cbcdcb;
  -webkit-box-shadow: 11px 19px 50px -24px rgba(51,56,51,1);
  -moz-box-shadow: 11px 19px 50px -24px rgba(51,56,51,1);
  box-shadow: 11px 19px 50px -24px rgba(51,56,51,1);
  }	
    .espacio_jugador32 {
     width:1%;
	 height:50px;
	 float:left;
	 z-index:10;
	 color:#FFFFFF;
	  }	
	.entrada_datos1 {
     width:30%;
	 height:50px;
	 float:left;
	 z-index:10;
	 padding-top:2%;
	 } 
	
	.espacio_jugador42 {
     width:2%;
	 height:50px;
	 float:left;
	 z-index:10;
	 color:#FFFFFF;	
	 }								   	  	
.imagen_cabecera1 { max-width:100%; height:auto;}
.imagen_cabecera2 { max-width:70%; height:auto;}
.imagen_navegador {max-width:90%; height:auto;}
.imagen_cabecera3 { max-width:60%; height:auto;}
.imagen_index1 { max-width:40%; height:auto;}
.imagen_entera {max-width:100%; min-width:100%; height:auto;}
.imagen_patrocinador{width:100%; height:60px; max-height:60px;}	
.boton {
   font-family:Calibri;
   font-size:1em;
   font-weight:500;
   color:#FFFFFF;
   background-color:#313132;
   padding-top:0.7%;
   padding-bottom:0.8%;
   }
.boton2 {
   font-family:Calibri;
   font-size:1em;
   font-weight:400;
   text-align:center;
   color:#FFFFFF;
   background-color:#008f00;;
   padding-left:2%;
   padding-right:2%;
   }
.boton3 {
   font-family:Calibri;
   font-size:0.8em;
   text-align:center;
   color:#999999;
   background-color:#FFFFFF;
   padding-left:3%;
   padding-right:3%;
   } 
.boton4 {
   font-family:Calibri;
   font-size:0.8em;
   text-align:center;
   color:#FFFFFF;
   background-color:#009900;
   padding-left:5px;
   padding-right:5px;
   padding-bottom:3px;
   } 
.boton5 {
   font-family:Calibri;
   font-size:0.8em;
   text-align:center;
   color:#999999;
   background-color:#B6B6B6
   padding-left:1%;
   padding-right:1%;
   } 
.boton_popup {
   font-family:Calibri;
   font-size:2em;
   font-weight:500;
   color:#FFFFFF;
   background-color:#ffc700;
   padding-top:2%;
   padding-bottom:3%;
   } 
.boton6 {
   font-family:Calibri;
   font-size:1.5em;
   font-weight:500;
   text-align:center;
   color:#FFFFFF;
   background-color:#e80000;
   padding-left:3%;
   padding-right:3%;
   }
.boton6a {
   font-family:Calibri;
   font-size:1.5em;
   font-weight:500;
   text-align:center;
   color:#FFFFFF;
   background-color:#ffc700;;
   padding-left:3%;
   padding-right:3%;
   }  
.boton_oscuro {
   font-family:Calibri;
   font-size:0.8em;
   font-weight:500;
   color:#cdd0cc;
   background-color:#5a6058; 
   padding-top:0.8%;
   padding-bottom:0.8%;
   }                                                                  
			/*RESERVAS*/
.horas_calendario {
   width:25%;
   height:auto;
   float:left; 
    }
.horas_enteras_calendario {
   width:25%;
   height:auto;
   float:left; 
    }		
.tarifas_horarios {
   width:18%;
   height:auto;
   float:left; 
    }								
.celda_calendario {
  width:20%;
  height:auto;			
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
  border: 0px solid #e7a61a;			
  }
  
 .pista_reserva {
   width:60%;
   height:auto;
   position:relative;
   float:left;
   border-radius: 3px 3px 3px 3px;
   -moz-border-radius: 3px 3px 3px 3px;
   -webkit-border-radius: 3px 3px 3px 3px;
   border: 1px solid #009900;
   -webkit-box-shadow: 1px -4px 15px -5px rgba(0,153,0,0.78);
   -moz-box-shadow: 1px -4px 15px -5px rgba(0,153,0,0.78);
   box-shadow: 1px -4px 15px -5px rgba(0,153,0,0.78);
   background-image: url(file:///C|/Users/Jos&#233;%20Luis/Consultor&#237;a/Aragon%20Sport%20Padel/imagenes/torneos/fondo_recuadro_central.jpg); background-repeat:no-repeat;
   background-size: 100% 100%;
   }
.pista_reserva1 {
   width:60%;
   height:auto;
   position:relative;
   float:left;
   border-radius: 3px 3px 3px 3px;
   -moz-border-radius: 3px 3px 3px 3px;
   -webkit-border-radius: 3px 3px 3px 3px;
   border: 1px solid #009900;
   -webkit-box-shadow: 1px -4px 15px -5px rgba(0,153,0,0.78);
   -moz-box-shadow: 1px -4px 15px -5px rgba(0,153,0,0.78);
   box-shadow: 1px -4px 15px -5px rgba(0,153,0,0.78);
   background-image: url(file:///C|/Users/Jos&#233;%20Luis/Consultor&#237;a/Aragon%20Sport%20Padel/imagenes/torneos/fondo_recuadro.png); background-repeat:no-repeat;
   background-size: 100% 100%;
   }   
   
.hora_libre {
   width:6%;
   height:auto;
   float:left;
   font-family:Calibri;
   font-size:0.8em; font-weight:400;
   color:#FFFFFF;
   font-weight:400;
   text-align:center;
   border-left: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF;
   padding-top:1%;
   padding-bottom:1%; 
   background-color:#009900;
   } 
.hora_pasada {
   width:6%;
   height:auto;
   float:left;
   font-family:Calibri;
   font-size:0.8em; font-weight:400;
   color:#acaaa4;
   font-weight:400;
   text-align:center;
   border-left: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF; 
   padding-top:1%;
   padding-bottom:1%;
   background-color:#d3d3d3;
   }  
 .hora_ocupada {
   width:6%;
   height:auto;
   float:left;
   font-family:Calibri;
   font-size:0.8em; font-weight:400;
   color:#FFFFFF;
   font-weight:400;
   text-align:center;
   border-left: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF; 
   padding-top:1%;
   padding-bottom:1%;
   background-color:#e80000;
   }
.contenedor_hora_media {
   width:10%;
   height:auto;
   float:left;   
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border: 1px solid #009900; 
   -webkit-box-shadow: 0px -1px 5px -1px rgba(0,153,0,1);
   -moz-box-shadow: 0px -1px 5px -1px rgba(0,153,0,1);
   box-shadow: 0px -1px 5px -1px rgba(0,153,0,1);
   background-color:#FFFFFFF;
   }      
.hora_media1 {
   width:48%;
   height:auto;
   float:left;
   font-family:Calibri;
   font-size:0.8em; font-weight:400;
   margin-left:2%;
   color:#FFFFFF;
   font-weight:400;
   text-align:center;
   background-color:#e80000;
   }                  
.hora_media2 {
   width:48%;
   height:auto;
   float:left;
   font-family:Calibri;
   font-size:0.8em; font-weight:400;
   color:#FFFFFF;
   font-weight:400;
   text-align:center;
   background-color:#009900;
   } 			
.columnass {
	   width:100%;
	   height:auto;
	   float:left;
	   display:none;
	 }			
.pizarra_acceso_admin {
   width:50%;
   height:auto;
   position:relative;
   float:left;
   border-radius: 4px 4px 4px 4px;
   -moz-border-radius: 4px 4px 4px 4px;
   -webkit-border-radius: 4px 4px 4px 4px;
   border: 1px solid #009900;
   -webkit-box-shadow: 1px -4px 15px -5px rgba(0,153,0,0.78);
   -moz-box-shadow: 1px -4px 15px -5px rgba(0,153,0,0.78);
   box-shadow: 1px -4px 15px -5px rgba(0,153,0,0.78);
   background-color:#FFFFFF;
   }

.navegador_aplicacion {
  width:100%;
  height:auto;
  float:left;
  -webkit-box-shadow: 0px 8px 17px -8px rgba(148,143,148,1);
  -moz-box-shadow: 0px 8px 17px -8px rgba(148,143,148,1);
  box-shadow: 0px 8px 17px -8px rgba(148,143,148,1);
  background-color:#FFFFFF;
  border-bottom: solid 1px #939692; 
  font-family:Calibri;
  font-size:0.8em;
  color:#939692;
 } 
 
 		/* CELDAS OCULTAS Y POSICIÓN*/

.informacion_mouse {
   display:none;
   padding:5px;
   position:relative;
   float:left;
   border:1px solid #ccc;
   background-color:#f1f1f1;
   position:adsolute;
   width:200px;
   z-index:15;
	}
	
/* NAVEGADOR LATERAL */

.example {
    position:absolute;
	margin-top:1%;
	margin-left:0%;
    background: url(file:///C|/Users/Jos&#233;%20Luis/Consultor&#237;a/Aragon%20Sport%20Padel/menu/images/background.jpg);
    width:100%;
    height:auto;
 
}
.example2 {
    position:absolute;
	margin-top:10%;
	margin-left:0%;
    background: url(file:///C|/Users/Jos&#233;%20Luis/Consultor&#237;a/Aragon%20Sport%20Padel/menu/images/background.jpg);
    width:100%;
    height:auto;
 
}

.container {
  width:100%;
  height:auto;
  background-color:#b1b1b0;
 }

.separacion20_fecha {
   width:20%;
   height:auto;
   float:left; 
    }	
.separacion15_calendario {
   width:25%;
   height:auto;
   float:left; 
    }		
	
/* Gestiona el desplegable de Club*/	

#flash
   {position: absolute;	width:100px; margin-top:55px; margin-left:75%; height:auto; display:none; z-index:3000;}
   
#navegador , #navegador1 , #navegador2
 {font-family:Calibri, Candara, "Arial Narrow", "Bell MT", Corbel, Vrinda, "Times New Roman"; font-size:0.8em; color:#FFFFFF; padding-left:5px;
  background-image:url(../imagenes/fondo_semi_titulos.png);}
  
.menumini{color:000000;}	

/* Menu desplegable Web */

ul.menu {
 float:left;
 display:block;
 margin-top: 38px;
 list-style-type:none;
 }
 .menu li {
 line-height:18px;
 font-size:14px;
 position:relative;
 float:left;
 font-family: Arial, Helvetica, sans-serif;
 }
 .menu li a {
 color: #000;
 text-transform:uppercase;
 padding: 5px 20px;
 text-decoration:none;
 }
 .menu li a:hover {
 background: #1a2d23;
 color: white;
 }
 .menu li ul {
 display:none;
 position:absolute;
 top:20px;
 width: 160px;
 background-color: #FFFFFF;
 padding:0;
 list-style-type:none;
 }
 .menu li ul li {
 width: 118px;
 border: 1px solid #e1e1e1;
 border-top:none;
 padding: 10px 20px;
 font-size:11px;
 font-style:italic;
 font-weight:600;
 }
 .menu li ul li:first-child {
 border-top: 1px solid #e1e1e1;
 }
.menu li ul li a {
 width: 160px;
 margin: 0;
 padding:0;
 }
.menu li ul li a:hover {
 width: 160x;
 margin: 0;
 color: #000000;
 font-weight:500;
 background:none;
 }
 
#entradas_inicio {
 border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 -webkit-border-radius: 5px 5px 5px 5px;
 border: 1px solid #b8c8b8;
 -webkit-box-shadow: 3px 22px 29px -20px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 22px 29px -20px rgba(0,0,0,0.75);
box-shadow: 3px 22px 29px -20px rgba(0,0,0,0.75);
} 

#cabecera_izquierda {
 background-color:dfeb2c;
 color:#313132;
 font-family:"Blade Runner Movie Font";
 font-size:18px;
 height:34px;
 padding-top:8px;
 padding-left:10px;

 }
 
#listado {
  border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 -webkit-border-radius: 5px 5px 5px 5px;
 border: 0px solid #ffffff;
}

#texto_meapunto {
 width:98.2%;
 font-family:Calibri, Candara, "Arial Narrow", "Bell MT", Corbel, Vrinda, "Times New Roman";
 font-size:16px;
 color:#282233;
 padding-left:5px;
 text-align:left;
 background-color:#dfeb2c;
}

#posicion_ranking {border-top: 1px solid #949E10; border-bottom: 1px solid #949E10; background-color:#FFFFFF; word-wrap:break-word;}  