div#qTip {
  width: 20em;
  text-align: left;
  padding: .5em;
  border: 1px solid rgb(0,0,0);
  display: none;
  background: rgb(139,14,19);
  color: rgb(255,255,255);
  position: absolute;
  z-index: 1000;
}

html, body {
  background: url('../images/bg-obloha.png') repeat-x top rgb(0,0,0);
  color: rgb(0,0,0);
  text-align: center;
	font-family: Arial;
	font-size: 12px;
	line-height: 1.35;
	padding: 0;
	margin: 0;
}
a {
  color: rgb(139,14,19);
  text-decoration: underline;
}
a:link {
  color: rgb(139,14,19);
}
a:visited {
  color: rgb(139,14,19);
}
a:hover {
  color: rgb(180,13,20);
  text-decoration: none;
}
a:active {
  color: rgb(0,0,0);
}
input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid rgb(0,0,0);
  background: rgb(255,255,255);
  font-size: 100%;
}
table {
  border-collapse: collapse;
  padding: 0;
  margin: 0 0 1em 0;
  font-size: 100%;
  line-height: 150%;
  border: 1px solid rgb(178,178,178);
}
caption {
  display: none;
}
td {
  border: 1px solid rgb(178,178,178);
  padding: .1em .1em .1em .5em;
  vertical-align: top;
}
th {
  background: rgb(178,178,178);
  border: 1px solid rgb(178,178,178);
  border-bottom: 1px solid rgb(255,255,255);
  font-weight: bold;
  font-size: 80%;
  text-align: left;
  padding: .1em .1em .1em .5em;
  vertical-align: top;
}
.tr_highlight td {
  background: rgb(230,230,230);
}
.clr { clear:both; }
form, p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0 0 .5em 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
}
h1 {
  font-size: 180%;
  line-height: 100%;
  font-weight: bold;
  padding: 0 0 .8em 0;
}
h1 small {
  font-size: 60%;
  font-weight: bold;
}
h2 {
  color: rgb(139,14,19);
  font-size: 160%;
  line-height: 100%;
  font-weight: normal;
}
h3 {
  font-size: 130%;
  line-height: 100%;
}
img {
  border: none;
}
ul {
  margin: 0;
  padding: 0 0 .5em 1.5em;
  list-style: square;
}
li {
  margin: 0;
  padding: 0;
}
.vpravo {
  float: right;
  margin: 0 0 .5em .5em;
}
.vlavo {
  float: left;
  margin: 0 .5em .5em 0;
}
.btns {
  text-align: center;
}
.btn {
  cursor: pointer;
  background: rgb(0,0,0);
  color: rgb(255,255,255);
  font-weight: bold;
  font-size: 100%;
}
.clear {
  width: 100%;
  height: 0px;
  line-height: 0;
  font-size: 0;
  margin: 0;
  padding: 0;
  float: left;
}
.clear_both {
  clear: both;
}
.search-text { padding:10px; margin:0 0 10px 0; background:#effbec; border:1px solid #daf5d3; font-size:14px; color:#3a3a3a; } 
.search-text-error { padding:10px; margin:0 0 10px 0; background:#faeded; border:1px solid #f5dede; font-size:14px; color:#3a3a3a; } 
#mesto {
  height: 100%;
  background: url('../images/bg-mesto.png') transparent top center no-repeat;
}
#main {
  margin: 0 auto;
  width: 1000px;
  background: url('../images/bg-main.png') transparent repeat-y;
  text-align: left;
}
#element01 {
  position: absolute;
  margin: 257px 0 0 995px;
  width: 23px;
  height: 301px;
  background: url('../images/element01.gif') no-repeat center transparent;
}
#element02 {
  position: absolute;
  margin: 260px 0 0 -91px;
  width: 99px;
  height: 515px;
  background: url('../images/element02.png') no-repeat center transparent;
}

