#contenido #tratamientos{
	width: 100%;
}

#contenido #tratamientos .w100{
	width: 100%;
}

#contenido #tratamientos .titulos{
	padding: 71px 0;
}

#contenido #tratamientos .titulo1{
	position: relative;
	font-family: 'Bebas Neue';
	font-size: 48px;
	color: #005E85;
	width: 90%;
	text-align: center;
}

#contenido #tratamientos .titulo2{
	position: absolute;
    font-family: 'Bebas Neue';
    font-size: 103px;
    color: #005E85;
    z-index: 1;
    opacity: .2;
    width: 90%;
    text-align: center;
}

#contenido #tratamientos .cont-tratamientos .tratamiento{
	width: 297px;
	height: 245px;
	margin: 0 30px 60px 30px;
	position: relative;
  	perspective: 1000px;
}

#contenido #tratamientos .cont-tratamientos .tratamiento:hover .cont-tratamiento {
    transform: rotateY(180deg);
    webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

#contenido #tratamientos .cont-tratamientos .tratamiento .cont-tratamiento{
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
  	transition: all 1s linear;
  	width: 100%;
	cursor: pointer;
}

#contenido #tratamientos .cont-tratamientos .color1{
	background-color: #00638B;
}

#contenido #tratamientos .cont-tratamientos .color2{
	background-color: #00A69C;
}

/*#contenido #tratamientos .cont-tratamientos .tratamiento .cont-tratamiento{
	
}*/

#contenido #tratamientos .cont-tratamientos .tratamiento .cont-tratamiento .cont{
	width: 100%;
    height: 245px;
    position: absolute;
  	backface-visibility: hidden;
  	-webkit-backface-visibility: hidden;
}

#contenido #tratamientos .cont-tratamientos .tratamiento .cont-tratamiento .detras {
  transform: rotateY(180deg);
  webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
}

#contenido #tratamientos .cont-tratamientos .tratamiento .cont-tratamiento .cont .titulo{
	width: 100%;
    font-family: Helvetica LT;
    font-size: 25px;
    color: #FFFFFF;
}

#contenido #tratamientos .cont-tratamientos .tratamiento .cont-tratamiento .cont .imagen{
	width: 100%;
}

#contenido #tratamientos .cont-tratamientos .tratamiento .cont-tratamiento .cont .imagen img{
	height: 87px;
}

#contenido #tratamientos .cont-tratamientos .tratamiento .cont-tratamiento .cont .boton{
	width: 100%;
}

#contenido #tratamientos .cont-tratamientos .tratamiento .cont-tratamiento .cont .boton input[type=button]{
	background-color: #FFFFFF;
    border: none;
    height: 25px;
    font-family: Helvetica LT;
    font-size: 16px;
    color: #18A49D;
}

#contenido #tratamientos .cont-tratamientos .tratamiento .cont-tratamiento .cont .texto{
    font-family: Helvetica LT;
    font-size: 16px;
    color: #FFFFFF;
    width: 90%;
    text-align: justify;
}

#contenido #beneficios{
	padding-bottom: 100px;
}

#contenido #beneficios .w100{
	width: 100%;
}

#contenido #beneficios .titulos{
	padding: 71px 0;
}

#contenido #beneficios .titulo1{
	position: relative;
	font-family: 'Bebas Neue';
	font-size: 48px;
	color: #005E85;
	width: 90%;
	text-align: center;
}

#contenido #beneficios .titulo2{
	position: absolute;
    font-family: 'Bebas Neue';
    font-size: 103px;
    color: #005E85;
    z-index: 1;
    opacity: .2;
    width: 90%;
    text-align: center;
}

#contenido #beneficios .cont-beneficios .imagen{
	width: 45%;
}

#contenido #beneficios .cont-beneficios .imagen img{
	width: 100%;
    max-width: 700px;
    max-height: 466px;
    padding: 10px;
}

#contenido #beneficios .cont-beneficios .texto{
	width: 35%;
	/*margin-left: 2%;*/
    font-size: 20px;
    color: #7B7B7B;
    text-align: justify;
}

@media only screen and (min-width: 521px) and (max-width: 1024px){
	#contenido #tratamientos .titulos {
	    padding: 120px 0;
	}

	#contenido #beneficios .cont-beneficios .texto {
	    margin-left: 2%;
	}
}

@media only screen and (min-width: 521px) and (max-width: 800px){
	#contenido #beneficios .cont-beneficios .imagen img {
	    width: 100%;
	    max-height: 300px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 520px){
	#contenido #tratamientos .titulo2{
		font-size: 70px
	}

	#contenido #beneficios .titulo2{
		font-size: 70px;
	}

	#contenido #beneficios .cont-beneficios .imagen {
	    width: 80%;
	    padding-bottom: 15px;
	}

	#contenido #beneficios .cont-beneficios .imagen img {
	    width: 100%;
	}

	#contenido #beneficios .cont-beneficios .texto {
	    width: 80%;
	}
}