/* v1.0 | 20080212 */
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, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline; background: transparent;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}

sup {font-size: 0.6em;}

body#mainBody {
	background-image: url(bg.jpg);	 
	background-position: top left;
  	background-repeat: repeat-x;	
	text-align: center; 
	background: url(site-bg.jpg) repeat-x ; background-color:#143b04;
	color: #000;
	height:100%;
	font-family: Verdana, Tahoma, sans-serif;	
	padding:0px; margin:0px; border: 0px; 
}
#mainBody * { padding:0px; margin:0px; }
#mainBody div.clear{ clear: both; }

#container {background: url(top-line.gif) top repeat-x ; margin: 0; padding: 0;}
div#mainPage{width:931px; margin:0px auto 5px auto; padding:0px 0px 0px 0px; text-align: left;}


/*TOP LINKS*/
/*div#topLinks{ margin:0px 0px 0px 365px; clear:both; background-color: transparent; color:#828282; text-align:right; font-size:0.7em; font-weight: normal; overflow:hidden; position:absolute;  z-index:5;}
#topFlash {position: absolute;z-index: -1; }*/
#topLinks {position: absolute; z-index:2; margin:0px 0px 0px 425px; clear:both; background-color: transparent; color:#828282; text-align:right; font-size:0.7em; font-weight: normal; overflow:hidden; }
#topFlash {position: absolute; z-index:1;}
#topLinks a{ color:#c6c6c6; text-decoration:none; }
#topLinks a:hover{ text-decoration:underline; }
#infoMenuPanel {margin-top: 10px;}
#infoMenuPanel li {display: inline;}
#infoMenuPanel li a {margin: 2px; padding: 6px; background: #133800; font-size:1.1em; display:block; float:left;}
 	
/*TOP PANEL*/
div#topPanel{ margin:0px 0px 0px 0px; width:931px; height:198px; color:#828282; text-align:left; font-size:0.8em; font-weight: bold; background: url(top-line.gif) top repeat-x #fff;}
#topPanelLogo{ width:188px; height: 174px; float:left; background: #f4edd0; margin: 21px 2px 2px 1px;}
#topPanelLogo a{ margin: 44px 0px 0px 0px; display:block; width:187px; height:78px; overflow:hidden; background-image: url(logo.gif); background-position: top left; background-repeat: no-repeat; }
#topPanelLogo img{ margin: 44px 0px 0px 35px; float:left; }
#topPanelLogo h2{ font-size: 1.0em; color: #007597; font-weight:normal; width:195px; padding:0px 0px 0px 35px; }
#topPanelMenu{ width:661px; float:right; text-align:left;  }
#topPanelMenu ul{ margin:0px 2px 0px 0px; float:right; }
#topPanelMenu li{ list-style-type: none; width:155px; height:164px; float:left; margin: 0px 0px 0px 6px; text-align:center; }
#topPanelMenu strong{ margin:3px 3px 0px 3px; width:140px; height:50px; display:block; color: #fff; overflow:hidden; font-weight:bold;  font-size:1.1em; }
#topPanelMenu a{ display:block; width:151px; }

#topPanelFlash {width: 737px; height: 195px; float: left; /*background-image: url(flholder.jpg);*/ margin: 0 0 0 1px;}


/* HLAVNI MENU */
div#mainMenuHolder{width: 188px; overflow:hidden; /*background-color: #9edc36;*/ font-weight: bold; color: #fff; float: left; margin: 0 0 0 1px;}
#mainMenuPanel  a{ color: #373737; text-decoration: none; font-size:0.8em; }
#mainMenuPanel  a:hover{ color: #e5620c; }
#mainMenuPanel ul{ list-style-type: none; float:left; margin:0px 0px 0px 0px; height: 23px; color: #fff; overflow:hidden; }
#mainMenuPanel li{ list-style-type: none; float:left; padding: 2px 8px 0px 8px; height: 23px; margin:0px 3px 0px 0px; background-image: url(../../images/mainmenu_bg.gif); background-repeat: repeat-x; background-position: top left; }
#mainMenuPanel .selectedLi{ border-top:4px Solid #d4921c; list-style-type: none; float:left; padding: 0px 8px 0px 8px; background: #f6f6f6;}