#hlavicka {
	position:relative;
  padding: 35px 0 0 0;
  margin: 0 8px;
  background: url('../images/bg-hlavicka.gif') repeat-x center top rgb(255,255,255);
}
#hlavicka-bottom {
  clear: both;
  display: block;
  width: 100%;
  height: 2px;
  background:#353838;
}
#logo {
  float: left;
  width: 267px;
  height: 45px;
  margin: 15px 20px 0 220px;
}
#motiv {
  position: absolute;
  margin: 0 0 0 -93px;
  width: 441px;
  height: 163px;
  top:0;
}
#motiv img {
  border:none;
}
.home {
	position:absolute;
	width:600px;
	height:115px;
	left:0;
	top:0;
}
.topmenu {
  background:url('../images/menu-bg.gif') #6E6E6E repeat-x center top;
  float: left;
  width: 805px;
  height:36px;
  list-style: none;
  padding: 0 0 0 180px;
  margin: 20px 0 0 0;
  font-weight: bold;
  font-size: 110%;
}
.topmenu li {
  float: left;
  position: relative;
  z-index: 250;
  padding: 0;
  margin: 0;
}
.topmenu a {
  display: block;
  color: rgb(255,255,255);
  text-decoration: none;
  text-shadow:-1px -1px 0 #212121;
}
.topmenu .line {
	float:left;
	width:1px;
	height:36px;
	background:#333;
	border-right:1px solid #888;
}
.topmenu a:hover {
  color:#ffcaca;
}
.topmenu a.menu-clanky {
  background: rgb(139,14,19);
}
.topmenu a.menu-clanky:hover {
  color: rgb(0,0,0);
}
.topmenu #menu-kontakt {
  float: right;
}
.menulink {
	padding:11px 10px 0 10px;
	height:23px
}

.search {
	margin:5px 0 0 0;
	float:right;
	height:25px;
	background:url(../images/search-bg.gif);
	padding:0;
	border-top:1px solid #414141;
	border-bottom:1px solid #595959;
	border-left:1px solid #000000;
	border-right:none;
}
.search-submit {
	margin:0;
	margin:5px 10px 0 0;
	float:right;
	height:26px;
	background:url(../images/search-submit.gif);
	padding:0px 10px;
	border-top:1px solid #414141;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	color:#fff;
}
 
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }

#nav ul ul { left: 150px; border-left: 1px solid black; }
 
#nav *:hover { background-color: none; }
#nav a { color:white; font-size: 12px; line-height: 1; }
#nav li.hover a { background-color: #4c4c4c; }
#nav ul { top: 36px; width:150px; }
#nav ul li a { color:#e6e6e6; background:url(../images/menu-bg.gif) #3c3c3c; padding:6px; }
#nav ul li.hover > a { color:#fff; }
#nav ul a { border-right: none; opacity: 1; filter: alpha(opacity=100); }

#telo {
  margin: 0 8px;
  padding: 0;
  background: url('../images/bg-telo.gif') repeat-y right rgb(255,255,255);
}
#telo-bg2 {
  background: url('../images/vline-pravy-stlpec.gif') repeat-y right top;
}
#pravy-stlpec {
  background: url('../images/barcode.gif') no-repeat right bottom transparent;
  float: left;
  width: 775px;
  height: 450px; /* ie hack */
  min-height: 450px;
  margin: 0 0 0 10px;
  padding: 1em 10px 1em 0;
}
#pravy-stlpec[id] { /* ie hack */
  height: auto;
}
#lavy-stlpec {
  color: rgb(255,255,255);
  background: #353838;
  float: right;
  width: 170px;
  padding:5px;
}
#lavy-stlpec a {
  color: rgb(255,255,255);
}
#lavy-stlpec a:hover {
  color: rgb(0,0,0);
}
#lavy-stlpec ul {
  float: left;
  width: 170px;
  list-style: none;
  margin: 0;
  padding: 0 0 .5em 0;
  font-weight: bold;
  font-size: 110%;
  line-height: 200%;
}
#lavy-stlpec ul li {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  background: url('../images/hline01.gif') no-repeat bottom transparent;
}
#lavy-stlpec ul li a {
  padding: 0 5px;
  display: block;
  text-decoration: none;
}
#lavy-stlpec ul ul {
  margin: 0;
  font-size: 95%;
  line-height: 180%;
  font-weight: normal;
}
#lavy-stlpec ul ul li {
  background: transparent;
}
#lavy-stlpec ul ul li a {
  padding: 0 0 0 25px;
  background: url('../images/odrazka01.gif') no-repeat 10px .7em transparent;
}
#prihlas-regis {
  background: url('../images/hline01.gif') no-repeat bottom transparent;
}
#prihlas-regis input {
  width: 170px;
}
#prihlas-regis input.btn {
  width: auto;
}


