/*** Tags
-------------------------------------------------------------- ***/
* {margin:0; padding:0;}

body {
	background:#000 url(../img/bg_body.gif) repeat-x 0px 166px;
	font:62.5% Arial, Helvetica, sans-serif;
	color:#5C5F59;
}

html, body{height:100%;}

:focus {outline:0;}
img {border:0px;}
ul, ol {list-style-type:none;}

a {color:#c1b78d; text-decoration:underline;}
a:hover {color:##c1b78d; text-decoration:none;}

h2, h3 {font:2.1em Arial, Times, serif; color:#6f7469; font-weight:bold;}
h2 {padding-left:0.7em;}
h3 {font-size:2.0em; font-weight:normal; line-height:1.3em; margin-bottom:0.3em;}


/*** Clases comunes
-------------------------------------------------------------- ***/
.right { float:right;}
.left { float:left;}
.cleaning { clear:both;}

.center {text-align:center;}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .clearfix {height:1px;}/* Hack para ie mac*/


.titSeleccion { font-size:1.2em; font-weight:bold; color:#c1b78d;}
h5.titParrafo { font-size:1.2em; color:#B1B098; margin-bottom:0.8em;}

h2.tituSeccion { font-size:2.2em; font-weight:normal; margin-bottom:0.8em; padding-left:0em;}

p.promo {font-size:18px!important; line-height:1.2em; color:#535231!important;}

#contenedorInterior p, #contenedorInterior ul { font-size:1.1em;}

	.btn {
		font-size:1.2em;
		display: block;
		line-height:21px;
		height:21px;
		overflow:hidden;
		background-image: url(../img/btn.gif);
		background-repeat:no-repeat;
		background-position:0px 0px;
		width:75px;
		font-weight:700;
		text-align:center;
		color:#1b1b1b;
		text-decoration:none;
	}
	.btn:hover {
		background-position:0px -21px;
	}
	
	.lnk_corp { text-decoration:none;}
	.lnk_corp:hover { text-decoration:underline;}

	.list_corp {list-style-type:square; margin-left:2.0em;}
	.list_corp li { margin-bottom:0.8em;}
	
	.list_lnk {margin-bottom:1.4em;}
	.list_lnk li { margin-bottom:0.6em;}
	.list_lnk li a {
		display:block;
		padding-left:1.1em;
		text-decoration:none;
		color:#535231;
		background-image:url(../img/bullet_list_lnk.gif);
		background-repeat:no-repeat;
		background-position:0.0em 0.3em;
	}
	
	.box_brown {background-color:#2b2a23; padding:2.6em 1.8em 1.8em; font-size:1.1em;}

/*** Layout
-------------------------------------------------------------- ***/
#wrap {position:relative;}
#contenedor {
	width:958px;
	margin:20px auto 0px auto;
	border:1px solid #c1b78d;
	/*min-height:560px;
  	height:auto !important;
  	height:560px;*/
}

		#cabecera .logo { position:absolute; padding-top:13px; padding-left:20px;}
		#cabecera .logo a {
			display: block;
			height: 0px !important;
			height /**/:94px; /* IE 5/Win hack */ 
			padding: 94px 0 0px 0;
			overflow: hidden;
			background: url(../img/logo_manfredi.gif) no-repeat;
			width:147px;
		}
	
	#cabecera .right { position:relative; }
		.carrito { position:absolute; right:10px; top:8px;}
	#cabecera ul {padding-top:18px; padding-right:36px; }

	
	#cabecera ul li {display:inline; float:left; font:1.2em Arial, Helvetica, sans-serif;}
	
	 .mainMenuItem{
	 	display:block;
		border-right:1px solid #c1b78d;
		text-decoration:none;
		text-align:center;
		line-height:14px;
		padding:0px 8px;
	}
	 .mainMenuItem:hover, .mainMenuItemSel, .mainMenuItemSel:hover {
		display:block;
		border-right:1px solid #c1b78d;
		text-decoration:none;
		text-align:center;
		padding:0px 8px;
		line-height:14px;
		color:#000;
		background-color:#c1b78d;
	}

#pie {width:958px; margin:8px auto;}
#pie p { font-size:1.1em; color:#535231; line-height:2.3em;}
#pie p a { color:#535231; text-decoration:none;}
#pie p a:hover { color:#535231 text-decoration:none;}
#pie p.left { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
#pie p.right { background:url(../img/logo_websdirect.gif) no-repeat 0px 3px; padding-left:20px; font-family:Verdana, Arial, Helvetica, sans-serif;}

/*** Layout home
-------------------------------------------------------------- ***/
#contenedorSeleccion {padding-top:159px; padding-left:22px; width:226px; float:left;}

	
/*** Layout Colección
-------------------------------------------------------------- ***/ 
#contenedorColeccion {
	margin-top:160px;
	margin-left:157px;
	font-weight:bold;
	min-height:340px;
  	height:auto !important;
  	height:340px;
}

.box_coleccion {
	display:block;
	color:#c1b78d;
	font-size:1.2em;
	width:198px;
	text-align:center;
	line-height:2.0em;
	margin:2.0em 2.0em 0em 0em;
}

	.change_opacityCol {
		display:block;
		height:142px;
		width:198px;
		padding-top:19px;
		background:url(../img/bg_coleccion.gif) no-repeat 0em 0em;
		text-align:center;
	}
	
	.box_coleccion:hover .change_opacityCol{
		display:block;
		height:142px;
		width:198px;
		padding-top:19px;
		background:url(../img/bg_coleccion_hover.gif) no-repeat 0em 0em;
		text-align:center;
	}
	
	.accesoSec {display:none; text-align:left; width:83%;}
	
		.accesoSec a {text-decoration:none;}
		.list_coleccion{
			text-align:left;
			font-size:0.9em;
			margin:0px auto;
		}
			.list_coleccion li{background-color:#2b2a23;}
			.list_coleccion a{
				display:block;
				line-height:1.6em;
				height:1.6em;
				padding-left:1.0em;
				text-decoration:none;
				color:#d5d4b1;
			}
			.list_coleccion a:hover { color:#d5d4b1; background-color:#535231;}


.change_opacity img, .box_coleccion .change_opacityCol img{
	filter: alpha(opacity=50);/*IE*/
	opacity: .5;/* FF*/ 
}
.change_opacity:hover img, .box_coleccion:hover .change_opacityCol img {
	filter: alpha(opacity=100);/*IE*/
	opacity: 1;/* FF*/  
}

/*** Layout Selección
-------------------------------------------------------------- ***/ 
#contenedorInterior {padding:98px 16px 16px;}

#leftCol{width:223px;}
#rightCol{width:668px;}
.box_anim {border:5px solid #2b2a23;}

.menuSeleccion li {float:left; margin-right:0.1em; margin-bottom:1.4em;}
.menuSeleccion .change_opacity{display:block; width:73px; height:63px;}
.menuSeleccion .change_opacity:hover, .menuSeleccion .change_opacitySel, .menuSeleccion .change_opacitySel:hover {display:block; width:73px; height:63px; background: url(../img/btn_flecha.gif) no-repeat center bottom;}

#sideNav {
	background-color:#2b2a23;
	padding:7px 0px;
	font-size:1.1em;
	font-weight:bold;
	min-height:313px;
	height:auto !important;
	height:313px;
	border-top:1px solid #2b2a23;
	border-bottom:1px solid #2b2a23;
	position:relative;
}
	
	.listanosel {
		border-top:1px solid #2B2A23;
		border-bottom:1px solid #2B2A23;
	}
	
	.listanosel:hover {
		border-top:1px solid #5f5e4f;
		border-bottom:1px solid #5f5e4f;
		background-color:#494842;
		background-image:url(../img/bullet_sideNav.gif);
		background-position:15.0em 1.0em;
		background-repeat:no-repeat;
	}
	
	.listanosel a{
		display:block;
		padding-left:2.0em;
		width:auto;
		padding-right:1.0em;
		text-decoration:none;
		line-height:2.5em;
		height:2.5em;
	}
	
	.listasel {
		border-top:1px solid #5f5e4f;
		border-bottom:1px solid #5f5e4f;
		background-color:#494842;
		background-image:url(../img/bullet_sideNav.gif);
		background-position:15.0em 1.0em;
		background-repeat:no-repeat;
	}
	
	.listasel a{
		display:block;
		padding-left:2.0em;
		width:auto;
		padding-right:1.0em;
		text-decoration:none;
		line-height:2.5em;
		height:2.5em;
	}
	
	.listasel ul, .listanosel ul {margin-bottom:1.0em;}
	
	.sublistasel, .sublistanosel {border:none;}
	
	.sublistanosel a {
		padding-left:3.0em;
		font-size:11px;
		line-height:1.5em;
		height:1.5em;
		color:#2b2a23;
		background-color:#989781;
		border-bottom:1px solid #2b2a23;
	}
	
	.sublistanosel a:hover {background-image:none; background-color:#c6c5af;}
	
	.sublistasel a {
		padding-left:3.0em;
		font-size:11px;
		line-height:1.5em;
		height:1.5em;
		color:#2b2a23;
		background-color:#c6c5af;
		border-bottom:1px solid #2b2a23;
		background-image:none;
	}
		
		/*#sideNav ul li ul li, #sideNav ul li ul li:hover { border:none;}
		#sideNav ul li ul li a {
			padding-left:3.0em;
			font-size:11px;
			line-height:1.5em;
			height:1.5em;
			color:#2b2a23;
			background-color:#989781;
			border-bottom:1px solid #2b2a23;
		}
		#sideNav ul li ul li a:hover { background-image:none; background-color:#c6c5af;}*/
		
			
/*** Layout Ficha
-------------------------------------------------------------- ***/
#box_ficha h2 {
	display:block;
	text-align:right;
	font-size:1.7em;
	color:#c1b78d;
	margin-bottom:0.2em;
}
#box_ficha h2 strong { font-size:1.2em;}
#box_ficha div.left {
	width:37%;
	background-color:#2b2a23;
	padding:2.6em 1.8em 1.8em;
	color:#a8a792;
	min-height:404px;
	height:auto !important;
	height:404px;
	font-size:11px;
}
	#box_ficha div.left h3 {color:#a8a792; font-size:1.4em; font-weight:bold;}
	#box_ficha div.left p { margin-bottom:1.2em; font-size:11px;}
	
	.box_thumbnails { margin-bottom:1.8em;}
	.box_thumbnails a {display:block; width:76px; height:58px; float:left; margin:0px 3px 3px 0px; border:1px solid #bbbab1;}
	.box_thumbnails a img {
		filter: alpha(opacity=40);/*IE*/
		opacity: .4;/* FF*/ }
	.box_thumbnails a:hover img{
		filter: alpha(opacity=100);/*IE*/
		opacity: 1;/* FF*/
	} 

#box_ficha .detalle {border:5px solid #2b2a23;} 


/*** Layout Ficha Comprar
-------------------------------------------------------------- ***/
.fichaCompra {
	background:#2b2a23;
	min-height:405px;
  height:auto !important;
  height:405px;
 }	
.fichaCompra h3 {
	display:block;
	background:#000 url(../img/bg_tit_ficha.gif) no-repeat 0px 0px;
	border-bottom:1px solid #000;
	padding-left:1.2em;
	color:#989782;
	text-transform:uppercase;
	font-size:1.2em;
	font-weight:bold;
	line-height:28px;
}		

.box_txt {padding:1.6em;}	
.box_txt p, .box_txt ul { font-size:1.1em; margin-bottom:1.2em; color:#B1B098;}


.list_articulos { margin-bottom:1.0em;}
.itemCesta {
	display:block;
	padding:0.0em 0.5em;
	text-decoration:none;
	line-height:2.1em;
	border:1px solid #2b2a23;
	background-color:#2b2a23;
}

.itemCesta:hover, .itemCestaSel, .itemCestaSel:hover {
	display:block;
	padding:0.0em 0.5em;
	text-decoration:none;
	line-height:2.1em;
	border:1px solid #67675d;
	background-color:#46453a;
}

.detalleArticulo {
	display:none;
	border-bottom:1px solid #7d7c6c;
	border-left:1px solid #7d7c6c;
	border-right :1px solid #7d7c6c;
	padding:0.8em;
	/*position:relative;*/
}

.menuTab{
	/*position:absolute;
	top:10px;
	z-index:10;*/
	height:22px;
	overflow:hidden;
	margin-top:0.2px;
	margin-bottom:0px!important;
	padding:0px;
}

.menuTab li {float:left; }

	.tab {
		text-align:center;
		display:block;
		text-decoration:none;
		color:#666559;
		line-height:22px;
		height:22px;
		background:url(../img/bg_tab.gif) repeat-x 0px 0px;
		width:auto;
		clear:both;
		overflow:hidden;
	}
		.tab strong {float:left; padding:0px 5px; font-weight:normal; cursor:pointer;}
		.tab .brd_right, .tab .brd_left {display:block; width:10px; height:22px; float:left;}
		
		.tab .brd_right { background:url(../img/brd_right_tab.gif) no-repeat 0px 0px;}
		.tab .brd_left { background:url(../img/brd_left_tab.gif) no-repeat 0px 0px;}
	
	.tab:hover, .tabSel {
		text-align:center;
		display:block;
		text-decoration:none;
		color:#fff;
		line-height:22px;
		height:22px;
		background:url(../img/bg_tabSel.gif) repeat-x 0px 0px;
		border-bottom:1px solid #555448;
	}
	
		.tabSel strong {float:left; padding:0px 5px; font-weight:normal; cursor:pointer;}
		.tabSel .brd_right, .tabSel .brd_left {display:block; width:10px; height:22px; float:left;}
		
		.tabSel .brd_right, .tabSel:hover .brd_right, .tab:hover .brd_right { background:url(../img/brd_right_tabSel.gif) no-repeat 0px 0px;}
		.tabSel .brd_left, .tabSel:hover .brd_left, .tab:hover .brd_left { background:url(../img/brd_left_tabSel.gif) no-repeat 0px 0px;}

.box_pestana {
	display:none;
	border:1px solid #7d7c6c;
	background-color:#555448;
	/*position:absolute;
	top:32px;*/
	text-align:center;
	font-size:11px;
}	

	.box_pestana form {text-align:center; color:#a8a792;}
	.box_pestana span { display:block; font-size:1.5em; font-weight:bold; margin-bottom:1.0em;}
	.box_pestana form select { width:3.5em; margin-top:1.0em;}
	
/* FORMULARIOS */
.formGeneral { padding-top:1.6em;}
.formGeneral h4 {
	display:block;
	font-size:1.5em;
	font-weight:bold;
	color:#b1b098;
	line-height:30px;
	background-color:#4d4c41;
	padding-left:1.0em;
	margin-bottom:1.0em;
}
.formGeneral fieldset { border:0px; padding:1.0em; font-size:1.1em;}
.formGeneral p {color:#b1b098; font-size:1.1em; margin-bottom:1.8em;}
.formGeneral label {
	clear:left;
	display:block;
	float:left;
	width:60px;
	text-align:right;
	padding-right:10px;
	color:#b1b098;
	margin-bottom:10px;
	font-weight:normal;
}
.formGeneral .txt, .formGeneral .txt_large, .formGeneral .txt_med{
	border:1px solid #b1b098;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4d4c41;
	padding:2px;
	margin-bottom:6px;
	background:#fff;
}
.cajatexto {
	border:1px solid #b1b098;
	font-size:11px;
	color:#4d4c41;
	background:#fff;
	width:242px;
}
.formGeneral .txt {width:80px;}
.formGeneral .txt_large { width:242px;}
.formGeneral .txt_med { width:190px;}

.formGeneral .btn_form {
		border:0px;
		font-size:1.3em;
		display: block;
		line-height:21px;
		height:32px;
		overflow:hidden;
		background-image: url(../img/btn_form.gif);
		background-repeat:no-repeat;
		background-position:0px 0px;
		width:130px;
		font-weight:700;
		text-align:center;
		color:#2b2a23;
		text-decoration:none;
		cursor:pointer;
	}
.formGeneral .btn_form:hover { background-position:0px -32px;}

.lnk_ayudaCompra {
	font-weight:normal;
	width:182px;
	text-decoration:none;
	position:absolute;
	bottom:0px;
	display:block;
	padding:0.8em 0.8em 0.8em 2.8em;
	background-color:#53534d;
	background-image:url(../img/ico_ayuda.gif);
	background-repeat:no-repeat;
	background-position:8px 6px;
}
.lnk_ayudaCompra:hover {background-color:#C1B78D; color:#53534d;}

/*** Layout Corp
-------------------------------------------------------------- ***/ 
.contenedorCorp {padding:69px 0px 16px;}
	#contContacto{background:url(../img/bg_contacto.jpg) no-repeat 0px bottom;}
	#contNoticias{background:url(../img/bg_noticias.jpg) no-repeat 15px 120px; min-height:350px;}
	#contNovedades{background:url(../img/bg_novedades.jpg) no-repeat 0px 120px;}
	#contPedido{background:url(../img/bg_pedido.jpg) no-repeat 0px bottom;}
	#contAyuda{background:url(../img/bg_compra.jpg) no-repeat 0px 90px;}
	#contAviso{background:url(../img/bg_aviso.jpg) no-repeat 0px 90px;}
	#contMapa { padding:140px 180px;}
	
.comoMetro, .comoTren, .comoCoche { padding-left:3.6em; text-align:justify;}	
.comoMetro {background:url(../img/icoMetro.gif) no-repeat 0px 0px;}
.comoTren {background:url(../img/icoTren.gif) no-repeat 0px 0px;}
.comoCoche {background:url(../img/icoCoche.gif) no-repeat 0px 0px; height:40px;}


.box_new { margin-bottom:2.0em; color:#B1B098; font-size:11px;}
.box_new h3 {
	display:block;
	font-size:1.4em;
	color:#BBB189;
	font-weight:bold;
	border-bottom:4px solid #2B2A23;
}
	.box_new h3 span { width:80%; float:left;}
	.box_new h3 small { width:18%; float:right; text-align:right; font-size:0.7em;}
	.box_new p { text-align:justify;}
	.box_new p, .box_new ul {margin-bottom:1.2em; font-size:11px;}
	.box_new ul {list-style-type:square; margin-left:15px;}
	.box_new ul li { margin-bottom:0.8em; margin-left:15px;}