*{ 
	margin: 0; 
	padding: 0 
}
body{ 
	background-color: black; 
	color: #97752d;
	font-family: tahoma, sans-serif;
	font-size: 11px;
}
ul{ list-style-type: none }
li{ float: left }
a{ color: #97752d; outline: none }
a:hover{ color: white }
a.active{ color: white }
img{ border: none }

#wrapper{ width: 980px; float: left; position: absolute; left: 50%; top: 0; margin-left: -490px }
#page{ width: 100%; float: left; position: relative; border: 1px solid #97752d; min-height: 350px; background-color: black }
#navigator{ position: absolute; left: 170px; text-align: right; bottom: 10px }
#v{ display: block; height: 64px; background-image: url( images/v.gif ); background-repeat: no-repeat; background-position: right 0; margin: 1em }
#languages{ position: absolute; right: 0; top: 1em; display: none }
#header{ position: relative; height: 110px; background-image: url( images/logo_bkg.gif ); background-repeat: no-repeat; background-position: 425px 35px }

li a{ text-transform: lowercase; font-weight: bold; text-decoration: none; margin: .5em 0 .5em 1em }
a.back{ text-transform: lowercase; font-weight: bold; text-decoration: none; font-size: 11px }

#logo{ 
	background-image: url( images/salvador_logo_side.gif ); 
	background-position: 50% 30px; 
	background-repeat: no-repeat; 
	background-color: #97752d; 	
	bottom: 0;
	height: 100%; 
	left: 0; 
	position: absolute; 
	top: 0; 
	width: 163px; 
}
#content{ width: 810px; float: right }
h1.image{ width: 350px; height: 350px; background-repeat: no-repeat; background-position: 0 0 }
div.text{ padding: 10px; color: #fefefe; line-height: 1.5em; font-size: 12px; width: 350px }
div.text p{ margin-bottom: 1em }
#footer{ display: block; text-align: center; padding: 10px; float: left; width: 100% }
#bigtext{ padding: 10px; color: white; line-height: 1.5em; font-size: 12px }
#bigtext p{ margin-bottom: 1em }

#page_navigator{
	float: right;
	margin-top: 5px;
	width: 100%;
}
#page_navigator ul{
	padding: 10px;	
}
#page_navigator ul li a{
	margin: 0 1em 0 0;
}

*.after{ clear: both }

div.block{ clear: both }

div.description div.text{ float: right }
div.description h1.image{ background-image: url( images/description_es.gif ); float: left }

div.experience div.text{ float: left }
div.experience h1.image{ background-image: url( images/experience_es.gif ); float: right }

div.quality div.text{ float: right }
div.quality h1.image{ background-image: url( images/quality_es.gif ); float: left }

