BODY {
	background: #EE305A url(imagenes/bgsite.jpg) repeat-x;
}
#Stars {
	background: url(imagenes/bgstars.jpg) no-repeat;
}
#FlashMovie {
	text-align: center;
	padding-top: 64px;
	width: 778px;
	position: relative;
	margin: 0px auto;
}

#MainBox {
	text-align: left;
	height: auto;
	width: 776px;
	margin: 0px auto;
	padding-top: 5px;
	position: relative;
}
#Logo { text-align: right; padding-right: 0px; padding-top: 7px; margin-bottom: -5px; position: relative; margin-right: -10px }
#Menu {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 550px;
	left: 8px;
	top: 63px;
}
#LayerServicios { margin: 0px; padding: 0px; width: 100px; position: absolute; visibility: hidden; z-index: 50; height: auto; left: 132px; top: 89px; }
#LayerCursos { margin: 0px; padding: 0px; width: 170px; position: absolute; visibility: hidden; z-index: 50; height: auto; left: 377px; top: 89px; }
#LayerTratamientos { margin: 0px; padding: 0px; width: 170px; position: absolute; visibility: hidden; z-index: 50; height: auto; left: 230px; top: 89px; }

#LayerServicios UL, #LayerCursos UL, #LayerTratamientos UL {
	margin: 0px;
	padding: 0px;
}
#LayerServicios LI, #LayerCursos LI, #LayerTratamientos LI {
	margin: 0px;
	padding: 0px;
	height: 1%;
	list-style: none;
	text-align: left;
}
#LayerServicios LI A, #LayerCursos LI A, #LayerTratamientos LI A {
	color: #636466;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 3px 0px 0px 5px;
	height: 17px;
	background: url(imagenes/bg_layerbtn-off.gif) repeat-x;
	border-bottom: 1px solid #FFFFFF;
}
#LayerServicios LI A:hover, #LayerCursos LI A:hover, #LayerTratamientos LI A:hover {
	background: url(imagenes/bg_layerbtn-on.gif) repeat-x;
}
#LayerSpacer { height: 200px; width: 615px; position: absolute; visibility: visible; z-index: 30; left: 90px; top: 89px; background: url(spacer.gif); 
}




.Contenido {
	background: #FFFFFF url(imagenes/bgwhite.jpg) no-repeat;
	padding-right: 3px;
	padding-left: 3px;
	height: 392px;
}
.ColL {
	height: 320px;
	width: 230px;
	border-right: 1px solid #D6D6D6;
	float: left;
	margin-top: 20px;
	padding: 0px 30px 20px 20px;
}
.ColL #TxtColL {
	margin-left: 50px;
}
.ColL #TxtColL P {
	font-size: 12px;
	margin: 0px 0px 13px;
	padding: 0px;
}

