html, body {
 background: #fff;
 color: #000;
 text-align: center;
 margin:0; padding:0;
 width: 100%;   
 height: 100%;
}

body {font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 90%; line-height: 140%}

a img {border: none;}
a {color: #000; font-size: 100%}
a:hover {text-decoration: none}

p {margin: 0.5em 25px 0.5em 0; font-size: 100%; line-height: 133%;}
h1,h2,h3,h4 {margin: 0.2em 0; color: #6b030b}
h1 {font-size: 140%}
h2 {font-size: 130%}
h3 {font-size: 110%; margin: 20px 0 10px 0}
h4 {font-size: 100%}

h1 a,h2 a,h3 a,h4 a {text-decoration: none; color: #6b030b}

#main {
	width: 980px;
	position: relative;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	background: #fff url("images/bg.gif") top left repeat-y;
}

body>#main {
 	height: auto;
}

#matrioska {
	width: 960px;
	margin: 0 auto;
}

#header {
	width: 960px;
	height: 140px;
	background: #EFC400 url("images/header.png") top left repeat-x;
	margin: 0 auto;
	text-align: left;
}

#footer {
	width: 980px;
 	height: 50px;
	font-size: 80%;
  position: absolute;
	overflow: hidden;
  padding:0;
	bottom: 0;
	right: 0;
  background: #000 url("images/footer.png") top left no-repeat;
  color: #fff;
}
#footer p {margin: 0; padding-top: 7px;}

#footer a {color: #fff}

#mainbody {
	width: 960px;
	min-height: 400px;
 	padding-bottom:55px;
	overflow:hidden;
	float: left;
	text-align: left;
	background: #fff url("images/obsahbg.gif") top left repeat-x;
}

#leftmenu, #rightmenu {
 margin-top: 25px;
 width: 175px;
 float: left; 
 font-size: 100%
}

#leftmenu div, #rightmenu div {
 width: 163px;
 border: 1px solid #EFF4F9;
 margin: 10px 0;
 padding: 5px 5px 3px 5px;
 font-size: 95%;
 background: #DBE6F0
}

#leftmenu div ul, #rightmenu div ul {list-style: none; background: #fff; margin: 0; padding: 0;}

#leftmenu div ul li, #rightmenu div ul li {padding: 0; width: 153px;}
#leftmenu div ul li a, #rightmenu div ul li a {width: 145px; display: block; background: url("images/sipka.gif") 0 8px no-repeat; margin: 3px 0 0 0; padding: 0 9px; line-height: 160%; border-bottom: 1px solid #DBE6F0;}

#inlul li ul li a {padding-left: 19px; width: 135px; background-position: 10px 8px; font-size: 90%}

#leftmenu div h2, #rightmenu div h2 {color: #000; font-size: 100%; margin: 0 4px; padding: 0}

#leftmenu {	
  position: relative;
	margin-left: 10px;
	margin-right: 10px
}

#rightmenu {
  position: relative;
	margin-left: 10px
}

#leftmenu a, #rightmenu a {color: #000; text-decoration: none}
#leftmenu a:hover, #rightmenu a:hover {text-decoration: none}

#stred {
 position: relative;
 width: 530px;
 min-height: 400px;
 margin-top: 25px;
 padding: 0 20px 15px 20px;
 overflow:hidden;
 float: left;
 text-align: left;
 background: url("images/bgbg.png") top left repeat-y
}

#stred h2 {margin-top: 30px; border-bottom: 1px solid #DBE6F0}
#stred p {margin: 0 0 10px 0}

#stred ul {
    margin: 10px 0 10px 0
}

#stred table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 25px;
    margin-top: 10px;
    border: 1px solid #000;
}
 
#stred table tr, #stred table th, #stred table td {border: 1px solid #000;}
 
#stred table th {text-align: center; padding: 3px;} 

#stred table td {padding: 3px;}
#logo {
  position: relative;
  width: 145px;
  height: 95px;
  margin: 0;
  padding: 0;
  left: 27px;
  display: block;
  float: left
}

#nazov {
  width: 700px;
  height: 95px;
  color: #fff;
}

#nazov h1{
  position: relative;
  float: left;
  color: #fff;
  margin: 0;
  left: 50px;
  top: 35px;
}

.hlavnemenu {
 list-style: none;
 position: relative;
 height: 40px;
 width: 500px;
 top: 5px;
 margin: 0; padding: 0;
 font-size: 20px;
 line-height: 140%;
 float: left
}

.hlavnemenu li {
 padding-right: 1px;
 height: 40px;
 display: block;
 float: left;
 background: url("images/oddelovac.gif") top right no-repeat;
 overflow: hidden;
}

.hlavnemenu li a {
 padding: 0 20px;
 height: 40px;
 display: block;
 color: #2d2d2d;
 float: left;
 text-decoration: none;
}

.hlavnemenu li a:hover {
 text-decoration: underline;
}

#aktivna {
 background: #E3EBF4 url("images/aktive.gif") top left repeat-x;
 padding: 0 19px;
 border-left: 1px solid #fff;
 border-right: 1px solid #fff;
}

#q {
  position: relative;
  left: 196px;
  top: 9px;
  width: 160px;
  height: 20px;
  border: 1px solid #546365;
  background: #293335;
  color: #fff;
  float: left;
  padding: 0
}

#hladat {
  position: relative;
  left: 200px;
  top: 8px;

  width: 22px;
  height: 22px;
  padding-right: 11px;
  padding-bottom: 5px;
  background: url("images/oddelovac.gif") top right no-repeat;
}

#rss {
 font-size: 20px;
 color: #2d2d2d;
 text-decoration: none;
 position: relative;
 float: left;
 left: 199px;
 top: 9px;
 padding-left: 30px;
 background: url("images/rss_icon.gif") 11px 5px no-repeat;
}

#rss:hover {text-decoration: underline}

.vpravo {text-align: right}

.msmall {font-size: 85%}

.koment {padding: 6px 15px 1px 15px; font-size: 90%; margin-top: 7px}
.koment p {margin: 0; padding: 0; overflow: hidden}

.kdruhy {background: #F0F4F9}

.nodisp {
  display: none
}

.leftfloat {
  float: left
}

hr.cleaner {
 clear:both;
 height:1px;
 margin: -1px 0 0 0; padding:0;
 border:none;
 visibility: hidden;
}