#leftMenuButtons {width: 34px; overflow:hidden; display:block; float:left;}
li#item7 {width: 34px; height: 168px; float: left; display: block; overflow:hidden;}
li#item8 {width: 34px; height: 168px; float: left; display: block; overflow:hidden;}
li#item51 {width: 34px; height: 168px; float: left; display: block; overflow:hidden;}
li#item7 a {width: 34px; height: 168px; float: left; display: block; overflow:hidden; background-image: url(mi7off.gif); text-indent:-1000px;}
li#item8 a {width: 34px; height: 168px; float: left; display: block; overflow:hidden; background-image: url(mi8off.gif); text-indent:-1000px;}
li#item51 a {width: 34px; height: 168px; float: left; display: block; overflow:hidden; background-image: url(mi51off.gif); text-indent:-1000px;}
#leftMenuButtons li#item7 a.selected {width: 34px; height: 168px; background-image: url(mi7on.gif); text-indent:-1000px; display:block;}
#leftMenuButtons li#item8 a.selected {width: 34px; height: 168px; background-image: url(mi8on.gif); text-indent:-1000px; display:block;}
#leftMenuButtons li#item51 a.selected {width: 34px; height: 168px; background-image: url(mi51on.gif); text-indent:-1000px; display:block;}

#leftTopLinks{ margin: 38px 24px 0px 35px; }


/*HLAVNI OKNO*/
div#contentHolder{ margin:0px 0px 0px 0px; padding:0px 0px 50px 0px; width:931px; background: url(contentbg2.gif) repeat-y; background-color:#fff; overflow:visible; filter:alpha(opacity=98); -moz-opacity:0.98; -khtml-opacity: 0.98; opacity: 0.98;}


/*LEVY PANEL*/
div#contentLeftPanel{ }
ul#subMenu{ width: 154px; float:right; overflow: hidden; background: #9ebd47; }
#subMenu li {border-bottom: 1px dotted #e2e0c9; padding: 8px 0 3px 0; margin-left: 11px;}
#subMenu li a {color: #206040; text-decoration:none; font-weight:normal; font-size:0.9em; display:block; padding-bottom:4px;}
#subMenu li a:hover {color: #fff; text-decoration:none; font-weight:normal; font-size:0.9em; display:block; padding-bottom:4px;}
#subMenu li span.subLine {font-size: 0.6em; line-height:1.1em; display:block;}
/*#subMenu ul{ padding: 0px 0px 0px 7px; color: #373737; list-style-type: none; }
#subMenu li{ font-size: 0.8em; padding: 4px 0px 4px 0px; }
#subMenu a{ color: #005a84; width:154px; display:block; float:left; text-decoration:none; }
#subMenu a:hover{ color: #9c9b9b;  text-decoration:underline; }
#subMenu .selected{ text-decoration:underline; }

#assistent{ background:transparent; margin: 38px 24px 0px 35px; padding: 0px; text-align:right; border-bottom:1px Solid #e0e0e0; }
#assistent strong{ text-align:right; margin: 0px 0px 0px 0px; color:#4694af; padding: 2px 8px 1px 8px; font-size:0.9em; background-image: url(../../images/assistent_top_bg.gif); background-repeat: no-repeat; background-position: top left; display:block; }
#assistent div{ background-image: url(../../images/assistent_bg.gif); background-repeat: repeat-y; background-position: top left; margin: 0px 0px 0px 0px; padding: 16px 10px 16px 16px; display:block; font-size:0.8em; }
#assistent img{ float:left; }
#assistent a{ color: #000; font-weight:bold; }
#assistent a:hover{ color: #005a84; }*/

div.imageCard {float: left; width: 180px; height: 130px;}
div.imageMidCard {float: left; width: 240px; height: 200px;  font-size: 0.8em;}
div.imageMidCard div.inside {height: 173px;}
div.imageMidCard p {width: 180px;}
ul.buletted {}

/*OBAHOVY PANEL*/
#contentMainPanel{ float:left; width:737px; text-align:left; margin: 0px 2px 2px 2px; padding:0px; text-align:left; }
#subMenuPath{ font-size: 0.7em; font-weight: normal; color: #4a7386; text-transform: lowercase; margin: 0px 0px 20px 0px; }
#subMenuPath a{ color: #4a7386; }

