/*------------------------------------------------------------------- GENERAL ---*/
body {
	margin: 0;	padding: 0;
	font-family:  Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 0.75em;	
	text-align: center;
	color : #000;
	background: #FFF url(../images/bg-body.gif) no-repeat top center;
}
a { color: #4d8542;  text-decoration: underline; }
a:hover { color: #000;}
a.link { padding-left: 12px; background: url(../images/arrow-gray.gif) no-repeat 0 5px;}
a.black {color: #000;}
* {margin: 0; padding: 0; border: none }
img, fieldset {  border: none; }
h1 { font-size: 220%; padding: 0 0 0.5em; margin-top: 25px; color: #4d8542; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
h2 { font-size: 200%; padding: 0 0 0.3em; color: #c58574; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
h2.gray {color: #6e6e6e;}
h3 { font-size: 100%; padding: 0 0 0.3em; color: #6e6e6e;}
h4 { font-size: 100%; padding: 0 0 0.3em; }
hr { display: none; }
.hr { height: 1px; font-size:1px;  border-bottom: 1px solid #dadada; margin-bottom: 10px; clear: both; }
p { padding-bottom:1.2em; line-height: 130%; }
p.porovnani {text-align: right; padding-right: 15px;}
ul { list-style: none; padding: 0 0 1em 10px;  }
ul.fleft {margin-right: 30px;}
ul ul {padding: 0;margin-top: 7px;}
ol { list-style: decimal; padding: 0 0 1em 22px;  }
li { padding: 0 0 4px 12px; background: url(../images/arrow.gif) no-repeat 0 5px; }
ol li { padding: 0 0 5px 0px; background: none}
dt { font-weight: bold;color:#4d8542; padding: 0 0 5px 10px; background: url(../images/sipka.gif) no-repeat 0 5px;  }
dd { padding: 0 0 1em 0;  }
big { font-size: 120%; font-weight: bold; }
.bb { border-bottom: 1px solid #dadada; margin-bottom: 1em; }
.padding { padding: 0 0 20px; }
/*---------------------------------------------------------------------- LAYOUT---*/
#all {width: 990px;margin: 0 auto;text-align: left;}
#header { width: 990px; height: 90px; overflow: hidden;background: url(../images/bg-header.gif) no-repeat bottom right;}
#content { width: 990px;}
#left { width: 246px; float: left; padding-top: 16px;overflow: hidden;}
#middle { width: 729px;	float: right; overflow: hidden; }
#middle .padding {background: url(../images/bg-content.gif) no-repeat bottom right; min-height: 358px; _height: 358px;}

#footer { width: 100%;font-size: 90%;background: #c7c6c7;font-size: 80%;}
#footer p { padding: 12px 12px 30px; color: #636363; }
#footer a {color: #636363; }
#footer a:hover {color: #4d8542; }

#copy { padding: 12px; color: #7f7f7f; text-align: right; font-size: 80%;}
#copy a { color: #7f7f7f;}
#copy a:hover { color: #4d8542;}
/*--------------------------------------------------------------------------- HEADER -------*/
#logo { width: 315pox; height: 90px; float: left; overflow: hidden;}
#logo a {display: block; width: 315px; height: 90px; background: url(../images/top-nature.gif) no-repeat;}
#logo strong {font-size: 0; color: #fff; position: absolute; top: -1000px; left: -1000px;}

#submenu {width: 660px; float: right; color: #FFF; text-transform: uppercase;}
#submenu p {padding: 10px 10px 18px; font-size: 110%}
#submenu a { color: #FFF; text-decoration: none; }
#submenu a:hover {text-decoration: underline;}
#submenu .textright { color: #000; padding-bottom: 14px; text-transform: none;}
#submenu .textright a { color: #000; text-decoration: underline; }
#submenu .textright a:hover {color: #4d8542; }
#submenu .right a {text-decoration: underline;}
/*--------------------------------------------------------------------------- CONTENT -------*/
#perex { min-height: 157px; _height: 157px; margin-bottom: 15px; background: url(../images/bg-perex.jpg) no-repeat top; }
#perex h1 { font-size: 260%; padding: 28px 14px 5px; margin: 0;}
#perex p {padding: 0 190px 1em 18px;line-height: 150%;}

.cena { line-height: 140%; }
/*.cena .right, .cena .left { float: none;}*/
.fotorow {width: 100%; overflow: hidden; clear: both;}
.fotoitem  { 
	text-align: center;
	width: 207px;
	height: 190px;
	padding: 0 10px;
	line-height: 160%;
	float: left;
	border: 1px solid #c7c6c7;
	display: inline;
	margin: 0 7px 14px;
}
.fotoitem img  { margin-top: 5px; margin-bottom: 5px;}
.fotoitem strong  { color: #4d8542;}
.fotoitem a { font-weight: bold; color: #000;}
.fotoitem, .fright {position: relative;}

span.akce1 {z-index: 100; display: block; position: absolute; top: 20px; right: 5px; background: url(../images/ico-akce1.png) no-repeat; width: 72px; height: 72px;}
span.akce2 {z-index: 100; display: block; position: absolute; top: 20px; right: 5px; background: url(../images/ico-akce2.png) no-repeat; width: 72px; height: 72px;}
span.akce3 {z-index: 100; display: block; position: absolute; top: 20px; right: 5px; background: url(../images/ico-akce3.png) no-repeat; width: 72px; height: 72px;}
span.akce4 {z-index: 100; display: block; position: absolute; top: 20px; right: 5px; background: url(../images/ico-akce4.png) no-repeat; width: 72px; height: 72px;}
span.akce5 {z-index: 100; display: block; position: absolute; top: 20px; right: 5px; background: url(../images/ico-akce5.png) no-repeat; width: 72px; height: 72px;}

#news { width: 100%; margin-bottom: 0px;color: #6e6e6e; background: url(../images/bg-cols.gif) repeat-y top left; }
.col2 { width: 330px; float: left; }
.path { font-size: 90%;}
.path a.red {color: #c58574;}
/*------------------------------------------------------------------------------- LEFT ---*/
#menu  {margin: 0 0 10px;padding:14px 10px 11px; min-height: 305px;_height: 305px; background: #6e6e6e url(../images/bg-menu.gif) no-repeat bottom right;}
#menu li {padding: 0; background: none; line-height: 15px; }
#menu a { display: block;padding: 3px 10px; _height: 12px; color: #FFF; text-decoration: none;border-bottom: 1px solid #878787;}
#menu a:hover, #menu .active a { background: #c58574;border-bottom: 1px solid #c58574;}

#menu ul { margin:0; padding: 0;}
#menu ul a { padding-left: 25px;}
#menu ul a:hover, #menu ul .active a { background:#4d8542;border-bottom: 1px solid #4d8542;}


#search { padding: 15px 5px 15px 15px; background: #c7c6c7;}
#vyhledavani p { padding: 0;}
#vyhledavani input { margin: 0; width: 178px; background: #FFF;border: none; color: #646464; }
#vyhledavani .submit { width: auto;background: #c7c6c7; padding: 0;}

/*----------------------------------------------------------------------------------- FORM ---*/
input, select, textarea {
	font-family:  Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 100%; 
	color:#000;	
	width: 150px;
	margin: 2px 0; 
	padding: 5px 3px;
	vertical-align: middle;		
	background: #FFF;
	border: 1px solid #68696b;;
}
textarea { width: 200px;min-height: 60px; _height: 60px;}
textarea.dotaz { width: 460px;}
label {display: block; width: 100px;margin: 2px 0px 0px 0;	float: left; clear: left;}
.submit, #znacky input.submit, input.pyl_button  { 
	width:auto; 
	color: #FFF;
	font-weight: bold;
	padding: 3px 6px; 
	background: #4d8542;
	border: 1px solid #dadada; 	
	cursor: pointer;
	text-transform: uppercase;
}

a.submit {
	width:auto; 
	color: #FFF;
	font-weight: bold;
	padding: 3px 6px; 
	background: #4d8542;
	cursor: pointer;
	text-decoration: none;
	text-transform: uppercase;
}
#znacky input {float: none;width: auto;margin: 5px 0; padding: 0;	border: none;}
#znacky label { display: inline; float: none; margin-right: 5px;}
input.auto {width: auto; border: 0;}
input.small {width: 40px;}

input.radio { width: auto; border: 0; background: none;}
input.checkbox, input.pyl_checkbox { width: auto; border: 0; background: none;}
label.pyl_label_radio { float: none; clear: none; display: inline; width: auto;}


/*---------------------------------------------------------------------------- TABLES --------*/
table { 
	margin:0px; 
	border-collapse: collapse; 
	font-size: 100%; 
	width: 100%;
}
th { 
	padding: 8px 4px; 
	font-weight: bold; 
	text-align: left;
	background: #4d8542; 
	color: #FFF;
}
td { 
	text-align:left;
	color : #3F3F3F; 
	padding: 4px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	background: #ececec;
}
tr.bglight td { 
	background: #f4f3f3;
}

/*----------------------------------------------------------------------------- OTHERS ---*/
.right { float: right }
.left { float: left }
.fright { float: right; margin: 0 0 1em 10px; }
.zobrazeniright { float: right; margin: 1.5em 0 1em 10px; }
.fleft { float: left; margin: 0 1em 1em 0; }
.textright, td.textright, th.textright { text-align : right }
.textleft, td.textleft { text-align : left }
.center, td.center { text-align : center;}
.middle { vertical-align : middle }
.bottom { vertical-align : bottom;}
.clear { clear: both;}
.bold { font-weight: bold;}
.red { color: #c71414; }
.bb { border-bottom: 1px solid #ececec; margin-bottom: 1em; padding-bottom:5px;}
.skladem {color: #4d8542;}
.video {background: #4d8542; padding: 5px; color: #fff;}
.video a {color: #fff;}
.video a:hover {text-decoration: none;}