body {
	font-family: Arial, helvetica, sans-serif;
	background-color: #FFF;
	height: 100%;
}
/* fix disapear-bugu v ie */
* html .fix { height: 0.01%; }

/* vztazna soustava */
div.relative {position: relative;}
div.static {position: static;}


/* temp & help*/
xdiv {margin: 0px; padding: 0px; background-color: yellow;}
div.wrap {width: auto; height: auto;}

/* design home */
#body-bg		{background:url(/img/2008/body_bg.gif) repeat-x top;}
#main-outer	{background:url(/img/2008/mainouter_bg.gif) repeat-y center;}
#outerart		{background:url(/img/2008/stripmotives.jpg) no-repeat center top;}
#main-white	{margin:auto;width:996px;background-color:#FFF;}
#main-grey 	{margin: 0 12px;	background-color: #929393;}

/* design sub */
#sub-body-bg		{background:url(/img/2008/subbody_bg.gif) repeat-x top;}
#main-outer	{background:url(/img/2008/mainouter_bg.gif) repeat-y center;}
#sub-outerart		{background:url(/img/2008/substrip_motives.jpg) no-repeat center top;}
#main-white	{margin:auto;width:996px;background-color:#FFF;}
#main-grey 	{ top: 0px; left: 0px;	margin: 0 12px;	background-color: #929393;}

#main {
 	background-color: #FFF;
}


/* li - fix <li> background bugu */
div, li {position: relative;}
#content div {position: static;}

/*
## zahlavi
*/

#lang-strip {
	background: #E8E8E8 url(/img/2008/strip_lang.gif) no-repeat;
	height: 63px;
  margin-bottom: 1px;
}
	#langs { float: right; display: block; margin-right: 4px;}
	#langs span.item { float: left; display: block; padding-top: 30px;
									padding-right: 1px;
									background: url(/img/2008/lang_sep.gif) no-repeat top right;}
	#langs span.active {border-top: solid 6px #A3A3A3;padding-top: 24px;}
	#langs span.item-first, #langs span.item-last {padding-right: 0px;background: none;}
	#langs a {margin: 0 7px;	font-size: 0.92em; color: #464646;}
	/*#langs a:hover,*/
  #langs a:hover {text-decoration: none;}
	#langs .active a {font-weight: bold;}
	#langs .wob {float:left;background: url(/img/2008/st_worldofbranaldi.gif) no-repeat bottom; width: 90px; padding: 0 7px 0 0px; height: 44px;}

#header {height: 194px; margin-bottom: 9px;}

#logo {width: 220px; float:left;}

#search-box {
	width: 220px;
	height: 64px;
	overflow: hidden;
	background: #909295 url(/img/2008/cs/bg-search-box.gif) left top no-repeat;
	padding: 0px;
	margin: 1px 0 0 0;
}

	#search-box form,
	#search-box fieldset,
	#search-box legend {
		padding: 0px;
		margin: 0px;
	}

	#search-box fieldset {
		border: none;
		display: block;
		padding: 32px 20px 10px 21px;
	}
	#search-box legend {
		display: none;
	}
	#search-box label {
		display: none;
	}

	#search-box input.input-text {
		width: 100px;
		_width: 95px;
		padding: 3px 2px 2px 20px;
		border: 1px solid #7d7e7f;
		background: #f9f9f9 url('/img/2008/bg-search-input.gif') left bottom no-repeat;
		float: left;
	}

	#search-box input.submit {
		border: 1px solid #b6b7b8;
		background: #828282;
		color: #fff;
		padding: 1px 1px;
		text-align: center;
		float: right;
	}

