* { margin: 0px;
padding: 0px; 
}

	
body { font-family:Helvetica; color:#FFFFFF; text-align:center; background-color:#ffffff; margin:0; background-image:url(imagenes/fondo2.jpg); }

a {text-decoration:none;}

.mailc { text-decoration:none; color:#CCCCCC; }

.mailc2 { text-decoration:none; color:#999; }

#contenedor { position:relative; overflow:hidden; z-index:2; 
		width: 1008px; height:890px; background-repeat:no-repeat;
		margin-left:auto; margin-right:auto; text-align:left;
}
#bg { position:absolute; overflow:hidden; z-index:0; 
		width: 1008px; height:890px;   background-repeat:no-repeat;
		margin-left:auto; margin-right:auto; text-align:left;
}

#fondo {position:absolute; overflow:hidden; z-index:0;
		 left:0px ; top:0px ;  
}

#logo {position:absolute; overflow:hidden; z-index:1;
		top:60px ; left:40px ;
}

#lucecitas {position:absolute; overflow:hidden; z-index:1;
		 left:40px ; top:170px ;   
}

#lineahome {position:absolute; overflow:hidden; z-index:1;
		 left:140px ; top:180px ;   width:810px; height:1px; background-color:#999;
}

#menu {position:absolute; overflow:hidden; z-index:1;
		 left:40px ; top:220px ;   color:#333;
}

#menu a {color:#666; }

#menu a:hover {color:#0C9;}

#fotohome {position:absolute; overflow:hidden; z-index:1;
		 left:40px ; top:340px ;   
}

#bannerhome {position:absolute; overflow:hidden; z-index:1;
		 left:40px ; top:360px ;   
}

#cuadropie {position:absolute; overflow:hidden; z-index:1;
		 left:0px ; top:795px ;   
}

#infopie {position:absolute; overflow:hidden; z-index:1;
		 left:40px ; top:808px ;  color:#999; font-size:12px; 
}

#botonera {position:absolute; overflow:hidden; z-index:1;
		 left:520px ; top:150px ;  
}

#titulo { position:absolute; overflow:hidden; z-index:1;
		 left:550px ; top:350px ;  color:#CCCCCC; font-size:50px;
}

#tituloolga { position:absolute; overflow:hidden; z-index:1;
		 left:550px ; top:350px ;  color:#CCCCCC; font-size:50px;
}


#textoolga { position:absolute; overflow:hidden; z-index:1;
		 left:550px ; top:450px ;  width:390px; 
}

#textoautocuidado{ position:absolute; overflow:hidden; z-index:1;
		 left:550px ; top:440px ;  width:390px; 
}

#botoneraolga { position:absolute; overflow:hidden; z-index:1;
		 left:380px ; top:413px ; color:#333; font-size:13px; font-weight:bold;
}

#botoneraolga a {color:#999; }

#botoneraolga a:hover { color:#77C3B4 ; }


#contfotos { position:absolute; overflow:hidden; z-index:1;
		 left:40px ; top:350px ;  height:275px;
}

#fotocontfotos { position:absolute; overflow:hidden; z-index:1;
		 left:0px ; top:65px ;  
}

#musica { position:absolute; overflow:hidden; z-index:4;
		 left:800px ; top:808px ;  
}

#cabeceraautocuidado{ position:absolute; overflow:hidden; z-index:1;
		 left:40px ; top:345px ;  width:390px; 
}

#fotoautocuidado{ position:absolute; overflow:hidden; z-index:1;
		 left:40px ; top:430px ;  
}


#divcargafotos{  position:relative; overflow:hidden; z-index:1;
		 float:left; width:327px; height:217px;  
}

#divcargafotos2{ position:relative; overflow:hidden; z-index:1;
		 float:left; width:327px; height:217px;
}

#divcargafotos3{  position:relative; overflow:hidden; z-index:1;
		 float:left; width:327px; height:217px;  
}

#divcargafotos4{  position:relative; overflow:hidden; z-index:1;
		 float:left; width:327px; height:217px;  
}

