body, html, table {
scrollbar-base-color: #680e10; margin: 0px; padding: 0px; font-family: Trebuchet MS; font-size:14px; line-height: 150%; font-weight: normal; color: #000000;}

body { background-color: #680e10; text-align: center; background-image: url("../pictures/backgr.jpg"); background-repeat: repeat; background-position: center top;}
table { text-align: left;}
h1,h2,h3, h4, h5 {font-size: 26px; font-family: Trebuchet MS; font-weight: bold; text-align: left; margin: 10px 0px 10px 0px;}
h1 { line-height: 22px; margin-top: 15px;}
h2  {font-size: 16px;}
h3 {font-size: 15px;}
h4 {font-size: 13px;}
h5 {font-size: 13px;}
img, a img {border-color: #ffffff; color: #ffffff;}
a img {border: 0px solid; display: inline;}
a, a strong, strong a {text-decoration: underline; color: #000000;}
a:hover, a:hover strong, strong a:hover {text-decoration: none;}
p {margin: 10px 0px 5px 0px;}

.right {float: right; text-align: right;}
.left {float: left; text-align: left;}
.center {text-align: center;}
.justify {text-align: justify;}
.form_blok {float: left; border: 1px solid #000000; display: inline; clear: left; padding: 5px; margin: 10px 0px 0px 0px;}
.form_blok2 {float: right; border: 1px solid #000000; display: inline; padding: 5px; margin: 10px 0px 0px 0px;}
.clear {clear: both;}
.add_cart {color: #680e10; font-weight: bold;}

#table {position: absolute; left: 0px; top: 0px; width: 100%; height: 309px;}
.backgr { background-image: url('../pictures/backgr.png'); background-repeat: repeat-x;}
td.left_head { background-image: url('../pictures/left_head.jpg'); background-repeat: no-repeat; background-position: right top;}
td.right_head { background-image: url('../pictures/right_head.jpg'); background-repeat: no-repeat; background-position: 495px top;}


#site {margin: 0px auto; position: relative; width: 1015px; min-height: 860px; _height: 860px; text-align: center; background-image: url("../pictures/backgr.png"); background-repeat: repeat-x;}
#head {float: left; width: 1015px; height: 236px; background-image: url("../pictures/head.jpg"); background-repeat: no-repeat;}
#head a img {float: left; margin-top: 125px; margin-left: 270px; display: inline;}
#body {float: left; width: 1015px; background-image: url("../pictures/body.png"); background-repeat: repeat-y; background-position: right; min-height: 495px; _height: 495px;}
		#horni_pruh {float: left; width: 757px; height: 66px; background-image: url("../pictures/horni_pruh.jpg"); background-repeat: no-repeat;}
		#horni_pruh h1 {float: right; margin: 22px 20px 0px 0px; padding: 0px; color: #ffffff; font-size: 20px; display: inline; width: 550px; text-align: right;}
		#horni_pruh a {float: left; width: 130px; height: 40px; margin-top: 15px; padding-left: 10px; color: #ffffff; line-height: 18px; font-size: 11px; text-decoration: none; text-align: left;}
		#horni_pruh a b {position: absolute; top: 228px; left: 390px;width: 53px; height: 70px; background-image: url("../pictures/kosik.png"); background-repeat: no-repeat; cursor: Hand;}
		#horni_pruh a:hover b {background-position: 0px -69px;}
		#horni_pruh a:hover span {text-decoration: underline;}
#bottom {float: right; width: 985px; height: 27px; background-image: url("../pictures/bottom.jpg");  background-repeat: no-repeat; margin-right: 2px; display: inline; padding-bottom: 20px;}

#left_menu {float: left; width: 258px; background-image: url("../pictures/left_menu.png"); background-repeat: repeat-y;}
#left_menu2 {float: left; width: 258px; background-image: url("../pictures/left_menu_top.png"); background-repeat: no-repeat; background-position: left top;}
#left_menu3 {float: left; width: 258px; background-image: url("../pictures/left_menu_bottom.jpg"); background-repeat: no-repeat; background-position: left bottom; min-height: 430px; _height: 430px; padding-top: 20px; padding-bottom:120px;}
#left_menu a {float: left; color: #ffffff; line-height: 40px; text-decoration: none; width: 258px; }
#left_menu a.menu1 {height: 40px; background-image: url("../pictures/menu1.png"); background-repeat: no-repeat; background-position: center top; font-size: 14px; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; outline: none;}
#left_menu a:hover.menu1 {background-position: center -40px; color: #e5e5e5;}
#left_menu a.menu2 {height: 30px; background-image: url("../pictures/menu2.png"); background-repeat: no-repeat; background-position: center top; font-size: 11px; letter-spacing: 1px; line-height: 30px;}
#left_menu a:hover.menu2 {background-position: center -30px; color: #e5e5e5;}
#left_menu a.menu3 {text-align: left; height: 20px; font-size: 11px; line-height: 20px; padding-left: 60px; width: 198px;}
#left_menu a:hover.menu3 {color: #e5e5e5;}

#horni_menu {float: left; height: 40px; overflow: hidden; width: 815px;}
#horni_menu a {float: left; height: 40px; cursor: hand; line-height: 40px; color: #ffffff; font-size: 14px; display: inline; margin-left: 1px; text-decoration: none; letter-spacing: 1px;}
#horni_menu a:hover, #horni_menu a.active {color: #e5e5e5; height: 40px; line-height: 40px; background-position: 0px -40px;}
#horni_menu  a span {float: left; overflow: hidden; height: 40px; padding: 0px 20px 0px 20px;background-image: url("../pictures/zalozka.png"); background-position: 0px 0px; background-repeat: repeat-x; text-decoration: none;}
#horni_menu  a b, #search b {float: left; display: block; width: 10px; height: 40px; background-image: url("../pictures/zalozka_left.png"); background-repeat: no-repeat; background-position: top;}
#horni_menu a:hover b, #horni_menu a:hover i, #horni_menu a:hover span, #horni_menu a.active b, #horni_menu a.active i, #horni_menu a.active span {background-position: 0px -40px;}
#horni_menu  a i , #search i {float: left; display: block; width: 10px; height: 40px; background-image: url("../pictures/zalozka_right.png"); background-repeat: no-repeat; background-position: top;	}

#search {float: right; width: 200px; height: 40px;}
#search2 {float: left; width: 180px; height: 40px; background-image: url("../pictures/zalozka.png"); background-repeat: repeat-x;}

	#search input.input {border: 1px solid #cccccc; float: left; width: 140px; height: 18px; display: inline; margin: 7px 0 0 0px; padding:2px;color: #525252; font-size: 11px; line-height: 18px;}
	#search input.lupa {float: right; width: 23px; height: 22px; display: inline; margin: 9px 0px 0 0;}


#right {float: right; width: 748px; padding: 0px 4px 0px 5px; text-align: left;}
#right2 {float: right; width: 210px;  background-image: url("../pictures/right.png"); background-repeat: repeat-y;}
#right3 {float: right; width: 210px; min-height: 400px; _height: 400px; background-image: url("../pictures/right_btm.png"); background-repeat: no-repeat; background-position: left bottom;}

area:hover { background-image: url("../pictures/kosik.png"); background-repeat: no-repeat;}

#zbozi {float: left; margin-top: 5px;}
.polozka a {float: left; width: 200px; margin: 5px 5px 5px 5px; display: inline; text-decoration: none; font-size: 11px;}
.polozka a * { text-decoration: none; line-height: 13px;}
.polozka a:hover { text-decoration: underline;}
.polozka a b {float: left; width: 20px; font-weight: normal;}
.polozka a strong {float: right; width: 180px; font-weight: normal;}

.polozka2 {float: right; display: inline; margin: 10px 13px 0px 0px; width: 711px; min-height: 60px; _height: 60px; background-color: #eff4f9; padding: 10px; background-image: url("../pictures/stin.png"); background-repeat: no-repeat; background-position: center bottom;}
.polozka2 a img {float: left; border: 5px solid white; margin-right: 20px; display: inline;}
.polozka2 a {float: left; display: block; text-decoration: none;}
.polozka2 form {float: right; height: 60px; width: 120px; }

#detail {float: left; width: 737px;}
	#det1 {float: left; width: 368px;}
	#det2 {float: left; width: 369px;}
	#det3 {float: left; clear: both; width: 737px;}


#blok .left {margin-top: 50px; padding-left: 40px; width: 248px;}







 .bar-menu {
}
.bar-menu .box1, .bar-menu .box1-hover, .bar-menu .box1-open, .bar-menu .box1-open-hover{
    cursor: Hand; cursor: pointer;
	float: left; color: #ffffff; text-decoration: none;
    position: relative;
	 width: 258px;
	height: 30px; background-image: url("../pictures/menu2.png"); background-repeat: no-repeat; background-position: center top; font-size: 11px; letter-spacing: 1px; line-height: 30px;
		 overflow: hidden;
		 
}
.bar-menu .box1-hover, .bar-menu .box1-open-hover, .bar-menu .box1-open, .bar-menu .box1-open-hover  {
	background-position: center -30px; color: #e5e5e5;
}

.bar-menu .section {
	width: 198px;
    display: none;
}
.bar-menu .section a {

}
.bar-menu .section a:hover {

}

 











#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;} 
#lightbox a img{ border: none; display: inline;}

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 9000; width: 100%; height: 500px; background-color: #000; }