/* CSS Document */

/* Reset css*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	body {
		line-height: 1;
		color: black;
		background: white;
		font-family:Arial, Helvetica, sans-serif;
	}
	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}
	p{
		text-indent:0px;
	}
	a{
		text-decoration:none;
		cursor:pointer;
	}
/* End reset*/


	html,body {
		height:100%;
		margin:0;
	}
	body {
		border:0;
		padding:0;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #000000;	
		background-color:#f1f1f1;
		text-align:center;	
		position:relative;

	}
	/* Capas*/
	#contenedor {
		position: absolute;
		width:1000px;	
		left: 50%;
		top: 0%;	
    	margin-top: 50px;
    	margin-bottom: -50px;
		margin-left: -500px;			
		border-style:solid;
		border-width: 1px;
		border-color: #d1d1d1;
		background-color:#FFFFFF;
		text-align:center;	
		overflow:hidden;	
	}
	#logo_saloni {
		float:left;
		display:inline;
		overflow:hidden;
		margin:17px 0px 0px 35px;
		width:166px;
		height:86px;
	}
	#cabecera{
		float:left;
		width:1000px;
		height:120px;
		display:inline;
		overflow:hidden;			
		background-image:url(img/cabecera_saloni.jpg);
	}
	#cabecera_lateral{
		background-color:#726068;
		clear:left;
		float:left;
		display:inline;
		overflow:hidden;		
		width:236px;
		height:25px;
		text-align:center;
	}	
	#menu{
		background-color:#726068;
		float:left;
		display:inline;	
		position:relative;
		width:764px;
		height:25px;
		text-align:center;
	}
	#lateral{
		clear:left;
		float:left;
		width:216px;
		margin:10px;
		display:inline;
		text-align:center;		
	}
	#menu_lateral{
		margin:0px 0px 10px;	
		background-color:#d4d4d4;

	}
	#iconos_lateral{
		width:216px;
		margin:9px 5px 9px 5px;	
		text-align:left;		
	}
	#img_lateral{
		width:216px;
	}
	#contenido{	
		float:left;
		display:inline;
		overflow:hidden;
		padding:0;	
		margin:10px 10px 0px 0px;
		width:754px;
		text-align:center;

	}	

	#contenido_intv{	
		float:left;
		/*display:inline;*/
		/*overflow:hidden;*/
		padding:0;	
		margin:10px 10px 0px 0px;
		width:1000px;
		height:740px;
		text-align:center;
	}
	
	#contenido_summa{	
		float:left;
		display:inline;
		overflow:hidden;
		padding:0;	
		margin:10px 8px 0px 0px;
		width:756px;
		text-align:center;

	}	
	
	#aviso_legal{	
		float:left;
		display:inline;
		overflow:hidden;
		padding:20px;	
		margin:0;
		width:720px;
		text-align:center;

	}	

	#texto_info{
		clear:both;
		float:left;
		display:inline;
		overflow:hidden;		
		width:960px;
		margin-left:20px;
		margin-right:20px;
		color:#666;
		font-size:9px;
	}	

	#texto_info1{
		clear:both;
		float:left;
		display:inline;
		overflow:hidden;		
		width:1000px;
		height:10px;
	}	

	#texto_info2{
		clear:both;
		float:left;
		display:inline;
		overflow:hidden;		
		width:1000px;
		height:20px;
	}	

	#pie_lateral{
		background-image:url(img/fondo_pie_lateral.png);	
		clear:left;
		float:left;
		display:inline;
		overflow:hidden;		
		width:236px;
		height:25px;
	}	
	#menu_inferior{
		background-image:url(img/fondo_menu_inferior.png);	
		float:left;
		display:inline;
		position:relative;			
		width:764px;
		height:25px;
		text-align:center;	
	}		
	#pie{
		background-image:url(img/fondo_pie.png);
		clear:both;
		float:left;
		display:inline;
		overflow:hidden;
		width:1000px;		
		height:100px;
		text-align:center;
	}
	#idiomas{		
		float:left;
		position:relative;
		left:236px;
		overflow:hidden;		
		width:764px;	
		height:20px;		
		margin:0;
		text-align:center;
		border-bottom:none;
	}			

	#aviso{		
		float:left;
		width:1000px;	
		overflow:hidden;
		margin-top:20px;
		padding-left:34px;
		padding-top:10px;
		height:60px;
		text-align:center;
		border-top:none;
	}			

	#cabecera_lateral h1{
		padding:0; 
		margin:0 auto; 	
		background:transparent;
		color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;	
		font-weight:normal;
		line-height:25px;	
	}	
	#cabecera_lateral h1 a{
		color:#FFFFFF;
	}
	#pie_lateral h1{
		padding:0; 
		margin:0 auto; 	
		background:transparent;
		color:#000000;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;	
		font-weight:normal;
		line-height:25px;	
	}			
	#pie_lateral h1 a{
		padding:0; 
		margin:0 auto; 	
		background:transparent;
		color:#000000;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;	
		font-weight:normal;
		line-height:25px;	
	}
	/* Genericos */
   
   img {
         vertical-align: middle;
   }    
   .negrita{
	   	font-weight:bold;
   }
	
	/* Navigation */

	.menu ul li a, .menu ul li a:visited {
		display:block; 
		margin: auto 10px;
		height:25px; 
	  	width: auto;	 
		color:#ffffff; 
		border:none; 	 
		line-height:25px;
		white-space:nowrap;
		text-transform:uppercase;
	}
	.menu ul {
		padding:0; 
		margin:0 0 0 24px;	
		width:740px;
		list-style-type: none; 
		text-align:left;
	}
	.menu ul li {
		float:left; 
		display:inline;
		position:relative;
		background:transparent;
		text-align:left;	
		width:120px;	
	}
	.menu ul li.last {
		background:transparent none repeat scroll 0 0;
	}
	.menu ul li#menu_tiendas{
		width:105px;
	}				
	.menu ul li#menu_producto{
		width:103px;
	}
	.menu ul li#menu_profesional{
		width:114px;
	}
	.menu ul li#menu_sostenibilidad{
		width:127px;
	}
	.menu ul li#menu_premios{
		width:176px;
	}
	.menu ul li#menu_descargas{
		width:115px;
	}	
	.menu ul li#menu_empresa{
		width:115px;
	}	
	.menu ul li#menu_trabaja{
		width:160px;
	}	
	.menu ul li#menu_contactanos{
		width:119px;
	}	
	.menu ul li#menu_comunicacion{
		width:128px;
	}	
	.menu ul li#menu_noticias{
		width:98px;
	}	
	.menu ul li#menu_mapa{
		width:120px;
	}			
															
	.menu ul li ul {
		visibility:hidden; 
		position:absolute;
		background:transparent;
		margin:0;
	}
	.menu table {
		border-collapse:collapse; 
		margin:0; 
		padding:0; 
		margin:-1px;
	}

	.menu ul li:hover, .menu ul li:hover ul li:hover{
		background-color:#dedadc;
	}		
	.menu ul li:hover a, .menu ul li a:hover {
		color:#94283a; 
	}

	.menu ul li:hover ul, .menu ul li a:hover ul {
		visibility:visible; 
		bottom:25px; 
		left:0;
	}

	.menu ul li:hover ul li, .menu ul li a:hover ul li {
		display:block; 
		background-color:#c8c0c3; 
		background-image:none;
		border:1px solid #a2969b;
		border-width:1px 0px 0px;
		clear:both;
		
	}

	.menu ul li:hover ul li a, .menu ul li a:hover ul li a {
		display:block; 
		background:transparent; 
		color:#726068; 
		text-align:left;
	}

	.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {
		background:transparent; 
		color:#94283a;		
	}
	#menu_inferior ul li a, #menu_inferior ul li a:visited{
		color:#000000 !important;		
	}
	#menu_inferior ul li:hover{
		background-color:#E6E6E6 !important;
	}			 
	/*Contenido*/

	#contenido_izquierda{
		float:left;
		margin:0px 0px 10px;
		padding:10px 10px 10px 0px;
		border-right: 1px solid #C8C0C3;				
		width:517px;	
		display:inline;
	}
	
	#contenido_central{
		float:left;
		margin:0px 0px 10px;
		padding:10px 10px 10px 0px;
		border-right: 1px solid #C8C0C3;				
		width:754px;	
		display:inline;
	}
	
	#bloque_h img{
		width:517px;
	}
	#bloque_h2 img{
		width:754px;
	}
	#bloque_v img{
		width:216px;
	}
	#bloque_c{
		float:left;
	}
	#bloque_c2{
		float:left;
	}
	#bloque_c3{
		float:left;
	}
	#bloque_c img{
		width:258px;
		float:left;
		margin:10px 0px;
	}
	#bloque_c2 img{
		width:376px;
		float:left;
		margin:10px 0px;
	}
	#bloque_c3 img{
		width:250px;
		float:left;
		margin:10px 0px;
	}
	.bloque_left{
		border-left: 1px solid #C8C0C3;				
	}
	.bloque_right{
		border-right: 1px solid #C8C0C3;					
	}
	.bloque_top{
		border-top: 1px solid #C8C0C3;				
	}
	.bloque_bottom{
		border-bottom: 1px solid #C8C0C3;			
	}					
	#contenido_derecha{
		float:left;
		margin:0px 0px 0px 10px;
		padding:10px 0;
		width:216px;
		display:inline;
		text-align:left;
	}
	#area_prof{
		display:block;
		position:relative;
		left:10px;
		margin:0px 20px 0px 0px;
		height:20px;
		line-height:10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		color:#000080;
		border-bottom: 1px solid #C8C0C3;		
	}
	
	/* Idiomas */
	#idiomas ul {
		float:left;
		display:inline;
		padding:0; 
		margin:0px 0px 0px 40px;
		list-style-type: none; 
		text-align:center;
	}
	#idiomas ul li {
		float:left; 
		display:inline;
		position:relative;
		background:transparent;	
		text-align:left;
	}

	#idiomas ul li.last {
		background:transparent none repeat scroll 0 0;
	}	
	#idiomas ul li a, #idiomas ul li a:visited {
		display:block; 
		margin: auto 20px;		
		height:20px; 
		text-align:center; 
		color:#000000; 
		border:none; 
		line-height:28px;
		white-space:nowrap;	
		font-weight:bold;
	}
	#idiomas ul li:hover a, #idiomas ul li a:hover {
		color:#94283a; 
		background:transparent;		
	}
	/* Camino de migas */	
	.breadcrumbs{
		position:relative;
		left:10px;
		margin:0;
		padding:0;
		line-height:20px;
		color:#000000;
		text-align:left;
	}
	.breadcrumbs a{
		color:#000000;
		text-decoration:none;
		cursor:pointer;
	}	
	/*Menu lateral*/
	#menu_lateral ul{
		margin:0px 10px;
		padding:5px 0px;
	}
	#menu_lateral ul li ul{
		margin:10px 0px 0px;
		padding:0px;		
	}	
	#menu_lateral ul li{
		padding:10px 0px;
		border-bottom:1px solid #5e5e5e;				
		text-align:left;
	}
	#menu_lateral ul li.last{
		border:none;
	}
	#menu_lateral ul li a.titulo2{
		margin:0px 0px 20px;
	}	
	#menu_lateral ul li ul li{
		margin:0px;
		padding:5px 0px 0px 10px;
		border:none;

	}		
	#menu_lateral ul li a, #menu_lateral ul li a:visited{
		display:block;
		color:#5e5e5e;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		text-align:left;
	}
	#menu_lateral ul li a:hover {
		color:#303030; 
	}
	#menu_lateral ul li a.titulo{
		font-weight:bold;
	}	
	#menu_lateral ul li a.titulo2{
		font-weight:bold;
	}	
	#menu_lateral ul li a#top10{
		padding:20px 0px 0px;
	}		
	#menu_lateral ul li ul li a{
		padding:0px 0px 0px 10px;
		background:transparent url('img/triangulo.png') no-repeat left 5px;
	}