.ColR {
	height: auto;
	width: 450px;
	float: left;
	margin-top: 20px;
	padding: 0px 0px 10px 20px;
}
.ColR #TxtColL {
	width: 216px;
	padding: 0px 20px 0px 0px;
	height: auto;
	float: left;
}
.ColR #TxtColR {
	padding: 0px;
	height: auto;
	width: 214px;
	float: left;
}
.ColR .TxtColLR { width: 440px; padding-right: 10px; height: 270px; overflow: auto; padding-bottom: 10px; }
.ColR #TxtColL P, .ColR #TxtColR P {
	margin: 0px 0px 15px;
	padding: 0px;
}
.ColR #TxtColR IMG {
	margin: 0px;
}
#BgServiciosL {
	background: url(imagenes/bgleft-servicios.jpg) no-repeat center bottom;
}
#BgFacialesL {background: url(imagenes/bgleft-faciales.jpg) no-repeat left bottom;}
#LayerDia {
	width: 136px;
	position: absolute;
	z-index: 1;
	height: auto;
	left: 304px;
	top: 115px;
}
#LayerNoche {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 136px;
	left: 460px;
	top: 115px;
}
#LayerNovias {
	width: 136px;
	position: absolute;
	z-index: 1;
	height: auto;
	left: 615px;
	top: 115px;
}
#LayerMadrinas { position: absolute; z-index: 1; height: auto; width: 136px; left: 304px; top: 300px; 
}
#Layer15Anios { position: absolute; z-index: 1; height: auto; width: 136px; left: 460px; top: 300px; 
}
#LayerFotografia {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 136px;
	left: 615px;
	top: 290px;
}
/**/
#LayerCompleto {
	width: 136px;
	position: absolute;
	z-index: 1;
	height: auto;
	left: 304px;
	top: 115px;
}
#LayerAcneicos {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 136px;
	left: 460px;
	top: 115px;
}
#LayerPeeling {
	width: 136px;
	position: absolute;
	z-index: 1;
	height: auto;
	left: 615px;
	top: 115px;
}
#LayerRejuvenecimiento { position: absolute; z-index: 1; height: auto; width: 136px; left: 304px; top: 300px; }
#LayerNutricion { position: absolute; z-index: 1; height: auto; width: 136px; left: 460px; top: 300px; 
}
#LayerContornoOjos { position: absolute; z-index: 1; height: auto; width: 136px; left: 615px; top: 300px; 
}
/**/
#dhtmltooltip{
position: absolute;
width: 100px;
border: 1px solid black;
padding: 2px;
background-color: #F0CA79;
color: #000000;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=140);
}
#QsLayer {
	position: absolute;
	height: 374px;
	width: 263px;
	left: 10px;
	top: 89px;
	background: url(imagenes/bg_quienes-somos.jpg) no-repeat right top;
	padding-left: 10px;
	padding-top: 24px;
	background-image: url(imagenes/bg_quienes-somos.jpg);
}
/*Scroller*/
.ScrollerQS { width: 730px; position: absolute; z-index: 10; height: 63px; left: 25px; top: 405px; }
.ScrollerQS H6 { display: block; float: left; height: 63px; width: 21px; margin: 0px; padding: 0px; }
.ScrollerQS .Thumbs { float: left; height: 62px; width: 688px; position: relative; overflow: hidden }
.ScrollerQS .Thumbs IMG { margin-right: 3px; margin-left: 3px; }
.Creditos { font: 10px Arial, Helvetica, sans-serif; position: absolute; z-index: 20; height: auto; width: 280px; left: 474px; top: 470px; text-align: right; }
.Creditos A { color: #999999; }

#BgServicios {
	background: url(imagenes/bgwhite-servicios.jpg) no-repeat;
}
#ServiciosColL {
	margin: 20px 0px 0px;
	padding: 0px 0px 20px 20px;
	height: 320px;
	width: 242px;
	border-right: 1px none #FFFFFF;
}
#ServiciosColR {
	margin: 20px 0px 0px;
	padding: 0px 0px 10px;
	height: 250px;
	width: 255px;
}
#ServiciosColR P {
	line-height: 15px;
}
#Pag2 {
	display: none;
}
#Pag3 {
	display: none;
}
#PicServicios {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 235px;
	left: 538px;
	top: 89px;
}
#PicGaleria {
	position: absolute;
	z-index: 2;
	height: auto;
	width: 776px;
	left: 0px;
	top: 408px;
	text-align: center;
}
#PicGaleria IMG {
	margin: 0px 4px;
}
#Cursos .ColL {
	padding: 0px 0px 20px 20px;
	width: 230px;
}

#Cursos .ColL UL {
	margin: 82px -2px 0px 51px;
	padding: 0px;
	height: auto;
	width: 180px;
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	position: relative;
}
#Cursos .ColL LI {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 1%;
}
#Cursos .ColL LI A {
	display: block;
	color: #bbbbbb;
	text-decoration: none;
	font-weight: bold;
	border-right: 1px solid #D6D6D6;
	margin: 0px;
	padding: 2px 0px 0px 6px;
	border-bottom: 1px solid #D6D6D6;
	background: url(imagenes/btn_curso_normal.gif) no-repeat;
	height: 16px;
	width: 172px;
}
#Cursos .ColL LI A:hover {
	background: url(imagenes/btn_curso_over.gif) no-repeat;
}
#Cursos .ColL LI A.Selected {
	background: url(imagenes/btn_curso_selected.gif) no-repeat;
	border-right: 1px solid #FFFFFF;
	color: #777777;
}
#Cursos .ColL LI A:hover.Selected {
	background: url(imagenes/btn_curso_selected.gif) no-repeat;
	border-right: 1px solid #FFFFFF;
	color: #777777;
}
#Cursos #Curso1 {
	display: block;
}
#Cursos #Curso2 {
	display: none;
}
#Cursos #Curso3 {
	display: none;
}

