.clabs-boton-rojo{
	margin-bottom: 10px;
	box-shadow: 3px 4px 5px 0px rgba(46,149,181,0.25);
	-webkit-box-shadow: 3px 4px 5px 0px rgba(46,149,181,0.25);
	-moz-box-shadow: 3px 4px 5px 0px rgba(46,149,181,0.25);

}

.texto-bienvenida{
	font-size: 20px;
}

.proxima-clase{
	margin-top:20px;
}

.dinamico-proxima-clase img{
	max-width: 150px;
	margin:0 auto;
}

.contenedor-nombre-proxima-clase{
	font-size: 20px;
	font-family: fuente-bold;
	margin-top:5px;
}
.contenedor-fecha-proxima-clase{
	font-size: 20px;
	margin-top:10px;
}
.contenedor-hora-proxima-clase{
	font-size: 20px;
	margin-top:5px;
}



.titulo-bloque{
	font-size: 25px;
	line-height: 40px;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	background-color: #5A5D4A;
	color:#E1DEC9;
	margin-bottom: 20px;
}	

@media only screen and (max-width: 768px) {
	.titulo-bloque{
		font-size: 20px;
	}
}

.clabs-contenedor-menu{
	width:40%;
}



	.clabs-contenedor-menu .clabs-interno{
		padding-right: 10px;
	}


.celda-bienvenida{
	width:60%;
}
	.celda-bienvenida .clabs-interno{
		padding-left: 20px;
	}

	.celda-bienvenida img{
		width:100%;
		display: block;
	}



@media only screen and (max-width: 768px) {
	.clabs-contenedor-menu{
		display: none;
	}

	.celda-bienvenida{
		width:100%;
	}
}

.contenedor-calendario{
	background-color: white;
	padding:20px;
	padding-bottom: 30px;
	box-shadow: 3px 4px 5px 0px rgba(46,149,181,0.25);
	-webkit-box-shadow: 3px 4px 5px 0px rgba(46,149,181,0.25);
	-moz-box-shadow: 3px 4px 5px 0px rgba(46,149,181,0.25);
	position: relative;
}


.boton-regresar{
	position: absolute;
	top:-10px;
	right: -10px;
	width:40px;
	height:40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	background-color:#5A5D4A;
	color:#E1DEC9; 
	font-family: generica;
	cursor:pointer;
}

.dinamico-calendario{
	margin-top:10px;
}

.celda-mes-actual-calendario, .celda-regresar-calendario, .celda-avanzar-calendario{
	font-size: 25px;
	color:#5A5D4A;
	text-align: center;
}


.celda-mes-actual-calendario span{
	line-height: 40px;
	display: inline-block;
	color:#5A5D4A
}
.celda-mes-actual-calendario{
	width:70%;
}

.celda-regresar-calendario{
	width:15%;
	font-size: 35px;
}

.celda-regresar-calendario span, .celda-avanzar-calendario span{
	cursor:pointer;
}

.celda-avanzar-calendario{
	width:15%;
	font-size: 35px;
}	

.celda-calendario{
	width:14.28%;
	height: 60px;
	text-align: center;
	position: relative;
	position: relative;
}

.titulo-calendario{
	width:14.28%;
	height:30px;
	text-align: center;
	position: relative;
	font-size: 18px;
	line-height: 30px;
	color:#5A5D4A;
	
	
}

.titulo-calendario .clabs-interno{
	border-top:1px solid #888;
	border-right:1px solid #888;
	position: absolute;
	width:100%;
	top:0px;
	left: 0px;
	font-size: 15px;
}

.celda-primera-columna .clabs-interno{
	border-left: 1px solid #888;
}


.celda-calendario .interno-dia{
	display: block;
	position: absolute;
	top:5px;
	right:10px;
	font-size: 30px;
}


@media only screen and (max-width: 600px) {
	.celda-calendario .interno-dia{
		font-size: 20px;
	}
	.celda-calendario{
		height: 45px;
	}
}

@media only screen and (max-width: 450px) {
	.celda-calendario .interno-dia{
		font-size: 15px;
	}
}
.celda-dia-existente{
	background-color:white;
}

.interno-celda-calendario{
	position: absolute;
	top:0px;
	left: 0px;
	width:100%;
	height: 100%;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
}

.celda-primera-fila .interno-celda-calendario{
	border-top:1px solid #888;
}
.celda-primera-columna .interno-celda-calendario{
	border-left:1px solid #888;
}

.celda-inactiva{
	/*background-color: #DDD*/
}


.dia-no-disponible{
	background-color:rgba(185, 28,28, .21);
	color:rgb(185, 28,28);}