/* strip */
#home-strip {float: right;width: 752px; height: 223px; background: url(/img/2008/cs/home_strip.gif) no-repeat;}
#home-strip .pad {padding-top: 30px;}
	#home-strip .contact {
		width:130px;padding-top: 108px;height: 50px;
		float:right; text-align: right;
	}
	
	#home-strip .ssi-1 ul li a,
	#home-strip .ssi-2 ul li a,
	#home-strip .ssi-3 ul li a { font-size: 11px; }
	
	#home-strip .contact a {display: block;width: 100%; height: 50%;}
	#home-strip .contact a span {display: none;}
	#home-strip .ssi-1 {width:191px;float: left}
	#home-strip .ssi-2 {width:189px;float: left}
	#home-strip .ssi-3 {width:188px;float: left}
	#home-strip ul {list-style: none; display: block;}
 	#home-strip h3 a {display: block; width: 100px; height: 50px;margin-left: 9px;}
 	#home-strip h3 a span {display: none;}
  	#home-strip ul ul {margin-top: 25px; line-height: 1.5em;}
 	#home-strip .ssi-1 ul li {background: url(/img/2008/arr_hs_red.gif) no-repeat left 0.5em;
	 													padding-left:12px; margin-left: 23px; color: #FFF;}
	#home-strip .ssi-1 ul li a {color: #FFF;}
	#home-strip .ssi-2 ul li {background: url(/img/2008/arr_hs_grey.gif) no-repeat left 0.5em;
 	  												padding-left:12px; color: #252525;margin-left: 23px;	 }
	#home-strip .ssi-2 ul li a {color: #252525;}
 	#home-strip .ssi-3 ul li {background: url(/img/2008/arr_hs_yell.gif) no-repeat left 0.5em;
	 													padding-left:12px; color: #50421B;margin-left: 25px;}
	#home-strip .ssi-3 ul li a {color: #50421B;}

#sub-strip {float: right;width: 752px; height: 90px; }
	#sub-strip .contact {
		width:184px;height: 90px;
		background: url(/img/2008/cs/strip_contact.gif) no-repeat;
		float:right; text-align: right;
	}
	#sub-strip .contact a {display: block;width: 100%; height: 50%;}
	#sub-strip .contact a span {display: none;}
	#sub-strip .ssi-1 {width:191px;height: 90px;background: url(/img/2008/cs/strip_stojany.gif) no-repeat; float: left}
	#sub-strip .ssi-2 {width:189px;height: 90px;background: url(/img/2008/cs/strip_tisk.gif) no-repeat; float: left}
	#sub-strip .ssi-3 {width:188px;height: 90px;background: url(/img/2008/cs/strip_krabicky.gif) no-repeat; float: left}
	#sub-strip ul {list-style: none; display: block;}
 	#sub-strip h3 a {display: block; width: 100px; height: 50px;}
 	#sub-strip h3 a span {display: none;}

/* basic boxes*/
#login {
	width: 178px;
	height: 194px;
	background: url(/img/2008/login_bg.gif) no-repeat;
	float: right;
}
	#login .pad {_height: 1px; margin: 26px 13px 0 18px;}
	#login fieldset {border: 0px; padding: 0px; margin: 0px;}
	#login form {padding: 0px; margin: 0px; }
	#login h3 {height: 30px; background: url(/img/2008/cs/h3_login.gif) no-repeat;}
	#login h3 span {display: none;}

	#login .input-wrap {margin: 0 0 5px 0; /*height: 21px; */text-align: left;}

	#login label {color: #5B5B5B; margin-right: 5px; display: block;}

	#login .input-bg-login .login-input {background:  url(/img/2008/inp_login.gif) no-repeat left;}
	#login .input-bg-passw .login-input {background:  url(/img/2008/inp_pass.gif) no-repeat left;}

	#login .login-input {
		width: 125px; _width: 145px; height: 17px;
		vertical-align: middle; background-color: transparent;
		border:  none;	 margin: 0px 3px 0 0px; padding: 3px 0 1px 20px;
		}

	#login .submit-wrap {text-align: right; margin: 2px 3px 5px 0;}

	#login .a-login-submit,
	#login .login-submit {
			border: solid 1px #C6B78D; color: #494949; font-weight: bold;
			background: #D9CEAB url(/img/2008/login_submit.gif) no-repeat center left;
			/*width: 77px;  */height: 19px; line-height: 16px; padding: 0px 3px 0 15px;
	}
	#login .a-login-submit {padding: 1px 11px 1px 19px; line-height: 19px; text-decoration: none;}

	#login .links {text-align: right; padding: 0px; line-height: 1.25em; margin-top: 13px;}
	#login .links a {color: #5B5B5B; padding-left: 13px; background: url(/img/2008/arr_bx_linx.gif) no-repeat left center;}

	#login .logas, #login .logged, #login .last-in { color: #5B5B5B; padding: 0 0 5px 0;}
	#login .logged {font-weight: bold;}
	
	#login .bad {color: red; font-weight: bold;}