#Cursos .ColR {
	padding: 0px 10px;
	width: 260px;
	height: auto;
}
#Cursos .ColR H3 {
	font-size: 16px;
	margin: 10px 0px;
	padding: 0px;
}
/**/
#Cursos .ColR UL { margin: 0px 0px 10px; padding: 0px; list-style: none; }
#Cursos .ColR LI { margin: 0px; padding: 0px; list-style: none; line-height: 16px; }
#Cursos .ColR LI EM {color: #ed95a8; font-style: normal}
#Cursos .ColR H4 {font-size: 11px; font-weight: bold; margin: 10px 0px;	padding: 0px; color: #ed95a8;}
#Cursos .ColR BLOCKQUOTE {padding: 0px; margin: 0px;}
#Cursos .ColR BLOCKQUOTE P {line-height: 16px; margin-bottom: 14px; letter-spacing: normal}
#Cursos .ColR P {line-height: 16px; margin-bottom: 10px; letter-spacing: -1px}
/**/
#Cursos .ColR IMG {
	border: 1px solid #666666;
}
/*TIPS*/
#Tips .ColL {
	padding: 0px 0px 30px 20px;
	width: 230px;
}
#Tips  #TipNav1 {
	text-align: right;
	position: absolute;
	visibility: visible;
	z-index: 1;
	height: auto;
	width: 30px;
	left: 224px;
	top: 236px;
}
#Tips  #TipNav2 {
	text-align: right;
	position: absolute;
	visibility: hidden;
	z-index: 2;
	height: auto;
	width: 30px;
	left: 224px;
	top: 236px;
}
#Tips  #TipNav3 {
	text-align: right;
	position: absolute;
	visibility: hidden;
	z-index: 3;
	height: auto;
	width: 30px;
	left: 224px;
	top: 236px;
}
#Tips .ColR {
	padding: 0px;
	width: 480px;
	height: auto;
}

#Tips .ColR H3 {
	font-size: 16px;
	margin: 0px 0px 10px;
	padding: 0px;
	color: #ed95a8;
}
#Tips .ColR H3 SPAN {
	color: #777777;
	font-size: 16px;
	font-weight: bold;
}
#Tips .ColR .ColP {
	height: auto;
	width: 255px;
}

#Tips  .ColR P {
	line-height: 20px;
	margin-bottom: 14px;
}
#Tips .ColR .SubNavTip {
	position: absolute;
	visibility: visible;
	z-index: 20;
	height: auto;
	width: 400px;
	left: 48px;
	top: 370px;
}

#RostroTip2 {
	display: none;
}
#RostroTip3 {
	display: none;
}
#LabiosTip1 {
	display: none;
}
#LabiosTip2 {
	display: none;
}
#LabiosTip3 {
	display: none;
}
#OjosTip1 {
	display: none;
}
#OjosTip2 {
	display: none;
}

#LayerRostro {
	background: url(imagenes/pictip_rostro.jpg) no-repeat right top;
	width: 448px;
	position: absolute;
	visibility: visible;
	z-index: 1;
	height: 376px;
	left: 285px;
	top: 89px;
	padding-top: 23px;
	padding-right: 40px;
}

#LayerLabios {
	background: url(imagenes/pictip_labios.jpg) no-repeat right top;
	width: 448px;
	position: absolute;
	visibility: hidden;
	z-index: 2;
	height: 376px;
	left: 285px;
	top: 89px;
	padding-top: 23px;
	padding-right: 40px;
}

#LayerOjos {
	background: url(imagenes/pictip_ojos.jpg) no-repeat right top;
	width: 448px;
	position: absolute;
	visibility: hidden;
	z-index: 3;
	height: 376px;
	left: 285px;
	top: 89px;
	padding-top: 23px;
	padding-right: 40px;
}

