html { font-family: sans-serif; font-size: 12px; background: white; color: #626262; }
html, body, p, h1, h2, form, fieldset { margin: 0; padding: 0; }
fieldset { border: 0; }


a { color: #828065; }
a img { border: 0; }
#top a { color: #ccc; }
#footer div a { color: #333; }
#footer p a { color: inherit; text-decoration: none; }


#top {
	width: 962px;
	margin: 0 auto;
	overflow: auto;
}
#top > div {
	float: right;
	width: 172px;
	height: 301px;
	background: url(../images/layout/menu.right.bg.png);
	margin-top: 15px;
}
#top > div > *:first-child {
	height: 79px;
	text-align: center;
}
#top > div > div:first-child {
	height: 64px;
	padding-top: 15px;
}
#top > div > div:first-child strong {
	display: block;
	margin-top: 8px;
	font-size: 20px;
	color: #fbfbfb;
}
#top > div > *:first-child fieldset {
	position: relative;
	padding-top: 5px;
}
#top > div > *:first-child input {
	display: block;
	width: 65%;
	margin: 10px auto 0;
}
#top > div > *:first-child input[type="submit"] {
	position: absolute;
	right: 10px;
	margin-top: 15px;
	width: auto;
}
#top > div > *:first-child + div {
	padding: 7px 0 0 10px;
	height: 25px;
}
#top > div > *:first-child + div a + a {
	margin-left: 28px;
}
/* suma */
#top > div > *:first-child + div + div {
	padding: 15px 0 0;
	height: 69px;
	color: #605e50;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}
#top > div > *:first-child + div + div span {
	padding-left: 35px;
}
#top > div > *:first-child + div + div strong {
	display: block;
	margin: -7px 0 0 0;
	padding-right: 15px;
	text-align: right;
	font-size: 26px;
	color: #e6e1df
}
#top > div > *:first-child + div + div + div {
	padding: 8px 0 0 0;
	height: 21px;
	text-align: center;
}
#top > div > *:first-child + div + div + div + div {
	padding: 8px 0 0 0;
	height: 21px;
	text-align: center;
}
#top > div > *:first-child + div + div + div + div + div {
	padding: 8px 0 0 0;
	text-align: center;
}
#top > a, #top > a > img {
	display: block;
}
#top > ul {
	margin: 7px 0 0 0;
	padding: 0;
	list-style-type: none;
	width: 784px;
	background: url(../images/layout/menu.bg.png);
}
#top > ul li {
	display: inline-block;
	padding-right: 3px;
	height: 44px;
	background: url(../images/layout/menu.li.png) right center no-repeat;
}
#top > ul li.right {
	float: right;
	padding: 0 0 0 3px;
	background: url(../images/layout/menu.li.png) left center no-repeat;
}
#top > ul li a {
	display: inline-block;
	padding: 14px 18px 14px;
	text-decoration: none;
	font-size: 12px;
	color: white;
}


#content {
	width: 962px;
	margin: 2px auto 0;
	overflow: auto;
}


h1 {
	margin-top: 7px;
	padding: 25px 0 25px 40px;
	background: #e8e3bd;
	font-size: 14px;
}
#full {
	background: #e8e3bd;
}
#left {
	float: left;
	width: 163px;
	background: #e7e2bd;
}
#left > ul {
	padding-left: 0;
	margin-left: 20px;
}
#left > ul > li {
	margin-bottom: 5px;
}
#left > ul ul {
	padding-left: 0;
	margin-left: 20px;
}
#right {
	float: right;
	width: 214px;
	padding: 0 15px 0 25px;
	background: #e9e4bf;
	font-size: 12px;
}
#right:before {
	display: block;
	width: 254px;
	height: 6px;
	margin-left: -25px;
	background: url(../images/layout/right.top.png);
	content: "";
}
#right:after {
	display: block;
	margin-top: 10px;
	width: 254px;
	height: 9px;
	margin-left: -25px;
	background: url(../images/layout/right.bottom.png);
	content: "";
}
#centersmall {
	margin: 7px 0 0 166px;
}
#centerbig {
	margin: 7px 0 0 166px;
}


#footer {
	width: 962px;
	margin: 15px auto 15px;
	background: #e9e4bf;
}
#footer div {
	margin: 0 20px;
	padding: 13px 0 8px 0;
	border-bottom: 1px solid #d4d0af;
}
#footer p {
	margin: 10px 20px 0;
	height: 60px;
}
#footer div span {
	float: right;
}