/* menu */
#left-column {width: 220px; float: left;}

#menu {width: 220px; padding-bottom: 19px; background: #ECECEC;
			min-height: 434px;
			height: auto;
			}

* html #menu {
	height: 434px;
}


#menu ul {
 list-style-type: none;
 margin: 0px; padding: 0px;
}
/* 1st level items*/

#menu li {
	display: block;
	width: 220px;
  border: solid 1px white;
  border-width: 0 0 1px 0;
}

	#menu li a {
		display: block;
		font-size: 1em;
		color: #4C4C4C;
		text-decoration: none;
		border-left: solid 7px;
		padding-left: 15px;
		padding: 0.5em 1em 0.5em 15px;
		background: #ECECEC url(/img/2008/menuitem_bg.gif) repeat-y left;
	}

* html #menu li a{
	height: 15px;
}


/* 1-line
	#menu li a {
		display: block;
		height: 27px;
		line-height: 26px;
		font-size: 1em;
		color: #4C4C4C;
		white-space: nowrap;
		text-decoration: none;
		border-left: solid 7px;
		padding-left: 15px;
		background: #ECECEC url(/img/2008/menuitem_bg.gif) repeat-y left;
	}
/**/

	#menu li a .online {font-weight: bold; color: #EC2C22;}
	#menu li a.active .online,
	#menu li a:hover .online {font-weight: bold; color: #FFF;}

	#menu li.red a {border-left-color: #EB352C;}
	#menu li.red a .sub {padding-right: 13px; background: url(/img/2008/ismenu_red.gif) no-repeat right center;}
	#menu li.red a.active,
	#menu li.red a:hover {border-left-color: #C20900; background: #EB352C url(/img/2008/mi_act.gif) repeat-y left;
												color: #FFF;}
	#menu li.red a.active .sub,
	#menu li.red a:hover .sub {background-image: url(/img/2008/ismenu_reda.gif);}

	#menu li.yell a {border-left-color: #CABE95;}
	#menu li.yell a .sub {padding-right: 13px; background: url(/img/2008/ismenu_yell.gif) no-repeat right center;}
	#menu li.yell a.active,
	#menu li.yell a:hover {border-left-color: #948348; background: #D2C7A1 url(/img/2008/mi_act.gif) repeat-y left;
												color: #4C4C4C;}
	#menu li.yell a.active .sub,
	#menu li.yell a:hover .sub {background-image: url(/img/2008/ismenu_yella.gif);}

	#menu li.grey a {border-left-color: #B3B3B3;}
	#menu li.grey a .sub {padding-right: 13px; background: url(/img/2008/ismenu_grey.gif) no-repeat right center;}
	#menu li.grey a.active,
	#menu li.grey a:hover {border-left-color: #484848; background: #919191 url(/img/2008/mi_act.gif) repeat-y left;
												color: #FFF;}
	#menu li.grey a.active .sub,
	#menu li.grey a:hover .sub {background-image: url(/img/2008/ismenu_greya.gif);}

/* 2nd level */

#menu ul ul li {
  border-width: 1px 0 0 0;
}
	#menu ul ul li a {color: #4C4C4C;}
	#menu ul ul li a span {padding: 0 0 0 12px;}

	#menu ul li.red ul li a.active,
	#menu ul li.red ul li a:hover {color: #4C4C4C; border-left-color: #EB352C; background: #E1E1E1 url(/img/2008/mis_act.gif) repeat-y left;}
	#menu ul li.yell ul li a.active,
	#menu ul li.yell ul li a:hover {color: #4C4C4C; border-left-color: #CABE95; background: #E1E1E1 url(/img/2008/mis_act.gif) repeat-y left;}
	#menu ul li.grey ul li a.active,
	#menu ul li.grey ul li a:hover {color: #4C4C4C; border-left-color: #B3B3B3; background: #E1E1E1 url(/img/2008/mis_act.gif) repeat-y left;}
	#menu ul li ul li a.active span,
	#menu ul li ul li a:hover span {background: url(/img/2008/iss_act.gif) no-repeat left center;}

  #menu ul li ul.hidden {display: none;}