#PortfolioLayer {
	position: absolute;
	height: 374px;
	width: 245px;
	left: 3px;
	top: 89px;
	background: url(imagenes/bg_portfolio.jpg) no-repeat left bottom;
	padding-left: 17px;
	padding-top: 24px;
}
#PortfolioLayer DIV {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #8a8a8a;
	margin: 20px 10px 0px 50px;
}
.ColR .Muestrario { padding: 0px 9px 9px; height: auto; width: 430px; border: 1px solid #E2E2E2; }
.ColR .Muestrario UL { margin: 0px; padding: 0px; }
.ColR .Muestrario UL LI { margin: 0px; padding: 0px; list-style: none; }

/*PORTFOLIO*/
.ColR .PortadaPortfolio {float: none; clear: both; width: 470px; margin-right: -30px; overflow: hidden; position: relative}
.ColR .PortadaPortfolio H6 { width: 136px; background: #808080; float: left; margin: 0px; margin-right: 17px }
.ColR .PortadaPortfolio H6 SPAN {height: 38px; display: block; width: 136px;}
.ColR .PortadaPortfolio H6 A {text-decoration: none; display: inline}
.ColR .PortadaPortfolio H6 A SPAN { font: 16px/18px "trebuchet MS", Helvetica, sans-serif; color: #FFFFFF; text-align: center; cursor: pointer }

.ColR H2 { font: bold 12px "trebuchet MS", Helvetica, sans-serif; color: #a2a1a1; margin: 0px; padding: 3px 0px; float: left; width: 430px; text-align: center; }
.ColR H6 { margin: -22px 0px 0px; padding: 0px; float: right; position: relative }
.ColR .PortfolioNav { padding: 9px 10px; margin-top: 9px; border: 1px solid #E2E2E2; clear: both; float: none; overflow: hidden; height: 61px }
.ColR .PortfolioNav H6 { display: block; float: left; height: 63px; width: 21px; margin: 0px; padding: 0px; }
.ColR .PortfolioNav .Carrousel {position:relative; width:386px; height:63px; overflow:hidden; float:left; background: #dddddd}
.ColR .PortfolioNav .Carrousel UL { display: block; margin: 0px; padding: 0px; }
.ColR .PortfolioNav .Carrousel UL LI { display: block; margin: 0px 2px 0px 0px; padding: 5px 0px 0px; float: left; }
.ColR .PortfolioNav .Carrousel UL LI A IMG.Selected {display: block}
.ColR .PortfolioNav .Carrousel UL LI A:hover {display: block}
.ColR .PortfolioNav .Carrousel UL LI A IMG.PictureOn {display: none}
.ColR .PortfolioNav .Carrousel UL LI A:hover IMG {display: none;}
.ColR .PortfolioNav .Carrousel UL LI A:hover IMG.PictureOn {display: block;}
/*CURSO MAQ SOCIAL*/
.CarrouselNav { clear: both; float: none; overflow: hidden; height: 353px; width: 200px; position: absolute; z-index: 10; left: 560px; top: 117px; }
.CarrouselNav H6 { display: block; height: 10px; width: 197px; margin: 0px; padding: 0px; }
.CarrouselNav .Carrousel {position:relative; width:197px; height:333px; overflow:hidden;}
.CarrouselNav .Carrousel UL { display: block; margin: 0px; padding: 0px; }
.CarrouselNav .Carrousel UL LI {margin: 0px; padding: 0px; height: 1%}
.CarrouselNav .Carrousel UL LI A {border: none; padding: 4px; display: block; margin: 4px 0px;}
.CarrouselNav .Carrousel UL LI A:hover {border: 1px solid #b4b4b4; padding: 3px; margin: 4px 0px;}

#BgContacto {
	background: url(imagenes/bg_contacto.jpg) no-repeat;
}
#PicContactoL {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 278px;
	left: 3px;
	top: 232px;
}

#PicContacto { position: absolute; z-index: 1; height: 204px; width: 235px; left: 538px; top: 89px; background: url(imagenes/pic_sec-cont.jpg) no-repeat; margin: 0px; padding: 185px 0px 0px; }
#PicContacto P {
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #8a8a8a;
}
#PicContacto A {
	color: #8a8a8a;
	text-decoration: none;
}
#PicContacto IMG {
	margin-bottom: 5px;
}
#PicContacto STRONG {
	color: #ee305a;
}

#Contacto {
	background: url(imagenes/bg_form.jpg) no-repeat;
}
#Contacto H3 {
	font-size: 18px;
	margin: 10px 0px;
	padding: 0px;
	font-weight: normal;
}
#Contacto P {
	margin: 0px 0px 10px;
	padding: 0px;
	color: #ee305a;
}
#Contacto INPUT {
	background: #FFFFFF url(imagenes/bg_input.jpg) repeat-x;
	padding: 4px 2px;
	height: auto;
	width: 200px;
	border: 1px solid #CCCCCC;
	margin: 3px 0px 0px;
}
#Contacto TEXTAREA {
	background: url(imagenes/bg_input.jpg) repeat-x;
	margin: 3px 0px 0px;
	padding: 4px 2px;
	height: auto;
	width: 200px;
	border: 1px solid #CCCCCC;
}
#Contacto .FrmBtn {
	font-weight: bold;
	color: #ee305a;
	background: url(imagenes/bg_input.jpg) repeat-x;
	margin: 3px 0px 0px 130px;
	padding: 4px 2px;
	border: 1px solid #CCCCCC;
	height: auto;
	width: 80px;
}
/*CARTEL*/
#Cartel { text-align: right; height: 399px; width: 770px; position: absolute; z-index: 1000; left: 50%; top: 88px; margin-left: -386px; }
.ie6 #Cartel {background: #000}
/*TARJETAS*/
.Tarjetas { position: absolute; z-index: 20; height: auto; width: 150px; left: 73px; top: 365px; }
.Tarjetas IMG {margin-right: 8px;}
/*FOOTER*/
#Footer {
	background: url(imagenes/bgtips.jpg) no-repeat;
	height: 80px;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 21px;
}
.FootBox {
	background: url(imagenes/bgfootboxes.jpg) no-repeat center top;
	height: 50px;
	width: 206px;
	float: left;
	padding: 10px 20px 0px 30px;
	color: #FFFFFF;
	line-height: 12px;
}
.FootBox A {
	color: #FFFFFF;
	text-decoration: none;
}
.FootBox A:hover {
	color: #666666;
}


