* {vertical-align: baseline; font-weight: normal; font-family: inherit; font-style: inherit; text-decoration: none; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; }
body {font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: 12px; background: no-repeat #fff url(../images/background_image.jpg) center -149px; color: #000;
 }
 .disabled { visibility:hidden;}
 
 /* header */
#wrapper_header { width: 100%; }
#header { width: 901px; height: 341px; margin: 0 auto; position: relative; }
#header #logo { width: 132px; height: 99px; position: absolute; top: 8px; left: 0px; overflow: hidden; }
#header #logo a { margin: 0 0 0 35px; width: 65px; height: 80px; float: left; overflow: hidden; }
#header #logo span { width: 132px; height: 99px; background: url('../images/logo.png'); position: absolute; top: 0px; left: 0px;  }
#header #slogan { width: 664px; height: 57px; background: url('../images/block1.png'); position: absolute; top: 124px; left: 120px;  text-align: center; line-height: 58px; }
#header h2 { width: 91px; height: 75px; position: absolute; top: 55px; right: 15px; overflow: hidden; }
#header h2 a { margin: 25px 0 0 20px; width: 50px; height: 45px; float: left; overflow: hidden; }
#header h2 span { width: 91px; height: 75px; background: url('../images/logo_offroadman.png'); position: absolute; top: 0px; left: 0px; }
#languages { height: 37px; position: absolute; top: 10px; right: 0;}
#languages img {float: left; width: 37px; height: 37px; }

#menu { list-style-type: none; position: absolute; left: 160px; top: 0; width: 620px; }
#menu li { float: left; border-left: 1px solid #bfbfbf; }
#menu li.first { border-left: none;  }
#menu li a { float: left; min-width: 40px; padding: 43px 6px 10px 6px; margin: 0 4px; position: relative; top: 3px; text-align: center; }
#menu li a:hover { background-color: #e5e5e5; }

/* vmenu */
#vmenu { float: left; width: 248px; list-style-type: none; margin: 0 0 15px 30px; }
#vmenu li { float: left; margin: 0 0 7px 0;  }
#vmenu li a { float: left; width: 195px; height: 26px; padding: 8px 0 0 53px; background-image: url('../images/vmenu_item.png'); background-position: 0 -34px; }
#vmenu li a:hover {  background-position: 0 0; }

/* news */
#news { }
#news .new { float: left; width: 300px; background: url(../images/line2.png) no-repeat bottom center; padding: 10px 0 15px 0; margin-bottom: 10px; }
#news .new .right { float: right; width: 170px; line-height: 17px; }
#news .new .left { float: left; width: 130px; min-height: 40px; text-align: center; padding: 1px 0 0 0; }
#news .new .left img { border: 5px solid #999797; max-width: 110px; }

/* content */
#wrapper_content { margin: 0 auto; width: 960px; }
#content { float: left; width: 940px; min-height: 400px; padding: 15px 10px 20px 10px; background: #8f9ea0 url('../images/content_gradient.png') repeat-x; position: relative; line-height: 17px; }
#content_header { width: 960px; height: 10px; background: url('../images/content_header.png'); position: absolute; top: -10px; left: 0px; }
#content_left { float: left; width: 300px; }
#content_right { float: right; width: 590px; padding: 0 10px 0 20px; border-left: 1px solid #acadac; }

#help_navigation { border-bottom: 1px solid #9f9e9d; padding-bottom: 10px; margin: -10px 0 14px 0; }

#content h2 { float: left; clear: both; background: url('../images/h2_img.png') no-repeat; padding: 0 0 0 25px; margin: 0 0 20px 0; }
#content_right h2 { width: 590px; width: 570px; }
#content_right h2.page_header { background: none; padding-left: 0; }
#content_left h2 { width: 270px; }
#content p { float: left; margin: 0 5px 25px 5px; }
#content img { max-width: 580px; }

