html, body {
  height: 100%;
}

body {
  padding: 0;
  margin: 0;
  background: #ffffcc url(bg_body.gif) top center repeat-x;
  font-family: Arial;
  font-size: 12px;
}


#page {
  position: relative;
  width: 100%;
  min-height: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}

body>#page {
  height: auto;
}


#main {
  position: relative;
  width: 900px;
  margin: 0 auto;
}


#main .banner {
  z-index:100;
  position:relative;
  right:30px;
  top:10px;
  float:right; 
  border:1px solid #444; 
  height:75px; 
  width:224px;
}
#main .lang {
  z-index:100;
  position:relative;
  right:30px;
  top:10px;
  float:right; 
  border:0px solid #444; 
  height:75px; 
  width:44px;
}

#main .lang img {
border:0;
float:right;
height:15px;
margin-bottom:3px;
}

#logo {
  position: relative;
  width: 900px;
  height: 110px;
  padding: 0;
  margin: 0 auto;
}

#logo h1 {
  padding: 0;
  margin: 0;
  font-size:10px;
color:#ffc425;
}

#logo h1 a{
color:#ffc425;
}


#logo h1 span {
  display: block;
  position: absolute; 
  width: 900px;
  height: 100px;
  left: 0; 
  top: 0; 
  z-index: 1;
  cursor: pointer;
  background: url(bg_logo2.jpg) top center no-repeat;
}

#logo h2 {
  display: none;
}

h2.none {
  display: none;
}
h4.none {
  display: none;
}


#menu {
  position: relative;
  float: left;
  width: 640px;
  height: 55px;
  background: url(bg_menu.gif) no-repeat;
}

#menu ul {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 25px;
}

#menu ul li {
  float: left;
  padding: 0;
  margin: 0;
}

#menu ul li a {
  float: left;
  padding: 9px 5px;
  margin: 1px 0 0;
  color: #000;
  text-decoration: none;
}

#menu ul li a:hover {
  text-decoration: underline;
}

#menu ul li a.active {
  color: #fff;
  font-weight: bold;
  background: #ffcc02;
}

#menu ul li a.active:hover {
  text-decoration: none;
}


#menu2 {
  position: relative;
  
  margin-left:50px;
  width: 550px;
  height: 30px;


}


#menu2 ul {
  list-style: none;
  padding: 0;
  margin: 0px 0px;

}

#menu2 ul li {
  float: left;
  padding: 0;
  margin: 0;
}

#menu2 ul li a {
  float: left;
  padding: 2px 10px 2px;
  margin: 1px 0 0;
  color: #000;
  text-decoration: none;
border:1px solid #eddb67;
background-color:#ffd429;
}

#menu2 ul li a:hover {
  text-decoration: underline;
}

#menu2 ul li a.active {
  color: #fff;
  font-weight: bold;
  background: #ffcc02;
}

#menu2 ul li a.active:hover {
  text-decoration: none;
}
/*MENU2*/

#nav {
  position: relative;
  float: left;
  width: 640px;
  height: 22px;
  overflow:hidden;
}

#nav p {
  padding: 5px 0 0 35px;
  margin: 0;
  color: #cc9900;
}

#nav strong {
  color: #000;
}

#nav a {
  color: #000;
}

#nav a:hover {
  text-decoration: none;
}
 strong.green {
  color: green;
  font-weight: normal;
}


 strong.green-bold {
  color: green;
  font-weight: bold;
}


 strong.red {
  color: red;
  font-weight: bold;

}

 small.red {
  color: red;
  font-weight: normal;

}

#content {
  position: relative;
  float: left;
  width: 600px;
  padding: 0 0 80px;
  margin: 0 0 0 25px;
  overflow: hidden;
  background: #ffffcc url(bg_content.gif) top no-repeat;
}



#content table.img {
  border:1px solid orange;
  width: 580px;
  padding: 0px;
  margin: 5px 10px;
  overflow: hidden;
  background: #ffffcc;
}
#content table.img img{
width:130px;
height:auto;
text-align:center;
}


#content table.img tr.licha_top{
background:#ffffb1;
}

#content table.img tr.licha{
background:#f1f1c7;
}
#content table.img tr.suda{
background:#ebebcd;
}

#content table.img td{
width:120px;
 border-bottom:0px solid orange;
 border-right:0px solid orange;
padding:2px;
text-align:center;
}




#content table {
  border:1px solid orange;
  width: 580px;
  padding: 0px;
  margin: 5px 10px;
  overflow: hidden;
  background: #ffffcc;
}


