html, body {
	margin: 0;
	padding: 0;
}
body {
	background: #443e2b url(/img/bg_body.png) center top repeat;
	font-family: Arial, sans-serif;
	color: #630;
}
h4 {
	margin-top: 0;
	color: #CC6600;
}
h3 {
	font-size: 117%;
}
h2 {
	color: #630;
	padding: 6px 10px 6px 0;
	font-weight: bold;
	font-style: normal;
	font-size: 140%;
	margin: 10px 0;
}
h1 {
	color: #630;
	background-color: #fcefc7;
	padding: 6px 10px;
	display: inline;
	clear: both;
	font-weight: bold;
	font-style: normal;
	font-size: 180%;
}

dt {
	color: #c60;
	font-weight: bold;
}
dd {
	margin: 0;
	padding: 0;
}
a * {
	cursor: pointer;
}

.cleaner {
	width: 100% !important; 
	visibility: hidden !important;
	clear: both !important;
}
#header{
	overflow: hidden;
	background: transparent url(/img/bg_header.jpg) center top repeat;
	margin: 0 auto;
	height: 130px;
	width: 968px;
	position: relative;
}
#cover {
	overflow: hidden;
	margin: 0 auto;
	width: 968px;
	margin-bottom: 10px;
	background: #fdecbe url(/img/bg_cover.png) center 10px no-repeat;
}
#footer {
	margin: 0 auto;
	color: #fc6;
	text-align: right;
	width: 968px;
	font-size: 80%;
	padding-bottom: 120px;
}
#footer a {
	color: #fc6;
}
#footer a:hover {
	text-decoration: none;
}
.head_logo {
	display: block;
	width: 188px;
	height: 82px;
	color: #fdecbe;
	font-weight: bold;
	text-transform: uppercase;
	overflow: hidden;
	font-size: 130%;
	white-space: nowrap;
	line-height: 82px;
	text-decoration: none;
	position: relative;
	margin-top: 20px;
	margin-left: 8px;
	float: left;
}
.head_logo span {
	display: block;
	width: 188px;
	height: 82px;
	background: transparent url(/img/logo.png) top left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

#flags {
	position: absolute;
	top: 20px;
	right: 10px;
}
#flags a {
	display: block;
	float: left;
	background-color: #e6d39c;
	color: #663300;
	width: 21px;
	height: 14px;
	overflow: hidden;
	line-height: 14px;
	margin-left: 25px;
	position: relative;
}
#flags a span{
	position: absolute;
	top: 0;
	left: 0;
	width: 21px;
	height: 14px; 
}
#flags a.cz span {
	background: transparent url(/img/cz_flag.png) left top no-repeat;
}
#flags a.en span {
	background: transparent url(/img/en_flag.png) left top no-repeat;
}
#flags a:hover span {
	background-position: left top;
}
#flags a.en span.cze {
	background-position: left -14px;
}
#flags a.cz span.eng {
	background-position: left -14px;
}


#header ul {
	float: right;
	display: inline;
	margin: 83px 0 0 0;
	height: 20px;
	padding: 0;
}
#header ul li {
	margin: 0 0 0 19px;
	padding: 0;
	float: left;
	list-style: none;
}
#header ul li a {
	display: block;
	height: 20px;
	overflow: hidden;
	color: #ebc03e;
	font-weight: bold;
	text-decoration: none;
	font-variant: small-caps;
	position: relative;
}
#header ul li a:hover {
	color: #d35f37;
}
#header ul li a span {
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
}

/* CZE menu*/
#header ul.cze .m1 a, #header ul.cze .m1 a span{
	width: 50px;
}
#header ul.cze .m2 a, #header ul.cze .m2 a span{
	width: 50px;
}
#header ul.cze .m3 a, #header ul.cze .m3 a span{
	width: 50px;
}
#header ul.cze .m4 a, #header ul.cze .m4 a span{
	width: 160px;
}
#header ul.cze .m5 a, #header ul.cze .m5 a span{
	width: 63px;
}
#header ul.cze .m6 a, #header ul.cze .m6 a span{
	width: 46px;
}
#header ul.cze .m7 a, #header ul.cze .m7 a span{
	width: 72px;
}
#header ul.cze .m8 a, #header ul.cze .m8 a span{
	width: 80px;
}
#header ul.cze .m9 a, #header ul.cze .m9 a span{
	width: 40px;
}
#header ul.cze .m10 a, #header ul.cze .m10 a span{
	width: 85px;
}

