@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Rambla);

.qmmc .qmdivider{display:block;font-size:2px;border-width:0px;border-style:solid;}
.qmmc .qmdividery{float:left;width:0px;}
.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative;zoom:1;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div{visibility:hidden;position:absolute;}
.qmmc ul {left:-10000px;position:absolute; }
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;top: 00px;background-color:#333}   /*Color de botones principales */
.qmmc li a {float:none}
.qmmc li{position:relative;}
.qmmc ul {z-index:10;}
.qmmc ul ul {z-index:20;}
.qmmc ul ul ul {z-index:30;}
.qmmc ul ul ul ul {z-index:40;}
.qmmc ul ul ul ul ul {z-index:50;}
li:hover>ul{left:auto;}
#qm0 ul {top:100%;}
#qm0 ul li:hover>ul{top:0px;left:100%;}

/* ITEM */
  #qm0 a	
	{	
		padding: 10px 10px 0px 25px;
		margin: 0 auto; 
		text-aling: left; 
		color:#FA5E34; /*color de la letra botones principales */
		font-family:Rambla;
		font-weight: bold;
		font-size:13px; /*Tamaño letra botón principal */
		text-decoration:none;
		z-index:100000;
		min-height:30px;
		
	}

	#qm0 a:hover	
	{	
		padding:10px 10px 0px 25px;
		color:#fff;
		margin: 0 auto;
		font-family:Rambla;
		font-size:13px;  /* tamaño letra boton principal al pasar ratón */
		font-weight: bold;
		text-decoration:none;
		background-color:#333;    /*Fondo color botones proncipales*/
		z-index:100000;
		min-height:30px;
		
	}  




	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:10px 5px 5px 20px;
		background-color:#333;
		text-aling: left; 
		margin: 0 auto; 
		font-size:14px;
		border-width:0px;
		border-style:none;
		color:#FA5E34;    /*Color letras botones submenú */
		z-index:100000;
		min-width:180px;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover	 /*fondo botón sub menú*/
	{
	padding:10px 5px 5px 20px;
	text-aling: left; 
	background-color:#000;
	margin: 0 auto; 
	color:#fff;
	font-size:14px;
	min-width:180px;
	z-index:100000;		
		
	}

	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#fff;
		background-color:#fff; /* Color posición botones principales en submenú 
		color:#FFF; /* Color letra botón principal en submenú*/
		z-index:100000;
		
		
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 10px 00px 25px;
		
	}


body,td,th {
	font-family: Rambla, Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color:#FA5E34;
	}
img {   
  
border: none;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color:#999;
}
a:active {
	text-decoration: none;
}
#base {
        position:absolute;
	top:3px;
	width: 97%;
	margin: auto auto;
	background-color:#fff;
	z-index:1;
}
#base2 {
	position:absolute;
	left: 50%;
	top:50px;
	height: 0px;
	width: 800px;
    margin-left: -400px;
	background-color:#FFF;

}
/*#contenedor {
	position:absolute;
	left: 0%;
	top:200px;
	height: 500px;
	width: 100%;
	margin-left: -400px;
	background-color:#fff;
}*/
#entrada {
	position:absolute;
	left: 0%;
	top:0px;
	height: 300px;
	width: 800px;
	background-image: url("../imagen/inicio.jpg");
	/*z-index:10;*/
}

#mensage {
	position:absolute;
	left: 0%;
	margin-top:120px;
	height: 100%;
	width: 95%;
	
	background-repeat: no-repeat;
}


#contenedor2 {
	position:absolute;
	left: 1%;
	top:115px;
	height: 500px;
	width: 800px;
	margin-left: -400px;
	background-color:#fff;
	/*z-index:10;*/
}
	
#logo {
	position:absolute;
	top:0px;
        left:0%;
        right: 1%; 
        width: 100%;
	height: 70px;
        background-image: url("../imagen/carteles/banner_entrada_index_movil_SIN.png");
        background-position: 50%;
        background-color: #333333;
        background-repeat: no-repeat;
	
}



#titulo {
	position:absolute;
	top:100px;
	width: 500px;
	height: 20px;
}
#menu {
	position:absolute;
	margin-top:80px;
        left:0%;
	width: 100%;
	height: 40px;
	background-color:#333;

}

#formulario {
	
position:absolute;
	top:140px;
	width: 800px;
	height: 300px;
}




#formulario_index {
	
position:absolute;
margin-top:90px;
width: 100%;
height: 150px;
left:0%;
background-color: #F2F2F2;


}

#imagen_index {
	
position:absolute;
margin-top:140px;
width: 100%;
height: 150px;
left:0%;
 background-image: url("../imagen/carteles/inicio_movil.png");
background-position: 50%;
        background-color: #333333;
        background-repeat: no-repeat;


}


