/*převzato z KD - editovat*/

body { font-family: verdana, Arial, Helvetica, sans-serif; 	font-size:13px; margin:0; background-color:#C9D6F8; }
table td { vertical-align:top; padding:0;}
#page { width:1010px; margin:0 auto; 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; }

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

#headbann { display:block;  margin:0 auto; background-color:#105AA5; color:#2487EA; text-align:center; font-weight:bold; font-size:33px; line-height:150px; font-family:"Trebuchet MS", Tahoma, sans-serif;}


#main { width:972px; margin:10px auto 0 auto; background:#FFF; }

/*  sidenav, menu-box, ad-box  ---------------  */

#sidenav { width:210px; float:left; }
.menu-box-out { margin-bottom:10px; background:#105AA5 url(../imgs/menu-box_r1_c1.gif) no-repeat left top;}
h3.menu-box { margin:0 10px; padding:8px 6px 6px 10px;  font-size:15px; letter-spacing:1px; color:#FFF; font-family:Arial, Tahoma, sans-serif; border-bottom:2px solid #FFF;  }

ul.menu-box { margin:0 0 0 0; padding:4px 0 10px 0;  background:url(../imgs/menu-box_r2_c1.gif) no-repeat left bottom;}
.menu-box li { display:block; margin:0; padding:0 4px 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:#2487EA;}
.menu-box li.selected a{ color:#FFF;}
.menu-box a {
	display:block;
	width:177px;
	height:auto !important;
	height:15px;  
	font-size:15px;
	font-weight:normal;
	line-height:16px;
	padding:5px 5px 7px 24px;
	text-decoration:none;
	color: #FFF;
	font-family:"Trebuchet MS", Tahoma, sans-serif;
}
.menu-box a:hover { text-decoration:underline; font-family:"Trebuchet MS", Tahoma, sans-serif;}

.menu-box .menu-spacer { display:block; border-top:1px solid #FFF; height:7px; font-size:0; margin:7px 10px 0 10px; background:none;}

a.ad-box { width:210px; margin-top:10px; display:block; border:none; padding:0;}
.ad-box img { display:block; border:none;}
img.ad-box { display:block; margin-bottom:10px; background-color:#FFF; color:#666666;}


/*  footer  ---------  */
#footer { clear:both; background:#105AA5 url(../imgs/footer.jpg) no-repeat left top; font-size:11px;}
#footer p { margin:0; padding:5px; color:#FFF; }
#page-up { display:block; float:right; padding:7px 37px 0 7px; height:20px; color:#FFF; cursor:pointer; background-image:url(../imgs/page-up.gif); background-repeat:no-repeat;}
.hidden {visibility:hidden;}
.visible { visibility:visible;}
.nohover {background-position:right 0px;}
.hover { background-position:right -100px;}

#page-bottom { height:27px; background:url(../imgs/page_r3_c1.gif) no-repeat center top; }

/*  content --------------  */
#content { width:742px; float:right;  min-height:375px; height:auto !important; height:350px; background-color:#FFF; }
p { margin:10px 0; line-height:17px;}
ul { margin:10px 0; padding-left:7px; }
ul li { list-style-type:none; padding-left:15px; padding-bottom:3px; line-height:17px; }
ol li { padding-bottom:3px;}
a{ font-weight:bold; color:#2E59A9; text-decoration:underline; cursor:pointer;}
a:hover { text-decoration:none;}
h1 { font-family:"Trebuchet MS", Tahoma, sans-serif; font-size:21px; font-weight:normal; 
	color:#000; margin:0 0 25px 0; padding-top:3px; padding-bottom:6px; border-bottom:3px solid #000000; }
h1.h1-left { float:left; width:498px;}
h2 { font-family:"Trebuchet MS", Tahoma, sans-serif; color:#45A4F1; font-size:18px;}
h2.dot { padding-left:20px; background:url(../imgs/h2-dot.gif) no-repeat left top;}
.content-left h2:first-child { margin-top:0;}
h3 { font-family:"Trebuchet MS", Tahoma, sans-serif; color:#00CC33; font-size:16px; margin:15px 0; }
.clear { display:block; clear:both;}
.left { float:left; }
.right { float:right; }
.nowrap { white-space:nowrap;}
.h20 { font-size:0; line-height:0; height:20px;}

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

/*  content-sloupce  */
.content-right { width:225px; float:right; background-color:#FFF; }
.content-left { width:500px; padding-bottom:10px; float:left;  }
.content-full { margin-right:10px;}
.box-text { margin-right:245px; }
.box-text2 { margin-right:125px; }

/*  tip-box, seo-box  */
div.tip-box { width:225px; padding:10px 0 0 0; margin:0 auto 10px auto; background:#BFE1FB url(../imgs/tip-box_r1_c1.gif) no-repeat left top;  }
div.tip-box h2 {  padding:6px 0 6px 0; font-size:14px; margin:0 10px; color:#456; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; text-transform:uppercase; border-bottom:2px solid #456; }
div.tip-box p { margin:0; padding:6px 10px 16px 10px; color:#333; font-size:12px; background:url(../imgs/tip-box_r2_c1.gif) no-repeat left bottom; }
img.tip-box { display:block; border:none; padding:5px; margin-bottom:10px;  color:#666;}
.tip-size-1 {background:#FFF url(../imgs/tip-img-1.gif) no-repeat left top;}
.tip-size-2 {background:#FFF url(../imgs/tip-img-2.gif) no-repeat left top;}
.tip-size-3 {background:#FFF url(../imgs/tip-img-3.gif) no-repeat left top;}

.seo-box { width:210px; padding:5px 0 0 0; margin:0 auto 10px auto; background:#BFE1FB url(../imgs/seo-box_r1_c1.gif) no-repeat left top;  }
.seo-box h2 {  padding:6px 0 6px 0; font-size:14px; margin:0 10px; color:#456; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; text-transform:uppercase; border-bottom:2px solid #345; }
.seo-box p { margin:0; padding:6px 10px 15px 10px; font-size:12px; background: url(../imgs/seo-box_r2_c1.gif) no-repeat left bottom; }
.seo-box a { font-weight:normal; font-size:13px; margin-right:3px; margin-left:3px; line-height:18px; color:#333;}

/*  half-box  */
.half-box { width:290px; padding:0 35px; /*border:1px dashed black;*/}
.half-box img { display:block; padding:5px 10px 10px 5px; border:none; background:#FFF url(../imgs/img-vyrobek_shadow.gif) no-repeat left top;}

/*  velikost  */
h3.velikost { color:#000; margin-bottom:0;}
.tbl-velikost { width:100%; }
.tbl-velikost td { color:#17557D; background-color:#E4F1FA; padding:5px 16px 3px 4px; text-align:right; width:50px; border-bottom:1px solid #FFF;}
.tbl-velikost .tbl-head td { font-weight:bold; background-color:#95C9EC; padding:6px 16px; border-bottom:2px solid #FFF; text-align:center;}
.tbl-velikost td.first, .tbl-velikost .tbl-head td.first  { text-align:left; padding-left:16px; width:auto; font-weight:bold;}
img.velikost { display:block; background-color:#EDF4FA;}

/*  obrázky  */

img.large { display:block; margin:25px auto; }
img.border { padding:4px; border:1px solid #CAD6E8;}

/*  mapa  */
a.mapa-mala { display:block; width:328px; height:243px; margin:0 auto;}
.mapa-mala img {display:block; padding:5px; background-color:#FFF; border:1px solid #D3D9E2;}

.tbl-kontakt {  margin:14px auto;}
.tbl-kontakt td { padding:4px 12px 4px 0; line-height:15px;}
.tbl-kontakt td.first { font-weight:bold;}

a.kontakt-mapa { display:block; margin:20px auto; width:290px; }
a.kontakt-mapa img { display:block; }

.emp-box { width:360px; margin:15px auto; padding:15px; padding-bottom:0; border:10px solid #CEF1FF;}
.emp-box h3 { color:#007ACC; text-align:center; margin-top:0; margin-bottom:12px;}
.emp-box table { margin-bottom:12px;}

/*  výrobky  */
.img_M { display:block; padding:4px; border:1px solid #98CCEB;}
.box-vyr_M { width:250px; float:right;  }
.box-vyr2_M { width:280px; float:left; padding-left:35px;  }
.h-vyr { height:30px;}

table { border-collapse:collapse;}

.tbl-zastupci td { padding:22px 15px 17px 25px;; line-height:19px;}
.h-vyrobky { font-size:0; line-height:0; height:23px; background:#FFF;}
.h-prodejny { font-size:0; line-height:0; height:34px; background:#FFF;}
p.text-prodejny { position:relative; top:-4px; padding:8px 14px; background-color:#F9FCFF; margin-right:10px; border:1px solid #DBEBFD;}

/*  link do katalogu/prodejen */

.link-container { padding:5px 25px; margin:15px auto; border:4px solid #D9EEFD; background-color:#F5FBFE;}
.link-container a { color:#FFF; display:block; width:145px; height:35px; margin:23px auto; position:relative; text-align:center; line-height:33px; font-size:18px; letter-spacing:2px; font-weight:normal;  background-color:#0C80D6;}
.link-container a span { display:block; width:145px; height:35px; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:left top;}
.link-container a:hover span { background-position:left -100px;}
.link-container a.link-katalog span { background-image:url(../imgs/a-link-katalog.gif);}
.link-container a.link-prodejny span { background-image:url(../imgs/a-link-prodejny.gif);}

.center { text-align:center;}

.container-narrow { width:390px;}
.container-wide {width:510px; }