#header ul.cze .m1 a span{
	background: transparent url(/img/m1cze.png) left top no-repeat;
}
#header ul.cze .m2 a span{
	background: transparent url(/img/m2cze.png) left top no-repeat;
}
#header ul.cze .m3 a span{
	background: transparent url(/img/m3cze.png) left top no-repeat;
}
#header ul.cze .m4 a span{
	background: transparent url(/img/m4cze.png) left top no-repeat;
}
#header ul.cze .m5 a span{
	background: transparent url(/img/m5cze.png) left top no-repeat;
}
#header ul.cze .m6 a span{
	background: transparent url(/img/m6cze.png) left top no-repeat;
}
#header ul.cze .m7 a span{
	background: transparent url(/img/m7cze.png) left top no-repeat;
}
#header ul.cze .m8 a span{
	background: transparent url(/img/m8cze.png) left top no-repeat;
}
#header ul.cze .m9 a span{
	background: transparent url(/img/m9cze.png) left top no-repeat;
}
#header ul.cze .m10 a span{
	background: transparent url(/img/m10cze.png) left top no-repeat;
}

/* ENG menu*/
#header ul.eng li {
	margin: 0 0 0 17px;
}
#header ul.eng .m1 a, #header ul.eng .m1 a span{
	width: 52px;
}
#header ul.eng .m2 a, #header ul.eng .m2 a span{
	width: 86px;
}
#header ul.eng .m3 a, #header ul.eng .m3 a span{
	width: 50px;
}
#header ul.eng .m4 a, #header ul.eng .m4 a span{
	width: 160px;
}
#header ul.eng .m5 a, #header ul.eng .m5 a span{
	width: 63px;
}
#header ul.eng .m6 a, #header ul.eng .m6 a span{
	width: 42px;
}
#header ul.eng .m7 a, #header ul.eng .m7 a span{
	width: 50px;
}
#header ul.eng .m8 a, #header ul.eng .m8 a span{
	width: 80px;
}
#header ul.eng .m9 a, #header ul.eng .m9 a span{
	width: 50px;
}
#header ul.eng .m10 a, #header ul.eng .m10 a span{
	width: 58px;
}

#header ul.eng .m1 a span{
	background: transparent url(/img/m1eng.png) left top no-repeat;
}
#header ul.eng .m2 a span{
	background: transparent url(/img/m2eng.png) left top no-repeat;
}
#header ul.eng .m3 a span{
	background: transparent url(/img/m3eng.png) left top no-repeat;
}
#header ul.eng .m4 a span{
	background: transparent url(/img/m4eng.png) left top no-repeat;
}
#header ul.eng .m5 a span{
	background: transparent url(/img/m5eng.png) left top no-repeat;
}
#header ul.eng .m6 a span{
	background: transparent url(/img/m6eng.png) left top no-repeat;
}
#header ul.eng .m7 a span{
	background: transparent url(/img/m7eng.png) left top no-repeat;
}
#header ul.eng .m8 a span{
	background: transparent url(/img/m8eng.png) left top no-repeat;
}
#header ul.eng .m9 a span{
	background: transparent url(/img/m9eng.png) left top no-repeat;
}
#header ul.eng .m10 a span{
	background: transparent url(/img/m10eng.png) left top no-repeat;
}


#header ul a:hover span{
	background-position: left bottom !important;
}
#header ul li.act a span{
	background-position: left bottom !important;
}