#etiqueta{  position:relative; overflow:hidden; z-index:1;
		  top:170px; left:550px;  
}

#menuservicios{  position:absolute; overflow:hidden; z-index:1;
		  top:360px; left:40px;  
}

#contenedorservicios{  position:absolute; overflow:hidden; z-index:1;
		  top:420px; left:40px;  width:860px; height:380px;
}

#tituloservicios{  position:absolute; overflow:hidden; z-index:2;
		  top:10px; left:10px;  
}

#logowella{  position:absolute; overflow:hidden; z-index:2;
		  top:295px; left:495px;  
}

#logoinoa{  position:absolute; overflow:hidden; z-index:2;
		  top:305px; left:760px;  
}

#logoloreal{  position:absolute; overflow:hidden; z-index:2;
		  top:315px; left:655px;  
}

#logosp2{  position:absolute; overflow:hidden; z-index:2;
		  top:275px; left:590px;  
}

#listaopciones{  position:absolute; overflow:hidden; z-index:2;
		  top:75px; left:10px;  
}

#color3d{  position:absolute; overflow:hidden; z-index:2;
		  top:5px; left:650px;  
}

#titproductos{  position:absolute; overflow:hidden; z-index:2;
		  top:365px; left:40px;  
}

#listaproductos{  position:absolute; overflow:hidden; z-index:2;
		  top:440px; left:40px;  
}

#listaproductos2{  position:absolute; overflow:hidden; z-index:2;
		  top:440px; left:400px;  
}

#logowella2{  position:absolute; overflow:hidden; z-index:2;
		  top:550px; left:400px;  
}

#logoinoa2{  position:absolute; overflow:hidden; z-index:2;
		  top:570px; left:500px;  
}

#logosp{  position:absolute; overflow:hidden; z-index:2;
		  top:625px; left:450px;  
}

#fotoproductos { position:absolute; overflow:hidden; z-index:1;
		 left:280px ; top:470px ;  
}

#flashcortes { position:absolute; overflow:hidden; z-index:1;
		 left:410px ; top:0px ;  
}





/* CONTACTO */

#titcontacto {position:absolute; overflow:hidden; z-index:1;
		 left:40px ; top:345px ;
}

#textocontacto {position:absolute; overflow:hidden; z-index:1;
		 left:40px ; top:435px ;
}

#mapa {position:absolute; overflow:hidden; z-index:1;
		 left:40px ; top:535px ;
}

#formulario {position:absolute; overflow:hidden; z-index:1;
		 left:550px ; top:520px ; color:#666; font-size:14px;
}

#estilista {position:absolute; overflow:hidden; z-index:1;
		 left:110px ; top:115px ; 
}

#tituloscontacto {position:absolute; overflow:hidden; z-index:1;
		 left:550px ; top:345px ; 
}



#facetwitter {position:absolute; overflow:hidden; z-index:1;
		 left:915px ; top:854px ;  color:#999; font-size:12px; 
}

#loading { position:absolute; 
z-index:5000; 
width:100%; 
height:950px;
text-align:center;
 top:0px;
 background-color:#FFF;
 opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
	
}



#mensaje {
	position:absolute;
	overflow:hidden;
	z-index:4;
	left: 500px;
	top: 400px; 
	background-color: #0C9;
	 color: #000 ;
	 height: 150px;
	width: 300px;
	text-align: center;
 	font-size: 14px
}

.cerrar {  color: #ffffff ; font-weight:bold;  }


/* FIN CONTACTO */

#opciones{
	position:absolute;
	overflow:hidden;
	z-index:3;
	left: 280px;
	top: 20px;
	width: 300px;
	height: 300px;
	color:#000;
	padding-top:20px;
	
}