#atras {
	
position:absolute;
top:140px;
width: 100%;
height: 20px;
z-index:1;

}


#hijo {
	
position:absolute;
    top:5%;
    left:0%;
    right:10%;
    width:100%;






}



#formularioalta {
	
	position:absolute;
	left: 0%;
	margin-top:140px;
	height: 100%;
	width: 100%;
	background-color: #000;
	background-repeat: no-repeat;
      

}

#formulariosms {
	
	position:absolute;
	left: 0%;
	margin-top:160px;
	height: 100%;
	width: 100%;
	background-color: #fff;
	background-repeat: no-repeat;

}

#anularclase {
	
	position:absolute;
	left: 0%;
	margin-top:110px;
	height: 100%;
	width: 100%;
	
	background-repeat: no-repeat;

}

#altaclase {
	
	position:absolute;
	left: 0%;
	margin-top:140px;
	height: 100%;
	width: 100%;
	background-color: #000;
	background-repeat: no-repeat;
}

#seleccionfecha {
	
	position:absolute;
	left: 0%;
	margin-top:110px;
	height: 100%;
	width: 100%;
	
	background-repeat: no-repeat;
	

}

#seleccionfechaadmin {
	
	position:absolute;
	left: 0%;
	margin-top:110px;
	height: 100%;
	width: 100%;
	
	background-repeat: no-repeat;

}




#busqueda{
	
	position:absolute;
	left: 0%;
	margin-top:140px;
	height: 100%;
	width: 100%;
	background-color: #000;
	background-repeat: no-repeat;

}
#modificacionusu {
	
	position:absolute;
	left: 0%;
	margin-top:150px;
	height: 100%;
	width: 100%;
	background-color: #000;
	background-repeat: no-repeat;

}

#modificacionclase {
	
	position:absolute;
	left: 50%;
	top:20px;
	height: 400px;
	width: 800px;
	background-image: url("../imagen/carteles/fondo_mod_clase.jpg");
	background-repeat: no-repeat;
	margin-left:-400px;

}

#listadobusqueda {
	
	position:absolute;
	left: 0%;
	top:140px;
	height: 400px;
	width: 100%;
	background-repeat: no-repeat;
	

}

#listado {
	
	position:absolute;
	left: 0%;
	top:140px;
	height: 400px;
	width: 100%;
	background-repeat: no-repeat;
	

}

#historial {
	
	position:absolute;
	left: 0%;
	top:140px;
	height: 400px;
	width: 100%;
	background-repeat: no-repeat;
	

}


#listadoreserva {
	
	position:absolute;
	left: 50%;
	top:0px;
	height: 400px;
	width: 800px;
	background-image: url("../imagen/carteles/fondo_listado_usuario.jpg");
	background-repeat: no-repeat;
	margin-left:-400px;

}

#listadoreservas {
	
	position:absolute;
	left: 0%;
	margin-top:120px;
	height: 100%;
	width: 100%;
	
	background-repeat: no-repeat;
}

#listadoclase {
	
	position:absolute;
	left: 50%;
	top:0px;
	height: 400px;
	width: 800px;
	background-image: url("../imagen/carteles/fondo_listado_clase.jpg");
	background-repeat: no-repeat;
	margin-left:-400px;

}
#listadoclase2 {
position:absolute;
	left: 0%;
	margin-top:110px;
	height: 100%;
	width: 100%;
	
	background-repeat: no-repeat;
        
	
}

#reservaclase {
    position:absolute;
	left: 0%;
	margin-top:110px;
	height: 100%;
	width: 100%;
	
	background-repeat: no-repeat;
	
}

#bloqueoclase {
    position:absolute;
	left: 0%;
	margin-top:110px;
	height: 100%;
	width: 100%;
	
	background-repeat: no-repeat;
	
}

#misreservas {
    position:absolute;
	left: 50%;
	top:0px;
	height:580px;
	width: 800px;
	background-image: url("../imagen/carteles/fondo_listado_reservas.jpg");
	background-repeat: no-repeat;
	margin-left:-400px;
	
}

.muestranombre{
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:10px;
	position: absolute;
    top:  30%; 
    left: 25%;
	color:#fff;
	font-weight:bold;
	}

.area {
	 width: 100%;
         height: 50px;
         font-family: Rambla;
	
}

.titular {
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:30px;
	text-align:center;
	font-weight:bold;
	color:#FA5E34;
	
	}
	
.titular2 {
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:20px;
	text-align:center;
	font-weight:bold;
	color:#9B0004;

	}
	
.titular3 {
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:15px;
	text-align:center;
	font-weight:bold;
	color:#9B0004;

	}
.ayuda {
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:15px;
	text-align:justify;
	color:#333;	
	}
