@charset "utf-8";
/* CSS Document */


.general {
  width:100%;
  height:auto;
  margin: 0 auto;
  overflow:hidden;
  }
  
  
@font-face {
    font-family: "Gidole";
    src: url(fuentes/Gidole-Regular.eot);
    src: local("Gidole"), url(fuentes/Gidole-Regular.ttf) format("truetype"); 
}

a:link, a:visited, a:active, a:hover {text-decoration:none; color:#808080;}

input {padding-left:5px; font-family: Calibri, Arial, sans-serif; font-size:16px; font-weight:500; color:#595959;}

input[type=text] {border: 1px solid #b3b3b3; height:26px; line-height:24px; font-weight:500; color:#666666; border:solid 1px #cccccc;}
input[type=time] {
	border: 1px solid #b3b3b3; font-weight:500; color:#666666; width:100%; height:26px; line-height:24px; text-align:center;
    font-family: Calibri, Arial, sans-serif; font-size:16px; border:solid 1px #cccccc; }
input[type=number] {
	border: 1px solid #b3b3b3; font-weight:500; color:#666666; width:100%; height:26px; line-height:24px; text-align:center;
    font-family: Calibri, Arial, sans-serif; font-size:16px;  }

input[type=checkbox] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.3); /* IE */
  -moz-transform: scale(1.3); /* FF */
  -webkit-transform: scale(1.3); /* Safari and Chrome */
  -o-transform: scale(1.3); /* Opera */
  margin-top: 15px;
  border-radius: 2px; content: f096;
  letter-spacing: 10px; }
  
textarea:focus, input:focus { outline: none; }  
select:focus { border:1px solid #999999; } 

.checkboxtext { display: inline; font-family: Calibri, Arial, sans-serif; font-size:16px; font-weight:300; color:#404040; padding-left:15px; }

.calendario {color:#414450;}
.enlaces_internos {color:#2d332d;}
.enlace1 {color:#e80000;}
.enlace_nav {color:#939692;}   
.navegadores {color:#FFF2B2;}
.navegadores1 {color:#000000;}
	.navegadores1 a:hover{color:#000000;}
	.navegadores1 a:visited{color:#000000;}
.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%;}  

.franjas_especiales{color: #595959; font-family:Calibri;}		 
.franjas_especiales:visited{text-decoration:none;}		
		 
.input_junto_select {
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border: 1px solid #cfc3cf;   
   padding-left:4%;  	     	
 }		 
/*Botones*/

.botonA {
  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;
}

.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:0 auto;
  background-color:#FFFFFF;
}

			/*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_acceso{
	
   font-family:Calibri; font-size: 14px; font-style:oblique; color:#303030; width:80%; padding-left:10px; height:24px;
   border-radius: 4px 4px 4px 4px;
   -moz-border-radius: 4px 4px 4px 4px;
   -webkit-border-radius: 4px 4px 4px 4px;
   border: 1px solid #cccccc;
}   
   
/*Formato para campos file*/     

.tipo_archivo {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 12px;
	font-family:Calibri, Candara, "Arial Narrow", "Bell MT", Corbel, Vrinda, "Times New Roman";
    border: 1px solid transparent;
	background-color:#CCCCFF;
    cursor: pointer;
}
select { 
   width:auto;
   border: 1px solid #cfc3cf;
   font-family:Calibri;
   font-size:16px;
   color:#666666;
   padding-left:7px;
   height:30px;
   background-color:#ffffff;
   }   	    

/* Separaciones entre contenedores*/

.separacion_area_jugador {
  width:100%;
  height:50%;
  color:#FFFFFF;
  position:relative;
}
  
.contenedor2 {
  width:98%;
  float:left;
  margin-top:6%;
} 

.separacion0 { height:auto; float:left; }

.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; 
    }
	
.separacion2_Movil { width:2%; height:auto; float:left; display:none; }

.separacion3 {
   width:3%;
   height:auto;
   float:left; 
    }					
.separacion4 {
   width:4%;
   height:auto;
   float:left; 
    }			
.separacion5_limpia {
   width:5%;
   height:auto;
   float:left; 
    }
  .separacion5D { width:5%; height:auto; float:right; }
.separacion7 {
   width:7%;
   height:auto;
   float:left; 
    }
.separacion9 {
   width:9.2%;
   height:auto;
   float:left; 
    }
.separacion10 {
   width:10%;
   height:auto;
   float:left; 
    }	
.separacion10_limpia {
   width:10%;
   height:auto;
   float:left; 
    }
	.separacion10_registro {
   width:10%;
   height:auto;
   float:left; 
    }	
	
    .separacion10D { width:10%; height:auto; float:right; }
	
.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%; 
    }
	
	.separacion15D { width:15%; height:auto; float:right; }

.separacion16 {
   width:16%;
   height:auto;
   float:left; 
    }		
.separacion18 {
   width:18%;
   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; 
    }	
.separacion25 {
   width:25%;
   height:auto;
   float:left; 
    }
.separacion30 {
   width:30%;
   height:auto;
   float:left; 
    }
	.registro30 {
      width:30%;
      height:auto;
      float:left; 
    }
.separacion34 {
   width:34%;
   height:auto;
   float:left; 
    }			
.separacion35 {
   width:35%;
   height:auto;
   float:left; 
    }	
.separacion40 {
   width:40%;
   height:auto;
   float:left; 
  }	
.separacion45 {
   width:45%;
   height:auto;
   float:left; 
    }		
.separacion50 {
   width:50%;
   height:auto;
   float:left; 
    }
.separacion50B {
   width:50%;
   height:auto;
   float:left; 
    }	
.separacion60 {
   width:60%;
   height:auto;
   float:left; 
    }	
.separacion64 {
   width:64%;
   height:auto;
   float:left; 
    }
.separacion65 {
   width:65%;
   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; 
    }	
.separacion97 {
   width:97%;
   height:auto;
   float:left; 
    }	

.aColumna3Dos {width:40%; height:auto; float:left;  text-align:center;}	
.de30a5 {width:30%; height:auto; float:left;  text-align:center;}	
			/* 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%;
  max-height:300px;
  float:left;
  border-bottom:2px solid #2d332d;
}
			/*CONTENEDOR PARA SLIDER*/
.flexslider {
  width:100%;
  height:auto;
  float:left;
  top:0px;
  left:0px;
  z-index:1;
}			
.navegador_superior {
  width:100%;
  height:auto;
  min-height:70px;
  max-height:90px;
  filter:alpha(opacity=90);
  opacity:0.9;
  -moz-opacity:0.90;
  background-color:#2D332D;
  position:fixed;
  float:left;
  z-index:103;
} 
.pie_web {
	width:100%;
	height:auto;
	float:left;
	background-color:#333333; }
	
	/* script.- registro.php */
.navegador_superior2 {
  width:100%;
  height:auto;
  height:55px;  
  position:fixed;
  float:left;
  z-index:400;
  margin:0 auto;
 }
 
.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:38%;
  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:6%;
  height:auto;
  float:left;
  margin-top:12px;
  z-index:10;
  font-family:Calibri;
  font-size: 18px;
  text-align:center;
  color:#FFFFFF;
}
.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:56%;
  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;
  -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);
  }
  
   .entrada_datos {
     width:30%;
	 height:auto;
	 position:relative;
	 float:left;
	 z-index:10;
	 margin-top:1.6%;
	 margin-bottom: 1.6%;
	 }
   .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:#FFFFFF;
	 font-weight:300;
	 background-color:#3b3b3b;
	}
   .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-color:#3b3b3b;
	 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:#FFFFFF;
   font-family:Calibri;
   font-size:1em;
   font-weight:600;
   text-align:center;
   background-color:#3b3b3b;
	}
.zona_registro {
   width:100%;
   height:auto;
   float:left;
   z-index:10;
   color:#FFFFFF;
   font-family:Calibri;
   font-size:0.8em;
   font-weight:600;
   text-align:center;  
	}
	
.espacio_jugador2 {
   width:1%;
   height:auto;
   position:relative;
   float:left;
   margin-top:17%;
   z-index:10;
	}
.area_jugador_acceso {
   width:13%;
   height:auto;
   position:relative;
   float:left;
   padding-top: 1%;
   padding-bottom: 1%;
   z-index:10;
   color:#2D332D;
   font-family:Calibri;
   font-size:1em;
   font-weight:600;
   text-align:center;
   background-color:#E7EFE7;
   border-radius: 4px 0px 0px 4px;
   -moz-border-radius: 4px 0px 0px 4px;
   -webkit-border-radius: 4px 0px 0px 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);
	}
   
			/*BLOQUE INDICADOR ESTADO PARTIDAS*/	

.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
	   
	 }
	 
	.columna_calendario{width:100%; height:auto; float:left} 
	
	.columna_calendario:hover{
	  -webkit-box-shadow: -1px -4px 5px -3px rgba(0,0,0,0.57); -moz-box-shadow: -1px -4px 5px -3px rgba(0,0,0,0.57);
      box-shadow: -1px -4px 5px -3px rgba(0,0,0,0.57);}
	  
	.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:30px; font-family:Calibri; font-size: 16px; color:#666666; width:80%; padding-left:7px;}
.caja_input1 {padding-left:8%;}
.caja_input2 {height:30px; font-family:Calibri, Gidole; font-size: 1em; color:#282828; width:98%; padding-left:4%;
              background-color:#e6e6e6;}
.input_centrado {height:30px; text-align:center; font-family:Calibri; font-size: 16px; color:#666666; width:30%; background-color:#ffffff;}

/*  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:#ffc700;
	}
  .empresa {
     width:100%;
	 height:auto;
	 float:left;
	 font-family:Trebuchet MS, Trebuchet MS, sans-serif;
	 font-size:14px;
	 text-align:center;
	 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: 18px;
   font-weight:500;
   color:#333333;
   margin-top:18px;
   margin-bottom:7px;
    }
.separacion60_formulario {
   width:60%;
   height:auto;
   float:left;
   font-family:Calibri;
   font-size: 16px;
   font-style:italic;
   color:#FF0000;
   margin-top:18px;
   margin-bottom:7px;
    }
			/*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: 18px;
   font-weight:500;
   color:#333333;
   margin-top:18px;
   margin-bottom:7px;
    }
.separacion30_formulario_inverso {
   width:30%;
   height:auto;
   float:left;
   font-family:Calibri;
   font-size: 16px;
   font-style:italic;
   color:#FF0000;
   margin-top:18px;
   margin-bottom:7px;
    }											
			/* 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-color:#3b3b3b;
	}			
.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;} /* script.- registro.php */
    .imagen_bandera { 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_cabecera4 { max-width:100%; max-height:100%;}
.imagen_cabecera5 { width:100%; height:100%;}
.imagen_jugador {max-width:100%; height:auto; max-height:140px;}
.imagen50 {max-width:100%; max-height:50px;}
.logo_navegador_cliente { max-width:100%; height:auto; max-height:55px;}
.boton {
   font-family:Calibri;
   font-size:1em;
   font-weight:500;
   color:#FFFFFF;
   background-color:#ffc700;
   padding-top:0.8%;
   padding-bottom:0.8%;
   }
.boton2 {
   font-family:Calibri;
   font-size:1em;
   font-weight:500;
   text-align:center;
   color:#FFFFFF;
   background-color:#ffc700;
   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:20px;
   text-align:center;
   color:#FFFFFF;
   background-color:#009fe3;
   padding-left:8px;
   padding-right:8px;
   }
.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(../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 #FFC700;
   -webkit-box-shadow: 0px 22px 12px -19px rgba(0,0,0,0.75);
   -moz-box-shadow: 0px 22px 12px -19px rgba(0,0,0,0.75);
   box-shadow: 0px 22px 12px -19px rgba(0,0,0,0.75);
   background-image:url(../imagenes/aplicacion/comunes/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 #2d332d;
   -webkit-box-shadow: 10px 10px 22px -10px rgba(255,199,0,1);
   -moz-box-shadow: 10px 10px 22px -10px rgba(255,199,0,1);
   box-shadow: 10px 10px 22px -10px rgba(255,199,0,1);
   }
/* ESTILOS APLICACION*/

ul.menu {
 float:left;
 display:block;
 margin-top: 4%;
 list-style-type:none;
 z-index:30;
 }
 .menu li {
 padding-top: 3%;
 font-size:0.6em;
 position:relative;
 float:left;
 z-index:40;
 }
 /*Controla el texto de las cajas desplegables*/
 .menu li a {
 color: #000000;
 text-transform:uppercase;
 padding: 10% 20%;
 text-decoration:none;
 z-index:40;
 }
 .menu li a:hover {
 color:#ffc700;
 z-index:40;
 }
 .menu li ul {
 display:none;
 position:absolute;
 top:100%;
 width: 241%;
 background-color: #FFFFFF;
 padding:0px;
 list-style-type:none;
 z-index:40;
 }
 .menu li ul li {
 width: 91%;
 padding-top: 5%;
 padding-bottom: 5%;
 padding-left:8%;
 border-left: 1px solid #009900;
 border-right: 1px solid #009900;
 border-bottom: 1px solid #009900;
 border-top:none;
 z-index:40;
 font-size: 1.2em;
 font-weight: 600;
 font-style:oblique;
 border-radius: 3px 3px 3px 3px;
 -moz-border-radius3px 3px 3px 3px;
 -webkit-border-radius: 3px 3px 3px 3px;
 border: 1px solid #009900;
 
 }
 .menu li ul li:first-child{
 border-top: 4px solid #939692;
 border-bottom: 0; 
 z-index:40;
 }
.menu li ul li:last-child{
 -webkit-box-shadow: 4px 10px 12px -6px rgba(138,138,138,1);
 -moz-box-shadow: 4px 10px 12px -6px rgba(138,138,138,1);
 box-shadow: 4px 10px 12px -6px rgba(138,138,138,1);

 }
.menu li ul li a {
 width: 150%;
 margin: 0;
 padding:0;
 z-index:40;
 }
.menu li ul li a:hover {
 width: 150%;
 margin: 0;
 color: #ffc700;
 background:none;
 z-index:40;
 }
.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(../menu/images/background.jpg);
    width:100%;
    height:auto;
 
}
}.example2 {
    position:absolute;
	margin-top:10%;
	margin-left:0%;
    background:url(../menu/images/background.jpg);
    width:100%;
    height:auto;
 
}

/* main menu styles */

.container {
  width:100%;
  height:auto;
  background-color:#b1b1b0;
 }
ul#nav {
    display:block;
    float:left;
    font-family: Calibri, Candara, "Arial Narrow", "Bell MT", Corbel, Vrinda, "Times New Roman";
    font-size:0;
    padding:5px 5px 5px 0;
	width:99.5%;

    background: -moz-linear-gradient(#f5f5f5, #c4c4c4); /* FF 3.6+ */  
    background: -ms-linear-gradient(#f5f5f5, #c4c4c4); /* IE10 */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #c4c4c4)); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(#f5f5f5, #c4c4c4); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(#f5f5f5, #c4c4c4); /* Opera 11.10 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#c4c4c4'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#c4c4c4')"; /* IE8+ */  
    background: linear-gradient(#f5f5f5, #c4c4c4); /* the standard */ 
}
ul#nav,ul#nav ul {
    list-style:none;
    margin:0;
}
ul#nav,ul#nav .subs {
    background-color:#444;
    border-top:1px solid #454545;
	border-bottom:1px solid #3c6700;   
	z-index:100;
}
ul#nav .subs {
    background-color:#fff;
    border:1px solid #222;
    display:none;
    float:left;
    left:0;
    padding:0 6px 6px;
    position:absolute;
    top:100%;
    width:250px;
	z-index:100;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
ul#nav li:hover>* {
    display:block;
}
ul#nav li:hover {
    position:relative;
}
ul#nav ul .subs {
    left:100%;
    position:absolute;
    top:0;
	z-index:100;
}
ul#nav ul {
    padding:0 5px 5px;
}
ul#nav .col {
    float:left;
    width:50%;
}
ul#nav li {
    display:block;
    float:left;
    font-size:14px;
    white-space:nowrap;
}
ul#nav>li,ul#nav li {
    margin:0 0 0 5px;
}
ul#nav ul>li {
    margin:5px 0 0;
}
ul#nav a:active,ul#nav a:focus {
    outline-style:none;
}
ul#nav a {
    border-style:none;
    border-width:0;
    color:#2d332d;
    cursor:pointer;
    display:block;
    font-size:15px;
    font-weight:500;
    padding:8px 18px;
    text-align:left;
    text-decoration:none;
    text-shadow:#fff 0 1px 1px;
    vertical-align:middle;
}
ul#nav ul li {
    float:none;
    margin:6px 0 0;
}
ul#nav ul a {
    background-color:#fff;
    border-color:#efefef;
    border-style:solid;
    border-width:0 0 1px;
    color:#000;
    font-size:13px;
    padding:4px;
    text-align:left;
    text-decoration:none;
    text-shadow:#fff 0 0 0;

    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}