.button { padding: 2px 7px; text-decoration: none; background: #828065; color: #dbdad2; border-radius: 3px; }


table.border { border-collapse: collapse; border: 1px solid black; }
table.border th, table.border td { padding: 4px; border: 1px solid black; }


fieldset { padding: 10px 0; }
label { display: block; margin-top: 15px; text-align: left; }
label.c { text-align: center; }
input, select, textarea { width: 95%; }
input[type="checkbox"] { width: auto; }
input[type="submit"] { width: 30%; }


#centersmall.products { width: 542px; background: url(../images/layout/products.bg.png) left top repeat-y; }
#centersmall.products .top { margin: 0; padding: 30px 0 0 15px; height: 47px; background: url(../images/layout/products.top.small.png); }
#centersmall.products div { overflow: auto; padding: 20px 30px 20px 200px; font-size: 12px; text-align: justify; }
#centersmall.products div img { float: left; margin-left: -175px; box-shadow: 5px 5px 10px #817f64; }
.products div h2 { margin: 0; padding: 0; font-size: 14px; color: black; }
.products div p:last-child { padding-top: 7px; text-align: right; }
.products div p:last-child .button { margin-left: 15px; }
.products div p:last-child strong { margin-left: 15px; color: #df3f00; }


#centerbig.products { width: 796px; background: #e9e4bf url(../images/layout/white.2x1.png) left top repeat-y; }
#centerbig.products .top { padding: 30px 0 0 15px; height: 47px; background: url(../images/layout/products.top.big.png); }
#centerbig.products div { overflow: auto; display: inline-block; width: 205px; height: 200px; padding: 10px 10px 10px 180px; font-size: 12px; }
#centerbig.products > div:nth-child(4n + 3) { background: #e4dfba; }
#centerbig.products > div:nth-child(4n + 4) { background: #e4dfba; }
#centerbig.products div img { float: left; margin-left: -165px; border: 2px solid #e4dfbb; }


#centerbig.product { width: 759px; padding: 0 0 30px 37px; background: #e9e4bf url(../images/layout/white.2x1.png) left top repeat-y; }
#centerbig.product .top { margin: 0 0 0 -37px; padding: 30px 0 0 15px; height: 47px; background: url(../images/layout/products.top.big.png); }
.product h2 { font-size: 14px; margin: 20px 0 10px 0; color: black; }
.product h2 strong { color: #df3f00; }
.product .details { overflow: auto; }
.product .details p { padding-bottom: 20px; line-height: 150%; }
.product .details div { float: right; width: 565px; text-align: right; line-height: 350%; }
.product .details div a { margin: 0 15px 0 0; }
.product .descr { float: left; width: 55%; text-align: justify; }
.product .rest { float: right; width: 42%; }
.product .rest h2 { margin-bottom: 0; }
.product .rest h2 + div strong { position: absolute; margin: -8px 0 0 125px; color: #ed4b58; }
.product .rest h2 + div span { padding-left: 60px; }
.product .rest label { display: inline-block; width: auto; text-align: left; margin: 0 5px 0 0; }
.product .rest label input { width: auto; }
.product .rest label img { display: block; margin: 3px 0 0 8px; }
.product .rest input[type="submit"] { background: #828065; color: #dbdad2; border: 0; padding: 2px 4px; font-size: 12px; border-radius: 3px; cursor: pointer; }
.product .rest p { margin: 25px 0 0 0; }


#full.subpage { padding: 0 20px 30px 20px; }
#full.subpage ol { margin-top: 0; }


#full.cart { background: #ddd9b5; padding-bottom: 30px; }
.cart table { width: 880px; text-align: center; }
.cart table img { box-shadow: 5px 5px 10px #817f64; }
.cart table h2 { font-size: 14px; }
.cart table p { padding: 10px 0 20px 0; }
.cart table p + p { padding: 10px 0 0 0; }
.cart table small { display: block; font-size: 10px; color: white; }
.cart table tr { background: #d2cdaa; }
.cart table tr:first-child span { display: inline-block; width: 60px; height: 14px; padding: 5px 15px; background: #ccc8a5; position: absolute; margin: -24px 0 0 35px; text-align: center; }
.cart table td:nth-child(3) { background: #ccc8a5; width: 120px; color: #e6e1df; font-size: 24px; }
.cart table td:nth-child(4) { padding: 0; width: 10px; }
.cart table td:nth-child(5) { background: #ccc8a5; width: 120px; color: #e6e1df; font-size: 24px; }
.cart table td:nth-child(6) { padding: 0; width: 20px; }
.cart table tr:nth-child(2n + 1) { background: #ddd9b5; }
.cart table tr:nth-child(2n + 1) td { padding: 0; height: 4px; }
.cart table tr:first-child td { padding: 0; height: 0; background: #e8e3bd; color: #626262; font-size: 12px; }
.cart table td { padding: 20px; }
.cart p { padding: 15px 0 0 40px; }
.cart p.sum { width: 880px; text-align: right; font-size: 24px; padding: 15px 0 20px 0; }
.cart p.pay { width: 880px; text-align: right; padding: 0; }
.cart p.pay .button { margin-left: 20px; }

#full.register { background: #ddd9b5; padding-bottom: 30px; }
.register form { overflow: auto; padding-top: 30px; }
.register fieldset { width: 23%; padding: 0 5% 40px; float: left; }
.register label.l { display: inline-block; width: 62%; margin-right: 3%; }
.register label.r { display: inline-block; width: 30%; }
.register h2 { position: absolute; margin-top: -15px; font-size: 12px; }
.register input[type="submit"] { width: auto; }

.accedit form { overflow: auto; }
.accedit fieldset { width: 23%; padding: 0 5% 40px; float: left; }
.accedit fieldset:first-child { background: #ddd9b5; }
.accedit label.l { display: inline-block; width: 62%; margin-right: 3%; }
.accedit label.r { display: inline-block; width: 30%; }
.accedit h2 { margin: 20px 0 0 0; font-size: 12px; }

.addorder label.c { clear: both; width: 40%; margin: 0px auto; padding: 20px 0; text-align: center; }

.orders { padding: 0 20px 20px; }
.orders table { background: #ddd9b5; border-collapse: collapse; }
.orders table th, .orders table td { padding: 2px 8px; border: 2px solid #e8e3bd; }
 
.orderview div { padding: 2px 0 5px 40px; }
.orderview div.cart { padding: 0; }


.contact { overflow: auto; }
.contact > div { float: left; }
.contact > div:first-child { width: 200px; margin-left: 40px; }
.contact > div#map_canvas { width: 400px; height: 280px; margin: 0 20px 20px 20px; }
.contact form fieldset { padding: 20px 20px 0 0; }
.contact form label:first-child { margin-top: 0; }


.error, .formError { color: red; }