/* CONTENT */
#content {
	margin: 15px 13px;	
}
#content .stuff {
	background: #e5d6a8 url(/img/bg_content.jpg) center bottom no-repeat;
	padding-bottom: 50px;
	position: relative;
}
#content .about_long {
	padding-bottom: 150px;
	background: #e5d6a8 url(/img/bg_about_long.jpg) center bottom no-repeat;
}
#content .about_long #placeholder1 {
	float: right;
	display: inline;
	width: 100px;
	height: 12em;	
}
#content .stuff_in {
	padding: 2em 1em;
	overflow: hidden;
	background: transparent url(/img/bg_stuff.jpg) center top no-repeat;
}
#content a {
	color: #c60;
}
#content a:hover {
	text-decoration: none;
}
#content p, #content dl {
	margin: 1.2em 0 1.6em 0;
	line-height: 150%;
}
#content a img {
	border: none;
}
#content .hp{
	background: transparent url(/img/bg_hp.jpg) center top no-repeat; 
}
#hp_text {
	overflow: hidden;
	position: relative;
	margin: 25px 20px 20px 20px;
	width: 445px;
	height: 435px;
	float: left;
}
#hp_text span{
	width: 445px;
	height: 435px;
	top: 0;
	left: 0;
	position: absolute; 
}
#hp_text.cze span{
	background: transparent url(/img/text_hp_cze.png) left top no-repeat; 
}
#hp_text.eng span{
	background: transparent url(/img/text_hp_eng.png) left top no-repeat; 
}

/* HP slideshow */
#hp_pics {
	background: transparent url(/img/bg_uvod_pic.jpg) left top no-repeat; 
	overflow: hidden;
	width: 436px;
	height: 408px;
	float: right;
	margin: 35px 20px 0 0;
	position: relative;
}
#flashintro {
	position:absolute;
    top:17px;
    left:16px;
}
#hp_pics img {
	position:absolute;
    top:17px;
    left:16px;
    z-index:8;
    visibility: hidden; /* TMP */
}
#hp_pics img.active {
    z-index:10;
}

#hp_pics img.last-active {
    z-index:9;
}

#hp_fb {
	float: left;
	display: inline;
	width: 449px;
	height: 63px; 
	background: #1e6d8a url(/img/hp_fb.jpg) left top no-repeat; 
	color: #fff;
	line-height: 60px;
	text-align: right;
	font-size: 90%;
	padding-right: 20px;
	margin-top: 10px;
}
#hp_fb a {
	color: #fff;
}
#hp_fb a span {
	font-size: 140%;
	font-weight: bold;
}
#hp_iwantcustom {
	float: right;
	display: inline;
	width: 409px;
	height: 73px; 
	background: #f9fae9 url(/img/hp_iwantcustom.jpg) left top no-repeat; 
	line-height: 80px;
	text-align: right;
	font-size: 90%;
	padding-right: 64px;
}
#hp_iwantcustom a {
	color: #663300;
}
.custom_pics {
	float: right;
	margin: 3.7em 0 20px 20px;
	width: 378px;
	height: 311px;
	background: transparent url(/img/bg_custom_pics.jpg) center top no-repeat; 
}
#sliding, #no-sliding{
	margin:13px 12px;
	height:289px;
	width:353px;
}

/* forms */
#SimplesMailForm textarea{
	width: 522px;
	height: 8.5em;
	line-height: 1.7em;
}
#SimplesMailForm .input {
	width: 164px;
	margin-right: 20px;
}
#SimplesMailForm .input input {
	width: 154px;
	height: 1.7em;
	line-height: 1.7em;
}

.input {
	float: left;
}
.input input {
	border: 1px solid #935c12;
	background-color: #fff;
	margin: 5px 0 1em 0;
}
.input label {
	display: block;
	font-size: 90%;
}
textarea {
	clear: both;
	border: 1px solid #935c12;
	background-color: #fff;
	margin: 5px 0 1em 0;
	width: 100%;
}
.submit input {
	border: none;
	width: 81px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background: #b89019 url(/img/bg_submit.png) center no-repeat;
	text-align: center;
	text-decoration: underline;
}