#gallery{ margin: 1em 0 }
#gallery li{ float:left; padding: 0 14px 14px 0; position: relative }
#gallery li a img{ display: block; border: none; width: 128px; height: 128px }
#gallery li a{ margin: 0; border: 1px solid #97752d; display: block; width: 128px; height: 128px }
#gallery li a:hover{ border: 1px solid white }
#gallery li a.in_buy{ width: 23px; height: 23px; background-image: url( images/buy_btn.gif ); background-repeat: no-repeat; position: absolute; right: 16px; bottom: 16px; display: none }
#gallery li:hover a.in_buy{ display: block }
img.big_pic{ border: 1px solid #97752d }

h1{ font-size: 1em; margin-bottom: .5em }
h1.section{ width: 400px; height: 33px; background-image: url( images/titles_es.gif ); background-repeat: no-repeat; background-position: 0 0; line-height: 0; margin: 0; padding: 0 }
h1.prices{ background-position: 0 0 }
h1.timetable{ background-position: 0 -36px }
h1.sheet{ background-position: 0 -72px }
h1.contact{ background-position: 0 -108px }
h1.gallery{ background-position: 0 -144px }
h1.form{ background-position: 0 -180px }
h1.intro{ background-position: 0 -216px }
h1.news{ background-position: 0 -252px }
h1.clients{ background-position: 0 -288px }
h1.recipes{ background-position: 0 -324px }

h2{ font-family: "trebuchet ms", sans-serif; font-size: 16px; border-bottom: 1px solid #97752d; padding-bottom: .5em }
table{ width: 100% }
table, tr, td{ border-collapse: collapse }
table.column th, table.column td{ padding: .5em; text-align: left }
table.three_column td, table.three_column th{ width: 33%; text-align: left }
table.four_column td, table.four_column th{ width: 25%; text-align: left }
table.five_column td, table.five_column th{ width: 20%; text-align: left }
table.prices{ width: 90% }
table.prices th, table.prices td{ text-align: left; padding: .25em }
table.prices td.price, table.prices th.price{ text-align: right; width: 10em }
table.prices tr.product:hover{ background-color: #97752d; color: black }

table.contact td{ vertical-align: top }
table.contact td.f{ font-weight: bold; color: #97752d }
p.note{ font-size: 9px; color: #dedede }
div.footnote{ color: #dedede; font-style: italic }

#footer *.v{ display: block; width: 64px; height: 64px; background-image: url( images/v.gif ); background-repeat: no-repeat; margin: 1em auto }
a.pic{ width: 20px; height: 20px; display: block; background-image: url( images/pic.png ); background-repeat: no-repeat; float: left; margin-right: 5px }
a.price{ float: right; margin: 0 0 0 5px }

a.banner{ width: 350px; display: block; background-image: url( images/banner_click.gif ); background-repeat: no-repeat }
a.to_contact{ height: 130px; background-position: 0 0 }
a.to_contact:hover{ height: 130px; background-position: -350px 0 }
a.to_gallery{ height: 91px; background-position: 0 -130px }
a.to_gallery:hover{ height: 91px; background-position: -350px -130px }

table.info{}
table.info td{ padding: .5em }
table.info td.f{ width: 10em; text-align: right; white-space: nowrap }
table.info input.txt{ width: 20em; border: 1px solid #dedede; padding: .5em; color: #808080 }
table.info input.btn{ padding: .5em 1em }

.replace{ text-indent: -9999px }

div.button_holder{ position: absolute; right: 20px; top: -20px }
.buttons{ background-image: url( images/buttons_es.gif ); background-repeat: no-repeat; background-position: 0 0; width: 190px; height: 32px; display: block; float: left; margin-left: 2px }
.download_products{ background-position: 0 0 }
.download_products:hover{ background-position: -190px 0 }
.download_brochure{ background-position: 0 -32px }
.download_brochure:hover{ background-position: -190px -32px }
.add_to_cart{ background-position: 0 -64px }
.add_to_cart:hover{ background-position: -190px -64px }
.confirm{ background-position: 0 -96px }
.confirm:hover{ background-position: -190px -96px }
.back{ background-position: 0 -128px }
.back:hover{ background-position: -190px -128px }
.place{ background-position: 0 -160px }
.place:hover{ background-position: -190px -160px }

#archives{ float: right; width: 280px; text-align: left }
#archives li{ float: none }

div.news_item{ width: 480px; text-align: justify; line-height: 1.4em }
div.news_item p{ margin-bottom: 1em; color: white }
div.news_item h2{ margin-bottom: .5em }
div.news_item div.date{ font-size: 10px; text-align: center; float: left; position: relative; border: 1px solid #dedede; padding: .5em 1em; background-color: black; margin-right: 1em; line-height: 1.4em; color: black; background-color: white; margin-left: 1em }
div.date span.day{ font-size: .9em; display: block; font-size: 2em; margin-bottom: 2px }
div.date span.month{ font-weight: bold; display: block; font-size: 1.2em; letter-spacing: -1px }
div.date span.year{ font-size: .9em; font-weight: bold; display: block; letter-spacing: -1px }

table.clients_table td{ text-align: center; vertical-align: center }
div.client_block{ float: left; width: 100px; margin: 0 5px 5px 0 }
div.client_logo{ float: left; width: 100px; margin-right: 10px }
div.client_logo img{ width: 100px }
div.client_data{ text-align: center; font-weight: bold }

div.news_entry{ border-bottom: 1px solid #202020; margin-bottom: 1em }

h1.subsection{ width: 100%; height: 30px; background-image: url( images/subtitles_es.gif ); background-repeat: no-repeat; background-position: 0 0; line-height: 0; margin: 0; padding: 0; margin-bottom: .5em }
h1.random_product{ background-position: 0 0 }
h1.last_post{ background-position: 0 -30px }
h1.random_client{ background-position: 0 -60px }
h1.category_1{ background-position: 0 -90px }
h1.category_2{ background-position: 0 -120px }
h1.category_3{ background-position: 0 -150px }
h1.category_4{ background-position: 0 -180px }
h1.category_5{ background-position: 0 -210px }

*.dim{ color: #808080 }
a.dim{ text-decoration: none }
a.dim:hover{ color: #aaaaaa; text-decoration: underline }

div.product_file div.content{ vertical-align: top; color: #dedede; float: left; margin-bottom: 10em }
div.product_file div.left{ float: left; width: 70% }
div.product_file div.right{ float: right; width: 30% }
div.product_file div.right p{ font-size: 11px }
div.product_file div.content div{ margin: 1em }
div.product_file h2{ margin-bottom: .5em; color: white; border-bottom: 1px solid #404040 }
div.product_file div.right p.price{ font-size: 18px; font-weight: bold; color: white }

table.order th{ text-align: left; padding: 0 .5em 1em .5em }
table.order th.right, table.order td.right{ text-align: right }
table.order td{ padding: .25em .5em }
table.order input{ border: none; width: 3em; text-align: right; padding: .25em }
table.order tr.odd{ background-color: #202020 }
table.order tr.total{ font-weight: bold }
table.order tr.total td{ padding: 1em .5em }

#cart_box{ position: absolute; right: 10px; top: -35px; padding: 1em; background-color: black; border: 1px solid #97752D; text-align: right; color: white; background-image: url( images/cart.gif ); background-repeat: no-repeat; background-position: left 50%; padding-left: 74px }

#checkout{ background-color: white; color: black; padding: 2em }
#checkout table.billing td{ width: 50%; vertical-align: top }

.buy_btn{ position: absolute; top: 130px; right: 20px }

div.login_box{ padding: 1em; border: 1px solid #97752D }
div.login_box td{ padding: .25em }
div.login_box td.f{ white-space: nowrap }
div.login_box td.i{ width: 30em }
div.login_box input.text{ border: 1px solid #97752D; width: 90%; padding: .5em }

input.btn{ padding: .5em }
ul.ingredients{ list-style-type: disc; padding-left: 2em }
ul.ingredients li{ float: none }