/*FONDO*/

.clabs-contenedor-greca{
	position: absolute;
	width:100%;
	top:0px;
	left:0px;
}

.clabs-contenido-pagina{
	position: relative;
	z-index: 2;
}

.clabs-contenedor-cuerpo{
	overflow: hidden;
}


.clabs-seccion-franquicias{
	color:#0097d9;
	font-size: 20px;
	text-align: center;
	margin-top:40px;
}

.clabs-seccion-gris{
	background-color: #f6f6f6;
	padding-top:40px;
	padding-bottom:40px;
}

.clabs-contenido-resaltado{
	font-family: fuente-bold;
	color:#0097d9;
}

/*BANNER*/

.clabs-contenedor-portada{
	width:100%;
	display: block;
	height:500px;
	position:relative;
	z-index: 3;
	overflow: hidden;
}


.clabs-rotatorio-portada{
	width:300%;
	position: relative;
	height:100%;
	left:0%;
	top:0%;
}
.clabs-elem-rotatorio{
	width:33.33%;
	height: 100%;
}

.clabs-controles-banners{
	text-align: center;
	position: absolute;
	width:100%;
	left:0px;
	bottom:15px;
	z-index:2;
}

.clabs-control-banners{
	border-radius: 50%;
	width:15px;
	height: 15px;
	margin-left: 7px;
	margin-right: 7px;
	border:1px solid #0097d9;
	background-color: white;
	cursor:pointer;
}


.clabs-control-banners-on{
	background-color:#0097d9;
}

.clabs-control-banners:hover{
	background-color:#0097d9;
}

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

	.clabs-contenedor-portada{
		height:300px;
	}

}



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

	.clabs-contenedor-portada{
		height:180px;
	}

}



/*INTRODUCCION*/
.clabs-seccion-introduccion{
	padding-top:40px;
}

.clabs-subtitulo{
	color:#0097d9;
	font-family: fuente-regular;
	margin-top:10px;
}


/*GENERADORES*/

.clabs-generadores{
	margin-top:40px;
}

.clabs-celda-generador{
	width: 25%
}

.clabs-interno-generador{
	padding-left: 10px;
	padding-right: 10px;
}

.clabs-icono-generador{
	font-family: razo-font;
	font-size: 80px;
	margin:0 auto;
	line-height: 120px;
	width: 120px;
	text-align: center;
	color:#0097d9;
	border-radius: 120px;
	border:5px solid #0097d9;
}

.clabs-titulo-generador{
	color:#0097d9;
	font-size: 20px;
	text-align: center;
	margin-top:10px;
}


@media only screen and (max-width: 768px) {
	.clabs-icono-generador{
		width:90px;
		line-height:90px;
		height: 90px;
		font-size:55px;
	}

	.clabs-titulo-generador{
		font-size: 18px;
	}
}


@media only screen and (max-width: 550px) {
	.clabs-icono-generador{
		width:120px;
		line-height:120px;
		height: 120px;
		font-size:80px;
	}

	.clabs-titulo-generador{
		font-size: 20px;
	}


	.clabs-celda-generador{
		width: 50%;
		margin-top:20px;
	}

}

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

	.clabs-celda-generador{
		width: 100%;
		margin-top:20px;
	}
}
/*INCLUÍMOS*/
ul {
  list-style: none; /* Remove default bullets */
}

ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #0097d9; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
  font-size: 20px;
}


/*DESCARGAR*/
.clabs-descargar{
	text-align: center;
	color:#0097d9;
	margin-top:50px;
}
.clabs-celda-icono-descarga{
	font-family: razo-font;
	font-size: 60px;
	line-height: 60px;
}
.clabs-celda-texto-descarga{
	font-size: 20px;
	line-height: 60px;
}

/*ACNÉ*/

.clabs-celda-info-acne{
	width:60%;
}

.clabs-celda-numeros-acne{
	width:40%;
	margin-top:30px;
}

.clabs-contenido-acne{
	margin-top:30px;
}

.clabs-celda-numeros-acne img{
	width:25px;
}

.clabs-resaltado-acne{
	margin-top:20px;
	font-family: fuente-bold;
}

.clabs-interno-info-acne{
	padding-right: 10px;
}

.clabs-interno-monitos{
	padding-left: 10px;
}

@media only screen and (max-width: 1000px) {
	.clabs-celda-info-acne{
		width:55%;
	}

	.clabs-celda-numeros-acne{
		width:45%;
	}

}

@media only screen and (max-width: 768px) {
	.clabs-celda-info-acne{
		width:100%;
	}

	.clabs-celda-numeros-acne{
		width:100%;
		margin-top:40px;
	}


	.clabs-interno-info-acne{
		padding-right: 0px;
	}

	.clabs-interno-monitos{
		padding-left: 0px;
	}
}

@media only screen and (max-width: 350px) {
	.clabs-celda-numeros-acne img{
		width:22px;
	}
}

/*PRODUCTOS*/

.clabs-seccion-video{
	padding-top:40px;
}

.clabs-celda-video{
	width:65%;
}

video{
	width:100%;
}

.clabs-celda-intro-productos{
	width:35%;
}

.clabs-interno-video{
	padding-right:20px;
}