.dia-disponible{
	background-color:rgba(31, 86, 40, .21);
	color:rgba(31, 86, 40);
	cursor: pointer;
}

.titulo-dia-movil{
	display: none;
}

@media only screen and (max-width: 768px) {
	.titulo-dia-movil{
		display: block;
	}

	.titulo-dia-wide{
		display: none;
	}

}




.celda-titulo{
	width:40%;
}
.celda-clases{
	width:20%;
}
.celda-vigencia{
	width:20%;
}
.celda-precio{
	width:20%;
}

.celda-disponibles{
	width:30%;
}

.celda-vigencia{
	width:30%;
}


.contenedor-horarios{
	position: relative;
}

.boton-regresar{
/*.contenedor-horarios .boton-regresar, .contenedor-planes-usuario .boton-regresar, .contenedor-planes-compra .boton-regresar{*/
	transform: rotate(180deg);
}

.dinamico-horarios{
	margin-top:20px;
	max-width: 600px;
	font-size: 25px;
	margin:20px auto;
}

.dinamico-planes{
	max-width: 700px;
	margin:0 auto;
}

.fila-plan{
	border-bottom: 1px solid #888;
}

.fila-plan-seleccionado{
	background-color: rgba(31, 86, 40,.25);
}

.fila-plan:hover{
	cursor:pointer;
	background-color: rgba(31, 86, 40,.25)
}

.fila-clase{
	line-height: 35px;
	border-bottom: 1px solid #888;
	line-height: 50px;
	text-align: center;
	padding-top:5px;
	padding-bottom: 5px;
}

.celda-horario{
	width:30%;	

}
.celda-titulo{
	width:55%;
}

.celda-profesor{
	width:15%;
}

.celda-profesor img{
	width:100%;
}

.celda-descripcion{
	padding-top:5px;
	padding-bottom: 5px;
	font-size: 12px;
	line-height: 13px;
}

.celda-descripcion .interno{
	padding-left: 10px;
	padding-right: 10px;
}


.fila-clase-disponible{
	color:rgba(31, 86, 40);
	cursor:pointer;
}


.fila-clase-disponible:hover{
	color:rgba(31, 86, 40);
	cursor:pointer;
	background-color: rgba(31, 86, 40,.25)
}

.dinamico-fecha-horarios{
	text-align: center;
	font-size: 25px;
	margin-top:20px;
	color:#5A5D4A
;
}


.contenedor-foto-profesor{
	border-radius: 50%;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border:2px solid #258597;
	margin:0 auto;
}

.fila-clase-no-disponible{
	color:rgb(185, 28,28);
}



.dinamico-planes-usuario{
	max-width: 600px;
	margin:20px auto;
	text-align: center;
	line-height: 25px;

}

.fila-titulos-plan{
	color:#258597;
	font-size: 25px;
	line-height: 40px;

}



.fila-plan-usuario{
	border-bottom: 1px solid #888;
	padding-top:15px;
	padding-bottom:15px;
	cursor:pointer;
}

.fila-plan-usuario:hover{
	background-color: rgba(31, 86, 40,.25)
}

.dinamico-planes-usuario .celda-titulo{
	width:35%;
}

.dinamico-planes-usuario .celda-disponibles{
	width:35%;
}

.dinamico-planes-usuario .celda-vigencia{
	width:30%;
}

.dinamico-planes-vigentes .celda-titulo{
	width:35%;
}

.dinamico-planes-vigentes .celda-disponibles{
	width:35%;
}

.dinamico-planes-vigentes .celda-vigencia{
	width:30%;
}

@media only screen and (max-width: 768px) {
	.fila-titulos-plan{
		font-size: 20px;
	}
}

@media only screen and (max-width: 450px) {
	.fila-titulos-plan{
		font-size: 18px;
	}

	.fila-plan-usuario{
		font-size: 13px;
	}

}

.clabs-interfaz-clases .interno{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
}

.contenedor-clase{
	margin-bottom: 30px;
}

.contenedor-clase .titulo{
	color:#5A5D4A;
	font-size: 25px;
	font-family: fuente-bold;
}
.contenedor-clase .descripcion{
	font-size: 18px;
	margin-top: 10px;
}



.dinamico-clases-agendadas{
	max-width: 700px;
	margin:20px auto;
}

.contenedor-agendadas, .contenedor-horarios, .contenedor-planes-usuario, .contenedor-planes-compra, .contenedor-profesores{
	box-shadow: 3px 4px 5px 0px rgba(46,149,181,0.25);
	-webkit-box-shadow: 3px 4px 5px 0px rgba(46,149,181,0.25);
	-moz-box-shadow: 3px 4px 5px 0px rgba(46,149,181,0.25);
	background-color: white;
	position: relative;
}