#news_list {
	margin-top: 1em;
}
#news_list h2 {
	color: #CC6600;
	font-size: 100%;
	display: inline;
	padding: 0 0 0 20px;
	line-height: 1.9em;
	font-weight: bold;
}
#latestnews a {
	margin: 0 10px 0 80px;
	padding: 10px 0 0 0;
	display: block;
	height: 100%;
}
#news_list p {
	padding-left: 72px;
	margin-top: 0;
	padding-top: 0;
}
#news_list span, #latestnews span, #bloglist span.cal_list {
	/*display: bock;*/
	float: left;
	background: transparent url(/img/bg_newsdate.png) center no-repeat;
	width: 52px;
	height: 56px;
	line-height: 66px;
	text-align: center;
	font-size: 90%;
	clear: left;
}
#latestnews span {
	margin-left: 20px;
	margin-bottom: 1.8em;
}



/* elements */
#latestnews, #whatislongboard, #hp3rd, #blogisek, #eshopnews, #whatislongboard_short, #whatiscustom, #latestshop {
	min-height: 250px;
	margin-top: 10px;
	padding: 15px 0;
	width: 298px;
	float: left;
	background: #e9daac url(/img/bg_latestnews.png) center top no-repeat;
}
#latestshop {
	margin-left: 24px;
	min-height: 298px;	
}
#whatislongboard {
	min-height: 285px;
	margin-left: 24px;
	padding-bottom: 0;
	background: #e9daac url(/img/bg_whatislong.png) center top no-repeat;
}
#latestnews h2, #whatislongboard h2, #whatislongboard_short h2, #latestshop h2 {
	padding: 0;
	margin: 0 0 10px 20px;
}
#latestnews .nextnews {
	padding: 0;
	margin: 0 0 0 20px;
	display: block;
	width: 109px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-decoration: underline;
	background: #b89019 url(/img/bg_nextnews.png) center no-repeat;
	text-align: center;
}
#whatislongboard .whatislongbuttom, #whatislongboard_short .whatislongbuttom, #whatiscustom_in .whatiscustombuttom {
	padding: 0;
	margin: 45px 0 0 20px;
	display: block;
	width: 138px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-decoration: underline;
	background: transparent url(/img/bg_whatlongbut.png) center no-repeat;
	text-align: center;
}
#whatislongboard p, #whatislongboard_short p  {
	margin-left: 20px;
	margin-right: 20px;
	padding: 0;
}
#whatislongboard_in {
	margin-top: 5px;
	background: transparent url(/img/whatlongin.jpg) bottom right no-repeat;
	min-height: 336px;
}

#hp3rd {
	background: transparent url(/img/bg_hp3rd.png) center top no-repeat;
	position: relative;
}
#eshopaction {
	position: absolute;
	overflow: hidden;
	top: 5px;
	left: -12px;
	background: transparent url(/img/bg_eshopactions_cze.jpg) center top no-repeat;
	width: 320px;
	height: 167px;
}
#eshopaction.eshopactionz_eng {
	background: transparent url(/img/bg_eshopactions_eng.jpg) center top no-repeat;
}
#eshopaction .msg {
	position: relative;
	top: 54px;
	left: 25px;
}
#eshopaction .msg h3 {
	background-color: #b89019;
	white-space: nowrap;
	display: inline;
	padding: 5px 10px;
	max-width: 228px;
	font-size: 97%;
}
#eshopaction .msg h3 a {
	color: #fff;
}
#eshopaction .msg p {
	margin: 7px 0 0 0;
	padding: 5px 10px;
	width: 254px;
	line-height: 1.25em;
	background-color: #fcefc7;
}
#hp3rd img {
	margin-top: 160px;
}

