@charset "utf-8";
/* CSS Document */
.clear{ clear:both; } /*Esto es para que en firefox llene el espacio vacio*/
body {
	text-align: center;
	background-color: #CCC;
	margin-top: 0px;
	margin-bottom: 0px;
}
p {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #141517;
	text-align: left;
	font-weight: bold;
	margin-top: 0px;
}
h1 {
	font-size: 24px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #663366;
}
h2 {
	font-size: 16px;
	color: #663366;
	margin: 0px;
	font-weight: bold;
	line-height: 16px;
	}
#padre {
	width: 975px;
	margin:0 auto 0 auto;
	background-color: #BADA48;
}
#cabecera {
	background-image: url(../img/plantilla/cabecera.jpg);
	position: relative;
	height: 198px;
	width: 975px;
}
#fmenustop {
	background-image: url(../img/plantilla/fondo-menus_top.jpg);
	position: relative;
	height: 67px;
	width: 975px;
}
#flineatop {
	background-image: url(../img/plantilla/linea-cabecera-cuerpo.jpg);
	position: relative;
	height: 35px;
	width: 975px;
}
#fmenusleft {
	float: left;
	width: 290px;
	position: relative;
	background-image: url(../img/plantilla/fondo-menus-left.jpg);
	background-repeat: no-repeat;
	background-position: 20px 20px;
	overflow: visible;
	height: 500px;
}
#cuerpo {
	position: relative;
	width: 685px;
	float: left;
}
#pie {
	background-image: url(../img/plantilla/pie.jpg);
	position: relative;
	height: 100px;
	width: 975px;
	float: left;
	margin-top: 20px;
}
#pie h2 {
	font-size: 14px;
	color: #FFF;
	margin-top: 20px;
	}
#menutop {
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#menutop li {
	float:left;
	margin-right: 2px;
	margin-left: 70px;
	display: inline;
}
#menutop li a{
	display:block;
//Convertimos el vínculo en un bloque. Esto es para que selecione todo el cuadro
	text-align:center;
	font-size:24px;
	color:#FFFFFF;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
	}
#menutop li a:hover{
	color:#141517;
	background-color:#bada48;
	}
#menuleft {
	padding: 0px;
	list-style-type: none;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 70px;
	text-align: left;
}
#menuleft li {
	margin-right: 0px;
}
#menuleft li a {
	display:block;
//Convertimos el vínculo en un bloque. Esto es para que selecione todo el cuadro
	text-align:center;
	font-size:14px;
	color:#FFFFFF;
	text-decoration: none;
	height: 20px;
}
#menuleft li a:hover{
	color:#141517;
	background-color:#bada48;
}
.TituloMenuLeft {
	font-size: 24px;
	color: #cc6699;
	margin-bottom: 10px;
	margin-top: 5px;
}
#indexTitulo {
	position: relative;
	margin-left: 20px;
	margin-top: 40px;
	text-align: left;
	margin-bottom: 0px;
}
#indexLinea {
	background-image: url(../img/index/lineaTitulo.jpg);
	height: 5px;
	margin-left: 20px;
	background-repeat: no-repeat;
}
#indexfoto {
	background-image: url(../img/index/foto.jpg);
	height: 179px;
	width: 237px;
}
.leglamour {
	color: #663366;
	font-weight: bold;
}
#cortesfoto {
	background-image: url(../img/cortesypeinados/foto.jpg);
	height: 303px;
	width: 238px;
}
#bodyleft {
	position: relative;
	width: 238px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}
#bodyright {
	float: left;
	width: 365px;
	margin-left: 30px;
	margin-top: 20px;
}
#bodyleftp {
	position: relative;
	width: 310px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}