.FootBox .Pic {
	float: left;
	margin-right: 10px;
}
.FootBox STRONG {
	font-size: 15px;
	font-weight: bold;
}

#Reflex { background: url(imagenes/bgreflex.jpg) no-repeat center top; height: 86px; color: #FFF; padding-top: 10px; font-size: 10px; }
#Reflex A {
	color: #B92545;
}
#eXTReMe {
	overflow: hidden;
	position: absolute;
	z-index: 200;
	height: 10px;
	width: 10px;
	left: -50px;
	top: 0px;
	clip: rect(0px,10px,10px,0px);
}
/***/
.Faciales { width: 242px; padding-left: 10px; }
.Faciales H3 { font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ed95a8; margin: 0px 0px 15px; padding: 0px; }
.Faciales P { font-size: 11px; color: #777; margin: 0px 0px 15px; padding: 0px; }
.Faciales P.Lista { color: #df6dce; margin-bottom: 0px; }
/**/
#LyrAcneicos { background: url(imagenes/faciales/interiores/tratamientos_acneicos.jpg) no-repeat; position: absolute; z-index: 1; height: 395px; width: 240px; top: 89px; right: 3px; }
#Lyrcompleta { background: url(imagenes/faciales/interiores/facial_completa.jpg) no-repeat; position: absolute; z-index: 1; height: 395px; width: 240px; top: 89px; right: 3px; }
#Lyrpeeling { background: url(imagenes/faciales/interiores/peeling_cosmiatrico.jpg) no-repeat; position: absolute; z-index: 1; height: 395px; width: 240px; top: 89px; right: 3px; }
#Lyrrejuvenecimiento { background: url(imagenes/faciales/interiores/rejuvenecimiento_facial.jpg) no-repeat; position: absolute; z-index: 1; height: 395px; width: 240px; top: 89px; right: 3px; }
#LyrHidratacion { background: url(imagenes/faciales/interiores/hidratacion_nutricion.jpg) no-repeat; position: absolute; z-index: 1; height: 395px; width: 240px; top: 89px; right: 3px; }
#LyrContorno { background: url(imagenes/faciales/interiores/contornos_ojos.jpg) no-repeat; position: absolute; z-index: 1; height: 395px; width: 240px; top: 89px; right: 3px; }