.ayudarojo {
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:16px;
	text-align:justify;
		font-weight:bold;
	color:#9B0004;	
	}
.tituloformulario{
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:14px;
	text-align:left;
	font-weight:bold;
	color:#FA5E34;
        width: 45%;
        
	}	

	
.tituloformulario_index{
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:18px;
	text-align:left;
	font-weight:bold;
	color:#FA5E34;
        width:30%;
	}	

.campo_index{
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	width:80%;
        font-size:14px;
	}	

.campoformulario{
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:14px;
	padding-right:0px;
	text-align:left;
	color:#000;
        width: 100%;
		
	}
.campoformulario2{
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:8px;
	padding-left:0px;
	text-align:left;
	color:#000;
	text-transform:uppercase;
		
	}	
.campoformulario3{
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:11px;
	padding-left:0px;
	text-align:center;
	color:#000;
	text-transform:uppercase;
		
	}	
	
.campoformulario4{
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:14px;
	padding-left:0px;
	text-align:left;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
		
	}
.campoformulario5{
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:11px;
	padding-left:0px;
	text-align:left;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
		
	}
	
.campoformulario6{
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:14px;
	padding-left:0px;
	text-align:center;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
		
	}
	
.botonformulario{
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:16px;
	text-align:center;
	color:#FA5E34;
	font-weight:bold;
	}
	
.botonreserva{
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
	color:#FA5E34;
	font-weight:bold;
	}

.botonformulario2{
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
	color:#9B0004;
	}
.titulotabla{
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:8px;
	text-align:left;
	color:#FA5E34;
	font-weight:bold;
	}
	
td.titulotabla_cliente{
	font-weight: bold;
	text-align: left;
	font-family: Rambla, Helvetica, sans-serif;
	font-size: 16px;
	color: #FA5E34;
	background-color: #333333;
	padding: 8px 4px 8px;
	border: 1pt none;
	}
td.titulotabla_admin{
	font-weight: bold;
	text-align: left;
	font-family: Rambla, Helvetica, sans-serif;
	font-size: 9px;
	color: #FA5E34;
	background-color: #333333;
	padding: 8px 4px 8px;
	border: 1pt none;
	}
	
td.titulotabla_cliente_icono{
	font-weight: bold;
	text-align: center;
	color: #FA5E34;
	background-color: #333333;
	padding: 8px 4px 8px;
	border: 1pt none;
	}
	
td.resultado_cliente{
	font-weight: bold;
	text-align: left;
	font-family: Rambla, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #fff;
	padding: 8px 4px 8px;
	border: 1pt none;
	}
	
td.resultado_cliente_clases{
	font-weight: bold;
	text-align: left;
	font-family: Rambla, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	background-color: #fff;
	padding: 8px 4px -1px;
	border: 1pt none;
	}
	
td.titulotabla_cliente_center{
	font-weight: bold;
	text-align: center;
	font-family: Rambla, Helvetica, sans-serif;
	font-size: 12px;
	color: #FA5E34;
	background-color: #333333;
	padding: 8px 4px 8px;
	border: 1pt none;
	}
	
td.resultado_cliente_center{
	font-weight: bold;
	text-align: center;
	font-family: Rambla, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #fff;
	padding: 8px 4px 8px;
	border: 1pt none;
	}
	
td.resultado_cliente_center_icono{
	font-weight: bold;
	text-align: center;
	font-family: Rambla, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #fff;
	padding: 4px 0px 0px;
	border: 1pt none;
	}
	
	
	
	
	
.titulotablareserva{
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
	color:#FA5E34;
	font-weight:bold;
	}
	
.titulotablacre{
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:8px;
	text-align:center;
	color:#FA5E34;
	font-weight:bold;
	}

.mensaje{
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:18px;
	text-align:center;
	font-weight:bold;
	color:#FA5E34;
	}
	
.mensaje2{
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:18px;
	text-align:center;
	font-weight:bold;
	color:#000;
	}
	
.mensajesms{
	font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:15px;
	text-align:center;
	font-weight:bold;
	color:#616161;
	}
	
.iconos {
		text-align:center;
	}
.creditos {
        font-family:Rambla, Tahoma, Geneva, sans-serif;
		text-align:center;
		color:#F60505;
		font-weight:bold;
	}




.creditos2 {
        font-family:Rambla, Tahoma, Geneva, sans-serif;
	font-size:8px;
	padding-left:0px;
	text-align:center;
	color:#F60505;
	text-transform:uppercase;
}



.enlaces {
        font-family:Rambla, Tahoma, Geneva, sans-serif;
		text-align:center;
		color:#FA5E34;
		font-weight:none;
	}