#bodyrightp {
	float: left;
	width: 310px;
	margin-left: 30px;
	margin-top: 20px;
}
#anticaidafoto1 {
	background-image: url(../img/tratamientosanticaida/foto1.jpg);
	height: 267px;
	width: 238px;
}
#anticaidafoto2 {
	background-image: url(../img/tratamientosanticaida/foto2.jpg);
	height: 169px;
	width: 238px;
	margin-top: 20px;
}
#anticaspafoto1 {
	background-image: url(../img/tratamientosanticaspa/foto1.jpg);
	height: 360px;
	width: 240px;
}
#anticaspafoto2 {
	background-image: url(../img/tratamientosanticaspa/foto2.jpg);
	height: 222px;
	width: 240px;
}
#productosfoto1 {
	background-image: url(../img/productos/logoLoreal.jpg);
	height: 80px;
	width: 240px;
	float: left;
	margin-bottom: 30px;
}
#productosfoto2 {
	background-image: url(../img/productos/foto1.jpg);
	height: 360px;
	width: 240px;
	float: left;
	margin-bottom: 30px;
}
#extensionesfoto1 {
	background-image: url(../img/extensiones/foto1.jpg);
	height: 320px;
	width: 240px;
}
#noviasfoto1 {
	background-image: url(../img/novia/foto1.jpg);
	height: 359px;
	width: 240px;
}
#corporalesfoto1 {
	background-image: url(../img/corporales/foto1.jpg);
	height: 360px;
	width: 240px;
}
#cutiscuellofoto1 {
	background-image: url(../img/cutiscuello/foto1.jpg);
	height: 340px;
	width: 240px;
}
#masajesfoto1 {
	background-image: url(../img/masajes/foto1.jpg);
	height: 347px;
	width: 240px;
}
#spafoto1 {
	background-image: url(../img/spa/foto1.jpg);
	height: 359px;
	width: 240px;
}
#bronceadofoto1 {
	background-image: url(../img/bronceado/foto1.jpg);
	height: 361px;
	width: 240px;
}
#rayosuvafoto1 {
	background-image: url(../img/rayosuva/foto1.jpg);
	height: 358px;
	width: 240px;
}
#depilacionfoto1 {
	background-image: url(../img/depilacion/foto1.jpg);
	height: 361px;
	width: 240px;
}
#somosfoto1 {
	background-image: url(../img/quienessomos/foto.jpg);
	height: 180px;
	width: 240px;
}
#somosfoto2 {
	background-image: url(../img/quienessomos/foto2.jpg);
	height: 180px;
	width: 240px;
	margin-top: 30px;
}
#estamosfoto1 {
	background-image: url(../img/dondeestamos/foto.jpg);
	height: 180px;
	width: 240px;
}
#mapapelu {
	float: left;
	height: 238px;
	width: 632px;
	margin-top: 20px;
	text-align: left;
}
#mapasalon {
	float: left;
	height: 238px;
	width: 632px;
	margin-top: 20px;
	text-align: left;
}
#preciosfoto1 {
	background-image: url(../img/dondeestamos/foto.jpg);
	height: 180px;
	width: 240px;
}
#contactoCeldaleft {
	text-align: right;
	float: left;
	height: 40px;
	width: 200px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #141517;
	font-weight: bold;
}
#contactoCeldader {
	text-align: left;
	float: left;
	height: 40px;
	width: 400px;
	padding-left: 20px;
}
.contacto {
	height: 20px;
	width: 200px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000;
	background-color: #653366;
	border: 1px solid #16171B;
}
.contactot {
	width: 200px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000;
	background-color: #653366;
	border: 1px solid #16171B;
}
#contactoCeldaboton {
	height: 50px;
	width: 600px;
	float: left;
	padding-top: 15px;
}
.contactob {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFF;
	background-color: #653366;
	border: 1px solid #16171B;
}
.precios {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #141617;
}
.pfila1 {
	background-color: #BADA48;
}
.pfila2 {
	background-color: #89af00;
}
.pcelda1 {
	width: 80%;
}
.pcelda2 {
	text-align: right;
}
.psalon {
	background-color: #683465;
	color: #FFF;
}