#paticka {
  clear: both;
  text-align: center;
  background: rgb(139,14,19);
  border-top: 2px solid rgb(178,178,178);
  color: rgb(255,255,255);
}

#pravy-stlpec h1 {
  background: url('../images/hline01.gif') repeat-x left bottom transparent;
}
#pravy-stlpec h2 {
  clear: both;
  background: url('../images/hline01.gif') repeat-x left bottom transparent;
  margin: 1em 0 .5em 0;
}
#pravy-stlpec h2 span {
  color: rgb(0,0,0);
}
#pravy-stlpec h3 {
  margin: 1em 0 0 0;
}
#pravy-stlpec #article {
  width: 450px;
  float: left;
}
#pravy-stlpec #article[id] {
  margin-bottom: 1em;
}
#pravy-stlpec #article p {
  text-align: justify;
}
#pravy-stlpec #article img {
  max-width: 200px;
  max-height: 200px;
}
.box-clanok {
  float: left;
  padding-left: 60px;
  margin: 0 0 1em 75px;
}
.box-clanok-right {
  width: 300px;
  margin: 0 0 1em 0;
}
.box-clanok-left-content {
	float:left;
	width:460px;
}
.box-clanok-right-content {
	float:right;
	width:300px;
}
.box-clanok-nothumb {
  width: 645px;
  padding-left: 0;
}
.banner-square {
	border:1px solid #858585;
	text-align:center;
	width:300px;
	height:300px;
	background:#eeeeee;
	margin:0 0 1em 0;
}
.kategory {
	background:#d5d5d5;
	padding:0;
	height:37px;
	margin-bottom:15px;
	font-size:14px;
	font-weight:bold;
}
.kategory-title {
	background:url(../images/kategory-title-bg.gif) #b40d14;
	float:left;
	height:26px;
	padding: 9px 15px 0px 15px;
	color:#fff;
	text-transform: uppercase;
	text-shadow:-1px -1px 0 #570c0f;
}
.kategory-subtitle {
	float:left;
	color:#2f2f2f;
	height:26px;
	padding:9px 15px 0px 15px;
}
.kategory-subtitle a {
	color:#2f2f2f;
	text-decoration:none;
}
.kategory-subtitle a:hover {
	text-decoration:underline;
}
#pravy-stlpec .box-clanok h2 {
  margin: 0;
}
.box-clanok-nahlad {
  position: absolute;
  margin: 3px 0 0 -130px;
  padding: 1px;
  display: block;
  width: 120px;
  height: 102px;
  background: url('../images/nahlad01.gif') no-repeat transparent;
  overflow: hide;
}
.clanok-pridane {
  color: rgb(100,100,100);
  padding-bottom: 1em;
}
#aktuality-najcitanejsie {
  position: relative;
  float: left;
  width: 672px;
  margin: 0 -8px 2em -8px;
  padding: .5em 8px;
  background: rgb(0,0,0);
}
#aktuality-najcitanejsie h3 {
  margin-top: 0;
  color: rgb(255,255,255);
}
#aktuality-najcitanejsie a {
  color: rgb(255,255,255);
}
#aktuality-najcitanejsie a:active {
  color: rgb(0,0,0);
}
#aktuality-najcitanejsie div {
  float: left;
  width: 250px;
}
#aktuality-najcitanejsie img {
  float: left;
  margin-left: 10px;
  border: 1px solid rgb(139,14,19);
}
#aktuality-najcitanejsie ul {
  list-style: none;
  margin: 0 10px 0 0;
  padding: 0;
}
#aktuality-najcitanejsie ul li {
  padding: 0 0 0 15px;
  background: url('../images/odrazka01.gif') no-repeat left .6em transparent;
}
.clanok-intro em {
  font-style: normal;
  font-weight: bold;
}
#clanok-fastinfo {
  float: left;
  width: 100%;
  margin-top: .5em;
}
#clanok-fastinfo h3 {
  margin-top: 0;
}
#clanok-fastinfo div {
  float: left;
  width: 48%;
  margin: 0 .5em 1em 0;
  padding: 0;
}
#clanok-fastinfo div.zarovnaj {
  width: 100%;
  height: 0;
  line-height: 0;
  font-size: 0;
  margin: 0;
  padding: 0;
}
#gallery, #catalog {
  float: left;
  width: 100%;
  margin: 0 0 1em 0;
}
#nahlady {
  float: left;
  width: 100%;
  padding: 0 0 0 40px;
}
#gallery span a, #catalog span a, #nahlady span a {
  display: block;
  width: 150px;
  height: 100px;
  background: no-repeat center;
}
#nahlady span {
  float: left;
  padding: 1px;
  margin: 0 5px 5px 0;
  width: 150px;
  height: 100px;
  background: url('../images/nahlad02.gif') no-repeat transparent;
}
#gallery span a.orig {
  display: inline;
  width: auto;
  height: auto;
  position: absolute;
  margin: -2em 0 0 0;
  padding: 0 .5em;
  background: rgb(255,255,255);
  text-decoration: none;
  font-weight: bold;
}
#gallery img, #catalog img {
  display: none;
}
#gallery span {
  float: left;
  padding: 1px;
  margin: 0 5px 5px 0;
  width: 150px;
  height: 100px;
  background: url('../images/nahlad02.gif') no-repeat transparent;
}
#catalog span {
  display: block;
  padding: 1px;
  margin: 0 0 0 24px;
  width: 175px;
  height: 100px;
  background: url('../images/nahlad02.gif') no-repeat transparent;
}
#catalog br {
  display: none;
}
#catalog div {
  float: left;
  margin: 0;
  width: 175px;
  height: 150px;
  text-align: center;
}
#article-discussion label {
  float: left;
  width: 8em;
}
#article-discussion input {
  margin-bottom: 1px;
}
#article_right_col {
  float: right;
  width: 220px;
  text-align: center;
  margin: 0 0 1em 0;
}
#article_right_col img {
  margin: 0 0 1em 0;
}
#techinfo_table {
  width: 220px;
  text-align: left;
}

