/* Alambre Estudio Gráfico
   www.alambre.net
   //
   Estilos DICA CSS+XHTML
   Estructura Producto
   Febrero 2011
*/

/* portada */

#contenido, #contenedor2{
width: 960px;
overflow-x: hidden;
}

.producto_cont3{
	width: 980px;
	height: 204px;
	overflow: hidden;
}

.producto_cont3 .producto{
	width: 314px;
	height: 200px;
	overflow: hidden;	
	float: left;
	margin-right: 8px;
}

.producto_cont3 .producto a img{
	border-bottom-color: white;
	border-bottom-width: 4px;
	border-bottom-style: solid;
}

.producto_cont3 .producto a:hover img{
	border-bottom-color: #788C00;
}

.separador_linea{
	border-bottom-color: silver;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-bottom: 12px;
	line-height: 1px;
}

/* Producto detalle */

#detalleproducto, #accesorios{
	width: 960px;
	overflow: hidden;
}
	
	#producto, #accesorios_lista{
		float: right;
		width: 796px;
	}
	
	.imagenes{
	width: 796px;
	height: 360px;
	margin-bottom: 18px;
	}
	
	.imagen_impresion{
		display: none;
	}
	
	.titulos{
		clear: both;
		min-height: 46px;
	}

	.titulos .col1{
		float: left;
		width: 496px;
	}
	.titulos .col2{
		float: right;
		width: 300px;
		text-align: right;
		padding-top: 5px;
	}

	a#desc_cat, a#impt_fic{
	margin-right: 15px;
	background-image: url(../img/estructura/dicaficha_down.gif);
	background-repeat: no-repeat;
	padding-left: 34px;
	padding-top: 10px;
	padding-bottom: 16px;
	color: #8a8a8a;
	}
	a#desc_cat:hover{
	background-image: url(../img/estructura/dicaficha_down_r.gif);
	color: #3B3B24;
	
	}
	a#impt_fic{
	margin-right: 0;
	background-image: url(../img/estructura/dicaficha_imp.gif);
	padding-left: 40px;
	}
	a#impt_fic:hover{
	background-image: url(../img/estructura/dicaficha_imp_r.gif);
	color: #3B3B24;
	}
	
	.titulo_d h2{
	color: #686657;
	font-family: avenirdica, Helvetica, Arial, Geneva, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 0px;
	height: 24px;
	}

	.subtitulo_d{
	color: #686657;
	font-family: avenirdica, Helvetica, Arial, Geneva, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 15px;
	width: 796px;
	}

	.contenido{
	border-bottom-color: #8A8A78;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #8A8A78;
	border-top-width: 1px;
	border-top-style: solid;
	padding-top: 12px;
	padding-bottom: 12px;
	position: relative;
	}
	
	.contenido p{
	margin-bottom: 15px;
	}
	
	.contenido p.bodytext a{
	font-weight: bold;
	}
	
	.contenido .col1{
	width: 383px;
	float: left;
	}

	.contenido .col2{
	width: 383px;
	float: right;
	}

	