/*Fichas*/
#info_precios{
	clear:both;
	margin:0px 10px 10px;
	padding:20px 0px;
	border:1px solid #E6E6E6;
	border-width:1px 0px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#888888;

}	
#fichas{
	clear:both;
	margin:10px;
}
.ficha{
	float:left;
	margin:0px 10px 0px 0px;
}
/*Outlet*/
#outlet{
	overflow:hidden;
}
#outlet img{
	float:left;
	margin:0px 10px 0px 0px;	
}
#info_outlet{
	margin:10px 0px;
	text-align:left;
	font-size:11px;	
	overflow:hidden;
}
#info_outlet p{
	margin:0px 0px 20px;	
	line-height:15px;
}
#info_outlet .titulo{
	text-align:left;
	font-size:14px;	
	font-weight:bold;
}
#info_outlet p span, #info_outlet p a{
	color:#94283A;	
}
#info_outlet #botones{
	margin:45px 0px 0px;
}
#info_outlet #botones a{
	float:left;
	width:120px;
	height:25px;
	margin:0px 10px 0px 0px;
	line-height:25px;
	text-align:center;
	color:#000000;
	background:#E6E6E6;
}
#info_outlet #botones a#cesta{
	float:right;	
	width:80px;
	padding:0px 20px;
	text-align:left;
	background:#E6E6E6 url(img/outlet/carro.png) no-repeat 80px 50%;
}
#item_outlet #botones{
	margin:10px 0px 0px;
}
#item_outlet #botones a{
	float:left;
	width:120px;
	height:25px;
	margin:0px 10px 0px 0px;
	line-height:25px;
	text-align:center;
	color:#000000;
	background:#E6E6E6;
}
#item_outlet #botones a#cesta{
	float:right;	
	width:120px;
	padding:0px 20px;
	text-align:left;
	background:#E6E6E6 url(img/outlet/carro.png) no-repeat 120px 50%;
}
/*Identificacion*/
#identificacion{
	text-align:right;
}
#identificacion, #registro{
	margin:10px;
}
#texto_identificacion{
	display:block;
	margin:0px 0px 10px;
	text-align:left;
	color:#94283A;
}
#identificacion #recordar{
	display:block;
	margin:0px 0px 10px;
	color:#888888;
}
#identificacion fieldset, #registro fieldset{
	padding:10px;
	background-color:#F3F3F3;
}
#registro fieldset{
	float:left;
	width:574px;
}
#aceptar_registro{
	margin:10px 0px 10px 140px;
	padding:10px 10px 20px !important;
	text-align:left;
}
#aceptar_registro input{
	float:left;
	margin:0px 10px 0px 0px;
}
#aceptar_registro label{
	display:block !important;
	width:auto !important;
	text-align:left !important;
}
#identificacion input.texto, #registro input.texto{
	margin:0px 30px 0px 5px;
	height:18px;
	line-height:18px;
	background-color:#E6E6E6;
	border:none;
	width:120px;
}
#identificacion label, #registro label{
	height:18px;
	line-height:18px;
	color:#000000;
	text-align:right;
}
#identificacion input.boton, #registro input.boton{
	float:right;
	width:120px;
	height:25px;
	background-color:#94283A;
	color:#FFFFFF;
	border:none;
}
#identificacion input.texto, #identificacion label{
	float:left;
	margin-top:7px;
	padding:0px;
}
#identificacion input.largo, #registro input.largo{
	width:240px;
}
#registro input.texto{
	display:inline;
	margin:0px 317px 5px 5px;
}
#registro input.largo{
	width:240px;
	margin-right:197px;
}
#registro input.mas_largo{
	width:437px;
	margin-right:0px;
}