/* Menú vertical desplegable
----------------------------------------------- */
.menu_list {	
width: 430px; /* Ancho del menú */
}
.menu_head {
padding: 5px 0px;
color:#848484; /* Color de las pestañas principales */
cursor: pointer;
position: relative;
margin:1px;
margin-left:0;
margin-right:0;
font-weight:bold;
 /* Color de fondo */
background-image: url(https://lh5.googleusercontent.com/-mQHPLQrjxcI/TlQJSHgEsZI/AAAAAAAABno/HbkoM9nbaWQ/flecha-abajo.png);
background-position:center right;
background-repeat:no-repeat;

}
.menu_body {
display:none;
color:#000;

}
.menu_body a{
display:block;
color:#848484; /* Color de los enlaces */
 /* Color de fondo de los enlaces */
padding-left:10px;
font-weight:bold;
text-decoration:none;

}

.menu_body {  
	
}

.menu_body a:hover{
color: #000000; /* Color de los enlaces al pasar el cursor */
text-decoration:underline;

}

#firstpane { position:absolute; z-index:8; overflow:hidden; left: 40px; top: 430px; }




/* Menú vertical desplegable
----------------------------------------------- */
.menu_list2 {	
width: 870px; /* Ancho del menú */
}
.menu_head2 {
padding: 2px 6px;
color:#FFF; /* Color de las pestañas principales */
cursor: pointer;
position: relative;
margin:1px;
margin-left:0;
margin-right:0;
font-weight:bold;
background-color:#000; /* Color de fondo */
background-image: url(https://lh5.googleusercontent.com/-mQHPLQrjxcI/TlQJSHgEsZI/AAAAAAAABno/HbkoM9nbaWQ/flecha-abajo.png);
background-position:center right;
background-repeat:no-repeat;
font-size:12px;
}
.menu_body2 {
display:none;
color:#000;

}
.menu_body2 a{
display:block;
color:#848484; /* Color de los enlaces */
 /* Color de fondo de los enlaces */
padding-left:10px;
font-weight:bold;
text-decoration:none;

}

.menu_body2 {  
	
}

.menu_body2 a:hover{
color: #000000; /* Color de los enlaces al pasar el cursor */
text-decoration:underline;

}

#firstpane2 { position:absolute; z-index:8; overflow:hidden; left: 40px; top: 350px; }





/* Menú vertical desplegable seccion nuestros servicios
----------------------------------------------- */
.menu_list3 {	
width: 430px; /* Ancho del menú */
}
.menu_head3 {
padding: 2px 0px;
color:#848484; /* Color de las pestañas principales */
cursor: pointer;
position: relative;
margin:1px;
margin-left:0;
margin-right:0;
font-weight:bold;
 /* Color de fondo */
background-image: url(https://lh5.googleusercontent.com/-mQHPLQrjxcI/TlQJSHgEsZI/AAAAAAAABno/HbkoM9nbaWQ/flecha-abajo.png);
background-position:center right;
background-repeat:no-repeat;

}
.menu_body3 {
display:none;
color:#000;

}
.menu_body3 a{
display:block;
color:#848484; /* Color de los enlaces */
 /* Color de fondo de los enlaces */
padding-left:10px;
font-weight:bold;
text-decoration:none;

}

.menu_body3 {  
	
}

.menu_body3 a:hover{
color: #000000; /* Color de los enlaces al pasar el cursor */
text-decoration:underline;

}

#firstpane3 { position:absolute; z-index:8; overflow:hidden; left: 10px; top: 70px; }



/* Tiny Carousel */
#slider1 { height: 100%; overflow:hidden; padding: 0 0 10px;   }
#slider1 .viewport { float: left; width: 90px; height: 168px; overflow: hidden; position: relative; }
#slider1 .buttons { background:url("images/buttons3.png") no-repeat scroll 0 0 transparent; display: block; margin: 0 0 5px 25px; background-position: 0 -74px; text-indent: -999em; width: 39px; height: 27px; overflow: hidden; position: relative; }
#slider1 .next { background-position: 0 -112px; margin: 170px 0 0 25px;  }
#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#slider1 .overview li{ float: left; margin: 3px 20px 0 0; padding: 1px; height: 50px; border: 0px solid #dcdcdc; width: 100px;}


/* Tiny Carousel */
#slider2 { height: 100%; overflow:hidden; padding: 0 0 10px;   }
#slider2 .viewport { float: left; width: 90px; height: 168px; overflow: hidden; position: relative; }
#slider2 .buttons { background:url("images/buttons3.png") no-repeat scroll 0 0 transparent; display: block; margin: 0 0 5px 25px; background-position: 0 -74px; text-indent: -999em; width: 39px; height: 27px; overflow: hidden; position: relative; }
#slider2 .next { background-position: 0 -112px; margin: 170px 0 0 25px;  }
#slider2 .disable { visibility: hidden; }
#slider2 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#slider2 .overview li{ float: left; margin: 3px 20px 0 0; padding: 1px; height: 50px; border: 0px solid #dcdcdc; width: 100px;}

/* Tiny Carousel */
#slider3 { height: 100%; overflow:hidden; padding: 0 0 10px;   }
#slider3 .viewport { float: left; width: 90px; height: 168px; overflow: hidden; position: relative; }
#slider3 .buttons { background:url("images/buttons3.png") no-repeat scroll 0 0 transparent; display: block; margin: 0 0 5px 25px; background-position: 0 -74px; text-indent: -999em; width: 39px; height: 27px; overflow: hidden; position: relative; }
#slider3 .next { background-position: 0 -112px; margin: 170px 0 0 25px;  }
#slider3 .disable { visibility: hidden; }
#slider3 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left:0; top: 0;  }
#slider3 .overview li{ float: left; margin: 3px 20px 0 0; padding: 1px; height: 50px; border: 0px solid #dcdcdc; width: 100px;}

/* Tiny Carousel */
#slider4 { height: 100%; overflow:hidden; padding: 0 0 10px;   }
#slider4 .viewport { float: left; width: 90px; height: 168px; overflow: hidden; position: relative; }
#slider4 .buttons { background:url("images/buttons3.png") no-repeat scroll 0 0 transparent; display: block; margin: 0 0 5px 25px; background-position: 0 -74px; text-indent: -999em; width: 39px; height: 27px; overflow: hidden; position: relative; }
#slider4 .next { background-position: 0 -112px; margin: 170px 0 0 25px;  }
#slider4 .disable { visibility: hidden; }
#slider4 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#slider4 .overview li{ float: left; margin: 3px 20px 0 0; padding: 1px; height: 50px; border: 0px solid #dcdcdc; width: 100px;}


/* Tiny Carousel */
#slider5 { height: 100%; overflow:hidden; padding: 0 0 10px;   }
#slider5 .viewport { float: left; width: 262px; height: 90px; overflow: hidden; position: relative; }
#slider5 .buttons { background:url("images/buttons2.png") no-repeat scroll 0 0 transparent; display: block; margin: 10px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 25px; height: 37px; overflow: hidden; position: relative; }
#slider5 .next { background-position: 0 0; margin: 10px 0 0 0px;  }
#slider5 .disable { visibility: hidden; }
#slider5 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#slider5 .overview li{ float: left; margin: 0 0 0 0; padding: 0px; height: 30px; border: 0px solid #dcdcdc; width: 88px;}


#cuadro{width:193px; height:15px; background-color:#000; position:absolute; 
		text-align:left;  color:white; margin-top:85px; cursor:pointer;
		left:553px; top:90px; 
		}
		
#menuserv {  list-style-type:none; width:193px; height:5px; position:absolute; overflow:hidden; top:22px; font-family:Helvetica; font-size:13px;
}	

#menuserv li { width:193px; padding-left:9px; }

#menuserv a { color:#FFF;}

#menuserv a:hover li { background-color:#4D4D4D;}

#popup {
	position:absolute;
	overflow:hidden;
	z-index:8;
	left: 250px;
	top: 60px;
}

#botoncerrar {
	position:absolute;
	overflow:hidden;
	z-index:9;
	left: 720px;
	top: 50px;
	
}