@charset "utf-8";
/*----------------------------------------------------------------------------
	==[ TOC ]==
  1. Body       (tělo)
  2. Tags       (všeobecné prvky - h1, input, ...)
  3. Classes    (třídy pro vše platící - .clear, .float-x ..)
  4. Container  (rozvržení celé stránky)
  5. Header     (Hlavička)
  6. Sidebar    (postraní sloupec)
  7. Content    (obsah)
  8. Footer     (patička)
  9. Other      (ostatní)

	==[ Colors ]==
	1. #  - h1
	2. #  - h2	
	3. #  - a
----------------------------------------------------------------------------*/

/*-- [ 1. Body ] -----------------------------------------------*/
* {margin: 0; padding: 0;}
body  {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url(../images/back.png) top left repeat-x;
	color: #000000;
	text-align: center;
	margin:0 0 10px; 	
}
/*-- [ 2. Tags ] -----------------------------------------------*/
a {color:#333;}
h1 {font-size: 170%; color:#ff5000;}
h1 span{font-size:90%;}
h2 {font-size: 125%; color:#007334;}
h3 {font-size: 100%; color:#333;}
img {border:none; text-decoration:none;}
/*-- [ 3. Classes ] -----------------------------------------------*/
.float-r {float: right;}
.float-l {float: left;}
.clearfloat { 
	clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
	overflow: hidden;
}
.font-size-90 { font-size:90%;}
.font-size-85 { font-size:85%;}
.italic {font-style:italic;}
.display-none {display:none;}
.align-center {text-align:center;}
/*-- [ 4. Container ] -----------------------------------------------*/
#mainContainer { 
	width: 992px;  
	margin: 0 auto; 
	text-align: left;
} 
/*-- [ 5. Header ] -----------------------------------------------*/
#header {	position: relative; }
#header #logotype { position:absolute; top:30px; left:210px; width:200px; height:102px;}
#header #logotype span { display:none;} 
#header #top1 { height:127px;}
#header #top1 span { 
	position:absolute; top:0px; left:0px; 
	background:url(../images/top1.jpg) top left no-repeat;
	height:127px; width:975px;
}
#header #top1 p { position:absolute; left:30px; top:30px; color:#23a30c;}
#header #top2 {height:11px; overflow:hidden; background:url(../images/top2.jpg) left top no-repeat;} 

/*-- [ 6. Sidebar ] -----------------------------------------------*/
#sidebar {
	float: left; 
	width: 324px; /*IE6 fixed*/
	overflow: hidden;	 
}
#sidebar .menu-holder {	
	background:#4ddd25 url(../images/menu-back.jpg) top left repeat-y;
	margin-bottom:35px;
}
#sidebar .menu-holder .bg-img	{background:url(../images/side.jpg) top left no-repeat; }
#sidebar .menu-holder .bg-img-bottom {background:url(../images/menu-bottom-back.jpg) top left no-repeat; height:29px; margin-top:10px;}
#sidebar ul#menu-side {
	padding-top:350px;
	padding-left:30px;
	padding-right:15px;	
	list-style-type:none;
	line-height:2em;	
}
#sidebar ul#menu-side li { background:url(../images/menu-ico.jpg) left center no-repeat; padding-left:35px;}
#sidebar ul#menu-side a {color:#feffad ; text-decoration:none; font-weight:bold; }
#sidebar ul#menu-side a:hover {color:#01510a; text-decoration:underline;}
/*-- [ 7. Content ] -----------------------------------------------*/
#mainContent {
	float:right;
	width:622px;
	padding:15px 20px 25px;
} 
#mainContent.uvod {
	padding:0;
	width:662px;
}
#mainContent.uvod .cont-uvod { 
	padding:20px 20px 25px 30px;
}
#mainContent.uvod .cont-uvod p { padding-right:50px;} 
/* heading, anchor and paragraph margins*/
#mainContent h1 a {color:#007334; color:#ff5000;}
#mainContent h2, #mainContent h3 {margin: 0.6em 0 0.1em;} 
#mainContent p {padding:0.2em 0 0.5em; color:#333; line-height:140%;} 
#mainContent a {color:#333;}
#mainContent a:hover {color:#23a30c;}
#mainContent ul {margin:0 0 5px 20px;}
#mainContent ul li{margin:0 0 3px 0;}
/*-- [ 8. Footer ] -----------------------------------------------*/
#footer { 
	padding:10px 20px 10px;
	border-top:20px solid #23a30c; 
	color:#666;
	font-size:90%;
}
#footer .foot-l { float:left;}
#footer .foot-r { float:right;}
#footer .foot-l a, #footer .foot-r a { color:#444; text-decoration:none;}
#footer .foot-l a:hover, #footer .foot-r a:hover { color:#23a30c; text-decoration:underline;}
#footer .foot-menu { text-align:center;}
#footer .foot-menu a { color:#444; margin:0 5px;}
#footer .foot-menu a:hover { color:#23a30c;}
#footer .bottomLine {margin-top:10px;}
#footer .bottomLine a {text-decoration:none; color:#555;}
#footer .bottomLine a:hover {text-decoration:underline; color:#333;}
/*-- [ 9. Other ] -----------------------------------------------*/
#mainContent a.thumb,
#mainContent div.thumb {float:left; width:120px; height:100px; margin-bottom:1.5em; border:1px solid #bbb;}
#mainContent  a.thumb:hover {border-color:#23a30c;}

