@import 'reset.css';
@import 'quickbox.css';

body {
	background:#FFE4BB;
	font-family:Georgia, "Times New Roman", Times, serif;
}


#soma {
	width:1000px;
	margin:0 auto;
}

#header {
	background:url(img/header/bg.png)
}

	#header .top {
		background:url(img/header/top.png);
		height:45px;
		overflow:hidden;
		padding-right:15px;
	}
		#header .top a {
			display:block;
			float:right;
			font-size:16px;
			margin-top:5px;
			padding:15px;
			padding-top:10px;
			color:#FFE7CC;
			text-shadow:0 1px 0 #391515;
		}
			#header .top a.hover , #header .top a:hover {
				background:url(img/informacion/bg.png) center center;
				color:#391515;
				text-shadow:0 1px 0 #FFD67B;
			}
	#header .center {
		height:227px;			
			padding:0 13px;
	}
		#header .center object {
			display:block;
			width:974px;
			height:227px;	
		}
	#header .bottom {
		background:url(img/header/bottom.png);
		height:21px;
	}


#tienda , #content , #informacion, #sabermas {
	float:left;
}
#informacion{
	float:right
}
	

	#tienda {
		background:url(img/tienda/bg.png);
		width:240px;
	}
		#tienda .top {
			background:url(img/tienda/top.png);
			height:60px;
		}
		#tienda .center {}
			#tienda .center div {
				padding:0 13px;
			}
				#tienda .center div a {
					margin:2px 0;
					display:block;
					background:url(img/tienda/btn-padre.png);
					font-size:18px;
					padding:8px 10px;
					padding-bottom:9px;
					text-transform:capitalize !important;
					color:#FFE7CC;					
					text-shadow:0 1px 0 #421717;
					overflow:hidden;
				}
				 #tienda .center div a:hover, #tienda .center div.open a {
					 background-position:0 -38px;
					 color:#421717;
					 text-shadow:0 1px 0 #EBD289;
				}
				
				#tienda .center div div , #tienda .center div.open div {
					padding:0 20px;
					padding-right:0;
					display:none
				}
				#tienda .center div.open div {
					display:block
				}
					#tienda .center div div a , #tienda .center div.open div a {
						background:url(img/tienda/btn-hija.png);
						background-position:0 -30px;
						color:#FFE7CC;					
						text-shadow:0 1px 0 #421717;
						font-size:15px;
						padding:6px 8px;
					}
					#tienda .center div div a:hover , #tienda .center div div a.hover {
						background-position:0 0;
						 color:#421717;
						 text-shadow:0 1px 0 #EBD289;
					}
		#tienda .bottom {
			background:url(img/tienda/bottom.png);
			height:16px
		}
	
	#content {
		width:500px;
		padding:0px 10px;
		padding-right:0
	}
		#content h1.madera {
			background:url(img/title-div.png) no-repeat;
			color:#652905;
			font-size:13px;
			text-transform:capitalize;
			padding:10px;
			margin-bottom:6px;
			overflow:hidden;
			text-shadow:0 1px 0 #FDD08E
		}
			#content .cuerpo , #content .cuerpo * {
				line-height:160%;
				font-size:13px;
				text-align:justify;
				font-family:Georgia, "Times New Roman", Times, serif;
			}
			#content .cuerpo img {
				margin:10px;
			}
			#content .cuerpo p {
				padding-bottom:5px;
			}
			#content .cuerpo .btncarro {
				background:url(img/btn-carro.png) no-repeat;
				width:152px;
				text-align:center;
				margin:3px;
				float:right;
				padding:9px 0;
				padding-top:5px;
				font-family:Georgia, "Times New Roman", Times, serif;
				color:#FFE7CC;					
				text-shadow:0 1px 0 #421717;
				font-size:13px	
			}
			#content .cuerpo .btncarro:hover {
				color:#fff;					
				text-shadow:0 1px 0 #000;
			}
	#informacion, 
	#sabermas {
		background:url(img/informacion/bg.png);
		width:240px;
	}
		#informacion .top, 
		#sabermas .top {
			background:url(img/informacion/top.png);
			height:60px;
		}
		#informacion .sabermas {
			background:url(img/saber-mas/top.png);
			border-top:15px #FFE4BB solid;
		}
		#informacion .prorelated {
			background:url(img/producto-related/top.png);
			border-top:15px #FFE4BB solid;
		}
		#informacion .center, 
		#sabermas .center {
			overflow:hidden;
		}
			#informacion .center a, 
			#sabermas .center a {
				width:600px;
				overflow:hidden;
				margin:2px 13px;
				display:block;
				background:url(img/informacion/btn.png) no-repeat;
				font-size:18px;
				padding:10px;
				height:13px;
				padding-left:30px;
				padding-bottom:15px;
				text-transform:capitalize !important;
				color:#652905;					
				text-shadow:0 1px 0 #FFD67B;
			}
				#informacion .center a:hover , #informacion .center a.hover,
				#sabermas .center a:hover , #sabermas .center a.hover{
					 background-position:0 -38px;
					 color:#FFF3E1;
					 text-shadow: 0 1px 0 #471D03;
				}
		#informacion .bottom, 
		#sabermas .bottom {
			background:url(img/informacion/bottom.png);
			height:16px
		}
	