#eshopnews {
	background: transparent url(/img/bg_hp3rd.png) center top no-repeat;
	position: relative;
	min-height: 143px;
}
#blogisek {
	margin-left: 24px;
	padding: 5px 0 0 0;
	background: #e9daac url(/img/bg_whatislong.png) center top no-repeat;
	min-height: 143px !important;
}
#blogisek a {
	overflow: hidden;
	height: 143px;
	display: block;
}
#whatislongboard_short, #whatiscustom {
	margin-left: 24px;
	min-height: 148px;
	background: #e9daac url(/img/bg_latestnews.png) center top no-repeat;
	padding: 0;
}
#whatislongboard_short_in {
	min-height: 143px;
	margin-top: 5px;
	overflow: hidden;
	background: #e9daac url(/img/bg_whatislong_short_cze.jpg) right bottom no-repeat;
}
#whatislongboard_short_in.whatisthat_eng {
	background: #e9daac url(/img/bg_whatislong_short_eng.jpg) right bottom no-repeat;
}
#whatislongboard_short_in a, #whatiscustom_in .whatiscustombuttom {
	position: relative;
	top: 100px;
}
#whatiscustom_in {
	min-height: 143px;
	margin-top: 5px;
	background: #e9daac url(/img/bg_whatiscustom_cze.jpg) center bottom no-repeat;
}
#whatiscustom_in.wazis_eng {
	background: #e9daac url(/img/bg_whatiscustom_eng.jpg) center bottom no-repeat;
}

#shoptext {
	margin: 0 270px 0 0;
	padding-left: 10px;
}
#shoptext li {
	margin-top: .5em;
}

/*******************/
.cake-sql-log {
	color: #aaa;
}

.pod li {
	margin-top: .6em;
	font-weight: bold;
}
.pod li li {
	font-weight: normal;
	margin-top: .1em;
}

#flashMessage {
	padding: 10px;
	font-size: 110%;
	color: #CC6600;
	border: 1px solid #CC6600;
	text-align: center;
}
#content .about_long p {
	margin-top: .2em;
}
#content .about_long h2 {
	color:#CC6600;
	font-size:100%;
	font-weight:bold;
	margin: 1em 0 0 0;
	padding: 0;
}
#imgslidernav {
	/* height: 23px; */
	overflow: hidden;
}
#imgslidernav a {
	background-color: #C3B690;
	width: 35px;
	height: 22px;
	display: block;
	float: left;
	margin: 1px 1px 0 0;
	text-indent: 500px;
}
#imgslidernav a:hover {
	background-color: #776F59;
}
#imgslidernav a.activeSlide {
	background-color: #776F59;
}
#bloglist {
	margin-top: 1em;
}
#bloglist h2{
	color:#CC6600;
	display:inline;
	font-size:100%;
	font-weight:bold;
	line-height:1.9em;
	padding:0 0 0 20px;
}
.blogbody {
	padding-left:72px;
}
.blogcontent{
	padding-right: 30px;
}
.blogimgs {
	display: block;
	float: right;
	width: 390px;
}
.blogimgs .titlepic {
	margin: 0 0 10px 10px;
}
.paging div {
	display: inline;
	background-color: #B89019;
	padding: 6px;
	margin: 0 5px;
	color: #fff;
}
#content .paging div a {
	color: #fff;
}
#content .paging div.disabled {
	color: #E5D6A8;
}
.titlepic {
	float: right;
	width: 120px;
	height: 118px;
	background: #7c745d url(/img/blogimage.png) center no-repeat;
	margin-left: 20px;
}
.titlepic img {
	margin: 4px 5px; 
}
.blogbodybody .blogcontent {
	margin-left: 72px;
	margin-right: 390px;
}

