body { font-family: verdana, Arial, Helvetica, sans-serif; 	font-size:13px; margin:0; background-color:#B3E2AD; }
table td { vertical-align:top; padding:0;}
/*  -----------------  P A G E  --------------------- */

#outpage { background:url(../imgs/body_r2_c1.gif) repeat-y center top;}
#page { width:958px; margin:0 auto; padding-top:0px; background-color:#FFF; }
#pagetop { height:20px; background:url(../imgs/body_r1_c1.gif) no-repeat center bottom;}

/*  --------------------  H E A D E R  -------------  */

#header { width:950px; height:160px; position:relative; margin:0 auto;  background-color:#5BAD5B;}
.heading { padding:35px 0 0 210px; margin:0; font-weight:bold; font-size:33px; line-height:35px; letter-spacing:1px; color:#C5C9CF; font-family:"Arial", Tahoma, sans-serif;}
.slogan { margin-top:5px; padding:0 0 0 210px; font-family:"Trebuchet MS", Tahoma; font-size:16px; letter-spacing:1px; color:#CCC; }
#headbann { width:100%; height:100%; position:absolute; background:url(../imgs/headbann.png) no-repeat left top; }

#main { width:950px; margin:10px auto 0 auto;  }

/*  --------------------- S I D E N A V  ---------------  */

#sidenav { width:225px; float:left;}
#sidenav h3 { margin:0; width:189px; padding:6px 6px 6px 30px;  font-size:15px; font-weight:normal; color:#FFF; font-family:Arial, Tahoma, sans-serif; background:#339933 url(../imgs/sidenav-h3.gif) no-repeat left top;  }

ul.side-menu-box { margin:0 0 10px 0; padding:0;	background:#F1FFBB url(../imgs/sidenav-ul-bottom.gif) no-repeat left bottom; padding-bottom:10px;}
.side-menu-box li { display:block; margin:0; padding:0 4px 0 0; list-style-type:none;
	background-image:url(../imgs/sidenav-li.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
.side-menu-box li.menu-spacer { background-position:left -30px; height:9px; padding-top:9px;}
.side-menu-box li.menu-spacer span { display:block; width:205px; margin:0 auto; border-top:2px solid #339933; font-size:0; line-height:0;}
.side-menu-box li.selected { background-position:left -200px ; background-color:#FEC720;}
.side-menu-box li.selected a{ color:#000;}
.side-menu-box a {
	display:block;
	width:192px;
	height:auto !important;
	height:15px;  /*  fix IE 6 */
	font-size:15px;
	line-height:16px;
	padding:4px 5px 6px 24px;
	text-decoration:none;
	color: #124716;
	font-family:"Trebuchet MS", Tahoma, sans-serif;
}
.side-menu-box a:hover { text-decoration:underline;}

.side-menu-box a:hover { text-decoration:underline; font-family:"Trebuchet MS", Tahoma, sans-serif;}

.doporucuji { margin-bottom:10px;}
.doporucuji p {background:#F1FFBB url(../imgs/doporucuji.gif) no-repeat left bottom; padding:0 5px 10px 10px; margin:0; }
.doporucuji a { margin-right:6px; color:#124716;}


a.side-advert { width:225px; margin-bottom:10px; display:block; border:none; text-decoration:none; padding:0;}
.side-advert img { display:block; border:none; color:#FFF; font-size:24px; background-color:#339933; text-align:center; }


.balicek-box { margin:0; padding:7px; color: #124716;background:#F1FFBB url(../imgs/sidenav-box.gif) no-repeat left top;}

/*  ------------------------  F O O T E R  ------------------  */

#footer { width:950px; clear:both; background:#FFF url(../imgs/footer.gif) repeat-x 1px 6px; padding-top:10px; }
#footer p { margin:0; padding:5px 0 0 0; font-size:11px; color:#888; }
#footer a { font-size:11px; color:#888; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
#pagebottom { height:32px; background:url(../imgs/body_r3_c1.gif) no-repeat center top; }
#pagebottom p { width:960px; margin:0 auto; padding-top:13px;  text-align:right; color:#91B6C8; font-size:11px; }
#pagebottom a { color:#297E29; text-decoration:none; margin-right:8px;}
#pagebottom a:hover { text-decoration:underline;}
.page-up { display:block; float:right; width:22px; height:22px; margin-top:4px; overflow:hidden; }
.page-up span { display:block; width:22px; background:url(../imgs/page-up.gif)
 no-repeat left bottom;}
.page-up a { display:block; width:22px; height:22px; margin:0; }
.page-up a:hover { height:54px; }

/*  ----------------------  C O N T E N T    --------------  */

#content { width:700px; float:right; padding-bottom:12px; min-height:375px; height:auto !important; height:350px; }
p { line-height:17px;}
#content ul { margin:auto 0; padding-left:7px; }
#content li { list-style-type:none; padding-left:15px; padding-bottom:3px; line-height:17px; }
#content a { font-weight:bold; color:#2E59A9; text-decoration:underline; cursor:pointer;}
#content a:hover { text-decoration:none;}
h1 { font-family:Tahoma, Arial, sans-serif; font-size:23px; font-weight:normal; 
	color:#339933;
	border-bottom:4px solid #B33A00; border-bottom:5px solid #339933; 
	margin:7px 0 25px 0; padding-bottom:1px; clear:both; }
h2 { font-family:"Trebuchet MS", Tahoma, sans-serif; font-size:18px; color:#CC3300; }
h3 { font-family:"Trebuchet MS", Tahoma, sans-serif; color:#000; font-size:15px; }
.noclear { clear:none;}
.clear { clear:both; }
.block { display:block;}
.left { float:left; }
.right { float:right; }
.nowrap { white-space:nowrap;}
.todo { color:#FF9900; }
.vystavba { border-left:10px solid #FF9900; padding-left:5px; color:#E18700;}
p.zpet { text-align:center; margin:40px 0;}

ul.dot li { background:url(../imgs/li-dot.gif) no-repeat left top;}
ul.wide li { margin:10px 0;}

/*  sloupce  */
.right-content { width:225px; float:right; padding-top:6px; }
.left-content { width:447px; float:left; }
.full-content { margin-right:17px; }

/*  H1 SUB MENU  */
h1.sub-menu { margin-bottom:0;}
#content ul.sub-menu { height:26px; margin:0 0 10px 0; padding:0;}
#content .sub-menu  a { display:block; float:left; line-height:15px; padding:4px 10px 4px 16px; min-height:18px;  height:auto !important; height:18px; text-decoration:none; font-weight:normal;}
#content .sub-menu  a:hover { text-decoration:underline;}

#content .sub-menu li { display:block; float:right; margin-left:4px; padding:0; height:26px; background-repeat:no-repeat; background-position:left top;}
.sub-menu  span { display:block; float:left; padding:0; height:26px; background-repeat:no-repeat; background-position:right top;}

#content .sub-menu li.first { margin-left:0; background-image:url(../imgs/page-menu-li-first_r1_c1.gif);}
.sub-menu .first span { background-image:url(../imgs/page-menu-li-first_r1_c2.gif);}
#content .sub-menu li.last { margin-left:0; background-image:url(../imgs/page-menu-li-last_r1_c1.gif);}
.sub-menu .last span { background-image:url(../imgs/page-menu-li-last_r1_c2.gif);}

#content .sub-menu li.selected { background-position:left -50px;}
#content .sub-menu .selected span { background-position:right -50px;}
#content .sub-menu .selected a {  color:#000; }


/*  TIP  */

.tip { width:225px; margin-bottom:10px; }
.tip h2 {  padding:6px 0 6px 9px; font-size:14px; margin:0; color:#FFF; background:#339933 url(../imgs/rtip1-h2.png) no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
.tip p { margin:0; padding:6px 10px 10px 6px; color:#1B6921; font-size:12px; background:#F1FFBB url(../imgs/rtip1-p.gif) no-repeat left bottom;}

.tip img { width:215px; height:160px; display:block; padding:4px; border:1px solid #AEC4D2; color:#666; text-align:center;}
#content .tip h3 { font-size:12px; color:#999; font-weight:normal; font-size:13px; margin:4px 0 4px 0; padding:0 0 0 2px; background:none; width:233px;}

/*  ----------  F O T O G A L E R I E   -------------   */

div.fgal { width:300px; padding-top:12px; }
div.fgal img {  width:290px; height:217px; padding:4px; border:1px solid #B9C8D2;}
div.fgal h3 { font-family:Georgia, "Times New Roman", Times, serif; color:#666; font-size:13px; width:270px; margin:6px auto; padding-left:13px; background:url(../imgs/fgal-h3.gif) no-repeat left top; }

.h-fgal { height:12px; font-size:0; line-height:0; }

/* ------------ F O R M U L Á Ř E   ------------------ */

.form {}
.form p { margin:12px 0; }
.form fieldset { padding:0 5px 0 12px; margin:20px 0; border:1px solid #A7822C; display:block; background-color:#F3E9D1; color:#A7822C;}
.form fieldset.first { margin-top:0;}
.form legend {font-family:"Trebuchet MS", Tahoma, sans-serif; font-size:15px; line-height:17px; color:#B46F07; font-weight:bold; }
.form label { display:block; float:left; padding-top:3px; }
.form span { padding:1px 3px 0 3px; font-weight:bold; font-size:16px;}
.form input { height:17px; }
.form .submit { display:block; float:none; clear:both; height:26px; padding-bottom:2px; width:80px; margin:12px auto;}

.poptavka { width:536px; margin-top:22px;}
.poptavka label { width:130px; }
.poptavka p input { width:230px; border:1px solid #A7822C;}
#poptavka .vertical label { display:block; width:auto; float:none; padding-bottom:8px;}
textarea#text_poptavky { display:block; float:left; width:479px; height:220px; font-size:15px; font-family:Arial,sans-serif; border:1px solid #A7822C;}
.poptavka span.poznamka { font-size:13px; font-weight:normal; display:block; float:right; width:110px; }
#poptavka .vertical span { padding-top:4px; display:block; float:left;}
.form #key { font-size:13px; font-weight:bold;}
#err-box { color:#FF0000;}
#err-box li { background:url(../imgs/errmess-li.gif) no-repeat left top;}

/* adresa */
.address { width:340px;  background-color:#E9DEBE; background:url(../imgs/address-box_r2_c1.gif) no-repeat left bottom; }
.address div { padding:8px 16px 12px 8px; background:url(../imgs/address-box_r2_c2.gif) no-repeat right bottom;}
.address h3 { margin:0; padding:0; background:url(../imgs/address-box_r1_c1.gif) no-repeat left top; color:#615121;}

.address span { display:block; padding:5px 18px 5px 18px; background:url(../imgs/address-box_r1_c2.gif) no-repeat right top;}
.address table {}
.address td { padding:2px 6px; color:#50431B;}

table.poptavka-potvrzeni { margin-left:36px;}
table.poptavka-potvrzeni td { padding:3px 8px 2px 8px;}
p.poptavka-potvrzeni { margin-left:36px; margin-right:120px; margin-bottom:26px;}

/*  balicek  */

.balicek { width:447px; margin:30px 0; background:#339933 url(../imgs/balicek-tbl_r2_c1.gif) no-repeat left bottom;}
.balicek h3 { margin:0; padding:12px 20px; font-size:18px; color:#FFF; background:url(../imgs/balicek-tbl_r1_c1.gif) no-repeat left top; }
.balicek .icon { width:180px; height:160px; float:left; border:1px solid red;}
.balicek table { width:255px; margin:0 24px 0 auto;}
.balicek td { padding:12px 0; color:#FFF; border-bottom:1px dashed #FFF; }
.balicek tr.last td { border-bottom:none; padding-bottom:16px;}
.balicek td.cena { font-weight:bold; font-size:16px;}
.balicek td.last { padding-left:10px;}
p.bez-dane { text-align:center; margin:25px 0; font-weight:bold; font-size:18px; font-family:"Trebuchet MS", Tahoma, sans-serif;}

/*  cenik  */
.cenik { margin:25px 0;}
.cenik td { padding:6px 12px 4px 4px; width:317px; border-bottom:1px dashed #C0D3CA; }
.cenik td.cena { width:110px; line-height:20px; white-space:nowrap; text-align:right; padding-left:0; padding-top:3px; padding-right:4px; }
.cenik td.cena span { font-weight:bold; color:#1273D3;}

.cenik tr.first td { line-height:24px; height:24px; background-color:#C0D3CA; font-weight:bold; border-bottom:2px solid #FFF; text-indent:7px;}
.cenik tr.first td.cena { text-align:left; text-indent:42px; padding-top:6px;}

h2.dot { padding-left:20px; background:url(../imgs/h2-dot.gif) no-repeat left top;}