@charset "utf-8";
/* CSS Document */
body {
  margin: 0;
  padding: 0;	
  border: none;
  font-family: Tahoma, Verdana, "Trebuchet MS", sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 15px;

  color: #081853;
  font-size: 8pt;
  
  background-color: #4697b9;
  background-image: url('../img/bg_body.jpg');
  background-repeat: repeat-x;
  background-position: top;
}
* {
	margin: 0;
	padding: 0;
}
.cn a img {
  border: 0px;
} 
.cn a:hover img {
  border: 0px;
}
a img {
  border: 0px;
} 
a:hover img {
  border: 0px;
} 
img {
  border: 0px;
  margin: 0px;
  padding: 0px;
}   
h4 { text-align:center; text-transform: uppercase; font-weight:lighter; font-size:14px; padding: 0 0 0 0; color:#fff; margin: 8px 0 10px 0;}
h4.left-menu {margin-left: 20px;color:#FFF; font-size: 14px;}
h4.right-menu {margin-right: 20px; color:#FFF; font-size: 14px;}
h4.kratnov {width:230px;text-align:left; margin: 4px 0 0 5px; float:left;}

#beware {
  position: relative;
  width: 900px;
  margin: 3px auto;
  background: #1b1b1b;
  height: 58px;
  border: 0px #ff9d02 dashed;
}
p.pozor{
	color: #FFF;
	text-align: center;
	font-size: 12px;
	padding: 4px 0 0 0;
}
p.pozor a{
	color: #ff9d02;
	text-decoration: underline;
}
p.pozor a:hover{
	text-decoration: none;
}
#web {
  position: relative;
  width: 900px;
  margin: auto;
}
#header {
  position: relative;
  width: 900px;
  height: 242px;
  background: url('../img/bg_header-2.png') no-repeat;
}
#area {
  position: relative;
  width:900px;
  float: left;
  background: #0e0e0e url('../img/bg_web-2.png') repeat-y;
}
.menu-kat {
	width: 166px;
	height: 42px;
	margin: 0;
	padding: 0;
}
#left-menu {
  position: relative;
  width: 180px;
  float: left;
  margin: 0;
  padding: 0;
}
#left-menu img.title {
	margin: 10px 0 0 0;
}
#left-menu ul {
  text-align: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#left-menu ul li {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
} 
#left-menu ul li a  {
  display: block;
  width: 137px;
  height: 16px;
  color: #98dafc;
  text-decoration: none;
  margin: 0 8px 0 35px;
  padding: 2px 0 2px 0;
  border-bottom: 1px dashed #0184c8;
}
#left-menu ul li a:hover  {
  color: #fff;
  background: #5586c5;
}                
#right-menu {
    position: relative;
	float: right;
	width: 180px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;;
}
#right-menu img.title {
	margin: 10px 0 0 0;
}
#right-menu ul {
  text-align: center;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#right-menu ul li {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
} 
#right-menu ul li a  {
  display: block;
  color: #98dafc;
  width: auto;
  height: auto;
  text-decoration: none;
  margin: 4px 35px 4px 8px;
  padding: 2px 2px 2px 2px;
  border: 1px dashed #0184c8;
}
#right-menu ul li a:hover  {
  color: #fff;
  background: #5586c5;
} 

#right-menu ul.normal {
  text-align: right;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#right-menu ul.norml li.normali {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
} 
#right-menu ul.normal li.normali a  {
  display: block;
  width: 137px;
  height: 16px;
  color: #98dafc;
  text-decoration: none;
  margin: 0 35px 0 8px;
  padding: 2px 0 2px 0;
  border-bottom: 1px dashed #0184c8;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
}
#right-menu ul.normal li.normali a:hover  {
  color: #fff;
  background: #5586c5;
} 

