
html, body {height: 100%; /*letter-spacing: 0.5px;*/line-height:105%;}
body {background: #fff url(../obrazky/poz.png); font-family: verdana; font-size: 12px; color: #000; margin: 0; padding: 0; text-align: center; line-height: 1.5; }
h1 {color: #f97623; font-size: 17px; margin: 0 20px 0 20px; }
h1 a {width: 234px; height: 93px; position: absolute; top: 5px; left: 10px; background: url("../obrazky/logo.png"); }

address {font-style:normal}
h2 {font-size: 15px; color: #0a4b97;}

h3 {font-size: 12px; color: #0a4b97; }
h4 {font-size: 12px; color: #f68635; }
a {color: #034ea2; }
a:hover {color: #f68635; }
ul {list-style-type: square;  }

#vobal { width: 765px; position: relative; margin: auto; min-height: 100%; _height: 100%;border-left:1px #aaa solid;border-right:1px #aaa solid;padding:0; background: #fff;}

a.pdf { background: url("../obrazky/pdf.gif") no-repeat 100% 100% ;padding:0 20px 0 0; }

a.doc { background: url("../obrazky/doc.jpg") no-repeat 100% 100% ;padding:0 20px 0 0; } 

a.zip { background: url("../obrazky/zip.gif") no-repeat 100% 100% ;padding:0 20px 0 0; }

a.ppt { background: url("../obrazky/ppt.gif") no-repeat 100% 100% ;padding:0 20px 0 0; }



ol {font-size: 14px; font-weight:bold; color: #0a4b97;}

ol li.top {margin-top:10px; }
ol li.alone {margin-top:10px; }

ol li ul {font-size: 13px; color: #000;font-weight:normal;margin-top:10px; margin-bottom:10px;}

ol.normal {font-size: 13px;  font-weight:normal; color: #000;}

.outlink {padding: 0 15px 0 0;background: url("../obrazky/out.gif") no-repeat 100% 30%  ;}

ol.text {font-size: 12px; color: #000; font-weight:normal;}

ol.text li {margin:10px 0 10px 0; }

#page {background: url("../obrazky/page.png") repeat-y 0 10px #fff; width: 734px; position: relative; text-align: left; margin-right:15px;margin-left:15px;/*min-height: 100%;  _height: 100%;*/ }

#hlavicka {background:#fff; }
#hlavicka div {background: url("../obrazky/hlavicka.jpg") -2px 18px no-repeat; height: 133px; }

a .ramecek_img{border: 1px solid #0a4b97;}
a:hover .ramecek_img{border: 1px solid #f68635;}

.ramecek_img{border: 1px solid #0a4b97;}


.ramecek_text {border: 1px solid #0a4b97;background:#eee; padding:5px;}

.vanocni {background:#fff url("/obrazky/vanoce.gif") 105% 100% no-repeat;border: 1px solid #d40000; padding:10px 200px 10px 10px ;font-family: 'times new roman'; font-size:16px;letter-spacing:2px;color:#aa0000;text-align:center;}

#main {width: 577px;_width:576px; float: right; margin: 40px 0 20px 0;min-height:350px;_height:350px;  }
#input {background: #fff; color: #000; position: absolute; top: 135px; left: 54px; border: 1px solid #b9b9b9; width: 92px; _width: 92px; height: 16px; _height: 16px; }
#button {position: absolute; top: 136px; left: 10px; }



#patka {background: url("../obrazky/patka.png") no-repeat 0px 0px; width: 727px; _width: 727px; position: absolute; bottom: 0; left: 0; height: 38px; _height: 36px; font-size: 12px; color: #fff; padding: 13px 0 0 7px; margin-bottom:-1px}
#patka a {color: #fff; font-weight: normal; text-decoration: underline;}
#patka a:hover, #drobty a:hover {color: #ebebeb; text-decoration: underline; }
#web {position: absolute; top:16px; right: 10px; }
#map {position: absolute; top: 16px; left: 20px; }
#obal {width: 100%; height: auto; }
.pr15 {padding:0 20px 0 20px ; }



.mr15 {margin:0 20px 0 0 ; }
.ml15 {margin:0 0 0 20px ; }




.justify {text-align:justify;}
.right {text-align: right; }
.fri {float: right;  }
.fle {float: left;  }
.nofl {clear: both; }
.center {text-align: center;}
#clear {clear: both; height: 50px; }

.clear {clear: both;  }
#menu {width: 157px; float: left; font-size: 12px; line-height: 1.2; margin-top: 36px;border-top:2px solid #fff; }
#menu ul {margin: 0; padding: 0; list-style-type: none; }
#menu a { text-decoration: none;display:block;width:141px;height:10px; padding:4px 0px 8px 17px;_padding:2px 0px 5px 17px;  border-bottom:2px solid #fff;border-top:2px solid #fff;margin-top:-2px;font-size:13px; background:url(../obrazky/menu-poz.gif) no-repeat 0 0 ;}
#menu a:hover { text-decoration: none; background:url(../obrazky/menu-poz-hover.gif) no-repeat 0 0 ;}

#menu a.reverse { color: #f68635;text-decoration: none; background:url(../obrazky/menu-poz-hover.gif) no-repeat 0 0 ;display:block;width:141px;height:10px; padding:4px 0px 8px 17px;_padding:2px 0px 5px 17px;  border-bottom:2px solid #fff;border-top:2px solid #fff;margin-top:-2px;font-size:13px;}
#menu a:hover.reverse { color: #034ea2;text-decoration: none; background:url(../obrazky/menu-poz.gif) no-repeat 0 0 ;}

div#drobty {background: url("../obrazky/drobty.gif") 0 0  no-repeat #f97623; width: 546px; _width: 546px; height: 24px; _height: 24px; position: absolute; top: 133px; left: 157px; color: #fff; padding: 7px 0 0 31px; font-size: 12px; }


div#drobty p {margin-top:0px;margin-left:-7px;}
div#drobty p a {color: #fff; display:inline; background:none;border-width: 0px;padding:0; }  
div#drobty p a:hover {color: #fff; display:inline; background:none;text-decoration: underline;}  


a.prepinac {text-decoration:none;}
a.prepinac img.flag {border:1px solid #ccc; margin:12px 0 0 12px ;width:30px;text-decoration:none;}

a.prepinac span.flag-text {color:#ccc ;text-decoration:underline;margin:0  0 0 12px ;position:relative;top:-6px; }

a.prepinac:hover img.flag {border:1px solid #fff; }
a.prepinac:hover span.flag-text {color:#fff  }

#logos-witcher {border: 1px solid #f4f4f4; width: 310px;height:140px;overflow: no;}

#logos-witcher-div {width: 305px;margin-left:110px;}

/* e-shop */

.zbozi_table, .delicka {width:100%; margin:10px 0 10px 0;border-top:1px solid #ccc;}
.zbozi_table tr td {width:70%;padding:5px 0 0 20px;}

.zbozi_table tr td a   {text-decoration:none;}
.zbozi_table tr td a img  {border:1px solid #034ea2;margin:5px 0 5px 0;width:150px;}
.zbozi_table tr td span.vyrobce_col  {color:#034ea2}
.zbozi_table tr td span.kategorie_col  {color:#034ea2}
.zbozi_table tr td a span   {text-decoration:underline;}
.zbozi_table tr td.td_img  {border-right:1px solid #ccc;width:32%;padding:5px 0 0 0;}


.kos_table {width:100%; margin:10px 0 10px 0;border-right:1px solid #ccc;border-top:1px solid #ccc;}

.kos_table tr td  {border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.kos_table tr th  {border-left:1px solid #ccc;border-bottom:1px solid #ccc;}


.zbozi_p img  {border:1px solid #034ea2;margin:5px 0 5px 0;width:150px;margin: 0 20px 20px 0 }
.zbozi_p_obrazky img  {border:1px solid #034ea2;}

.cena_table {width:100%;border-top:1px solid #ccc;}
.cena_table tr td {width:70%;}
.cena_table tr td.right_td {width:30%;text-align:right;}
.cena_table tr.tmavsi {background:#eee;}
/* -------------------------------------------------------------------------------------------- */
#sitemap ul li a { line-height: 170%;}


#sitemap ul li ul li a {font-size: 115%;font-weight: normal;color:#555;}

#sitemap ul li ul li ul li a {font-size: 90%;font-weight: normal;color:#034ea2;}


#overlay{ background-image: url(./overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./overlay.png", sizingMethod="scale");
	}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