/* Mapa 1 */

	.mapa{
		float: left;
		width: 142px;
		font-size: 11px;
		line-height: 16px;
		margin-top: 18px;
		overflow: hidden;
		display: block;
	}
	
	
	.mapa ul li a{
	display: block;
	}
	
	.mapa ul li.e1{
	width: 142px;
	background-color: white;
	margin-top: 18px;
	display: block;
	}
	
	.mapa ul li.e1 a{
	width: 142px;
	}
	
	.mapa ul.n1 li a{
	background: transparent url(../img/menu/ml_menu_es.gif) no-repeat center left;
	text-indent: -9999px;
	}
	
	.mapa ul.n1 li.nosel a#cocina{
	background-position: 0 0;
	}
	.mapa ul.n1 li.nosel a#cocina:hover, .mapa ul.n1 li.sel a#cocina{
	background-position: 0 -20px;
	}
	.mapa ul.n1 li.nosel a#bano{
	background-position: 0 -40px;
	}
	.mapa ul.n1 li.nosel a#bano:hover, .mapa ul.n1 li.sel a#bano{
	background-position: 0 -60px;
	}
	.mapa ul.n1 li.nosel a#armarios{
	background-position: 0 -80px;
	}
	.mapa ul.n1 li.nosel a#armarios:hover, .mapa ul.n1 li.sel a#armarios{
	background-position: 0 -100px;
	}
	.mapa ul.n1 li.nosel a#videos{
	background-position: 0 -120px;
	}
	.mapa ul.n1 li.nosel a#videos:hover, .mapa ul.n1 li.sel a#videos{
	background-position: 0 -140px;
	}
	.mapa ul.n1 li.nosel a#catalogos{
	background-position: 0 -160px;
	}
	.mapa ul.n1 li.nosel a#catalogos:hover, .mapa ul.n1 li.sel a#catalogos{
	background-position: 0 -180px;
	}

	
	
	.mapa ul li a:visited span.bread{
	padding-right: 8px;
	background: transparent url(img/visitado.gif) no-repeat center right;
	}	
	
	.mapa ul li.e2 a{
	width: 142px;
	background: none;
	text-indent: 0px;
	}
	
	.mapa  ul.n1 li.sel a, .mapa ul.n2 li.sel a, .mapa ul.n3 li.sel a, .mapa ul.n4 li.sel a, .mapa li.sel a:hover{
	color: #788C00;
	}
	
	.mapa ul.n1 li.nosel a, .mapa ul.n2 li.nosel a, .mapa ul.n3 li.nosel a, .mapa ul.n4 li.nosel a{
	color: #8a8a78;
	}

	.mapa ul li.nosel a:hover, .mapa ul li a:hover{
	color: #3B3B24;
	}
	

		.mapa ul li.e1 a{
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #C0BEB1;
		border-top-color: #C0BEB1;
		border-top-style: solid;
		border-top-width: 1px;
		padding-top: 3px;
		padding-bottom: 3px;
		font-weight: bold;
		width: 142px;
	}
	
	.mapa ul li.e2 {
	margin-top: 15px;
	}
	
	.mapa ul li.e2 a{
	background-color: white;
	margin-top: 0px;
	font-weight: bold;
	border-bottom:none;
	border-top:none;
	margin-bottom: 0px;
	padding: 0px;
	}
	
	
	.mapa ul.n3 li a, .mapa ul.n4 li a{
		margin-bottom: 0px;
		font-weight: normal;
		margin-top: 0px;
	}
	
	.mapa ul.n4 li a{
		margin-left: 10px;
	}
		
	.mapa ul li.solo{
	}
	.mapa ul li.solo a{
		clear: both;
		display: block;
	}	
	
	
	
	
/* Mapa 2 */

	.mapa_pie{
	margin-top: 14px;
	clear: both;
	width: 804px;
	}
	
	.mapa_pie li{
	margin-bottom: 8px;
	float: left;
	margin-right: 8px;
	color: #8A8A78;
	width: 193px;
	overflow-x: hidden;
	}
	
	.mapa_pie li img{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: white;
	}
	
	.mapa_pie li:hover img{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #788C00;
	}
	
	.mapa_pie li.sel img, .mapa_pie li.sel:hover img{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #788C00;
	}
	
	.mapa_pie .titulo{
	padding-top: 2px;
	padding-bottom: 4px;
	}
	
	.mapa_pie li:hover .titulo{
	color: #3B3B24;
	}
	
	.mapa_pie li.sel .titulo, .mapa_pie li.sel:hover .titulo{
	color: #788C00;
	}
	
/* Accesorios */

#accesorios_lista{
margin-bottom: 15px;
}

.accesorio_c{
	width: 804px;
	overflow: hidden;
	clear: both;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8A8A78;
}

	.acc{
	width: 193px;
	float: left;
	margin-right: 8px;
	color: #686657;
	margin-bottom: 14px;
	line-height: 16px;
	}
	
	
	.acc .titulo{
	font-weight: bold;
	margin-top: 3px;
	}
	
/* Explicaciones */

.explica{
	border-top: 1px solid #C0BEB1;
	border-bottom: 1px solid #C0BEB1;
	width: 796px;
	overflow-x: hidden;
	margin-bottom: 20px;
	display: block;
}

.explica .col1{
	width: 394px;
	float: left;
	padding-top: 0px;
	padding-bottom: 15px;
}

.explica .col2{
	width: 385px;
	float: right;
	padding-top: 15px;
	padding-bottom: 15px;
}

.explica .col1 h2{
	font-family: avenirlight, Helvetica, Arial, Geneva, sans-serif;
	font-size: 19px;
	line-height: 21px;
	color: #686657;
	width: 383px;
}