#filename {
  position: relative;
  width: 540px;
  float: left;
  padding: 0;
  margin: 10px 0 0 0;
  color: #98dafc;
} 
.shop-nahled {position:relative; width: 230px; height: 224px; padding: 0; margin: 0px 10px 0 10px;}
.shop-nahled a img {border: 2px #2c538c solid; margin: 5px 0 0 8px;}
.shop-nahled a:hover img {border: 2px #5384c3 solid;}
.shop-cena {position:absolute; width: 130px; height: 33px; bottom: 21px; left: -7px; padding: 4px; text-align: center; color: #000; font: bold 18pt Arial, Helvetica, sans-serif; background: url('bg_shop-cena.png') repeat-x;}
.obsah {
	position: relative;
	width: 420px;
	margin: 0 10px 0 10px;	
}
.gal a img {
	padding: 3px;
	background: #3065a9;
	border: #6684ba 1px dashed;
}
.gal a:hover img {
	border: #b3c8ee 1px dashed; 
}
h2 {
	font-size: 14pt;
	color: #164589;
	margin: 10px 20px 20px 0;
	text-align: center;
}
hr {
    width: 100%;  
    background:  #2d9ed8;
    border: solid #2d9ed8 1px; 
}
.anketa-prouzek {
	width: 100px;
	height: 8px;
	margin: 2px 5px 8px 5px;
	text-align: left;
	background: #bed9e5;
}
.anketa-procenta {
	width: 25px;
	float: right;
	padding: 0 5px 0 0;
	text-align: right;
}
/* -------------------------------------------------------------- */
table.filen { margin:auto;}

ul.archivul {text-align: left; margin: 0 0 0 0; padding: 0 0 0 0; height:16px;}
li.archiv { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; } 
li.archiv a  { display: block; width: 320px; height: 16px; color: #98dafc; text-decoration: none; margin:0; padding: 2px 0 2px 0; border-bottom: 1px dashed #98dafc; }
li.archiv a:hover  { color: #fff; background: #2d9ed8; border-bottom: 1px dashed #fff; }

.fn { position:relative; width:520px; margin:0 10px 15px 10px; padding:0 0 0 0; }
.fn-title { position: relative; width: 520px; height: 50px; background: url('../img/bg_filename-title-2.jpg') no-repeat; margin: 0; padding: 0; }
.fn-footer { position: relative; width: 520px; height: 30px; background: url('../img/bg_filename-footer-2.jpg') no-repeat; margin: 0; padding: 0; }
.fn-text { position: relative; width: 500px; background: url('../img/bg_filename-2.jpg') repeat-y; margin: 0; padding: 10px 10px 0 10px; }

.fn-title img { position:relative; width: auto; float:left; margin: 0; padding: 0px 0 0 0px; }
.fn-title h2 { position:relative; color:#fff; font-size: 14pt; width: auto; float:left; text-align:left; padding: 9px 0 0 15px; font-weight:normal; margin:5px 0 0 0;}
.fn-title h2 a {color:#fff; font-weight:normal; text-decoration:none; border-bottom:2px solid #98dafc; }
.fn-title h2 a:hover { border-bottom:2px dashed #98dafc; }
.fn-title a { color:#fff; text-decoration:none;}
.fn-title a:hover { text-decoration:uderline;}

.fn-footer p { text-align:right; color:#bde9ff; padding: 6px 20px 0 0; margin:0; }
.fn-footer p a { color:#fff; text-decoration:none; border-bottom:1px dashed #fff;}
.fn-footer p a:hover { color: #fff; border-bottom:0px dashed #fff; }

.fn-text p { color:#98dafc; padding: 10px 0 10px 0; }

.fn-text h2 { color:#fff; font-size: 14pt; font-weight:normal; margin: 20px 0 10px 0; padding: 2px 0 3px 0;}
.fn-text h3 { color:#fff; font-size:14pt; font-weight:normal; margin:20px 0 10px 0; padding:5px; border-bottom: 2px #2d9ed8 solid; border-left: 2px #2d9ed8 solid; border-right: 2px #2d9ed8 solid;}

.fn-text ul { padding:8px 0 5px 12px; list-style: none;}
.fn-text ul li { padding:3px 0 3px 0;}

.fn-text ol { padding:8px 0 5px 15px; margin: 0 10px 0 20px;}
.fn-text ol li { padding:3px 0 3px 0;}

.fn-text a { color:#fff; text-decoration:none; border-bottom:1px dashed #fff;}
.fn-text a:hover { color: #fff; border-bottom:0px dashed #27a8eb;}

.fn-text img { background:#2d9ed8; margin: 3px 3px 3px 3px; padding: 2px 2px 2px 2px; border: 1px dashed #2d9ed8;}
.fn-text a img { text-decoration: none; background:#2d9ed8; margin: 2px 2px 2px 2px; padding: 3px 3px 3px 3px; border: 1px dashed #2d9ed8; }
.fn-text a:hover img { background:#53bbf0; border: 1px dashed #fff; }

.ar-title a { width:280px; text-align:left; text-decoration:none; padding:2px 0 2px 0;}
.ar-title a:hover { text-decoration:none; background:#39C;}
.ar-date { width:auto; text-align:left; padding:2px 0 2px 10px;}
.ar-autor { width:auto; text-align:left; padding:2px 0 2px 10px;}

.sub-kat { width:400px; height:16px; background:#ace4fd; border-bottom:1px #5e8abb solid; border-top:1px #5e8abb solid; margin:auto; text-align:center;}
.sub-kat a { color:#1e3d76; text-decoration:none; padding: 1px 3px 2px 3px;}
.sub-kat a:hover { color:#ace4fd; text-decoration:none; background: #5e8abb;}

.com-form { margin:auto; width:300px; padding:15px 15px 15px 15px; background:#138fcf; border: 1px #1071a8 solid; color:#1071a8;}
.com { position:relative; width:520px; margin:auto; margin: 0 10px 10px 10px;}
.com-up { position: relative; width: 520px; height: 10px; background: url('../img/bg_filename-title-2.jpg') no-repeat; margin: 0; padding: 0; }
.com-text { position: relative; width: 520px; background: url('../img/bg_filename-2.jpg') repeat-y; margin: 0; padding: 0; }
.com-text img { position: relative; width: 60px; height:60px; background: #2d9ed8; margin: 10px 10px 10px 10px; padding: 0; }
.com-avatar { position:relative; width:60px; height:60px; background: #2d9ed8; padding: 10px 10px 10px 10px; float:left}
.com-mess { position:relative; width:420px; margin: 0; padding: 10px 10px 10px 10px; float:right}
.com-down { position: relative; width: 520px; height: 30px; background: url('../img/bg_filename-footer-2.jpg') no-repeat; margin: 0; padding: 0; }
.com-down p { text-align:right; color:#98dafc; padding: 6px 20px 0 0; margin:0; }
.com-down p a { color:#fff; text-decoration:none; border-bottom:1px dashed #27a8eb;}
.com-down p a:hover { color: #fff; border-bottom:1px dashed #fff; }

.coma { position:relative; width:420px; margin:auto; margin: 0 10px 10px 92px;}
.coma-up { position: relative; width: 420px; height: 10px; background: url('../img/bg_filename-title-2a.jpg') no-repeat; margin: 0; padding: 0; }
.coma-text { position: relative; width: 420px; background: url('../img/bg_filename-2a.jpg') repeat-y; margin: 0; padding: 0; }
.coma-text img { position: relative; width: 60px; height:60px; background: #2d9ed8; margin: 10px 10px 10px 10px; padding: 0; }
.coma-down { position: relative; width: 420px; height: 30px; background: url('../img/bg_filename-footer-2a.jpg') no-repeat; margin: 0; padding: 0; }
.coma-down p { text-align:right; color:#98dafc; padding: 6px 20px 0 0; margin:0; }
.coma-down p a { color:#fff; text-decoration:none; border-bottom:1px dashed #27a8eb;}
.coma-down p a:hover { color: #fff; border-bottom:1px dashed #fff; }

h4 { text-align:left; font-size:10pt; padding: 0 0 0 20px; color:#1e3d76; margin: 8px 0 0 0;}
h3 { color:#fff; font-size:10pt; font-weight:bold; margin:20px 15px 10px 15px; padding:5px 10px; border-bottom: 1px #fff solid; }

.logo{ width:372px; height:210px; float:left;}
.timer{ width:254px; height:104px; float:left; margin: 20px 0 0 50px;}
.login p{ background:#000; color:#FFF; text-align:center;}
.h-menu{ width:882px; float:right; height:31px; margin: 0 9px 1px 9px; text-align:center;}


span.price { position: relative; width: 130px; height: 35px; left: 0px; top: -35px; background: url('../img/bg_price.png'); }
span.price p {width: 130px; height: 35px; text-align: center; }

.anketa { position:relative; width:137px; margin:0 35px 0 8px; color:#98dafc;}
ul.anketa {text-align: left; margin: 0 0 0 0; padding: 0 0 0 0;}
ul.anketa li.normala {list-style: none; margin: 0 0 0 0; padding: 0 0 0 0;}
ul.anketa li.normala a {display: block; width: 100px; color: #98dafc; text-decoration: none; margin: 0; padding: 2px 0 2px 0; border-bottom: 1px dashed #0184c8; border-left: 0px; border-right: 0px; border-top: 0px;}
ul.anketa li.normala a:hover {color: #fff; background: #5586c5;}

.table { position:relative; width:540px; height:161px; background:url('../img/bg_table.jpg'); float:left; margin:0; padding:0;}
.infobox { position:relative; width:540px; height:163px; margin:0 180px 0 180px; padding:0; bottom:0;}
.ib-left { width:250px; height:120px; float:left; margin:35px 5px 0 15px;}
.ib-left ul {text-align: left; margin: 0 0 0 0; padding: 0 0 0 0; }
.ib-left ul li { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; } 
.ib-left ul li a  { display:block; width:250px; color:#98dafc; text-decoration:none; margin:0; padding:2px 0 2px 0; border-bottom:1px dashed #0184c8;}
.ib-left ul li a:hover  { color: #fff; background: #5586c5; }

.ib-right { width:250px; height:120px; float:right; margin:35px 15px 0 5px;}
.ib-right a img { text-align:center; margin:1px 5px 1px 5px; padding:2px 40px 2px 40px; border-left: 1px dashed #0184c8; border-right: 1px dashed #0184c8;}
.ib-right a:hover img { background: #5586c5;}

/* -------------------------------------------------------------- */
#footer {
  color:#fff;
  position: relative;
  width: 900px;
  height: 230px;
  float: right;
  margin: 0;
  padding: 0;
  background: url('../img/bg_footer-2.jpg') no-repeat;
  text-align: center;
  color: #fff;
}
#footer p {
	color: #98dafc;
	margin: 15px 0 0 0;;
}
#footer p a {
	color: #98dafc;
	text-decoration: none;
	border-bottom:1px dashed #0184c8;
}
#footer p a:hover {
	color: #fff;
}

.PagerClass { position:relative; width:400px; height:auto; text-align:center; margin: auto; padding: 10px 0 10px 0; color:#fff; }
.PagerClass a { background: #2d9ed8; padding: 1px 2px 2px 2px; margin:0; color:#fff; text-decoration:none; border: #fff 1px solid;  }
.PagerClass a:hover { background: #2d9ed8; color:#98dafc; text-decoration:none; border: #98dafc 1px solid;  }

/*.PagerClass {
  position: relative;
  float: inherit;
  text-align: center;
  margin: 15px 0 0 0;
  width: 524px;
  color: #999999;
  font-size: 12px;
}
.PagerClass a {
  background: #f4f8fa;
  border: 1px #e1ebf2 solid;
  padding: 2px 2px 2px 2px;
  text-decoration: none;
  color: #4d91bb;
}
.PagerClass a:hover {
  background: #f4f8fa;
  border: 1px #4d91bb solid;
  padding: 2px 2px 2px 2px;
  text-decoration: none;
}*/

input.login {width:90px; height:17px; border: 1px #104066 solid; background:#779ac2; color:#104066; margin: 7px 10px 2px 0;}
input.login_button {width:100px; border: 0px #2d9ed8 solid; background:#2d9ed8; color:#fff; margin: 0 0 0 10px;}
input.registrace { border: 0px #104066 solid; background:#779ac2; color:#104066; margin: 7px 10px 2px 0;}

.reg_error {width:350px;height:auto;margin:auto;text-align:center;background:#ffd6d6;color:#F00;padding:5px 5px 5px 5px;font-weight:bold;border:1px #f00 dashed;}

.pruh { position:relative; width:100px; height:8px; padding:0; margin:0px 0px 0px 0px; text-align:left; background:#6eabf9; }

td.tab-title { background:#2d9ed8; color:#fff;}