/* index */
.item_index { float: left; width: 285px; }
.item_index.first { margin-right: 20px; }
.item_index img { float: left; border: 5px #999797 solid; margin: 0 0 13px 0; }
#content_right .item_index h2 { width: 265px; }
.item_index p { float: left; width: 260px; padding: 0 0 0 25px; }
#banners img { max-width: 600px; border: 5px #999797 solid; margin: 0 0 20px 0; }

/* footer */
#wrapper_footer { float: left; width: 100%; background: url('../images/footer_gradient.png') repeat-x; }
#footer { width: 901px; height: 64px; margin: 0 auto; position: relative; }
#copyright { position: absolute; top: 35px; left: 12px; }

/* contact */
#contact { float: left; border-spacing: 20px; margin: -20px 0 0 0; width: 610px; }
#contact td { border-bottom: 1px solid #979893; width: 270px; line-height: 20px; padding: 0 0 25px 0; }
#contact h3 { background: 0 5px url('../images/arrow2.png') no-repeat; padding: 0 0 0 12px; margin: 0 0 10px 0; }
#contact p { margin: 15px 0 0 0; }

/* zeptej se */
#question { margin: 33px 0 0 0; }
#question input[type=text], #discussion input[type=text] { display: block; background: none; height: 22px; border: 1px solid #000; margin: 5px 0 10px 0; padding: 2px 0 0 0; }
#question .wide, #discussion .wide { width: 200px; }
#question .narrow, #discussion .narrow { width: 95px; }
#question label, #discussion label { display: block; }
#question #captcha { float: left; margin: 6px 5px 0 0; }
#question textarea { width: 350px; height: 150px; display: block; background: none; border: 1px solid #000; margin: 5px 0 10px 0; }
#question .submit { float: right; margin: 0 250px 0 0; background: url('../images/button1.png'); width: 90px; height: 19px; padding-bottom: 2px;  }
#error, #mess {position: absolute; top: 105px; left: 35px; }
#error2, #mess2 {position: absolute; top: 47px; left: 125px; }

/* patners */ 
#partners {}
#partners td { width: 200px; vertical-align: top; padding: 0 0 20px 0;}
#partners h3 { float: left; width: 165px; margin: 0 0 7px 0; min-height: 20px; background: 0 5px url('../images/arrow1.png') no-repeat; padding: 0 0 0 12px; line-height: 21px; }
#partners img { float: left; margin: 0 0 7px 0; width: 160px; border: solid 5px #999797; background: #fff; }
#partners p { margin: 0 13px 0 0; width: 170px; }

/* items - products */
#products td { width: 200px; vertical-align: top; padding: 0 0 20px 0;  }
#products h3 { float: left; width: 165px; margin: 0 0 7px 0; min-height: 20px; background: 0 5px url('../images/arrow1.png') no-repeat; padding: 0 0 0 12px; line-height: 21px; }
#products img { float: left; margin: 0 0 7px 0; width: 160px; border: solid 5px #999797; background: #fff; }
#products p { margin: 0 13px 0 0; width: 170px; }

#marks { float: left; width: 100%; padding: 0 0 20px 0; }
.mark { float: left; width: 120px; margin: 0 27px 15px 0; }
.mark img { width: 110px; border: 5px solid #999797; background: #FFFFFF; float: left; }
.mark .link, .mark .active, .mark .all_marks {float: left; background: url('../images/arrow2.png') no-repeat left 4px; padding: 0 0 0 15px; margin: 4px 0 0 3px; }
.mark .all_marks { margin: 47px 0 30px 0;}

.strankovani_wrapper {width: 99%; height: 44px; float: right;}
.strankovani { background: url('../images/strankovani_bg.png') no-repeat; width: 162px; height: 29px; float: right; text-align: center; padding: 15px 0 0 0; }
.strankovani img { position: relative; top: 3px;  }

#detail { padding: 0 0 0 10px; }
.line { width: 571px; height: 2px; background: url('../images/line.png') no-repeat; float: left; margin: 0 0 10px 0;  }

#mainimage {float: left; width: 315px; border: 6px solid #999797; margin: 0 20px 20px 0;   }

#documents { float: left; margin: 10px 5px 40px 0; }
#documents h3 { margin: 0 0 20px 0; }
#documents ul { list-style-type: none; }
#documents li { float: left; margin: 0 0 10px 0; width: 272px; margin: 0 20px 5px 0; }
#documents li img { width: 16px; height: 16px; margin-right: 3px; position: relative; top: 3px; }

#detail table { float: left; width: 100%;  padding: 0 0 40px 0; margin: 10px 5px 20px 0;  }
#detail th { height: 35px; padding: 0 0 0 10px; text-align: left; vertical-align: middle; }
#detail td { height: 27px; padding: 0 0 5px 15px; text-align: left; vertical-align: middle; background: url('../images/line.png') repeat-x bottom; }
#detail p  { float: none; }




#images .prevPage, #images .nextPage { position: absolute; top: 0px; display: block; width: 19px; height: 90px; }
#images .nextPage { background: url('../images/arrow3_right.png'); right: 0; }
#images .prevPage { background: url('../images/arrow3_left.png'); left: 0; }

#images { width: 327px; height: 90px; position: relative; float: left; margin: 25px 20px 15px 0; }
#images .scrollable { top: 0; left: 29px; position: absolute; overflow:hidden; width: 269px; height: 90px; } 
#images .items { width:20000em;  position:absolute; } 
#images .item { float: left; }
#images .item img { float: left; border: 6px solid #999797; width: 110px; height: 78px; margin-right: 25px; }



/*fotka ve fotogalerii */
.simple_overlay {display:none;z-index:10000;background-color:#333;width:675px; min-height:200px;border:1px solid #666;-moz-box-shadow:0 0 90px 5px #000;-webkit-box-shadow: 0 0 90px #000;	}
.simple_overlay .close {background-image:url(../images/close.png);position:absolute;right:-15px;top:-15px;cursor:pointer;height:35px;width:35px;}
#img {border:1px solid #666;}
.next, .prev {position:absolute;top:40%;	border:1px solid #666;	cursor:pointer;display:block;padding:10px 20px;color:#fff;font-size:11px;-moz-border-radius:5px;-webkit-border-radius:5px;	}
.prev {left:0;border-left:0;-moz-border-radius-topleft:0;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;}
.next {right:0;border-right:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;-webkit-border-top-right-radius:0;	}
.next:hover, .prev:hover {text-decoration:underline;background-color:#000;}
.disabled {visibility:hidden;		}
.info {position:absolute;bottom:0;left:0;	padding:10px 15px;color:#fff;font-size:11px;border-top:1px solid #666;}
.info strong {display:block;	}
.progress {position:absolute;top:45%;left:50%;display:none;}
.next, .prev, .info {background:#333 !important;background:rgba(0, 0, 0, 0.6) url(../images/h80.png) repeat-x;}

/* font color */ 

#menu li a:hover, #vmenu li a, #copyright, #copyright a, #question .submit { color: #fff; }
#menu li a, #news a, #products a, #marks a, #content h2, #content h2 a, #help_navigation a.last_item { color: #000; }

#content { color: #5b5f5e; }
#content a, #marks, #contact h3, #menu li a:hover, #partners h3 { color: #cf2637; }


/* font size */
#contact p { font-size: 10px; }
#partners p, #products p, #footer, #help_navigation, #documents { font-size: 11px; }
#header_slider .item .banner p, #contact h3 { font-size: 14px; }
#menu li { font-size: 15px; }
#content h2, #partners h3, #products h3, #detail h3 { font-size: 16px; }
#header #slogan { font-size: 20px; }
#header_slider .item .banner strong, #content_right h2.page_header { font-size: 22px; }
/* font other */
strong, #header_slider .item .banner p, #contact h3, #menu li a, #content h2, #news a, #vmenu li a, #header_slider .banner span, #detail h3, #detail table th, .strong, #content h2 a, #header #slogan span, #help_navigation a.last_item
 { font-weight: bold; }
#content a, #copyright a { text-decoration: underline; }
#content a:hover, #copyright a:hover, #help_navigation a.last_item { text-decoration: none; }
#header #slogan { font-family: sans-serif; }