/********************************************************************/

#home-content {
	width: 752px; float: right;
	background: url(/img/2008/home_cnt_bg.gif) repeat-x top;
}

#sub-content {
	width: 752px; float: right;
	background: url(/img/2008/sub_cnt_bg.gif) repeat-x top;
}

#navigator {padding: 0 0 0 21px; font-size: 0.92em;}
	#navigator, #navigator a {color: #6A6A6A; }
	#navigator .sep {padding: 0 5px;}

#content {
	background: #FFF url(/img/2008/content_bg.gif) no-repeat top;
 	margin: 15px 0 0 21px;
 	padding: 15px 0 0 0;
 	width: 524px;
 	color: #4D4C4C;
	min-height: 300px;
	height: auto;
}

.content-pad {
	padding: 0 16px 0 17px;
}

.content-pad-wide {
	padding: 0 1px 0 1px;
}

* html #content {
	height: 300px;
}



/* BOXES ***************************************************************/

#sub-content #right-column {
	width: 177px; float: right;
}

#box-about {
	float: left;
	margin-left: 20px;
	_margin-left: 10px;
	font-size: .92em;
	color: #262626;
	width: 353px;
	/*height: 235px;*/
	background: #f4f4f4 url(/img/2008/box_about_bg.jpg) bottom right no-repeat;
}

	#box-about h3 {height: 30px; background: url(/img/2008/cs/h3_about.gif) no-repeat;}
	#box-about h3 span {display: none;}
	#box-about .pad {padding: 10px 15px 10px 99px;}
	#box-about p { line-height: 1.5em; margin-bottom: 1.2em; padding: 0px;}
	#box-about ul {padding: 0.4em 0 0 0; margin: 0px; line-height: 1.5em;}
	#box-about li {color: #E6271D;list-style-type: none; padding-left: 11px;
									background: url(/img/2008/arr_bx_about.gif) no-repeat left center;	width: 100px; float: left;}

#box-news {
	font-size: .92em;
	color: #262626;
	width: 177px;
	/*height: 235px;*/
	background: #f3f4ef url(/img/2008/box_news_bg.jpg) bottom right no-repeat;
}

#home-content #box-news {
	float: left;
  margin-left: 12px;
}

#sub-content #box-news {
	background: #ffffff url(/img/2008/box_sub_news.gif) bottom right no-repeat;
	margin-bottom: 18px;
}

	#box-news h3 {height: 30px; background: url(/img/2008/cs/h3_news.gif) no-repeat;}
	#sub-content #box-news h3 {background: url(/img/2008/cs/h3_sub_news.gif) no-repeat;}

	#box-news h3 span {display: none;}
	#box-news .pad {padding: 13px 15px 10px 3px;}
	#box-news .wrap { /*height: 160px;*/ }
	#box-news ul {line-height: 1.3em; margin-bottom: 0.6em;}
	#box-news li {
		list-style-type: none; padding-left: 11px;
		background: url(/img/2008/arr_bx_news.gif) no-repeat left 0.3em;
	}
	#box-news li, #box-news li a {color: #4D4C4C; font-weight: bold;}
	#box-news .date {color: #D02A21; margin: 0.4em 0 0.2em 0; padding: 0px;}
	#box-news .bot-link {text-align: right;}
	#box-news .bot-link a {
		color: #4D4C4C; padding-left: 10px;
		background: url(/img/2008/bull_bx_news.gif) no-repeat left center;
	}

#box-linx {
	font-size: .92em;
	color: #262626;
	width: 177px;
	/*height: 235px;*/
	background: #f4f3ef url(/img/2008/box_linx_bg.jpg) bottom right no-repeat;
}

#home-content #box-linx {
	float: left;
  margin-left: 12px;
}