.enlaceboton {    font-family: Rambla, arial, sans-serif;
   font-size: 11pt;
   font-weight: none;
   padding: 2px;
   background-color: #5BBFDE;
   color: #fff;
   text-decoration: bold;
}

.enlaceboton2 {    font-family: Rambla, arial, sans-serif;
   font-size: 11pt;
   font-weight: none;
   padding: 2px;
   background-color: #FE2E2E;
   color: #fff;
   text-decoration: bold;
}
.enlaceboton3 {    font-family: Rambla, arial, sans-serif;
   font-size: 11pt;
   font-weight: none;
   padding: 0px;
   background-color: #FE2E2E;
   color: #fff;
   text-decoration: bold;
}



.bloquear {
   font-family: Rambla, arial, sans-serif;
   font-size: 11pt;
   font-weight: none;
   padding: 0px;
   background-color: #000;
   color: #fff;
   text-decoration: bold;
}

.bloquear2 {
   font-family: Rambla, arial, sans-serif;
   font-size: 11pt;
   font-weight: none;
   padding:2px;
   background-color: #000;
   color: #fff;
   text-decoration: bold;
}

.desbloquear {
   font-family: Rambla, arial, sans-serif;
   font-size: 11pt;
   font-weight: none;
   padding: 0px;
   background-color: #01DF01;
   color: #01DF01;
   text-decoration: bold;
}

.tablacliente {
   font-family: Rambla, arial, sans-serif;
   font-size: 11pt;
   font-weight: none;
   color: #01DF01;
   left: 0%;
   text-decoration: bold;
   width: 100%;
}

.cerrado {
   font-family: Rambla, arial, sans-serif;
   font-size: 11pt;
   font-weight: none;
   padding: 2px;
   background-color: red;
   color: #fff;
   text-decoration: bold;
}

.abierto {
   font-family: Rambla, arial, sans-serif;
   font-size: 11pt;
   font-weight: none;
   padding: 2px;
   background-color: red;
   color: #5BBFDE;
   text-decoration: bold;
}
	


	
tr.espacio > td
{
  padding-bottom: 0.5em;
}

tr.espacio2 > td
{
  padding-bottom: 0.5em;
}

.paddingCabTablaCliente {
	font-weight: none;
	font-family: Rambla, Helvetica, sans-serif;
	font-size: 22px;
	color: #fff;
	background-color: #696969;
	padding: 2px 2px 2px 8px;
	border: 1pt none;
}

.tablaalta{
	width:98%;
	}
.tablalistado{
	width:98%;
	}

.tablalistado2{
	width:98%;
        margin-top:20px;
	}

td.alta{
	width:0px;
	}

td.listado{
	width:0px;
	}


/*calendario */
td.paddingCabTabla{
	font-weight: none;
	text-align: center;
	font-family: Rambla, Helvetica, sans-serif;
	font-size: 22px;
	color: #fff;
	background-color: #696969;
	padding: 2px 2px 2px 8px;
	border: 1pt none;
}

td.diasemana{
	font-weight: none;
	text-align: center;
	font-family: Rambla, Helvetica, sans-serif;
	font-size: 22px;
	color: #fff;
	background-color: #696969;
	padding: 2px;
	border: 1pt none;
}

td.fechasemana {
	text-align: center;
	background-color: #FA5E34;
	padding: 2px;
	border: 1pt none;
	font-family: Rambla, Helvetica, sans-serif;
	font-size: 22px;
	color: #fff;
}

td.fechaactual {
	text-align: center;
	background-color: red;
	padding: 2px;
	border: 1pt none;
	font-family: Rambla, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
}

td.fechaclase {
	text-align: center;
	background-color: #333333;
	padding: 2px;
	border: 1pt none;
	font-family: Rambla, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
}

td.fechaclasetiene {
	text-align: center;
	background-color: #01DF01;
	padding: 2px;
	border: 1pt none;
	font-family: Rambla, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
}

.enlaceclase{
	font-weight: none;
	text-align: center;
	font-family: Rambla, Helvetica, sans-serif;
	font-size: 22px;
	color: #fff;
	padding: 2px;
	border: 1pt none;
}

td.paginacion {
	text-align: center;
	padding: 2px;
	border: 1pt none;
	font-family: Rambla, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: red;
}

table_index {
	width: 80%;
        height:70%;
}
.tabla_salir {
   font-family: Rambla, arial, sans-serif;
   font-weight: none;
   padding: 0px;
   margin-top: 65px;
   margin-left: 1%;
   color: #01DF01;
   text-decoration:none;
   width: 98%;
   
  

}


#tbevento01 tr:nth-child(odd) {
	background-color: #ffffff;
	color:#777777
}

#tbevento01 tr:nth-child(even) {
	background-color: #666;
	color:#FFFFFF;
}