#registro label{
	display:inline-block;
	width:127px;
}
#registro #imagenes{
	float:left;
	width:120px;
	margin-right:20px;
}
#registro #obligatorios{
	float:right;
}
#descuento_registro{
	margin:20px 10px;
	font-size:27px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	color:#888888;
	line-height:27px !important;
}
#descuento_registro span{
	color:#94283A;
}
#compra_inteligente{
	float:left;
	position:relative;
	margin:20px 10px 10px 150px;
	text-align:justify;
}
#compra_inteligente p{
	margin:0px 0px 10px;
}
#compra_inteligente span{
	font-size:11px;
	font-weight:bold;
	color:#94283A;
	text-transform:uppercase;
	padding:0px 0px 0px 10px;
}
#cesta{
	position:relative;
	margin:20px 10px 0px;
	text-align:left;
}
#cesta span.titulo{
	position:relative;
	display:block;
	padding:10px 0px 10px 40px;
	background:transparent url(img/cesta/cesta.jpg) no-repeat center left;
	font-size:18px;
	font-weight:bold;
}
#cesta table{
	position:relative;
	width:100%;
	margin:20px 0px 0px;	
}
#cesta table th{
	padding:5px;
	font-size:14px;
	font-weight:bold;
	background-color:#F3F3F3;
	text-align:center;
}
#cesta table th.borrar{
	background:none;
}
#cesta table th span{
	font-size:10px;
	padding-left:3px;
}
#cesta table tr td{
	width:120px;
	padding:5px;
	font-size:14px;
	line-height:27px;
	text-align:center;
	border-bottom:1px solid #F3F3F3;
	vertical-align:middle;
}
#cesta table tr.last td{
	border-bottom:none;
}
#cesta table tr td.total{
	color:#94283A;
	font-weight:bold;
	text-align:right;
}
#cesta table tr td.producto{
	width:auto;
	white-space:nowrap;
	text-align:left;
}
#cesta table tr td.refrescar{
	font-size:10px;
	text-align:right;
	width:140px;
}
#cesta table tr td.borrar{
	font-size:10px;
	text-align:right;
	width:80px;
}
#cesta table tfoot tr td{
	border-top:2px solid #888888;
	border-bottom:none;
	font-size:14px;
	font-weight:bold;
	text-align:right !important;
	color:#94283A;
}