#content table img{
width:130px;
height:auto;
text-align:center;
}

#content table tr.licha_top{
background:#ffffb1;
}

#content table tr.licha{
background:#f1f1c7;
}
#content table tr.suda{
background:#ebebcd;
}

#content table td{
width:120px;
 border-bottom:1px solid orange;
 border-right:1px solid orange;
padding:2px;
text-align:center;
}


#content h3 {
  padding: 10px;
  margin: 0;
  font-weight: normal;
  font-size: 22px;
}

#content h3.black a{
  padding: 0px;
  margin: 0px 20px 0px 0px;
  font-weight: normal;
  font-size: 21px;
  color: black;
  text-decoration:none;
}


#content h3.black a:hover{
  padding: 0px;
  margin: 0px 20px 0px 0px;
  font-weight: normal;
  font-size: 21px;
  color: black;
  text-decoration:underline;
}



#content h4 {
  padding: 20px 10px 5px;
  margin: 0;
  font-weight: normal;
  font-size: 18px;
}


#content h4.orange {
  padding: 10px 10px 5px;
  margin: 0;
  font-weight: normal;
  font-size: 18px;
}

#content p {
  padding: 0 10px 10px;
  margin: 0;
  text-align: justify;
  line-height: 150%;
}



#content .cat {
  position: relative;
  padding: 10px 0 15px;
  margin: 10px 15px 20px;
  overflow: hidden;
  border: 1px solid #CC9900;
  background: #ffffa3;
}
#content .cat  h1{
  padding: 0px;
  margin: 0 10px;
 
  font-size: 16px;
  font-style: normal;

}
#content .cat ul li {
  position: relative;
  float: left;
  width: 245px;
}

#content .cat ul li a {
  color: #753f1d;
  font-size: 14px;
}

#content .cat ul li a:hover {
  text-decoration: none;
  color: #000;
}








#content p.left {
  text-align: left;
}

#content p.center {
  text-align: center;
}

#content p.right {
  text-align: right;
}

#content blockquote {
  padding: 10px 0 0;
  margin: 15px 35px 25px 30px;
  background: #ffffa3;
  font-size: 14px;
  font-style: italic;
}




#content blockquote.home2 {
 
  padding: 10px 0 15px;
  margin: 0 15px 20px;
  
  
  background: #ffeae7;
  font-size: 14px;
  font-style: italic;
    border:1px solid #ffaea5;
}

#content blockquote.home3 {
 
  padding: 10px 0 15px;
  margin: 0 15px 20px;
  
  
  background: #ffd7d8;
  font-size: 14px;
  font-style: italic;
    border:1px solid #ff684f;
}

#content blockquote.home1 {
 

/* padding: 10px 0 0;
  margin: 5px 5px 10px 5px;
  */
  
  padding: 10px 0 15px;
  margin: 0 15px 20px;
  
  
  background: #ffd6a5;
  font-size: 14px;
  font-style: italic;
    border:1px solid #cc9900;
}

#content blockquote.home {
/* padding: 10px 0 0;
  margin: 5px 5px 10px 5px;
  */
  
  padding: 10px 0 15px;
  margin: 10px 15px 20px;
  background: #ffffa3;
  border:1px solid #cc9900;
  font-size: 14px;
  font-style: italic;
}

#content blockquote.home img.left {
float:left;
width:80px;
border:10px solid #ffffa3;
}



#content blockquote.home2 img.left,#content blockquote.home3 img.left {
float:left;
width:80px;
border:10px solid #ffeae7;
}


#content blockquote h1, #content blockquote .ha1{
  padding: 0px;
  margin: 0 10px;
 
  font-size: 16px;
  font-style: normal;
}


#content ul {
  list-style: square;
  padding: 0;
  margin: 10px 30px 10px 40px;
}

#content ol{
  padding: 0;
  margin: 10px 30px 10px 40px;
}

#content li {
  padding: 0 0 5px;
  margin: 0;
  text-align: justify;
}


#content .coverimg {
  border: 0px solid #cc9900;
min-height:75px;
width:280px;
float:left;
padding:5px;

}

#content .coverimg img.n {
float:left;
padding:5px;
  border: 1px solid #cc9900;
}



#content img {
  border: 2px solid #cc9900;
}

#content a, #sidebar a {
  color: #cc9900;
}

#content a:hover, #sidebar a:hover {
  color: #000;
}

#content input {
  width: 570px;
  padding: 3px;
  margin: 2px 0 0;
  border: 1px solid #93572f;
}