@media only screen and (max-width: 768px) {
	.clabs-celda-producto{
		width:50%;
		margin-top:30px;
	}


	.clabs-celda-intro-productos{
		width:100%;
		margin-top:30px;
	}

	.clabs-celda-video{
		width:100%;
	}

}

@media only screen and (max-width: 600px) {
	.clabs-celda-producto{
		width:100%;
	}
}


/*PRESENCIA*/
.clabs-seccion-presencia{
	padding-top:40px;
	padding-bottom:40px;
}

.clabs-contenido-presencia{
	margin-top:30px;
}

.clabs-celda-intro-presencia{
	width:50%;
}

.clabs-interno-intro-presencia{
	padding-left: 20px;
}

.clabs-celda-mapa-presencia{
	width:50%;
}

.clabs-interno-mapa-presencia{
	padding-left: 20px;
}

.clabs-celda-mapa-presencia img{
	width:100%;
}

.clabs-numeralia{
	margin-top:30px;
}

.clabs-celda-numeralia{
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom:20px;
}

.clabs-titulo-numeralia{
	font-size: 30px;
	color:#0097d9;
	font-family: fuente-bold;
}

.clabs-celda-numeralia .clabs-contenido{
	margin-top:10px;
	font-size: 17px;
}
.clabs-proximas-sucursales{
	margin-top:50px;
}

.clabs-gris{
	color:#707070;
}

@media only screen and (max-width: 600px) {
	.clabs-celda-mapa-presencia{
		width:100%;
	}

	.clabs-interno-intro-presencia{
		padding-right: 0px;
	}

	.clabs-celda-intro-presencia{
		width:100%;
	}

	.clabs-interno-mapa-presencia{
		padding-left: 0px;
	}
}

/*PREGUNTAS FRECUENTES*/

.clabs-seccion-faq{
	padding-top:50px;
	padding-bottom:50px;
}
.clabs-celda-faq{
    width: 768px;
    max-width: 100%;
}

.clabs-texto-pregunta{
    font-size: 15px;
    line-height: 30px;
    border-bottom: 1px solid #0097d9;
}

.clabs-texto-respuesta{
    font-size: 15px;
    line-height: 25px;
    max-width: 500px;
    padding-top:30px;
}

.clabs-contenedor-pregunta{
    margin-top:50px;
    position: relative;
}

.clabs-interno-pregunta{
    padding-right: 50px;
}

.clabs-icono-pregunta{
    position: absolute;
    font-family: razo-font;
    color:#0097d9;
    font-size: 25px;
    top:15px;
    right:0%;
    cursor:pointer;

}

.clabs-interno-pregunta{
    overflow: hidden;
}


/*CONTACTO*/

.clabs-contenedor-boton-contacto{
	text-align: left;
}

.clabs-seccion-contacto{
	padding-top:40px;
	padding-bottom:40px;
	text-align: center;
}

.clabs-contenido-contacto{
	margin-top:30px;
}

.clabs-celda-info-contacto{
	width:50%;
}

.clabs-interno-info-contacto{
	padding-right: 10px;
}
.clabs-interno-formulario-contacto{
	padding-left: 10px;
}

.clabs-celda-formulario-contacto{
	width:50%;
}


input, textarea{
	width:100%;
	height: 30px;
	margin-top:20px;
	border:none;
	border-bottom:1px solid #0097d9;
}

input:first-child{
	margin-top:0px;
}


textarea{
	height:120px;
}


@media only screen and (max-width: 600px) {
	.clabs-celda-info-contacto{
		width:100%;
	}

	.clabs-celda-formulario-contacto{
		width:100%;
		margin-top:50px;
	}

	.clabs-interno-info-contacto{
		padding-right: 0px;
	}
	.clabs-interno-formulario-contacto{
		padding-left: 0px;
	}

}



/*TESTIMONIOS*/

.clabs-seccion-testimonios{
	padding-top:60px;
	padding-bottom: 60px;
}

.clabs-flecha-izquierda, .clabs-flecha-derecha{
	cursor:pointer;
	position: absolute;
	top:45%;
	font-family: Generica;
	color:#707070;
	font-size: 25px;
}

.clabs-flecha-izquierda:hover, .clabs-flecha-derecha:hover{
	color:#0097d9;
	}

.clabs-flecha-izquierda{
	left: 10px;
}

.clabs-flecha-derecha{
	right: 10px;
}


.clabs-contenedor-testimonio{
	position: relative;
	display: inline-block;
	width:500px;
	max-width: 100%;
	background-color: #f6f6f6;
	border-radius: 5px;
	position: relative;
}

.clabs-adorno-testimonio{
	color:#0097d9;
	font-size: 80px;
	position: absolute;
	right: -10px;
	top:-10px;
	font-family: razo-font;
}

.clabs-interno-testimonio, .franquicia-testimonio{
	padding:50px;
}

.clabs-contenedor-testimonio img{
	display: block;
	width:120px;
	margin:0 auto;
}
.clabs-seccion-testimonios .clabs-contenido{
	margin-top:20px;
}


@media only screen and (max-width: 768px) {
	.clabs-interno-testimonio, .franquicia-testimonio{
		padding:35px;
	}
}


.franquicia-testimonio { display: none; }
.franquicia-testimonio.activo { display: block; }