ul#nav li:hover>a {
    border-style:none;
    color:#fff;
    font-size:15px;
    font-weight:500;
    text-decoration:none;
    text-shadow:#181818 0 1px 1px;
}
ul#nav img {
    border:none;
    margin-right:8px;
    vertical-align:middle;
}
ul#nav span {
    background-position:right center;
    background-repeat:no-repeat;
    display:block;
    overflow:visible;
    padding-right:0;
}
ul#nav ul span {
    background-image:url("../images/arrow.png");
    padding-right:20px;
}
ul#nav ul li:hover>a {
    border-color:#444;
    border-style:solid;
    color:#444;
    font-size:13px;
    text-decoration:none;
    text-shadow:#fff 0 0 0;
}
ul#nav > li >a {
    background-color:transpa;
    height:25px;
    line-height:25px;

    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
ul#nav > li:hover > a {
    background-color:#313638;
    line-height:25px;
}

.container_navegador {
    position:absolute;
	width:100%;
	top:5%; 	
	z-index:100;    
} 
  /*Estilo para botones file*/

.upload {
position: relative;
width: 80px;
height: 24px;
overflow:hidden;
background:url(btn_upload.png) left top no-repeat;
clip:rect(0px, 80px, 24px, 0px );
}
 
.upload input {
position: absolute;
left: auto;
right: 0px;
top: 0px;
margin:0;
padding:0;
filter: Alpha(Opacity=0);
-moz-opacity: 0;
opacity: 0;
}
.separacion20_fecha {
   width:20%;
   height:auto;
   float:left; 
    }	