/*error*/
#error {padding:20px;}
#error h2{margin-bottom:0.6em; margin-left:0.2em;}
#error h3{font-size:150%;margin-bottom:0.3em; font-style:italic;}
#error p{margin-bottom:0.4px; color:#555;}
#error p.hint {font-weight:bold; color:#000;}
#error div.uri {padding:4px 10px 5px; margin-bottom:1em; border:1px dashed #ccc; color:#666;}
/*napiste nam, doporucit stranku*/
#mail-form {width:95%;}
#mail-form .text_area {width:99%;}
#mail-form th {width:105px; padding-right:5px;}
#mail-form input[type=reset] {color:#444;}
/*benefity*/
#mainContent p.benefity {padding-right:125px;}
/*obchodnikum*/
.obchodnikum-hint {font-size:110%; font-style:italic;}
#mainContent #obchodnikum {margin-top:1.5em;}
#mainContent #obchodnikum h3 {font-size:115%; color:#009D00; margin-top:0;}
#mainContent #obchodnikum h4 {
	margin-top:0.7em; margin-bottom:0.4em; 
	cursor:pointer; 
	font-size:100%;
	background:url(../images/bull-plus.png) center left no-repeat;
	padding-left:21px;
}
#mainContent #obchodnikum .item .text-cont{margin-left: 135px;}
#mainContent #obchodnikum .item {clear:left; padding-bottom:2em; padding-top:0.5em;}
#mainContent #obchodnikum p.display-none {font-size:90%; padding:7px 13px 11px; border:1px solid #ccc;}
/*novinky*/
.novinky-main, .novinky-side {margin-top:0.6em;}
.novinky-main {margin-left:140px;}
.novinky-side {width:120px; float:left;}
#mainContent  .zobrazit-detail {	
	background:url(../images/bull-plus.png) center left no-repeat;	
	padding-left:21px; cursor:pointer;
	color:#009900;
	margin:10px 2px 7px;
}
#mainContent .novinky-side a.thumb {margin-bottom:0; overflow:hidden; width:120px; height:100px;}
#mainContent .novinky-main a.thumb {margin-bottom:0; margin-right:10px; overflow:hidden; width:120px; height:100px;}
#mainContent .novinky-main table {border-top:1px solid #ccc;border-left:1px solid #ccc; font-size:90%;}
#mainContent .novinky-main table td, #mainContent .novinky-main table th {border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:2px 7px 3px 4px;}
#mainContent .novinky-main table th {background-color:#f3f3f3; text-align:left;}
#mainContent .novinky-main table td {color:#444;}
#mainContent .novinky-main table.produkty {margin-top:0.8em;}
#mainContent .novinky-main table.produkty td, #mainContent .novinky-main table.produkty th {font-size:90%; padding:1px 4px 2px;}

/*kontakt*/
#mainContent h3.kontakt {font-size:100%; margin:0; padding:0; color:#333;}
#mainContent p.kontakt {margin:0 0 0 0; padding:0;}
#mainContent table.kontakt strong {color:#333;}
#mainContent table.kontakt td {padding:2px 0 1px;}
/*floria-radi*/
#mainContent .item h2 a {color:#007334;}
#mainContent .item h2 a:hover {color:#444;}
.item .date {margin:2px 0 0;}
.date {font-size:85%; color:#666; margin-bottom:0.7em;}
.floria-radi-back {
	float:right; 
	text-decoration:none; 
	color:#666; border:1px solid #ccc; 
	margin-right:12px;
	font-size:85%;
	padding:0.3ex 0.8ex 0.3ex 0.6ex;
}

#sidebar .item {margin:0 10px 30px 15px; font-size:95%; color:#333;}
#sidebar .item a:hover { color:#007334;}
#sidebar .item .more {color:#007334; margin-left:2px;}
#sidebar .item  p { line-height:135%;}
#sidebar .item  h2 {margin-bottom:5px; font-size:150%; color:#ff5000;}
#sidebar .item  h2 span {font-size:11px; font-weight:normal;}
#sidebar .item  h3 {margin-bottom:2px; font-size:115%;}
/*uvod-produkty*/
#uvod-produkty { margin-top:0.6em;}
#uvod-produkty h3 {margin:0; padding:0;}
#uvod-produkty a {text-decoration:none;  display:block;}
#uvod-produkty div h3 a {text-decoration:none; display:block; font-weight:bold; padding:3px 4px 5px;}
#uvod-produkty div:hover a {color:#007334;}
#uvod-produkty a:hover {color:#007334;}
#uvod-produkty div { float:left; margin:0 25px 20px 0; border-bottom:3px solid #007334; width:120px;}
#uvod-produkty div:hover {border-color:#23b30c;}

/*produkty*/
#produkty {margin-top:0.5em;}
#produkty h2 {margin:0; padding:0 0 1px; font-size:110%;}
#produkty h2 a {color:#007334;}
#produkty h2 a:hover {color:#23b30c;}
#produkty div {float:left; width:300px; margin-right:10px; margin-bottom:10px;}
#produkty img {float:left; margin-right:10px; border:1px solid #ccc;}
#produkty div p {font-size:90%; line-height:110%; color:#666;}

/*radi*/
.floria-radi-menu {font-size:90%; color:#999; text-align:center; border-bottom:1px solid #ccc; padding-bottom:1em; padding-right:5px;}
.floria-radi-menu a {margin:0 3px;}
.floria-radi-cont h1 {margin:0.2em 0 0.9em;}
#mainContent .item .more {color:#007334; margin-left:2px;}

.uvod-benefity {float:right; margin-left:40px;}
.h2-ora {font-size: 160%; color:#ff5000;}

#sitemap ul li { padding-bottom:0.3em; line-height:1em;}
#sitemap ul ul {margin-top:10px;}
#sitemap ul ul li {font-size:90%;} 

#flash-uvod { position:relative; top:-11px;}