/* CSS Document */

body { font-family: verdana, Arial, Helvetica, sans-serif; 	font-size:13px; margin:0; background-color:#D4DEC6;}
table td { vertical-align:top; padding:0;}

#page { width:980px; margin:0 auto; padding-top:0px; background:#FFF url(../imgs/page_r2_c1.gif) repeat-y center top; }
#pagetop { height:16px; background:url(../imgs/page_r1_c1.gif) no-repeat center bottom; }

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

#header { width:952px; height:176px; position:relative; margin:0 auto;  background-color:#93C1B5;}
.heading { padding:35px 0 0 210px; margin:0; font-weight:bold; font-size:33px; line-height:35px; letter-spacing:1px; color:#22566F; 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:952px; margin:10px auto 0 auto;  }

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

.seo-box { margin:12px 0;}
.seo-box 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:#528F81 url(../imgs/sidenav-h3.png) no-repeat left top; }
.seo-box p {padding:11px; margin:0; background:#E9DDC6 url(../imgs/sidenav-ul-bottom.gif) no-repeat left bottom;}
#sidenav .seo-box a { display:inline; padding:0; font-weight:normal; color:#425677; margin-right:7px;	}

#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: url(../imgs/sidenav-h3.png) no-repeat left top; background-color:#528F81;  }

#sidenav ul { margin:0 0 10px 0; padding:0;	background:#CCD5E3 url(../imgs/sidenav-ul-bottom.gif) no-repeat left bottom; padding-bottom:10px; padding-top:4px; background-color:#E6FFEC; }
#sidenav 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;
}
#sidenav li.selected { background-position:left -200px ; background-color:#68CC89;}
#sidenav li.selected a{ color:#FFF;}
#sidenav a {
	display:block;
	width:192px;
	height:auto !important;
	height:15px;  /*  fix IE 6 */
	font-size:15px;
	line-height:16px;
	padding:4px 5px 5px 24px;
	text-decoration:none;
	color: #425677;
	font-family:"Trebuchet MS", Tahoma, sans-serif;
}
#sidenav a:hover { text-decoration:underline; font-family:"Trebuchet MS", Tahoma, sans-serif;}

#sidenav a.side-advert { display:block; width:225px; margin-bottom:8px; border:none; padding:0; background-color:#61A596;}
.side-advert img { display:block; border:none; color:#B8D2DA;}

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

#footer { width:952px; clear:both; background:#FFF url(../imgs/footer-bar.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/page_r3_c1.gif) no-repeat center top; }
#pagebottom p { margin:0 12px; padding-top:13px;  text-align:right; color:#779E41; font-size:12px; }
#pagebottom a { color:#486127; text-decoration:none; padding-left:12px;}
#pagebottom .tipy a { padding-left:0; padding-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:699px; 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, #content span.mail{ font-weight:bold; color:#2E59A9; text-decoration:underline; cursor:pointer;}
#content a:hover,  #content span.mail:hover { text-decoration:none;}
h1 { font-family:"Trebuchet MS", Tahoma, sans-serif; font-size:25px; font-weight:normal; 
	color:#436B58;
	margin:0 0 25px 0; padding-bottom:7px; clear:both; background:url(../imgs/h1-dotbar.gif) repeat-x left bottom; }
h2 { font-family:"Trebuchet MS", Tahoma, sans-serif; color:#51BF22; font-size:18px; }
h3 { font-family:"Trebuchet MS", Tahoma, sans-serif; color:#586376; font-size:16px; }
h4 { font-size:13px; color:#2DA23C;}
.left { float:left; }
.right { float:right; }
.clear { display:block; clear:both;}
.h12 { height:12px;}
.h20 { height:20px;}
.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 { display:block;}
ul.dot li { background:url(../imgs/li-dot.gif) no-repeat left top;}
ul.space li { margin:10px 0; }
ul.half { width:200px; }

/*  sloupce v content  */

.right-content { width:225px; float:right; padding-top:3px; }
.left-content { width:447px; float:left; }
.left-content h2:first-child { margin-top:0;}
.full-content { margin-right:17px; }
.half-content-left { width:340px;}
.half-content-right {width:290px; float:right; padding-top:6px;}
.half-content h2:first-child { margin-top:0; }

/*  tip  */

div.tip { clear:both; width:225px; float:right; margin-bottom:10px; }
div.tip h2 {  padding:6px 0 6px 9px; font-size:14px; margin:0; color:#FFF; background:#69C465 url(../imgs/tip-h2.png) no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-weight:normal; background-color:#338099; }
div.tip p {
	margin:0;
	padding:6px 10px 10px 6px;
	color:#52585F;
	font-size:12px;
	background-color: #D7EBF2;
	background-image: url(../imgs/tip-p.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

img.tip { display:block; padding:4px; border:1px solid #BBCBDF; margin-bottom:12px;}
img.tip-round { display:block; padding:5px; border-bottom:1px solid #FFF; /*  FF fix margin  */  margin-bottom:11px; background:url(../imgs/tip-img-bg.gif) no-repeat left top; background-color:#FFF; color:#ABC;}
img.square { background-image:url(../imgs/tip-img-bg-square.gif);}
img.square-287 { background-image:url(../imgs/tip-img-bg-square_287.gif);}


/* ------------ 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 16px 0 auto;}

.poptavka { width:536px;}
.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;}
.poptavka textarea#text_poptavky { display:block; float:left; width:433px; height:220px; font-size:15px; font-family:"Trebuchet MS"; 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;}

/*  kontakt  */
a.tip-half { display:block; width:290px; }
.tip-half img, img.tip-half { display:block; padding:4px; background-color:#FFF; border:1px solid #CDDBE2;}
a.tip-half, img.tip-half { margin-bottom:18px;}
table.kontakt { display:block; margin:18px 0 26px 0;}
table.kontakt td { padding:4px 0 2px 12px;}
table.kontakt td.first { padding-left:0; font-weight:bold;}


/*  cenik  */
.cenik { margin:32px 0;}

.cenik tr.first td { text-align:center; padding:8px 12px 7px 0px; color:#000; font-weight:bold; border-bottom:3px solid #F89236; border-top:3px solid #F89236;}
.cenik tr.first td.first { text-align:left; text-indent:12px;}
.cenik tr.first td.last { border-right:none;}
.cenik td { padding:10px 12px 12px 0px; border-bottom:1px dashed #B9BFCA; text-align:right; width:60px; border-color:#F89236;}
.cenik td.double { width:134px; padding:10px 0 12px 0;}
.cenik td.first  { text-align:left; padding-left:2px; padding-right:22px; width:288px; }
.cenik td.last, .cenik tr.first td.last  { padding-right:2px; }

.cenik tr.last td { border-bottom:3px solid #F89236;}
.cenik td.cena { font-weight:bold; color:#0066CC;}
.cenik td strong { display:block; padding:0 0 4px 16px; color:#E15500; background:url(../imgs/cenik-dot.gif) no-repeat left top;}

.cenik td span { display:block; margin-bottom:4px; white-space:nowrap; }
.cenik  td span.first-item { margin-top:18px;}

/*  obrázky  */

img.large { display:block; margin:20px auto; }
img.border { padding:4px; border:1px solid #9DAFD0;}
img.salon { padding:4px; border:1px solid #AEC8E1; margin:40px auto 20px auto;}

/* otevírací doba */