.producto-box {
	background:url(img/product-box/bg.png);
	width:157px;
	height:186px;
	float:left;
	margin:4px;
}
.active {
	background-position:0 -186px;
}
	.producto-box a {
		display:block;
		margin:7px;
		background-position:center;
		background-repeat:no-repeat;
		height:134px;
		overflow:hidden
	}
	
	.producto-box span , .producto-box span a , .producto-box b {
		display:block;
		text-shadow:0 1px 0 #FDCB80;
		font-size:13px;
		padding:0 9px;
		overflow:hidden;
	}
	
	.producto-box span {
		height:16px;
	}
	.producto-box span , .producto-box span a {
		color:#652805;
	}
		.producto-box span a {
			padding:0;
			margin:0;
		}
	
	.producto-box b {
		color:#9A0000
	}


#producto-info {}
	#producto-info .foto {
		float:left;
		width:300px;
		margin:5px;
		background:url(img/producto-view/foto-bg.png) no-repeat
	}
		#producto-info .foto .img {
			background-position:center;
			background-repeat:no-repeat;
		}
		#producto-info .foto img {
			cursor:pointer
		}
		#producto-info .foto .nav {
			margin-top:5px;
		}
			#producto-info .foto .nav .l , #producto-info .foto .nav .c , #producto-info .foto .nav .r {
				float:left;
				overflow:hidden;
				width:260px;
			}
			#producto-info .foto .nav .l {
				background:url(img/producto-view/mini-foto-controls.png);
				height:41px;
				width:20px;
			}
			#producto-info .foto .nav .r {
				background:url(img/producto-view/mini-foto-controls.png) -20px 0;
				height:41px;
				width:20px;
			}
			#producto-info .foto .nav .c {
				background:#BFA377;
			}
				#producto-info .foto .nav .c a {
					display:block;
					float:left;
					background:url(img/producto-view/mini-foto-bg.png);
					height:40px;
					width:40px;
					overflow:hidden;
				}
					#producto-info .foto .nav .c a div {
						background:center no-repeat;
						float:left;
						height:40px;
						width:40px;
					}
	
	#producto-info .info {
		float:right;
		width:168px;
		padding:5px;
	}
		#producto-info .info h4 , #producto-info .documento h2 {
			text-align:right;
			font-size:13px;
			margin:0 5px;
			color:#331F00;
		}
		#producto-info .documento h2.titulo {
			font-size:33px;
			text-align:left;
		}
		#producto-info .documento {
			padding-top:12px
		}
		#producto-info .documento .cuerpo {
			padding:6px;
			width:inherit;
			overflow:hidden;
		}
			#producto-info .documento .cuerpo , #producto-info .documento .cuerpo p , #producto-info .documento .cuerpo div {
				line-height:160%
			}
		#producto-info .info span {
			display:block;
			text-align:right;
			font-size:26px;
			color:#990000;
			margin:5px;
		}
		#producto-info .info a {
			background:url(img/producto-view/add.png);
			display:block;
			width:172px;
			height:40px;
			float:right;
			margin:5px 0;
		}

#footer {
	margin-top:20px;
	padding:15px;
	background:url(img/foot.png);
	height:60px;
	color:#FFEDD9;
}


#contactar fieldset, #contactar div {
	float:left;
	padding:10px;
	width:222px;
}
	#contactar div {
		width:auto;
		float:none
	}
		
	#contactar label {
		display:block;
		font-weight:bold;
		padding:4px;
	}
		#contactar div label {
			text-align:center;
		}
	#contactar fieldset input {
		background:url(img/producto-view/foto-shadow.png) no-repeat -2px -2px #fff;
		color:#666;
		padding:6px;
		border:1px solid #EBDAA5;
		width:200px;
	}
	#contactar textarea {
		padding:4px;
		width:292px;
		display:block;
		margin:0 auto;
		height:192px;
		border:1px solid #EBDAA5;
		background:url(img/producto-view/foto-shadow.png) no-repeat #fff;
	}
	#contactar .btncarro {
		margin-right:160px !important;
	}
	#contactar .error {
		border-color:#F87245
	}
	
.publicidad {
	background:#FFE4BB;
	width:inherit;
}
.publicidad img , .publicidad a , .publicidad object {
	margin:0 auto;
	display:block;
	width:inherit;
}

.publicidad object {
	height:358px;
}