#cesta p{
	padding:10px 0px;
	font-size:11px;
}
#cesta #botones{
	margin:20px 0px 10px;
	padding:0px 0px 10px;	
	overflow:hidden;
	border-bottom:1px solid #F3F3F3;
}
#cesta #botones a{
	float:left;
	width:120px;
	height:25px;
	margin:0px 10px 0px 0px;
	line-height:25px;
	text-align:center;
	color:#000000;
	background:#E6E6E6;
}
#cesta #botones input{
	float:right;
	width:120px;
	height:25px;
	margin:0px 130px 0px 0px;
	line-height:25px;
	text-align:center;
	color:#FFFFFF;
	background:#94283A;
	border:none;
}
/*Confirmacion*/
#confirmacion{
	position:relative;
	margin:20px 10px 0px;
	text-align:left;
}
#confirmacion span.titulo{
	position:relative;
	display:block;
	padding:10px 0px 10px 40px;
	margin:0px 0px 20px;
	background:transparent url(img/OK.jpg) no-repeat center left;
	font-size:18px;
	font-weight:bold;
}
#confirmacion p{
	margin:0px 0px 20px;
}
#confirmacion dl{
	margin:20px 0px;
	overflow:hidden;
}
#confirmacion dt, #confirmacion dd{
	float:left;
	margin:5px 5px 5px 0px;
}
#confirmacion dt{
	clear:left;
	font-weight:bold;
}
#cesta .botones_derecha{
	padding-right:110px !important;
}
#cesta .botones_derecha a{
	float:right !important;
}
/*Club Saloni*/
#club{
	position:relative;
	float:left;
	clear:both;
}
#club img{
	float:left;
	margin:10px 20px 30px 10px;
}
#club p{
	margin:20px 10px;
	text-align:left;
	line-height:15px;
}
#club p.derecha{
	text-align:right;
}
.producto_outlet{
	font-size:18px;
	font-weight:bold;
	margin-top:10px;
	margin-left:10px;
	text-align:left;
}
.unidades_outlet{
	font-size:11px;
	font-weight:bold;
	color:#6EC000;
}
.usuario_outlet{
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#94283A;	
}