#sub-content #box-linx {
	margin-bottom: 18px;
}

	#box-linx h3 {height: 30px; background: url(/img/2008/cs/h3_linx.gif) no-repeat;}
	#box-linx h3 span {display: none;}
	#box-linx .pad {padding: 15px 30px 10px 3px;}
	#box-linx ul {line-height: 1.3em; margin-bottom: 0.6em;}
	#box-linx li {
		list-style-type: none; padding: 0 0 1.5em 11px;
		background: url(/img/2008/arr_bx_linx.gif) no-repeat left 0.3em;

	}
	#box-linx li a strong {color: #EB352C;}
	#box-linx li, #box-linx li a {color: #4D4C4C; font-weight: bold;}


#box-dict {
	font-size: .92em;
	color: #262626;
	width: 177px;
	height: 205px;
 	background: url(/img/2008/box_sub_dict.gif) no-repeat;
}

#home-content #box-dict {
	float: left;
  margin-left: 12px;
}

#sub-content #box-dict {
	margin-bottom: 18px;
}

	#box-dict h3 {height: 30px; background: url(/img/2008/cs/h3_dict.gif) no-repeat;}
	#box-dict h3 span {display: none;}
	#box-dict p {margin-bottom: 1.5em;}
	#box-dict .pad {padding: 15px 13px 10px 16px;}
	#box-dict .wrap {height: 130px;}
	#box-dict .bot-link {text-align: right;}
	#box-dict .bot-link a {
		color: #4D4C4C; padding-left: 10px;
		background: url(/img/2008/bull_bx_dict.gif) no-repeat left center;
	}
	#box-dict form {}
	#box-dict fieldset {border: 0px; margin: 0px; padding: 0px;}
	#box-dict select {
		border: solid 1px #929292; width: 100%;
		color: #5F5F5F;
		margin-bottom: 8px;
		background: #FFF url(/img/2008/tmp_sel_bg.gif) repeat-x bottom;
		padding: 1px;
	}

	#box-dict .submit {
		border: solid 1px #D3D3D3;
		background: #8B8B8B url(/img/2008/arr_grey_dictbxsub.gif) no-repeat 10px center;
		color: #FFF;
		font-weight: bold;
		padding: 2px 14px 2px 23px;
		_padding: 1px 0px 1px 8px;

	}
	#box-dict .submit-wrap {text-align: right;}


 /*******************************************************************/


#footer {font-size: 0.92em; clear: both;}

	#upper-ft {height: 71px; padding: 0px; color: #FFF;
						background: #7F8080 url(/img/2008/ft_itme.gif) no-repeat top right;

	}
	#upper-ft a {color: #F1F1F1;}
	#upper-ft .item {
		height: 71px;
		float: left;
		line-height: 1.17em;
	}
	#upper-ft .item .pad { padding: 14px 22px 0 22px; }
	#upper-ft .item1 {width: 220px; background: #7F8080 url(/img/2008/ft_itm1.gif) no-repeat bottom right;}
	#upper-ft .item2 {width: 187px; background: #7F8080 url(/img/2008/ft_itm2.gif) no-repeat bottom right;}
	#upper-ft .item3 {width: 187px; background: #7F8080 url(/img/2008/ft_itm3.gif) no-repeat bottom right;}
	#upper-ft .item4 {width: 187px; background: #7F8080 url(/img/2008/ft_itm4.gif) no-repeat bottom right;}
	#upper-ft .item5 {width: 191px;}

	#lower-ft {
		color: #C1C1C1;
		background-color: #929393;
		height: 2.5em;
		line-height: 2.5em;
		padding:  0 13px 0 22px;
	}
	#lower-ft a {color: #F1F1F1;}
	#lower-ft a.toplink {background: url(/img/2008/ft_toplink.gif) no-repeat left center; padding-left: 16px;
			float: right;}
	#lower-ft .sep {padding: 0 6px;}


/* contentual */