.contenedor-agendadas .interno, .contenedor-horarios .interno, .contenedor-planes-usuario .interno, 
.contenedor-planes-compra .interno{
	padding:10px;
}

.fila-clase-agendada{
	padding-top:10px;
	padding-bottom: 10px;
	line-height: 50px;
	border-bottom: 1px solid #888;
	font-size: 25px;
	cursor:pointer;
}

.fila-clase-agendada:hover{
	background-color: rgba(31, 86, 40,.25)

}


.fila-clase-agendada .celda-titulo{
	width:40%;
	font-family: fuente-bold;
}
.fila-clase-agendada .celda-fecha-hora{
	width:35%;
	font-size: 15px;
	font-size: 20px;
}
.fila-clase-agendada .celda-profesor{
	width:15%;
}
.fila-clase-agendada .celda-cancelar{
	text-align: right;
	width:10%;
}
.fila-clase-agendada .celda-descripcion-clase{
	display: none;
	padding-top:5px;
	padding-bottom: 5px;
	font-size: 12px;
	line-height: 15px;
}

.celda-descripcion-clase .interno{
	padding-left: 10px;
	padding-right: 10px;
}


.texto-sin-clases{
	font-family: fuente-bold;
	text-align: center;
	margin-top:30px;
	margin-bottom: 30px;
}

.boton-cancelar-clase{
	font-family: generica;
	background-color: red;
	color:white;
	border-radius: 50%;
	font-size: 10px;
	position: relative;
	top:10px;
	cursor:pointer;
	cursor:pointer;
	text-align: center;
	width:25px;
	line-height: 25px;
}

@media only screen and (max-width: 768px) {

	.fila-clase-agendada{
		line-height: 40px;
		font-size:20px;
	}
	.contenedor-foto-profesor{
		height: 40px;
		width: 40px;
	}
	.fila-clase-agendada .celda-fecha-hora{
		font-size: 18px;
	}

	.boton-cancelar-clase{
		top:7px;
	}

}

@media only screen and (max-width: 500px) {

	.fila-clase-agendada .celda-titulo{
		font-size: 15px;
	}
	.celda-fecha-hora{
		font-size: 13px;
	}
}

.dinamico-planes .celda-titulo{
	width:35%;
}
.dinamico-planes .celda-clases{
	width:20%;
}
.dinamico-planes .celda-vigencia{
	width:25%;
}
.dinamico-planes .celda-precio{
	width:20%;
}


.fila-plan{
	padding-top:10px;
	padding-bottom: 10px;
}
.dinamico-planes-catalogo .celda-titulo{
	width:35%;
}
.dinamico-planes-catalogo .celda-clases{
	width:20%;
}
.dinamico-planes-catalogo .celda-vigencia{
	width:25%;
}
.dinamico-planes .celda-precio{
	width:20%;
}


.contenedor-profesores{
	margin-top:20;
	padding-top:30px;
	margin-bottom: 30px;
	position: relative;
}

.celda-preview-profesor{
	max-width: 350px;
    width: 50%;
	margin-bottom: 50px;
}

.celda-preview-profesor .interno{
	padding-left: 25px;
	padding-right: 25px;
}

.contenedor-foto-profesor img{
	width:100%;
	display: block;
}

.titulo-profesor{
	font-size: 20px;
	color:#258597;
	margin-bottom: 15px;
	margin-top:20px;
}

.descripcion-profesor{
	font-size: 15px;
}

.dinamico-profesores .contenedor-foto-profesor{
	width:80px;
	height: 80px;
}

@media only screen and (max-width: 700px) {
	.celda-preview-profesor{
		width:100%;
	}
}


.celda-pasarela-pago{
	width:50%;
}
.celda-pasarela-pago .interno{
	padding-left: 10px;
	padding-right: 10px;
}

@media only screen and (max-width: 768px) {
	.celda-pasarela-pago{
		width:100%;
	}
}
/*.clabs-banner-home{
	position: relative;
	z-index: 2;
}


.clabs-texto{
	text-align: justify;
	color:#555;
}


.clabs-separador-horizontal{
	width:100%;
	max-width: 600px;
	height:5px;
	margin:0 auto;
	background-image: linear-gradient(to right, #53052b, #f6bd10);	
}


.clabs-contenedor-patrocinador{
	max-width: 600px;
	margin:0 auto;
	text-align: center;

}

.clabs-contenedor-patrocinador img{
	width:100%;
	display: block;
	border:3px solid #f6bd10;
	}*/