#contentPanelInside{ margin: 0px 2px 0px 0px; text-align:left; padding:0px; }
#textPanel{ padding: 0px; margin: 5px 0px 0px 5px; overflow:hidden; clear:both;}
#textPanel .articleHeader{ color:#8dd613; font-size:1.1em; margin:0px 0px 0px 0px; font-family: trebuchet MS, tahoma, sans-serif; }
#textPanel .articleSource{ color:#e80101; font-size:0.8em; margin:0px 0px 5px 0px; display:block; }
#textPanelBig{ padding: 0px; margin: 0px 0px 0px 0px; overflow:hidden; clear:both; float:left; width:610px; }
#textPanelBig .articleHeader{ color:#8dd613; font-size:1.1em; margin:0px 0px 0px 0px; font-family: trebuchet MS, tahoma, sans-serif; }
#articleImages{ width:250px; float:left; }
/*
#subMenuOnly{ margin: 30px 0px 0px 20px; color:#e80101; }
#subMenuOnly li{ padding: 0px 0px 3px 0px;}
#subMenuOnly h2{ font-size: 0.8em; color:#e80101; }
#subMenuOnly a{ color: #e80101; text-decoration:none; }
*/
/*reference */
#categoryProducts{ margin: 5px 5px 0px 5px; }
#categoryProducts .product{ margin:15px 0px 15px 0px; padding: 0px 0px 0px 30px; clear:both; float:left;  width:620px; }
#categoryProducts .link{ margin:0px 0px 0px 0px; font-size:0.8em; text-transform:uppercase; color:#8dd613; text-decoration:none; }
#categoryProducts .link:hover{ text-decoration:underline;}
#categoryProducts h2{ margin:5px 0px 5px 0px; font-size:0.9em; color:#e80101; }
#categoryProducts h3{ padding:5px 0px 5px 0px;}
#categoryProducts h4{ padding:20px 0px 5px 0px;}
#categoryProducts .detailHeader{ margin:5px 0px 5px 0px; font-size:1.1em; color:#e80101; }
#categoryProducts a{ color:#E80101; text-decoration: none}
#categoryProducts a{ text-decoration:underline;}
#categoryProducts span{ color:#000; font-size:0.8em; }
#categoryProducts .moreInfo{ color:#656565; font-size:0.8em; text-decoration: none; font-weight:bold; }
#categoryProducts .moreInfo:hover{ text-decoration: underline; }
#categoryProducts .imgHolder{ margin:0px 15px 0px 0px; width:170px; float:left; overflow: hidden;}
#categoryProducts .detailImgHolder{ margin:0px 15px 30px 0px; }
#categoryProducts img{ border:1px Solid #d6d6d6; padding:3px; margin:0px 15px 0px 0px; }
#categoryProducts .detailImg{ border:1px Solid #d6d6d6; padding:3px; margin:0px 15px 15px 0px; }
#categoryProducts .descp{ margin:0px 0px 0px 0px; font-size:0.9em; float:left; width: 420px; }
#categoryProducts .textHolder{ margin:20px 0px 0px 0px; font-size:1.0em; float:left; width: 380px; }
#categoryProducts .annotate{ margin:0px 0px 0px 0px; font-size:0.8em; display:block; color:#656565; width: 400px;  overflow:hidden; }
#categoryProducts .articleHeader{ color:#8dd613; font-size:1.0em; margin:0px 0px 0px 0px; }

/* mapa stranek */
h1#sitemapHeader{ color:#8dd613; font-size:1.0em; margin:0px 0px 0px 0px;}
ul#sitemap{ margin: 20px 0px 0px 0px; list-style:none; color:#828282; text-decoration:none; font-weight: normal; font-size:0.8em; }
#sitemap li{ margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; text-transform:uppercase; }
#sitemap .innerUl{ list-style:none; margin:0px 0px 0px 0px;}
#sitemap .innerLi{ text-transform:none; margin: 0px 0px 0px 20px; }
#sitemap a{ color:#828282; text-decoration:none; font-weight: normal; font-size:1.0em; }
#sitemap a:hover{ text-decoration:underline;}