h1, h2.h1 {padding: 10px 0 1em 0; color: #DE2016; font-size: 1.5em; font-weight: bold; white-space: nowrap; }
/*
#2C2C2C
*/
h1 strong, h2.h1 strong {color: #DE2016;}
h1 span, h2.h1 span {border-top: solid 5px #BABBBD; padding-top: 5px; }

/* standard-vypis */

#list {margin: 25px 0 15px 0;}
	#list .odd {background-color: #F0F0F0;}
	#list .even {}
	#list .list-item {padding: 15px 0 0 17px; margin-bottom: 9px;	}
		#list h4 {font-size: 1em; font-weight: bold; margin-bottom: 10px;}
		#list h4 a {color: #2C2C2C;}
		#list p {font-size: 0.92em; color: #2C2C2C; line-height: 1.33em; margin: 0 17px 0 0; }
		#list .more {	height: 3em; clear: left;}
		#list .more a {color: #4D4C4C; display: block; float: right;
									background: #FFF url(/img/2008/bull_red.gif) no-repeat 13px center;
									padding: 0 15px 0 24px;height: 3em; line-height: 2.6em;
									}
		#list .image {width: 109px; text-align: center; background: #FFF; border: solid 1px #E7E7E7;
		        margin: 0 15px 6px 0; float: left; }
		#list .image img {margin: 0 15px; padding: 7px 0;}

/* detail */

#detail {margin-bottom: 20px;}

a.button-red {
	border: solid 1px #CF302F; padding: 2px 11px;
	background: #E24B43 url(/img/2008/button_red.gif) repeat-x bottom;
	color: #FFF; font-weight: bold; text-decoration: none; font-size: .92em;
}
a.button-red span {
	padding-left: 13px; line-height: 2em;
	background: url(/img/2008/arr_hs_red.gif) no-repeat left center;
}


	#detail-right {width: 147px; float: right; margin-top: 13px; }

	#detail-images {margin-top: 36px; text-align: left;}
	#detail-images img.big {margin-bottom: 27px;}
	#detail-images img.mini {
		padding: 0 6px; border: solid 1px #E8E8E9;
		background-color: #FFF; margin: 0 0 9px 0;}
	#detail-images img.odd {margin-right: 10px;}

	#detail .detail-txt {width: 324px; border-right: solid 1px #E8E8E9;}
	#detail .detail-txt .pad {padding-right: 22px;}

#detail .wysiwyg ul {padding-left: 0px; margin-left: 2px;}
#detail .wysiwyg ul li {padding-left: 11px; margin-bottom: 2px; font-size: 0.92em;}
#detail .wysiwyg ul li a {color: #CC1208;}



/* strankovac */
.numbers {
	padding: 13px 0 11px 0;
 	text-align:right;
}

.numbers-top {border-bottom: solid 1px #E2E3E3;margin-bottom: 1em;}
.numbers-bot {border-top: solid 1px #E2E3E3; margin-top: 1em;}

.numbers a, .numbers b {padding: 0.3em;}

.numbers a {
	color:#4D4C4C;
	text-decoration:underline;
}

.numbers b {
	font-weight: bold;
	color: #EB352C;
}

.numbers a.nxt, .numbers a.jmp {
	text-decoration: none;
	font-weight: bold;
	background-color: #F2F2F2;
	padding: 0 0.3em;
}

.numbers a.nxt {	margin: 0 0.3em;}
.numbers a.jmp {  color: #EB352C;}


/* specifickej list */

#product-list {

}


#product-list h2 a {color: #DE2016; font-size: 1em;}
#sublist {margin: 10px 0 20px 0;}
#sublist a {font-size: 1em; font-weight: bold; color: #4D4C4C;}

#product-list h2 {color: #4D4C4C; font-size: 1.17em; margin: 0.2em 0 1em 0; font-weight: bold;}

#product-list .produkt {width: 150px; float: left; margin: 0 20px 20px 0;}
#product-list .produkt h3 {font-size: 1em; font-weight: bold;margin-bottom: 2px;}
#product-list .produkt h3 a {color: #EB352C; padding-left: 15px; background: url(/img/2008/arr_wsw.gif) no-repeat 1px 0.3em;}
#product-list .produkt .image {padding: 14px 0; border: solid 1px #D7D7D7; margin-bottom: 8px;}
#product-list .produkt p {font-size: 0.92em; color: #4D4C4C; margin-left: 15px;}
#product-list .prod-last {margin-right: 0px;}
#product-list .cleanerx {clear: left;}

.podklad-h1 {background: url(/img/2008/h1_bgline.gif) repeat-x top}
.text-k-poptavce {float: left; width: 200px;}