html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.clearfix:after, .container:after {
	content: "\0020"; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
	overflow:hidden; 
}
.clearfix, .container {display: block;}


strong, b { font-weight: bold; }
em { color: #E35000; }

* { font-size: 100% !important; font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif !important; }

body { text-align: center; background: repeat-x url(../images/bg-body.jpg) top center; }
div.container { width: 800px; text-align: left; margin: auto; }

#header, #navbar { margin-bottom: 15px; position: relative; }
#header { height: 122px; margin-top: 29px; background: no-repeat url(../images/bg-header.jpg) 0 0; }
	
	#language-switcher li,
	#navigator li,
	#menu li,
	#footer-menu li { float: left; }
	
	#logo a { position: absolute; top: 20px; left: 10px; width: 300px; height: 70px; text-indent: -2000px; }
	
	#language-switcher { position: absolute; top: 48px; right: 123px; width: 131px; height: 32px; background: no-repeat url(../images/bg-navigator.gif) 0 0; }
	#language-switcher li a { width: 32px; height: 32px; float: left; text-indent: -2000px; position: relative; }
	
	#language-switcher li a span { position: absolute; top: 0; left: 0; width: 32px; height: 32px; background: no-repeat url(../images/langs.gif) 0 0; }
	#language-switcher li.lang-en a span { background-position: -32px 0; }
	#language-switcher li.lang-de a span { background-position: -64px 0; }
	#language-switcher li.lang-ru a span { background-position: -96px 0; }
	
	#navigator { position: absolute; top: 48px; right: 29px; width: 95px; height: 32px; background: no-repeat url(../images/bg-navigator.gif) top right; }
	#navigator li a { width: 31px; height: 32px; margin: 0 8px; float: left; text-indent: -2000px; position: relative; }
	#navigator li a span { position: absolute; top: 0; left: 0; width: 32px; height: 32px; background: no-repeat url(../images/nav.gif) 0 0; }
	#navigator li.nav-sitemap a span { background-position: -32px 0; }
	#navigator li.nav-contact a span { background-position: -64px 0; }
	
	#showcase li { position: absolute; top: -24px; left: 269px; width: 280px; height: 144px; }
	#showcase li a { width: 280px; height: 144px; display: block; text-decoration: none; display: none; }
	#showcase li#simg-1 a { background: no-repeat url(../images/bg-header-1.jpg) 0 0; }
	#showcase li#simg-2 a { background: no-repeat url(../images/bg-header-2.jpg) 0 0; }
	#showcase li#simg-3 a { background: no-repeat url(../images/bg-header-3.jpg) 0 0; }

#navbar { height: 37px; background: no-repeat url(../images/menu_2.jpg) 0 0; }
	#menu li { height: 37px; }
	#menu li a { float: left; height: 37px; background: none; }
	#menu li a span { float: left; display: block; text-indent: -2000px; height: 37px; background: none; }
	#menu li.link-1 a,
	#menu li.link-1 a span { width: 120px; background: none; }
	#menu li.link-2 a,
	#menu li.link-2 a span { width: 77px; background: none; }
	#menu li.link-3 a,
	#menu li.link-3 a span { width: 108px; background: none; }
	#menu li.link-4 a,
	#menu li.link-4 a span { width: 102px; background: none; }
	#menu li.link-5 a,
	#menu li.link-5 a span { width: 70px; background: none; }
	#menu li.link-6 a,
	#menu li.link-6 a span { width: 70px; background: none; }
	
	#menu li a:hover span { position: absolute; background: no-repeat url(../images/bg-menu-items-hover.gif) 0 0; }
	#menu li.link-1 a:hover span { background-position: 0 0; }
	#menu li.link-2 a:hover span { background-position: 0 -37px; margin-left: -6px; padding-right: 6px; }
	#menu li.link-3 a:hover span { background-position: 0 -74px; margin-left: -6px; padding-right: 6px; }
	#menu li.link-4 a:hover span { background-position: 0 -111px; margin-left: -6px; padding-right: 6px; }
	#menu li.link-5 a:hover span { background-position: 0 -148px; margin-left: -6px; padding-right: 6px; }
	#menu li.link-6 a:hover span { background-position: 0 -185px; margin-left: -6px; padding-right: 10px; }
	
	#menu li#contact-form a:link,
	#menu li#contact-form a:visited { position: absolute; top: 3px; right: 4px; background: no-repeat url(../images/btn-contact-form.gif) 0 0; width: 157px; height: 30px; overflow: hidden; text-indent: -2000px; }
	#menu li#contact-form a:hover { background: no-repeat url(../images/btn-contact-form.gif) 0 -30px; }
	#menu li#contact-form a:hover span { background: none; }

#viewport { background: repeat-y url(../images/bg-viewport.gif) 0 0; font-size: .7em !important; }
	#content { background: no-repeat url(../images/bg-top.gif) 0 0; line-height: 1.2em; }
	
		#content a:link,
		#content a:visited { color: #fff; text-decoration: none; }
		#content a:hover { text-decoration: underline; }
	
		#side-offer { background: no-repeat url(../images/bg-top.gif) -509px 0; }
		#side-contact { background: no-repeat url(../images/bg-contact.gif) top right; }
		
		#side-offer h2 { height: 59px; background: no-repeat url(../images/bg-offer-header.gif) top right; text-indent: -2000px; }
		#side-offer ul { background: no-repeat url(../images/bg-offer.gif) top right; }
			#side-offer ul li { background: #5e9bce no-repeat url(../images/bg-offer-item.gif) bottom right; }
			#side-offer ul li.last { background: #5e9bce no-repeat url(../images/bg-offer-item-last.gif) bottom right; }
			
			#side-offer ul li.item-2 a { background: no-repeat url(../images/offer-1.gif) 25px 8px; }
			#side-offer ul li.item-6 a { background: no-repeat url(../images/offer-2.gif) 25px 8px; }
			#side-offer ul li.item-7 a { background: no-repeat url(../images/offer-3.gif) 25px 8px; }
			#side-offer ul li.item-8 a { background: no-repeat url(../images/offer-4.gif) 25px 8px; }
			#side-offer ul li.item-9 a { background: no-repeat url(../images/offer-5.gif) 25px 8px; }
			
			#side-offer ul li a:link,
			#side-offer ul li a:visited { color: #fff; font-weight: bold !important; padding: 5px 20px 6px 100px; height: 52px; display: block; }
			
			#side-offer ul li a:hover { color: #1f4877; }
			
			#side-offer ul li a span { font-weight: bold !important; padding-top: 10px; display: block; line-height: 1.2em; overflow: hidden; }
		
		#side-contact address { padding: 30px 0 8px 20px; font-style: normal; }
		#side-contact strong { font-weight: bold !important; }
		#side-contact em { color: #e35000; }
	
		.block-main { width: 510px; float: left; }
		.block-side { width: 270px; padding-left: 20px; float: left; }
		
		#content h1 { margin: 0 0 20px 20px; background: no-repeat url(../images/divider.gif) bottom left; padding: 20px 0; color: #313131; }
		#content h1 span { background: no-repeat url(../images/logo-sign.gif) center left; padding-left: 28px; font-size: 1.5em !important; font-weight: bold !important; }
		#content h1 span em { font-weight: bold !important; color: #e35000; }
		#content p { margin: 0 0 25px 20px; text-align: justify; line-height: 1.4em; }
		#content p strong { font-weight: bold !important; }
		#content p em { color: #e35000; }
	
		#content ul.product-list { /*margin-left: 20px;*/ }
		#content ul.product-list li { margin-bottom: 10px; }
		#content ul.product-list p { margin: 0; }
		
		#content #form-contact { margin-left: 20px; }
		
		#content #form-contact ul { margin-bottom: 10px; }
		#content #form-contact ul li.label { float: left; width: 35%; font-weight: bold; padding-top: 2px; }
		#content #form-contact ul li.input { float: left; width: 50%; }
		
		#content #form-contact ul li.text input,
		#content #form-contact ul li.text textarea { padding: 4px; border: 1px solid #ccc; width: 100%; }
		
		#content #form-contact ul li.text textarea { height: 80px; }
		
		#content #form-contact ul li.input.submit input { padding: 5px 7px; font-weight: bold; color: #fff; background: #154770; border: 0; }
		
		#content div.page-content { margin-left: 20px; margin-bottom: 20px; }
		#content div.page-content p { margin-left: 0; }
		
		#content ul.product-list li.product a.image { float: right; margin-left: 10px; }
		#content ul.product-list li.product div.details h4 { color: #fff; font-size: 1.3em !important; font-weight: bold; padding-bottom: 10px; }
		#content ul.product-list li.product div.details h4 a:link,
		#content ul.product-list li.product div.details h4 a:visited { color: #fff; text-decoration: none; }
		#content ul.product-list li.product div.details h4 a:hover { color: #e35000; }
		#content ul.product-list li.product div.details p.symbol { display: none; }
		#content ul.product-list li.product div.details ul { margin-bottom: 20px; }
		#content ul.product-list li.product div.details ul li { margin-bottom: 4px; }
		#content ul.product-list li.product div.details p {  }
		#content ul.product-list li.product div.details a.more:link,
		#content ul.product-list li.product div.details a.more:visited { background: no-repeat url(../images/more.jpg) 0 0; width: 100%; line-height: 30px; height: 30px; float: left; margin-top: 10px; text-indent: -2000px; }
		#content ul.product-list li.product div.details a.more:hover { background-position: 0 -31px; }
		
		#content table.table-sizes { width: 100%; }
		#content table.table-sizes th,
		#content table.table-sizes td { padding: 5px; margin: 2px; border-bottom: 1px solid #7cafd2; }
		
		#content table.table-sizes th { font-weight: bold; }
		#content table.table-sizes thead th { background: #c2ddef; }
		#content table.table-sizes tbody th { width: 30%; }
		#content table.table-sizes tbody td { width: 70%; }
		
		#box-product-data h4 { margin-bottom: 20px; font-size: 1.2em !important; }
		#box-product-photo { float: right; margin-left: 10px; }
		#box-related-media { margin-top: 20px; }
		#box-related-media h4 { font-size: 1.4em !important; color: #e35000; font-weight: bold; margin-bottom: 10px; }
		
		#content ul.main-categories { margin-left: 20px; }
		#content ul.main-categories li { float: left; margin: 0 8px 8px 0; }
		#content ul.main-categories li a:link,
		#content ul.main-categories li a:visited { position: relative; float: left; width: 153px; height: 92px; border: 1px solid #89b8dc; background: #fff repeat-x url(../images/bg-main-offer-item.gif) bottom left; font-size: 1.2em !important; font-weight: bold !important; text-decoration: none; overflow: hidden; }
		/*#content ul.main-categories li.category-2 a:link,
		#content ul.main-categories li.category-2 a:visited { background: red; /*no-repeat url(../images/bg-main-offer-item.gif) 0 0; }*/

		a#btn-form:link,
		a#btn-form:visited { margin-left: 15px; background: no-repeat url(../images/btn-form.gif) 0 0; width: 207px; height: 68px; float: left; text-indent: -2000px; }
		a#btn-form:hover { background: no-repeat url(../images/btn-form.gif) 0 -68px; }

		a#btn-map:link,
		a#btn-map:visited { background: no-repeat url(../images/btn-map.gif) 0 0; width: 207px; height: 68px; float: left; text-indent: -2000px; }
		a#btn-map:hover { background: no-repeat url(../images/btn-map.gif) 0 -68px; }
		
		#content ul.main-categories li a span.caption { position: absolute; top: 10px; left: 10px; right: 10px; color: #ff7600; }
		
		#content ul.main-categories li a:hover { text-decoration: none; border-color: #7ba5c6; background: #fff repeat-x url(../images/bg-main-offer-item-hover.gif) 0 -2px; }
		
	
	#product-carousel { background: no-repeat url(../images/divider.gif) 20px 0; }
	#product-carousel div.content { margin: 10px 0 0 20px; background: no-repeat url(../images/bg-carousel.gif) 0 0; height: 112px; }

#footer { height: 70px; background: repeat-y url(../images/bg-footer.gif) 0 0; }
#footer a:link,
#footer a:visited { color: #fff; text-decoration: none; }

	#footer-menu { font-size: .7em !important; padding-top: 25px; position: relative; width: 100%; }
	#footer-menu li a:link,
	#footer-menu li a:visited { border-left: 1px solid #000; padding-left: 10px; margin: 0 5px; }
	#footer-menu li a:hover { text-decoration: underline; color: #000; }
	
	#footer-menu li.first a:link,
	#footer-menu li.first a:visited,
	#footer-menu li#freshvision a { border: 0; margin-left: 0; padding-left: 0; }
	
	#footer-menu li.first { margin-left: 25px; }
	
	#footer-menu li#freshvision a:link,
	#footer-menu li#freshvision a:visited { border: 0; position: absolute; top: 20px; right: 10px; background: no-repeat url(../images/logo-freshvision.gif) 0 0; width: 150px; float: left; height: 24px; text-indent: -2000px; }
	
	#footer-menu li#freshvision a:hover { background-position: 0 -24px; }

/* {{{ clearfix */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* clearfix }}} */

.jcarousel-container { width: 490px; }
.jcarousel-container .jcarousel-clip { width: 400px; margin: 0 45px; padding: 18px 0 5px 0; height: 75px; }
.jcarousel-container .jcarousel-item { margin-right: 32px; }
.jcarousel-prev { position: absolute; left: 0; float: left; width: 30px; height: 110px; cursor: pointer; }
.jcarousel-next { position: absolute; right: 0; float: right; width: 30px; height: 110px; cursor: pointer; }

div.galeria { overflow: hidden; }
div.galeria a { margin: 4px; float: left;}

div.galeria a img { border: 1px solid #fff; float: left;}
.galli li{ float: left;}
.details h2 { clear: both; font-weight: bold; color: #E35000;font-size: 12px; margin-left: -8px;padding: 5px 8px; background-color: #badcf3}