.paging {
	margin: 2em auto 0 auto;
	clear: both;
	text-align: center;
}
#crubms {
	overflow: hidden;
	margin: 20px 0 0 0;
	font-size: 90%;
}
#crubms strong {
	font-weight: bold;
	color: #cc6600;
}
.FBConnectButton_Simple, .FBConnectButton_RTL_Simple {
	padding-right: 20px;
	padding-left: 0;
	margin: 0;
	background-position: right center;
}
.FBConnectButton_Text_Simple {
	margin: 0 !important;
}
.two_cols {
	width: 100%;
	clear: both;
}
.two_cols .frst_col {
	width: 59%;
	float: left;
}
.two_cols .second_col {
	width: 39%;
	float: left;
}
.two_cols .bargraph {
	width: 100%;
}
.two_cols .bargraph div {
	display: block;
	clear: both;
	float: none;
	height: 17px;
	line-height: 17px;
	width: 100%;
	margin-bottom: 10px;
}
.bargraph div strong {
	height: 17px;
	display: block;
	float: left;
}
.bargraph div em {
	height: 17px;
	float: left;
	display: block;
	font-style: normal;
	width: 5em;
}
.bargraph div span {
	display: block;
	float: left;
	height: 17px;
	background: #999900 url(/img/shop/bg_bar.png) left top repeat;
	margin-right: 10px;
}
.bargraph div.val0 span {
	width: 0;
}
.bargraph div.val1 span {
	width: 27px;
}
.bargraph div.val2 span {
	width: 54px;
}
.bargraph div.val3 span {
	width: 81px;
}
.bargraph div.val4 span {
	width: 108px;
}
.bargraph div.val5 span {
	width: 135px;
}
.frst_col dt {
	float: left;
	margin-right: 10px;
	vertical-align: middle;
	clear: left;
}
h2.cross {
	color: #cc6600;
	font-size: 117%;
}
.marg {
	margin-top: 1em;
}
.ocustom_pics {
	margin-bottom: 2em;
}
#customers_content {
	width: 640px;
	float: left;
}
#customersside {
	float: right;
	margin-right: -10px;
	width: 262px;
}
#customersside .box1 {
	margin-top: 35px;
	min-height: 100px;
	padding-bottom: 2em;
	width: 259px;
	background-color: #e2ce92;
	overflow: hidden;
	background: #e2ce92 url(/img/bg_box1.png) left top repeat-y;
}
#customersside .box1 strong {
	position: relative;
	width: 259px;
	height: 69px;
	overflow: hidden;
	display: block;
	color: #999900;
}
#customersside .box1 strong span {
	display: block;
	width: 259px;
	height: 69px;
	position: absolute;
	left: 0;
	top: 0;
	background: #e5d6a8 url(/img/customerstitle_cze.png) left top no-repeat;
}
#customersside .box1 a {
	display: block;
	margin-top: 17px;
	margin-left: 17px;
	
}
#customersside .box1 a.cur {
	text-decoration: none;
	font-weight: bold;
}
#customboxes {
	width: 100%;
}
#customboxes div {
	float: left;
	background-color: #f6e3ac;
	width: 305px;
	padding: 0 0 15px 0;
}
#customboxes div h3 {
	height: 46px;
	line-height: 46px;
	display: block;
	padding: 0 15px;
	margin: 0;
	overflow: hidden;
	color: #fcefc7;
	border-bottom: 1px solid #e5d6a8;
}
#customboxes div.designersbox h3 {
	background-color: #e3b836;
}
#customboxes div.ridersbox h3 {
	background-color: #938718;
}
#customboxes div.designersbox {
	margin-right: 24px;
}
#customboxes div p, #customboxes div img {
	margin-left: 15px;
	margin-right: 15px;
}
#customboxes div img {
	border: 5px solid #fff;
	overflow: hidden;
	width: 50px;
	height: 50px;
	float: left;
}
#customboxes div a {
	line-height: 50px;
	height: 50px;
	display: block;
	float: left;
}
#customboxes div.cleaner {
	float: none;
	padding: 0;
}
#customboxes div .buttonek {
	float: none;
	clear: both;
	display: block;
	margin: 25px auto 0 auto;
	height: 35px;
	line-height: 35px;
	width: 205px;
	line-heihgt: 35px;
	text-align: center;
	color: #fff;
}
#customboxes div.designersbox .buttonek {
	background: #e3b836 url(/img/bg_designerbuttonek.png) center no-repeat;
}
#customboxes div.ridersbox .buttonek {
	background: #938718 url(/img/bg_riderbuttonek.png) center no-repeat;
}
#customboxes div.fullwidth {
	width: 100%;
}
#customboxes div.fullwidth div {
	width: 305px;
}
.map_part {
	float: left;
}
.map_frame {
	float: right;
	margin-right: 150px;
	overflow: hidden; 
}
.padded {
	margin-bottom: 20px;
}
.toppad {
	margin-top: 10px;
	display: block;
}
.product_box.centered {
	margin: 0 auto;
	float: none;
}