.help {
  color: rgb(139,14,19);
  border-bottom: 1px dashed rgb(139,14,19);
  cursor: help;
}
#predplatne label {
  float: left;
  width: 14em;
}
.ads {
/*  padding-top: 10px;
  height: 105px;
  clear: both;
  text-align: center;*/
}
img.scale50 {
  height: 200px;
}

#featured{ 
	width:520px;
	padding:5px;
	padding-right:253px; 
	position:relative;
	margin:0 0 10px 0;
	background:url(../images/slider-bg.gif) left top;
	height:250px; 
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:5; left:525px; 
	list-style:none; 
	padding:0; margin:0; 
	width:218px; 
}

#featured .ui-tabs-links { 
	position:absolute; 
	top:5; left:743px; 
	list-style:none; 
	padding:0; margin:0;
	width:30px; 
}
#featured .ui-tabs-links a {
	float:left;
	width:31px; 
	height:50px; 
	background:url(../images/slider_link.gif) left top;
}
#featured .ui-tabs-links a:hover {
	background:url(../images/slider_link.gif) left -50px;
}

#featured ul.ui-tabs-nav li{ 
	font-size:12px;
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a {
	cursor:default;
	background:#ececec; 
	display:block;
	padding:5px 10px;
	height:38px;
	border-bottom:1px solid #c7c7c7;
	border-top:1px solid #fff;
	color:#676767;
	font-weight:bold;
	text-decoration:none;
	text-shadow:1px 1px 0 #fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 

}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:url(../images/slider-nav.gif);
	border-left:5px solid #b40d15;
}
#featured .ui-tabs-panel{ 
	width:520px; height:250px; 
	background:#fff; position:relative;
	overflow:hidden;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('../images/transparent-bg.png'); 
}
#featured .info {
	text-shadow:1px 1px 0 #000;
}
#featured .info h2{ 
	font-size:18px; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}