/*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;
}

/*BANNER*/

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

.clabs-contenedor-logo-portada{
	position: absolute;
	right:5%;
	bottom:10%;
	width:15%;
}

.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{
		width:100%;
		display: block;
		height:450px;
	}


	.clabs-contenedor-logo-portada{
		width:20%;
	}
}


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


	.clabs-contenedor-portada{
		width:100%;
		display: block;
		height:400px;
	}

	.clabs-contenedor-logo-portada{
		right:1%;
		bottom:1%;
		width:25%;
	}
}



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


	.clabs-contenedor-portada{
		width:100%;
		display: block;
		height:250px;
	}

	.clabs-contenedor-logo-portada{
		display: none;
	}

}



/*NOSOTROS*/

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

/*SERVICIOS*/

.clabs-seccion-servicios{
	padding-top:30px;
	text-align: center;
}

.clabs-titulos-servicios{
	padding-bottom: 60px;
}

.clabs-relleno-servicios{
	background-color:#f6f6f6;
}

.clabs-celda-servicio{
	position:relative;
	top:-60px;
}

.clabs-icono-servicio{
	font-family: razo-font;
	color:#0097d9;
	font-size: 120px;
	line-height: 120px;
	margin-bottom:20px;

}

.clabs-celda-servicio{
	width:33.33%;
}

.clabs-interno-servicio{
	padding-right: 10px;
	padding-left: 10px;
	max-width: 300px;
	display: inline-block;
	margin:0 auto;
}

.clabs-desglose-servicio{
	overflow: hidden;
}

.clabs-celda-servicio .clabs-contenido{
	margin-bottom: 30px;
}

.clabs-desplegar-wide span{
	font-family: razo-font;
	cursor:pointer;
	color:#0097d9;
	font-size: 30px;
	margin-top:10px;
	position: relative;
	top:-60px;

}

.clabs-desplegar-movil{
	display: none;
}

.clabs-desplegar-movil span{
	font-family: razo-font;
	cursor:pointer;
	color:#0097d9;
	font-size: 30px;
	margin-top:10px;
	position: relative;
}


@media only screen and (max-width: 768px) {
	.clabs-celda-servicio{
		width:100%;
		margin-bottom:50px;
	}

	.clabs-desplegar-wide{
		display: none;
	}

	.clabs-desplegar-movil{
		display: block;
	}
}



/*TRATAMIENTO DEL ACNÉ*/

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

.clabs-celda-texto-acne{
	width:60%;
	text-align: justify;
}

.clabs-seccion-productos {
    text-align: justify;
}



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

.clabs-celda-foto-acne{
	width:40%;
}

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

	.clabs-celda-foto-acne{
		width:100%;
		height:250px;
	}

	.clabs-celda-foto-acne img{
		display:block;
		margin:30px auto;height:100%;object-fit:cover;width:100%;
	}
}





/*PRODUCTOS*/


.clabs-contenedor-productos{
	margin-top:50px;
	text-align: center;
}

.clabs-interno-producto{
	padding-left: 10px;
	padding-right: 10px;
	max-width: 250px;
	margin:0 auto;
}

.clabs-interno-producto img{
	display: block;
	width:100%;
	}

.clabs-celda-producto{
	width:33.33%;
	text-align: left;
}
.clabs-contenedor-boton-productos{
	margin-top:30px;
	text-align: center;
}


.clabs-titulo-producto{
	color:#0097d9;
	font-family: fuente-bold;
}


/*TESTIMONIOS*/

.clabs-seccion-testimonios{
	padding-top: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{
	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{
		padding:35px;
	}
}

/*AGENDA TU CITA*/

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

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

.clabs-interno-info-cita{
	padding-right: 80px;
}

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

.clabs-celda-red{
	padding-left: 10px;
	padding-right: 10px;
}

.clabs-icono-redes{
	font-family: Generica;
	color:#0097d9;
	font-size: 20px;
	text-align: center;
	display: inline-block;
	line-height: 35px;
	width:35px;
	border-radius: 20px;
	border:1px solid #0097d9;
	cursor:pointer;
}

.clabs-icono-redes:hover{
	background-color:#0097d9;
	color:white;
}

.clabs-redes{
	margin-top:20px;
}

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

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

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

.clabs-celda-dato-contacto{
	width:33.33%;
	text-align: center;
}

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

.clabs-celda-dato-contacto .clabs-contenido{
	margin-top:15px;

}

.clabs-contenedor-mapa{
	height: 300px;
	margin-top:50px;
}

.clabs-contenedor-datos-contacto{
	margin-top:20px;
	text-align: center;
}

@media only screen and (max-width: 768px) {
	.clabs-interno-info-cita{
		padding-right: 10px;
	}

	.clabs-celda-dato-contacto{
		width:50%;
		margin-top:60px;
	}
}


@media only screen and (max-width: 650px) {
	.clabs-celda-info-cita{
		width:100%;
		padding-right: 0px;
	}

	.clabs-celda-formulario-cita{
		width:100%;
		margin-top:30px;
	}
}

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