/* Skupina claku */
#contentPanelInside .articlelistHeader{ color:#8dd613; font-size:1.1em; margin:0px 0px 0px 0px; font-family: trebuchet MS, tahoma, sans-serif; } 
#articleList{ margin:10px 0px 0px 0px; font-size:0.8em; }
#articleList span{ }
#articleList h2{ font-size:1.1em; font-family: trebuchet MS, tahoma, sans-serif; padding-bottom: 5px; }
#articleList h3{ font-size:1em; font-family: trebuchet MS, tahoma, sans-serif; padding:10px 0 5px 0; }
#articleList a{ color:#e80101; }
#articleList p{}
#articleList p a{ color:#8dd613; }
#articleList .article {padding: 5px 30px 20px 0px;}
#content {width: 500px; float:left;}
#image-holder {float: left; width: 230px;}
#articleList .articlePublished {padding: 5px 10px 5px 0; text-align: right; color:#999999;}
#articleContent .article-part {clear: both; display:block;}
#articleContent .text {width: 450px; float: left;}
#articleContent .gallery {width: 250px; float: left; text-align:center;}
#articleContent .texts {width: 350px; float: left;}
#articleContent .galleryb {width: 350px; float: left; text-align:center;}
#articleContent .galleryb img {padding: 5px;}
#articleContent .gallery img {padding: 5px;}
#articleContent .productCard {width: 180px; float: left; height: 180px; margin-top: 40px; margin-right: 20px; background:#F6F1DF; text-align:center;}
#articleContent .productCard h3 {padding: 10px 0 5px 0;}

/* Objednavkovy formular */
#orderForm{ margin: 20px 1px 20px 0px; }
#orderForm fieldset{ border:1px Solid #e1e1e1; padding:0px 10px 10px 15px; }
#orderForm legend{ font-size:0.7em; color:#8a8a8a; padding:15px 2px 15px 2px; }
#orderForm input{ border:1px Solid #000; background:#d4ebf6; }
#orderForm .submit{ border:1px Solid #000; background:#f72900; color:#fff; font-weight:bold; margin: 30px 0px 10px 0px; padding: 1px 5px 1px 5px; }
#orderForm textarea{ border:1px Solid #000; background:#d4ebf6; }
#orderForm .inputRadioNoBorder{ border:none; padding:0px; margin:0px; background:#d4ebf6;}
#orderForm select{ border:1px Solid #000; background:#fff; background:#d4ebf6;}
#orderForm .fullWidth{ width:350px; }
#orderForm label{ font-size:0.8em; margin:0px; padding:0px; color:#8dd613; }
#orderForm p{ margin: 3px 0px 10px 0px; font-size:0.7em; color:#000; font-style:italic; }
#orderForm h3{ font-size:0.8em; margin:0px; padding:0px; color:#8dd613; font-weight:normal; }


#loginForm {width: 300px; margin: 30px 30px 30px 160px; padding: 30px; background:#113801; color:#FFFFFF; text-align:center; font-size:0.9em;}
#loginForm fieldset {text-align: right; padding: 10px; border: 1px solid #ccc;}
#loginForm label, #loginForm input {  margin: 5px 0 3px 0;}
#loginForm input.logIn {margin: 10px 0 10px 0px; width: 70px;}

#usserLogged {width: 300px; margin: 30px 30px 30px 160px; padding: 30px; background:#113801; color:#FFFFFF; text-align:center; font-size:0.9em;}
#usserLogged fieldset {text-align: right; padding: 10px; border: 1px solid #ccc;}

div.address {width: 250px; float: left;}
div.columnHolder {width: 440px; float: left;}
div.column {width: 215px; float: left;}

/*ZAHLAVI*/
div#footer{text-align:center; padding: 20px 0px 14px 0px; margin: 0px 0px 5px 0px; font-size:0.7em; color:#949494; clear:both; overflow:visible; background: url(footend.gif) bottom no-repeat #f3f5f2; }
div#footer p img {padding: 3px 10px 3px 5px;}

#footer a{ text-decoration: underline; color:#949494; font-weight:bold; }