body { font-family: verdana, Arial, Helvetica, sans-serif; 	font-size:13px; margin:0; background-color:#EEF7FD; }
#page { width:980px; margin:0 auto; padding-top:0px; background:#FFF url(../imgs/page_r2_c1.gif) repeat-y center top;}
#page-top { height:16px; background:url(../imgs/page_r1_c1.gif) no-repeat center bottom; }

table td { vertical-align:top;}
img { }

/*  header  -------------  */

#header { width:952px; height:170px; position:relative; margin:0 auto;  background-color:#9ACCED;}
.header-text { padding:50px 0 0 210px; margin:0; font-weight:bold; font-size:33px; line-height:35px; letter-spacing:1px; color:#7CA5C2; font-family:"Arial", Tahoma, sans-serif;}
#headbann-top { width:291px; height:16px; position:absolute; left:28px; top:-16px; background-repeat:no-repeat; background-position:left top;}
.saskova-hriste-top { background-image:url(../imgs/headbann-top-1.jpg);}
.saskova-domky-top { background-image:url(../imgs/headbann-top-2.jpg);}

#headbann { width:100%; height:100%; position:absolute; background-repeat:no-repeat; background-position:left top; }

.saskova-hriste { background-image:url(../imgs/headbann-1.jpg);}
.saskova-domky { background-image:url(../imgs/headbann-2.jpg);}

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

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

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

ul.menu-box { margin:0 0 10px 0; padding:4px 0 6px 0;	background:#D7E2F7 url(../imgs/menu-box-ul.gif) no-repeat left bottom; }
ul.menu-box li { display:block; margin:0; padding:0 2px 0 0; list-style-type:none;
	background-image:url(../imgs/menu-box-li.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
.menu-box  li.selected { background-position:left -200px ; background-color:#6FADDB;}
.menu-box  li.selected a{ color:#FFF;}
.menu-box  a, .menu-box  span {
	display:block;
	width:197px;
	height:auto !important;
	height:15px;  /*  fix IE 6 */
	font-size:15px;
	line-height:16px;
	padding:4px 5px 5px 21px;
	text-decoration:none;
	color: #425677;
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-weight:normal;
	cursor:pointer;
}
.menu-box  span { font-weight:bold;}
.menu-box  a:hover, .menu-box   span.mouseovered { text-decoration:underline;}
ul.menu-box li .link-katalog a{ color:#0066CC;}

a.ad-box { width:225px; margin-bottom:10px; display:block; border:none; padding:0; text-decoration:none;}
.ad-box img { display:block; padding:4px; border:1px solid #B4BDCB;}
img.ad-box { display:block; margin-bottom:10px;}

h3.ad-box { margin:0 0 2px 0; width:205px; padding:6px 6px 6px 14px;  font-size:15px; font-weight:normal; color:#FFF; font-family:Arial, Tahoma, sans-serif; background:#008A2D url(../imgs/ad-box-h3.png) no-repeat left top;}

p.ad-box {border:1px solid #B4BDCB; padding:6px 4px 9px 4px; margin:0; background-color:#D5F98A;}
p.ad-box a { color:#000}

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


/*  -----------------------     F O O T E R     -------------------------------  */
#footer { width:952px; clear:both; background:url(../imgs/footer.gif) repeat-x 1px 10px; padding-top:10px; }
#footer p { margin:0; padding:10px 0 2px 0; font-size:11px; color:#888; }
#footer a { font-size:11px; color:#888; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

.page-up { display:block; float:right; width:22px; height:22px; margin-top:8px; 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; }
#footer h2 { float:right; margin:12px 0 0 0; padding-right:12px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#888; font-weight:normal; }

#page-bottom { height:32px; background:url(../imgs/page_r3_c1.gif) no-repeat center top; }
#page-bottom p { width:980px; margin:0 auto; padding-top:13px;  text-align:right; color:#91B6C8; font-size:11px; }
#page-bottom a { color:#3C506A; font-weight:normal; text-decoration:none; margin:0 1px 0 0;}
#page-bottom a:hover { text-decoration:underline;}


/*  -----------------------    C O N T E N T    ----------------------------- */
#content { width:699px; position:relative; float:right; padding:0 0 12px 0px; min-height:375px; height:auto !important; height:350px; }
p { line-height:17px;}

h1 { font-size:23px; margin:6px 0 20px 0; font-family:"Trebuchet MS", Tahoma, sans-serif; color:#0E2EAD; padding-bottom:4px; border-bottom:3px solid #0E2EAD; font-weight:normal;}
h2 { font-size:18px; color:#0066CC; font-family:"Trebuchet MS", Tahoma, sans-serif;}

.eshoplink { cursor:pointer;}
.mouseovered { text-decoration:underline;}
span.eshoplink { cursor:pointer;text-decoration:underline;}
span.mouseovered { text-decoration:none; }

h2 a { text-decoration:none;}
h2 a:hover { text-decoration:underline;}
h2.dot { margin-bottom:6px; padding-left:22px; background:url(../imgs/h2-zkus.gif) no-repeat left top;}

h3 { font-size:15px; font-family:"Trebuchet MS", Tahoma, sans-serif; margin:15px 0;}
ul { margin:10px 0 10px 0; padding:0;}
ul li { list-style-type:none; margin:3px 0 0 0; padding:0 0 0 15px;}


ul li { list-style-type:none; padding-left:15px; padding-bottom:3px; line-height:17px; margin-left:15px;  }
ul.dot li {background:url(../imgs/li-dot.gif) no-repeat left top;}


.col { width:290px; margin:0 18px; }
.col img  { padding:4px; border:1px solid #B4BDCB;}
.col h3 { font-weight:normal; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;  line-height:15px; padding:0 7px; }
.col span { display:block; padding-bottom:5px;}
.col .head { font-weight:bold; color:#0033FF;}

.content-right { width:233px; float:right; }
.content-left { width:380px; }

/*  content-sloupce  */
.content-right { width:225px; float:right; padding-top:7px; }
.content-left { width:447px;}
.content-full { margin-right:16px;}
.content-half { width:328px; }


/*  obecné  */
a, span.eshoplink {color:#3071C0; font-weight:bold;}
a:hover { text-decoration:none;}
.left { float:left;}
.right { float:right;}
.clear { clear:both; height:0; line-height:0; font-size:0;}
.clear-box { clear:both;}
.nowrap { white-space:nowrap;}
.dotbar { display:block; clear:both; height:12px; background:url(../imgs/footer.gif) repeat-x left center;}
.strong { font-weight:bold; color:#C90903;}
.notop { margin-top:0;}


/*  tip-box  */
div.tip-box { clear:both; width:225px; float:right; margin-bottom:10px; }
.tip-box h2 {  padding:6px 0 6px 9px; font-size:14px; margin:0; color:#FFF; background:#738791 url(../imgs/sidebox-h.png) no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
div.tip-box p { margin:0; padding:6px 10px 10px 6px; color:#666997; font-size:12px; background:#DDD url(../imgs/sidenav-div-advert.gif) no-repeat left bottom;}
img.tip-box { display:block; padding:4px; border:1px solid #BBCBDF; margin-bottom:12px; color:#89A; /* šířka 215px */}





/*  reference  */
.rtip-sas { float:right; width:240px; border:1px solid #C9D1C0; padding:6px 7px 5px 7px; background-color:#DDD; color:#4B583F; margin: 3px 0 6px 0;}
.reference img { float:left; width:153px; height:106px; padding:4px; border:1px solid #B4BDCB; }
.reference img.last { float:right;}
p.ref { width:280px; float:left; /*clear:both;*/ text-indent:12px; background:url(../imgs/li-dot.gif) no-repeat left top;}
.reference .rtip { float:right; width:220px; background:#DDD; margin:10px 0 5px 0; text-indent:0;}
.reference p.subh { width:370px; float:left; clear:none; text-indent:0; background:none; color:#468; font-style:oblique; margin-top:0;}
.reference .rcol { width:340px; margin:13px 0 7px 0; float:right; }
.reference br { clear:both;}
.h-ref { height:22px;}

/* truhlářství */

.truh { margin:12px 0; }
.truh img { float:left; padding:4px; border:1px solid #B4BDCB; margin:10px 8px 4px 8px;}
.truh1 img{ width:153px; height:106px;}
.truh2 img{ width:106px; height:153px; }


/*    tabulky  */
table.tb2 {  }
table.tb2 td {padding:8px 15px 2px 12px;}
table.tb2 td.tdl { font-weight:bold; }
div.tb2_enc { color:#4D5764;border:1px solid #D1D8DE; background-color:#E6E9EC; padding:15px 20px 15px 20px; }

/*  tabulka v podminky.html */
table.tb3 td {padding:0 25px 10px 0;}
.tab1 { background-color:#DEE4EB; border-collapse:collapse;}
.tab1 td, .tab1 th{ padding:4px 12px; border:1px solid #FFF;}
.tab1 th { background-color:#445982; color:#FFF;}

.grid-domky img { display:block; width:160px; height:110px; float:left; margin:0 26px 32px 0;}
.odsadit {padding-left:35px; }

/*  zkušenosti  */

#content .zkus-add {  margin:3px 0;}
ul.zkus { color:#4D5764;border:1px solid #D1D8DE; background-color:#E6E9EC; padding: 6px 10px 10px 15px; margin:10px 0 28px 0; }
.zkus li { background-image:url(../imgs/li-zkus-dot.gif);}

/* --------------------------------   ------------------------------------ */


.vice-info { margin-left:30px;}

img.large { padding:4px; border:1px solid #D6DEED; display:block; margin:35px auto;}
/*  tabulka priloha  */

.priloha .first { font-weight:bold; width:180px;}

/*  kontakt  */

img.mapa { display:block; margin:30px auto; padding:5px; border:1px solid #D3E7F5;}

/* sestavy */
h3.sestavy { background-color:#DBEFFB; padding:5px 12px; color:#004488; font-size:14px;}
h3.sestavy span { display:block; font-size:17px;}

.half {  margin:0 18px; width:290px;}
.half img {display:block; border:1px solid #DFE4EC; padding:4px; margin-bottom:12px;}
.half p { margin:5px 0;}
.h45 { height:50px;}
.half-box { width:315px; margin:0 7px;}
.h35 { height:35px;}
.h20 { height:20px;}

/*  full-box  domky  */
.full-box { margin-bottom:25px;}
.full-box h4{ color:#008C00; margin:13px 0 3px 0; padding-left:15px; background:url(../imgs/domky-h4-dot.gif) no-repeat left top; font-size:13px;}
.full-box  img { padding:4px; border:1px solid #A7C2DA;}
.full-box p { margin:0; padding-left:15px;}

/*  domky  */
h2.domky { padding:6px 0 6px 12px; background-color:#DBEFFB; margin:25px 0;}
h2 .doplnek { display:block; font-size:15px; font-style:oblique; font-weight:normal;}

.domek-box img { padding:4px; border:1px solid #A7C2DA;}
.domek-box .cena { color:#C90903;}
.domek-box p.cena2 { padding-left:60px;}
.domek-box h4 { color:#008C00; margin:15px 0 3px 0; padding-left:15px; background:url(../imgs/domky-h4-dot.gif) no-repeat left top; font-size:13px;}
.domek-box p { margin:0; padding-left:15px;}

.tbl-cenik { border:1px solid #E2FFC6; width:100%; background-color:#F2FFE6;}
.tbl-cenik td { padding:4px 12px 4px 12px; width:50%;}
.tbl-cenik a { color:#4EA400;}
.tbl-cenik .first td { padding-top:9px;}
.tbl-cenik .last td { padding-bottom:12px;}

.none { display:none;}
.visible { display:block;}
#large-window { width:770px; position:absolute; background-color:#FFF; border:1px solid #96AED3;}
#large-window img { display:block; margin:5px auto;}
#large-window-caption { width:760px; margin:5px auto; padding:13px 0; text-align:center; font-size:22px; color:#008C00; background-color:#E2FFC6;}
.btn-window-close { display:block; width:22px; height:22px; position:absolute; top:4px; right:4px; background:#FF0000 url(../imgs/btn-close.gif) no-repeat left top; cursor:pointer;}
#prekryti { position:absolute; left:0; top:0; background-color:#000000; opacity:0.4; filter:alpha(opacity=40);  }


/*  třísloupcová mřížka pro image */
.col3-box { width:200px; float:left; padding-top:12px; padding-bottom:22px;}
.col3-box img { padding:4px; border:1px solid #B6D3E9;}
.col3-prvni { padding-left:3px; padding-right:23px;}
.col3-druhy { padding-left:13px; padding-right:13px;}
.col3-treti { padding-left:23px; padding-right:3px;}

/*  poslední změny */
.novinka { background-color:#CFE9FC; padding-top:6px; padding-bottom:4px; padding-right:8px;}
ul.novinka li { background-image:url(../imgs/li-dot-bold.gif);}
div.novinka {background-color:#CFE9FC; padding:8px;}


.tbl-ke-stazeni { margin-bottom:12px; border:3px solid #C8E2F7;}
.tbl-ke-stazeni td { padding:2px 7px;}

.tbl-piskoviste { margin-bottom:12px; border:3px solid #C8E2F7;}
.tbl-piskoviste td { padding:4px 12px;}
.tbl-piskoviste .cena { text-align:right; font-weight:bold;}

.moto-reference { border-top:1px solid #C0D7ED;  border-bottom:1px solid #C0D7ED; padding:10px 3px; margin:16px 0; width:280px; color:#275889; }

.link-eshop-container { width:510px; padding:5px 25px; margin:15px auto; border:4px solid #D6F7BF;}
.link-eshop { color:#FFF; display:block; height:35px; margin:23px auto; position:relative; text-align:center; line-height:33px; font-size:18px; letter-spacing:2px; font-weight:normal;  background-color:#008A2D; cursor:pointer;}
.link-katalog { width:320px; background-image:none;}
.eshop { width:145px;}
.eshop-saskova { width:350px; letter-spacing:normal;}
.eshop-holoubek { width:350px;}
.link-eshop span { display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-position:left top; background-repeat:no-repeat;}
.link-eshop:hover span, .mouseovered span { background-position:left -100px;}
.eshop span {background-image:url(../imgs/a-eshop-link.gif)}
.eshop-saskova span { background-image:url(../imgs/a-eshop-saskova-link.gif);}
.eshop-holoubek span { background-image:url(../imgs/a-eshop-holoubek-link.gif);}

/*  largebox  */
.none { display:none;}
.block { display:block;}
#large-box { position:absolute; background-color:#FFF; border:1px solid #345; cursor:pointer; padding:8px;}
#large-box img { display:block; margin:0 auto; border:none;}
#large-box h3 { margin:5px 0 0 0; padding-top:5px	; text-align:center; font-size:22px; color:#456; background-color:#FFF;}
#overlay-box { position:absolute; left:0; top:0; background-color:#000000; opacity:0.4; filter:alpha(opacity=40); }

.gal-box { width:310px; padding:5px 10px;}
.gal-box a { width:310px; display:block;}
.gal-box img { display:block; border:1px solid #A6C9E3; padding:4px;}
.gal-bar { clear:both; height:30px;}