#content input.small {
  width: 70px;
  padding: 3px;
  margin: 2px 0 0;
  border: 1px solid #93572f;
}
#content textarea {
  width: 570px;
  height: 150px;
  padding: 3px;
  border: 1px solid #93572f;
}

#content input.submit {
  width: auto;
  padding: 5px;
  border: none;
  background: #ffffa3;
  text-align: center;
  font-weight: bold;
  font-family: arial;
}


#content p#listing {
  padding: 10px 10px 10px 5px;

  text-align: center;
  font-size: 11px;
  margin: 0 15px 20px;
  overflow: hidden;
  border: 1px solid #CC9900;
  background: #ffffa3;

}



#xcontent p#listing {
  padding: 10px 10px 10px 15px;
  margin: 0;
  text-align: center;
  font-size: 11px;
}

#content p#listing a {
  text-decoration: none;
  color: #000;
}

#content p#listing strong {
  font-size: 13px;
}


#content .realscover {
float:left;width:620px; border:0px solid red;}



#content .reals {
  position: relative;
  float: left;
  width: 278px;
  height:178px;
  margin: 0 10px;
border:1px solid #ffffeb;

 background: url(bg_reals.gif) no-repeat;
background-position: 0% 45%;
}

#content .reals a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 100;
  color: #000;
  text-decoration: none;
}





#content .reals img {
  position: relative;
  float: left;
  width: 115px;
  height: 115px;
  margin: 5px 5px 0 5px;
  border: none;
}


#content .reals strong {
  padding: 0px 5px 5px;
  margin: 0px;
  font-size: 12px;
  text-align:left;
  font-weight: bold;
}

#content .reals h3 {
  padding: 0px 5px 5px;
  margin: 0px;
  font-size: 12px;
  text-align:left;
  font-weight: bold;
}

#content .reals ul {
 position:relative;
 float:right;
 width:48%;
 margin:2px 0; 
 padding:0;
}

#content .reals h4 {
  padding: 0px 0 0;
  margin: 0;
  font-size: 12px;
  text-align: right;
}

#content .reals p {
  padding: 5px 4px;
  margin: 2px 0px 0px 0px;
  font-size: 11px;
  text-align: justify;
  float:left;
  width:50%;
  height:79px;
}


#content .reals p.right {
  padding: 0;
  margin: 0;
  font-size: 14px;
  text-align: center;
  float:left;
  width:175px;
  height:25px;
  font-weight: bold;
  position:relative;
  float:right;

}

#content .reals p.righta {
  padding: 0;
  margin: 0;
  font-size: 14px;
  text-align: center;
  float:left;
  width:55px;
  height:25px;
  font-weight: bold;
  position:relative;
  float:right;

}

#content .reals .top {
display:block;
height:20px;
}
#content .reals a.orange {
  position:relative;
  font-size:16px;
  text-align:left;
  padding-left:1px;
  z-index: 100;
  color: #404040;
  text-decoration: none;
   
}

#content .reals a.orange:hover {
  position:relative;
  font-size:16px;
  text-align:left;
  padding-left:1px;
  z-index: 100;
  color: #000;
  text-decoration: underline;
   
}



#content hr {
  visibility: hidden;
  clear: both;
  padding: 0 0 20px;
}


#sidebar {
  position: relative;
  float: right;
  width: 200px;
  padding: 0 0 80px;
  margin: -85px 60px 0 0;
}

#sidebar h5 {
  padding: 21px 0 0 15px;
  margin: 0;
  font-weight: normal;
  font-size: 12px;
  color: #fff;
}

#sidebar  h5 a {
  text-decoration: none;
  color: #fff;
}

#sidebar p {
  padding: 0 40px 5px 20px;
  margin: 0;
  text-align: justify;
}

#sidebar p.right {
  text-align: right;
}

#sidebar input {
  width: 195px;
  border: 1px solid #93572f;
}

#sidebar select {
  width: 197px;
  border: 1px solid #93572f;
  text-align:center;
}

#sidebar input.submit {
  width: 200px;
  border: none;
  background: #ffffa3;
  text-align: right;
  font-weight: bold;
  font-family: arial;
}

#sidebar #search-top, #sidebar #contact-top, #sidebar #news-top, #sidebar #news-top2 {
  position: relative;
  width: 260px;
  height: 55px;
  background: url(bg_search-top.gif) no-repeat;
}



#sidebar #search, #sidebar #contact, #sidebar #news, #sidebar #news2 {
  position: relative;
  width: 260px;
  background: url(bg_search.gif) repeat-y;
}

