@charset "utf-8";
/* CSS Document */


body{
	margin:0 auto;
	padding: 0;
	font-size:1.5em;
	font-family: 'Lato', sans-serif;
	background:#fff;
	background-color:#FFF;
	color:#343434;
}
.separate{
	height:2em;}

p{font-size: 1em;
}
.p.uno{
	font-size:1.2em;
	line-height:5px;}
	
h1{
	font-family: 'Playfair Display', serif;
	color:#333;
	font-size:2.5em;
}
h2{
    font-family: 'Oleo Script', cursive;
	font-size:3em;
	color:#FFF;
	font-weight:400;
}
h3{
	font-family: 'Lato', sans-serif;
	font-size:1em;
	font-weight: 600;
}
h4{
	color:#bd7dd1;
	font-size:1.7em!important;
	font-weight:bolder!important;}
h5{
	font-family: 'Playfair Display', serif;
	color:#dec4a9;
	font-size:1.5em;
	text-align:center;
	
	}
.star{
	color:#909;
	width:25px; 
	height: auto;
	}	
th{
	font-family:font-family: 'Lato', sans-serif;
	font-weight:400;}
	
.espacio-1{
	height:1em;
}
.espacio-2{
	height:2.5em;
}
.crema{
	color:#dec4a9;}
.blanco{
	color:#FFF;}

/*para celular*/
@media only screen and (min-width: 301px) and (max-width: 767px){
	.pad-left{
		padding-left:0em;
	}
	h2{
		font-size: 2em;}
	h3{
		font-size:0.8em;
	}
	h4{
		font-size:1.3em;
		
	}
	.padding-a{
		padding:1.5em 0.1em;}
}

/*para tablet*/
@media only screen and (min-width: 768px) and (max-width: 1124px){
	.pad-left{
		padding-left:1em;
	}
	h2{
		font-size: 2em;}
	h3{
		font-size:1em;
	}
	h4{
		font-size:1.5em;}
	..padding-a{
		padding:2em 1em;}
}

/*para pc*/
@media only screen and (min-width: 1125px) and (max-width: 1920px){
	.pad-left{
		padding-left:2em;
	}
	h2{
		font-size: 3em;
	}
	h3{
		
	}
	h4{
		font-size:1.7em;}
	.padding-a{
		padding:3em 2em;}
}

.campo-form{
	width:100%;
	padding:5px;}

.treat-space{
	background:url(img/linea-cruzada.png) no-repeat bottom left; 
	padding-bottom:3.5em; 
	padding-left:4.5em!important;
}

.top-space{
	margin-top:2em!important;
}

.top-color{
	width:100%;
	border-top: #bd7dd1 2px solid;
    background: url(img/fondo-treatment.png) top repeat-x;
}
	
.color-white{
	background:#fff;
	padding-top: 10px;
}
.yelow-back{
		
		}

.barra-purpu{
	background-color:#cc66ff;
	border-bottom:#333 solid 7px;
}

/*//////////////////////////*/
.nav-2{

    position: absolute;
	text-align: left;
	font-family: 'Lato', sans-serif;
    margin-top: 6.3em;
	top: 0px;
	height: auto;
    list-style: none;
    left: 0px;
	background: rgba(248,247,247,0.9);

}	
	
.nav-2 li a{
	width:100%;
    margin-top: 3%;
	color:#000;
	text-decoration: none;
	padding:10px 10px;
	display:block;

}
.nav-2 li a:hover{

	background: rgba(248,247,247,0.5);
	color:#333;
    padding:10px 10px;
	
}

.nav-v{

	font-family: 'Playfair Display', serif;
	font-size:0.9em;
}	
	
.nav-v a{

	color:#dec4a9;
	text-decoration: none;
	padding:10px 10px;
	display:block;

}
.nav-v a:hover{
	color:#fff;
	
}



.btn-menu{
	padding:0em;
	text-align:right!important;
}
.btn-menu:active{
}
.btn-menu a:hover{
		-webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
         transition: .5s;
}

.header {
	position:fixed;
	z-index:101;
    width:100%;
    left:0;
	background: rgba(248,247,247,0.5);
	height:100px;
    transition: height 500ms, background 500ms;
	border-bottom:#c379e8 2px solid;

}
.header.tiny {
    height:60px;
    background: rgba(248,247,247,0.9);
	top:0;

}

.logo.tiny {
	background-size: cover;
	width:100px;
    height:46px;
	margin-top:4px;
}
#nav {
	margin-top:1%;
	margin-bottom:1%;
	margin:auto;
}

/*este nav es del menu para pc*/

.appointment{
	background:#333;
	border-radius:5px;
	border:#c379e8 1px solid;
	color:#e3d4c4 !important;
	text-decoration:none;
	padding: 10px 12px;
	cursor:pointer;
}
.appointment:hover{
	background:#666;
	color:#e3d4c4;
}

.appointment-linktree{
	background:#333;
	border-radius:5px;
	border:#c379e8 1px solid;
	color:#e3d4c4 !important;
	text-decoration:none;
	padding: 10px 12px;
	display:block;
	/*max-width:800px;*/
}
.appointment-linktree:hover{
	background:#666;
	color:#e3d4c4;
}



.nav{
	font-family: 'Playfair Display', serif;
	font-size:0.9em;
	text-decoration:none;
	color:#333;
	}
.nav > li {
				float:right;
			}
			
			.nav li a {
				color:#000;
				text-decoration:none;
				padding:10px 12px;
				display:block;
			}
			
			.nav li a:hover {
				color:#c379e8;
				-webkit-transition: .5s;
                -moz-transition: .5s;
                -o-transition: .5s;
                transition: .5s;
			}
			
			.nav li ul {
				display:none;
				position:absolute;
				/*min-width:140px*/;
			}
			
			.nav li:hover > ul {
				display:block;
			}
			
			.nav li ul li {
				position:relative;
				text-align:start;
			}
			
			.nav li ul li ul {
				display:none;
				right:-140px;
				top:0px;
		}