.separacion15_calendario {
   width:25%;
   height:auto;
   float:left; 
    }		
/* Botones*/
.violeta {
  background: #9B5983;
  background-image: -webkit-linear-gradient(top, #9B5983, #);
  background-image: -moz-linear-gradient(top, #9B5983, #);
  background-image: -ms-linear-gradient(top, #9B5983, #);
  background-image: -o-linear-gradient(top, #9B5983, #);
  background-image: linear-gradient(to bottom, #9B5983, #);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: font-family:Calibri, Candara, "Arial Narrow", "Bell MT", Corbel, Vrinda, "Times New Roman";
  color: #ffffff;
  font-size: 0.7em;
  padding: 6px 6px 6px 6px;
  text-decoration: none;
}

.violeta:hover {
  background: #7a8d8e;
  background-image: -webkit-linear-gradient(top, #7a8d8e, #82797f);
  background-image: -moz-linear-gradient(top, #7a8d8e, #82797f);
  background-image: -ms-linear-gradient(top, #7a8d8e, #82797f);
  background-image: -o-linear-gradient(top, #7a8d8e, #82797f);
  background-image: linear-gradient(to bottom, #7a8d8e, #82797f);
  text-decoration: none;  
}	

#fondo_zona_jugadores {
 background-image:url(../imagenes/aplicacion/comunes/cabecera_jugadores.png);
 border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px;
 border: 1px solid #ffffff;
 -webkit-box-shadow: 0px 9px 3px -7px rgba(94,73,33,1);
-moz-box-shadow: 0px 9px 3px -7px rgba(94,73,33,1);
box-shadow: 0px 9px 3px -7px rgba(94,73,33,1);
 }

#nav_jugador_actual {
	font-family:Calibri; 
	font-size:0.9em; 
	padding-top:2%; 
	text-align:center; 
	color:#4A4A4A; 
	text-decoration:underline;}
	
#nav_jugador {
	font-family:Calibri; 
	font-size:0.9em; 
	padding-top:2%; 
	text-align:center; 
	color:#939692;}	
	
#separador {
	padding-top:1.8%; 
	color:#524949;
	text-align:center;
}	

		/*Estilos para visualización informes*/
		
#cabeceras {
	font-family:Calibri, Candara, "Arial Narrow", "Bell MT", Corbel, Vrinda, "Times New Roman"; 
    font-size:0.9em; font-weight:500; color:#2c9ad4; text-align:center;}	
	
#texto_filtros {
	font-family:Calibri, Candara, "Arial Narrow", "Bell MT", Corbel, Vrinda, "Times New Roman"; font-size:0.9em; font-weight:500; 
	color:#383838; text-align:left;}

#celdas {
	font-family:Calibri, Candara, "Arial Narrow", "Bell MT", Corbel, Vrinda, "Times New Roman"; font-size:0.8em; font-weight:500; 
	color:#5a6058; border:1px solid #939692; background-color:#ddf3ff;}	
	
#texto_paginacion {
	font-family:Calibri, Candara, "Arial Narrow", "Bell MT", Corbel, Vrinda, "Times New Roman"; font-size:0.8em; font-weight:500; 
	color:#5a6058;}	
	
#numero_pagina {
	font-family:Calibri, Candara, "Arial Narrow", "Bell MT", Corbel, Vrinda, "Times New Roman"; font-size:0.8em; font-weight:600; 
	color:#5a6058; border:1px solid #939692; text-align:center; background-color:#FFFFFF;}		
	
			/* Estilos para la presentación de calendarios*/
			
#fondo_pistas 
 {background-image:url(../imagenes/aplicacion/comunes/fondo_registro.png); font-family:Impact, Arial; color:#FFFFFF; font-size:1.2em; text-align:center;
  padding-top:4%; padding-bottom:4%; box-sizing:border-box; border-bottom: 2px #939692 solid; }	
#pasada {background-color:#E7EFE7; border-bottom: 1px #939692 solid; font-size:16px; font-weight:400; text-align:center; padding-top:3px; padding-bottom:2px;
         box-sizing:border-box; color:#2d332d; font-family: Calibri, Candara, "Arial Narrow", "Bell MT", Corbel, Vrinda, "Times New Roman"; height: 30px; }  
#ocupadaAdmin 
 {  box-sizing:border-box; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;
    border: 1px solid #635063;  font-weight:400; text-align:center; padding-top:3%; paddin-left: 1%; cursor:pointer;
	color:#2d332d; font-family: Calibri, Candara, "Arial Narrow", "Bell MT", Corbel, Vrinda, "Times New Roman"; font-size:0.8em; }	
#libre {background-color:#aff882; border-bottom: 1px #939692 solid; font-size:16px; font-weight:400; text-align:center; padding-top:2px; 
        padding-bottom:2px; box-sizing:border-box; color:#2d332d; font-family: Calibri, Candara, "Arial Narrow", "Bell MT", Corbel, Vrinda, "Times New Roman";
		height: 30px; cursor:pointer;}	
		
#imgCartelP { display:none }	
		
	/*Estilos comunes*/

#pestana, #pestana1, #pestana2
{border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px;
 border: 1px solid #b3b3b3;  -webkit-box-shadow: 0px 3px 3px -2px rgba(138,138,138,0.68);
 -moz-box-shadow: 0px 3px 3px -2px rgba(138,138,138,0.68); box-shadow: 0px 3px 3px -2px rgba(138,138,138,0.68);
 font-family: Calibri, Candara, "Arial Narrow", "Bell MT", Corbel, Vrinda, "Times New Roman"; color: #808080; cursor:pointer;
 font-size:16px; text-align:center; background-color:#F0F0FF; height:22px;}	
 
 #muestra600 { display:none; }

	/*Menu responsive*/
	
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button { 
  min-height: 53px;	
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu { 	 
  font-family: Montserrat, sans-serif;
  background: #333333;
}
#cssmenu > ul > li {
  float: left; 
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}

	/*Tamaño menu en pantalla grande*/
	
#cssmenu > ul > li > a {	
  padding: 17px;
  font-size: 16px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #ed4c4b;
  font-weight: 600;
  text-transform: uppercase;
}
#cssmenu > ul > li:hover > a {
  color: #ed4c4b;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 16px;
  text-decoration: none;
  color: #ed4c4b;
  font-weight: 400;
  background: #333333;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ed4c4b;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) 
and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen 
and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	
  #cssmenu {
    width: 100%;
	min-height: 50px;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #cssmenu > ul > li {
    float: none;
  }
   /*
  #cssmenu ul ul li a {
    padding-left: 25px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  
     */
	 
  #cssmenu ul ul li a {
    color: #ed4c4b;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #ed4c4b;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 12px;
    color: #ed4c4b;
    cursor: pointer;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
  }
  
		/*Linea horizontal menú*/
		
  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    background: #ed4c4b;
    content: '';
  }
  
	  /*Aspa izquierda menu móvil*/
  #cssmenu #menu-button.menu-opened:after {
    top: 18px;
    border: 0;
    height: 4px;
    width: 20px;
    background: #ed4c4b;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
	/*Aspa derecha menu móvil*/
  #cssmenu #menu-button.menu-opened:before {
    top: 18px;
    background: #ed4c4b;
    width: 20px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #262626;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
}	
		/*Termina navegador responsive*/
		
#logo_moviles {margin-top:5px; margin-bottom:5px; text-align:left;}		
		
.botonPistas 
 { font-family:Gidole; font-size:26px; font-weight:500; text-align:center; color:#FFFFFF; background-color:#1b2c24;
   padding:15px; cursor:pointer; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px;
   -webkit-border-radius: 4px 4px 4px 4px; border: 1px solid #ffc700;}	
   
.botonRegistro 
 { font-family:Gidole; font-size:18px; font-weight:500; text-align:center; color:#e6e6e6; height:33px; line-height:30px; cursor:pointer; border-radius: 4px 4px 4px 4px; 
   -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; background: rgba(234,46,46,1);
background: -moz-linear-gradient(top, rgba(234,46,46,1) 0%, rgba(237,76,75,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(234,46,46,1)), color-stop(100%, rgba(237,76,75,1)));
background: -webkit-linear-gradient(top, rgba(234,46,46,1) 0%, rgba(237,76,75,1) 100%);
background: -o-linear-gradient(top, rgba(234,46,46,1) 0%, rgba(237,76,75,1) 100%);
background: -ms-linear-gradient(top, rgba(234,46,46,1) 0%, rgba(237,76,75,1) 100%);
background: linear-gradient(to bottom, rgba(234,46,46,1) 0%, rgba(237,76,75,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea2e2e', endColorstr='#ed4c4b', GradientType=0 );}
   
   .botonRegistro:hover { color:#ffffff; background: rgba(234,46,46,1);
background: -moz-linear-gradient(top, rgba(234,46,46,1) 0%, rgba(234,46,46,1) 55%, rgba(237,76,75,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(234,46,46,1)), color-stop(55%, rgba(234,46,46,1)), color-stop(100%, rgba(237,76,75,1)));
background: -webkit-linear-gradient(top, rgba(234,46,46,1) 0%, rgba(234,46,46,1) 55%, rgba(237,76,75,1) 100%);
background: -o-linear-gradient(top, rgba(234,46,46,1) 0%, rgba(234,46,46,1) 55%, rgba(237,76,75,1) 100%);
background: -ms-linear-gradient(top, rgba(234,46,46,1) 0%, rgba(234,46,46,1) 55%, rgba(237,76,75,1) 100%);
background: linear-gradient(to bottom, rgba(234,46,46,1) 0%, rgba(234,46,46,1) 55%, rgba(237,76,75,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea2e2e', endColorstr='#ed4c4b', GradientType=0 ); }

.botonRegistro2 
 { font-family:Gidole; font-size:18px; font-weight:400; text-align:center; color:#FFFFFF; background-color:#1b2c24;
   padding:3px 8px 3px 8px; cursor:pointer; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px;
   -webkit-border-radius: 4px 4px 4px 4px; border: 1px solid #333333;}   
   
.registro_entrada {
  width:100%; 
  height:auto; 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 #999999; }  
  
	/* script.- registro.php */
.imagen600 { display:none; }
 
#bloque_gym{display:none;}

	/* script.- registro.php */
#flotante3
   {position: absolute;	width:80%; margin-left:10%; height:auto; display:none; border:1px solid #808080; background-color:#ffffff; 
    font-family:Calibri, Candara, Arial , sans-serif; font-size:16px; color:#586774; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; webkit-box-shadow: 3px 4px 19px -2px rgba(128,128,128,1);
    -moz-box-shadow: 3px 4px 19px -2px rgba(128,128,128,1); box-shadow: 3px 4px 19px -2px rgba(128,128,128,1); z-index:100;} 

#flotante4
   {position: absolute;	width:60%; margin-top:100px; margin-left:20%; height:auto; display:none; border:1px solid #808080; background-color:#2d332d; 
    filter:alpha(opacity=95); opacity:0.95; -moz-opacity:0.95; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; webkit-box-shadow: 3px 4px 19px -2px rgba(128,128,128,1);
    -moz-box-shadow: 3px 4px 19px -2px rgba(128,128,128,1); box-shadow: 3px 4px 19px -2px rgba(128,128,128,1); z-index:100;} 
	
#flotante7
   {position: absolute;	width:30%; margin-top:100px; margin-left:35%; height:auto; display:none; border:1px solid #808080; border-radius: 4px 4px 4px 4px; 
    -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; z-index:100; background: rgba(77,77,77,1);
    background: -moz-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(51,51,51,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(77,77,77,1)), color-stop(100%, rgba(51,51,51,1)));
    background: -webkit-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(51,51,51,1) 100%); background: -o-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(51,51,51,1) 100%);
    background: -ms-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(51,51,51,1) 100%); background: linear-gradient(to bottom, rgba(77,77,77,1) 0%, rgba(51,51,51,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#333333', GradientType=0 );
	-webkit-box-shadow: 0px 7px 5px -4px rgba(77,77,77,1); -moz-box-shadow: 0px 7px 5px -4px rgba(77,77,77,1); box-shadow: 0px 7px 5px -4px rgba(77,77,77,1);}	
	
		/* padel_domotica600 */
#encabezadoNegro
   {text-align:center; background: rgba(77,77,77,1); border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px;
    background: -moz-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(51,51,51,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(77,77,77,1)), color-stop(100%, rgba(51,51,51,1)));
    background: -webkit-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(51,51,51,1) 100%); background: -o-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(51,51,51,1) 100%);
    background: -ms-linear-gradient(top, rgba(77,77,77,1) 0%, rgba(51,51,51,1) 100%); background: linear-gradient(to bottom, rgba(77,77,77,1) 0%, rgba(51,51,51,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#333333', GradientType=0 );}
	
#flotanteDialogo , #flotanteDialogo2 {
    position: fixed; margin-top:10%; height:auto; display:none;  
    border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-box-shadow: -5px 9px 8px -8px rgba(0,0,0,0.75); -moz-box-shadow: -5px 9px 8px -8px rgba(0,0,0,0.75); box-shadow: -5px 9px 8px -8px rgba(0,0,0,0.75);	
	z-index:1000; max-height:87%; overflow:none; background: rgba(255,255,255,1); 
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 ); }		
	
#flotante_incidencia , #flotante_comunicacion
   {position: absolute;	width:50%; margin-left:25%; margin-top:150px; height:auto; display:none; border:1px solid #808080; background-color:#2d332d; 
    filter:alpha(opacity=97); opacity:0.97; -moz-opacity:0.97; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; webkit-box-shadow: 3px 4px 19px -2px rgba(128,128,128,1);
    -moz-box-shadow: 3px 4px 19px -2px rgba(128,128,128,1); box-shadow: 3px 4px 19px -2px rgba(128,128,128,1); z-index:300;}
	
#flotante_comunicacion2
   {position: fixed; width:30%; margin-left:35%; margin-top:150px; height:auto; display:none; font-family: Montserrat, Calibri, Arial, sans-serif; font-size:18px; 
    font-weight:400; color:#f2f2f2; border:1px solid #808080; background-color:#2d332d; 
    filter:alpha(opacity=97); opacity:1; -moz-opacity:0.97; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; webkit-box-shadow: 3px 4px 19px -2px rgba(128,128,128,1);
    -moz-box-shadow: 3px 4px 19px -2px rgba(128,128,128,1); box-shadow: 3px 4px 19px -2px rgba(128,128,128,1); z-index:9000;}		
	
#flotante_comunicacion_fija
   {position: fixed; width:50%; margin-left:25%; margin-top:150px; height:auto; display:none; border:1px solid #808080; background-color:#2d332d; 
    filter:alpha(opacity=97); opacity:0.97; -moz-opacity:0.97; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; webkit-box-shadow: 3px 4px 19px -2px rgba(128,128,128,1);
    -moz-box-shadow: 3px 4px 19px -2px rgba(128,128,128,1); box-shadow: 3px 4px 19px -2px rgba(128,128,128,1); z-index:300;}	
	
#flash
   {position: absolute;	width:60%; margin-top:20%; margin-left:4%; height:auto; border:1px solid #808080; background-color:#FFFFFF; display:none;
    font-family:Calibri, Candara, "Arial Narrow", "Bell MT", Corbel, Vrinda, "Times New Roman"; font-size:0.8em; color:#330000; font-style:oblique;
    filter:alpha(opacity=95); opacity:0.95; -moz-opacity:0.95; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; webkit-box-shadow: 3px 4px 19px -2px rgba(128,128,128,1); 
    -moz-box-shadow: 3px 4px 19px -2px rgba(128,128,128,1); box-shadow: 3px 4px 19px -2px rgba(128,128,128,1); z-index:3000;}	
	
	     /* Div protección datos */
.rgpd 
  { position:fixed; left:0px; right:0px; bottom:0px; height:auto; z-index:5000; background-color:#ed4c4b; color:#ffffff; opacity:0.8;
    filter:alpha(opacity=80); }
	
#cuerpo_formulario , #formulario_pendiente_validar
   { border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border: 1px solid #cccccc; background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );}	

#guia
  {	position: absolute; width:auto; display:none; font-family: Calibri, Candara, "Arial Narrow", "Bell MT", Corbel, Vrinda, "Times New Roman"; font-size:14px; 
    text-align:left; color:#FFFFFF; padding:10px; border:1px solid #808080; background-color:#2d332d; filter:alpha(opacity=90); 
	opacity:0.9; -moz-opacity:0.90; border-radius: 5px 5px 5px 10px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;z-index:10000;
    webkit-box-shadow: 3px 4px 19px -2px rgba(128,128,128,1); -moz-box-shadow: 3px 4px 19px -2px rgba(128,128,128,1); box-shadow: 3px 4px 19px -2px rgba(128,128,128,1);}		

		/* Spinner espera */
	
#espera
   {position: fixed; width:15%; margin-top:300px; margin-left:42%; height:auto; display:none; z-index:3000; }	 	
	
.windows8 {
	position: relative;
	width: 44px;
	height:44px;
	margin:auto;
}

.windows8 .wBall {
	position: absolute;
	width: 42px;
	height: 42px;
	opacity: 0;
	transform: rotate(225deg);
		-o-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
	animation: orbit 3.3225s infinite;
		-o-animation: orbit 3.3225s infinite;
		-ms-animation: orbit 3.3225s infinite;
		-webkit-animation: orbit 3.3225s infinite;
		-moz-animation: orbit 3.3225s infinite;
}

.windows8 .wBall .wInnerBall{
	position: absolute;
	width: 5px;
	height: 5px;
	background: rgb(0,0,0);
	left:0px;
	top:0px;
	border-radius: 5px;
}

.windows8 #wBall_1 {
	animation-delay: 0.726s;
		-o-animation-delay: 0.726s;
		-ms-animation-delay: 0.726s;
		-webkit-animation-delay: 0.726s;
		-moz-animation-delay: 0.726s;
}

.windows8 #wBall_2 {
	animation-delay: 0.143s;
		-o-animation-delay: 0.143s;
		-ms-animation-delay: 0.143s;
		-webkit-animation-delay: 0.143s;
		-moz-animation-delay: 0.143s;
}

.windows8 #wBall_3 {
	animation-delay: 0.2865s;
		-o-animation-delay: 0.2865s;
		-ms-animation-delay: 0.2865s;
		-webkit-animation-delay: 0.2865s;
		-moz-animation-delay: 0.2865s;
}

.windows8 #wBall_4 {
	animation-delay: 0.4295s;
		-o-animation-delay: 0.4295s;
		-ms-animation-delay: 0.4295s;
		-webkit-animation-delay: 0.4295s;
		-moz-animation-delay: 0.4295s;
}

.windows8 #wBall_5 {
	animation-delay: 0.583s;
		-o-animation-delay: 0.583s;
		-ms-animation-delay: 0.583s;
		-webkit-animation-delay: 0.583s;
		-moz-animation-delay: 0.583s;
}
	
@keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		transform: rotate(180deg);
		animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		transform: rotate(300deg);
		animation-timing-function: linear;
		origin:0%;
	}

	30% {
		opacity: 1;
		transform:rotate(410deg);
		animation-timing-function: ease-in-out;
		origin:7%;
	}

	39% {
		opacity: 1;
		transform: rotate(645deg);
		animation-timing-function: linear;
		origin:30%;
	}

	70% {
		opacity: 1;
		transform: rotate(770deg);
		animation-timing-function: ease-out;
		origin:39%;
	}

	75% {
		opacity: 1;
		transform: rotate(900deg);
		animation-timing-function: ease-out;
		origin:70%;
	}

	76% {
	opacity: 0;
		transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		transform: rotate(900deg);
	}
}

@-o-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-o-transform: rotate(180deg);
		-o-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-o-transform: rotate(300deg);
		-o-animation-timing-function: linear;
		-o-origin:0%;
	}

	30% {
		opacity: 1;
		-o-transform:rotate(410deg);
		-o-animation-timing-function: ease-in-out;
		-o-origin:7%;
	}

	39% {
		opacity: 1;
		-o-transform: rotate(645deg);
		-o-animation-timing-function: linear;
		-o-origin:30%;
	}

	70% {
		opacity: 1;
		-o-transform: rotate(770deg);
		-o-animation-timing-function: ease-out;
		-o-origin:39%;
	}

	75% {
		opacity: 1;
		-o-transform: rotate(900deg);
		-o-animation-timing-function: ease-out;
		-o-origin:70%;
	}

	76% {
	opacity: 0;
		-o-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-o-transform: rotate(900deg);
	}
}

@-ms-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-ms-transform: rotate(180deg);
		-ms-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-ms-transform: rotate(300deg);
		-ms-animation-timing-function: linear;
		-ms-origin:0%;
	}

	30% {
		opacity: 1;
		-ms-transform:rotate(410deg);
		-ms-animation-timing-function: ease-in-out;
		-ms-origin:7%;
	}

	39% {
		opacity: 1;
		-ms-transform: rotate(645deg);
		-ms-animation-timing-function: linear;
		-ms-origin:30%;
	}

	70% {
		opacity: 1;
		-ms-transform: rotate(770deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin:39%;
	}

	75% {
		opacity: 1;
		-ms-transform: rotate(900deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin:70%;
	}

	76% {
	opacity: 0;
		-ms-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-ms-transform: rotate(900deg);
	}
}

@-webkit-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-webkit-transform: rotate(180deg);
		-webkit-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-webkit-transform: rotate(300deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:0%;
	}

	30% {
		opacity: 1;
		-webkit-transform:rotate(410deg);
		-webkit-animation-timing-function: ease-in-out;
		-webkit-origin:7%;
	}

	39% {
		opacity: 1;
		-webkit-transform: rotate(645deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:30%;
	}

	70% {
		opacity: 1;
		-webkit-transform: rotate(770deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:39%;
	}

	75% {
		opacity: 1;
		-webkit-transform: rotate(900deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:70%;
	}

	76% {
	opacity: 0;
		-webkit-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-webkit-transform: rotate(900deg);
	}
}

@-moz-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-moz-transform: rotate(180deg);
		-moz-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-moz-transform: rotate(300deg);
		-moz-animation-timing-function: linear;
		-moz-origin:0%;
	}

	30% {
		opacity: 1;
		-moz-transform:rotate(410deg);
		-moz-animation-timing-function: ease-in-out;
		-moz-origin:7%;
	}

	39% {
		opacity: 1;
		-moz-transform: rotate(645deg);
		-moz-animation-timing-function: linear;
		-moz-origin:30%;
	}

	70% {
		opacity: 1;
		-moz-transform: rotate(770deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:39%;
	}

	75% {
		opacity: 1;
		-moz-transform: rotate(900deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:70%;
	}

	76% {
	opacity: 0;
		-moz-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-moz-transform: rotate(900deg);
	}
}