#sidebar #search-bottom, #sidebar #contact-bottom, #sidebar #news-bottom, #sidebar #news-bottom2 {
  position: relative;
  width: 260px;
  height: 15px;
  margin: 0 0 30px;
  background: url(bg_search-bottom.gif) no-repeat;
}

#sidebar #contact-top {
  background: url(bg_contact-top.gif) no-repeat;
}

#sidebar #contact {
  background: url(bg_contact.gif) repeat-y;
}

#sidebar #contact-bottom {
  background: url(bg_contact-bottom.gif) no-repeat;
}

#sidebar #news-top {
  background: url(bg_news-top.gif) no-repeat;
}
#sidebar #news-top2 {
  background: url(bg_news-top.gif) no-repeat;
}

#sidebar #news {
  background: url(bg_news.gif) repeat-y;
}

#sidebar #news2 {
  background: url(bg_news.gif) repeat-y;
}

#sidebar #news2 img{
position:relative;
border:1px solid #cc9900;
left:14px;
margin:0;
padding:0;
}


#sidebar #news-bottom, #sidebar  #news-bottom2 {
  background: url(bg_news-bottom.gif) no-repeat;
}

#sidebar #action {
  position: relative;
  width: 260px;
  height: 190px;
  margin: 0 0 20px;
  background: url(bg_action.jpg) no-repeat;
}

#sidebar #action h5 {
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-size: 12px;
  color: #fff;
}

#sidebar #action h5 a {
  display: block;
  width: 260px;
  height: 190px;
  padding: 20px 0 0 15px;
  margin: 0;
}




#sidebar #action3 {
  position: relative;
  width: 260px;
  height: 190px;
  margin: 0 0 10px;
  background: url(bg_action3a.gif) no-repeat; 
/*../imgs/export03.gif*/
}

#sidebar #action3 h5 {
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-size: 12px;
  color: #fff;
}

#sidebar #action3 h5 a {
  display: block;
  width: 260px;
  height: 170px;
  padding: 20px 0 0 15px;
  margin: 0;
}












#sidebar #action2 {
  position: relative;
  width: 260px;
  height: 190px;
  margin: 0 0 10px;
  background: url(bg_action2.jpg) no-repeat;
}

#sidebar #action2 h5 {
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-size: 12px;
  color: #fff;
}

#sidebar #action2 h5 a {
  display: block;
  width: 260px;
  height: 170px;
  padding: 20px 0 0 15px;
  margin: 0;
}


#footer {
  position: absolute;
  width: 100%;
  height: 65px;
  overflow: hidden;
  bottom: 0;
  left: 0;
  background: url(bg_footer.gif) top repeat-x;
}

#footer #in {
  position: relative;
  width: 830px;
  padding: 15px 0 0;
  margin: 0 auto;
}

#footer p {
  padding: 0 0 5px;
  margin: 0;
}

#footer a {
  color: #cc9900;
  padding: 10px 10px 20px 0;
}

#footer a:hover {
  color: #000;
}



#anketa1 {
	position:relative;
	left:10px;
	width: 170px;
	border: 1px solid grey;
	background-color: #FFFACD;
	font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, "sans-serif";
	font-size: 11px;
	padding: 7px;
	margin-left:10px;
	margin-right:10px;
}
#anketa1 span {
	display: block;
}
#anketa1 a {
	color: maroon;
	text-decoration: none;
	font-weight: bold;
}
#anketa1 a:hover {
	text-decoration: underline;
}
#anketa1 img {
	border: 0px;
	margin-top: 2px;
	margin-bottom: 6px;
}
#anketa1 .otazka {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 7px;
	color: black;
}
#anketa1 .spolu {
	margin-top: 2px;
}
#anketa1 .perc {
	display: inline;
}
/*anketa 1 koniec*/

/*anketa 2 začiatok*/
#anketa2 {
	width: 100px;
	font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, "sans-serif";
	font-size: 11px;
	padding: 7px;
	border-top: 1px dashed #5889A7;
}
#anketa2 span {
	display: block;
}
#anketa2 a {
	color: #5889A7;
	text-decoration: none;
	font-weight: normal;
}
#anketa2 a:hover {
	text-decoration: underline;
}
#anketa2 img {
	border: 0px;
	margin-top: 2px;
	margin-bottom: 6px;
}
#anketa2 .otazka {
	display: none;
}
#anketa2 .spolu {
	display: none;
}
#anketa2 .perc {
	display: inline;
	color: #5889A7;
}
/*anketa 2 koniec*/