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

body {font-family: Verdana, Helvetica, sans-serif; font-size: 95%}

a img {border: none}
h2 {font-size: 110%}
h3 {font-size: 95%}
h4 {font-size: 80%}
p {font-size: 80%; line-height: 150%;}
p.kurziva {margin-left: 20px; font-style: italic}

a {color: #fff; text-decoration: underline}
a:hover {color: #241300; text-decoration: none}

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

body>#main {height: auto;}

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

#header {
 width: 965px;
 height: 310px;
 margin: 0 auto;
 text-align: left;
 background: url("header.jpg") top left no-repeat;
}

#logo {
 width: 305px; height: 180px;
 position: relative;
 top: 130px;
 left: 90px;
 margin: 0;
}
#logo a {
 width: 305px; height: 180px;
 display: block;
 overflow: hidden;
 cursor: pointer;
}
#logo a:hover {visibility: visible; color: #fff}
#logo a span {
 background: url("logo.jpg") 0 0 no-repeat;
 position: absolute;
 width: 305px; height: 180px;  
}
#logo a:hover span {background-position: 0 -180px}

#footer {
 width: 965px;
 height: 82px;
 background: url("footer.jpg") top left no-repeat;
 position: absolute;
 overflow: hidden;
 padding:0;
 bottom: 0;
 left: 0;
 text-align: left;
}

#footer span, #robot {display: none}

#mail1 {
 position: relative;
 height: 15px;
 width: 50px;
 left: 262px;
 top: 48px;
 display: block;
 float: left;
}

#mail2 {
 position: relative;
 height: 15px;
 width: 53px;
 left: 322px;
 top: 48px;
 display: block;
 float: left;
}

#mapa {
 position: relative;
 height: 14px;
 width: 58px;
 left: 406px;
 top: 44px;
 display: block;
}

#leftmenu {
 width: 250px;
 height: 366px;
 background: url("menu.jpg") top left no-repeat;
 padding-bottom:85px;
 text-align: left;
 float: left;
}

#rightmenu {
 width: 210px;
 height: 275px;
 background: url("rmenu.jpg") top left no-repeat;
 text-align: left;
 float: left;
}

#mainbody {
 width: 499px;
 min-height: 300px;
 text-align: left;
 padding-bottom:85px;
 overflow:hidden;
 float: left;
}

#leftmenu menu {
 position: relative;
 left: 49px;
 top: 16px;
 width: 143px;
 height: 177px;
 list-style: none;
 margin: 0;
 padding: 0;
}

#menu1 a, #menu2 a, #menu3 a, #menu4 a, #menu5 a, #menu6 a, #menu7 a,
#submenu_hudba1 a, #submenu_hudba2 a, #submenu_hudba3 a, #submenu_hudba4 a, #submenu_hudba5 a, #submenu_hudba6 a,
#submenu_cop1 a, #submenu_cop2 a, #submenu_cop3 a, #submenu_gal1 a, #submenu_gal2 a, #submenu_gal3 a {color: #fff;display: block;overflow: hidden;cursor: pointer}

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, 
#submenu_hudba1, #submenu_hudba2, #submenu_hudba3, #submenu_hudba4, #submenu_hudba5, #submenu_hudba6,
#submenu_cop1, #submenu_cop2, #submenu_cop3, #submenu_gal1, #submenu_gal2, #submenu_gal3 {font-size: 12px; line-height: 14px}

#menu1 a, #menu1 a span {width:86px; height:22px}
#menu2 a, #menu2 a span {width:143px; height:26px}
#menu3 a, #menu3 a span {width:88px; height:25px}
#menu4 a, #menu4 a span {width:106px; height:31px}
#menu5 a, #menu5 a span {width:106px; height:26px}
#menu6 a, #menu6 a span {width:84px; height:24px}
#menu7 a, #menu7 a span {width:112px; height:23px}

#menu1 a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover, #menu5 a:hover, #menu6 a:hover, #menu7 a:hover,
#submenu_hudba1 a:hover, #submenu_hudba2 a:hover, #submenu_hudba3 a:hover, #submenu_hudba4 a:hover, #submenu_hudba5 a:hover, #submenu_hudba6 a:hover,
#submenu_cop1 a:hover, #submenu_cop2 a:hover, #submenu_cop3 a:hover, #submenu_gal1 a:hover, #submenu_gal2 a:hover, #submenu_gal3 a:hover {visibility: visible}

#menu1 a span, #menu2 a span, #menu3 a span, #menu4 a span, #menu5 a span, #menu6 a span, #menu7 a span, 
#submenu_hudba1 a span, #submenu_hudba2 a span, #submenu_hudba3 a span, #submenu_hudba4 a span, #submenu_hudba5 a span, #submenu_hudba6 a span,
#submenu_cop1 a span, #submenu_cop2 a span, #submenu_cop3 a span, #submenu_gal1 a span, #submenu_gal2 a span, #submenu_gal3 a span {position: absolute} 

#menu1 a span{background: url("menu_novinky.png") top left no-repeat}
#menu1 a:hover span {background-position: 0 -22px}
#menu2 a span {background: url("menu_cop.png") top left no-repeat}
#menu2 a:hover span {background-position: 0 -26px}
#menu3 a span {background: url("menu_hudba.png") top left no-repeat}
#menu3 a:hover span {background-position: 0 -25px}
#menu4 a span {background: url("menu_galeria.png") top left no-repeat}
#menu4 a:hover span {background-position: 0 -31px}
#menu5 a span {background: url("menu_revival.png") top left no-repeat;}
#menu5 a:hover span {background-position: 0 -26px}
#menu6 a span {background: url("menu_linky.png") top left no-repeat}
#menu6 a:hover span {background-position: 0 -24px}
#menu7 a span {background: url("menu_kontakt.png") top left no-repeat}
#menu7 a:hover span {background-position: 0 -23px}

/*#submenu {*/
#rightmenu menu {
 position: relative;
 left: 41px;
 width: 140px;
 height: 160px;
 list-style: none;
 margin: 0; padding: 0;
}

#rightmenu div {
 position: relative;
 left: 46px;
 top: 28px;
 width: 125px; /* 118 */
 height: 125px; /* 123 */
 background: url("star.jpg") top left no-repeat;
}

#submenu_hudba1 a, #submenu_hudba1 a span {width:131px; height:31px}
#submenu_hudba2 a, #submenu_hudba2 a span {width:131px; height:26px}
#submenu_hudba3 a, #submenu_hudba3 a span {width:108px; height:25px}
#submenu_hudba4 a, #submenu_hudba4 a span {width:79px; height:22px}
#submenu_hudba5 a, #submenu_hudba5 a span {width:79px; height:28px}
#submenu_hudba6 a, #submenu_hudba6 a span {width:114px; height:28px}

#submenu_hudba1 a span {background: url("hudba_s1.png") top left no-repeat}
#submenu_hudba1 a:hover span {background-position: 0 -31px}
#submenu_hudba2 a span {background: url("hudba_s2.png") top left no-repeat}
#submenu_hudba2 a:hover span {background-position: 0 -26px}
#submenu_hudba3 a span {background: url("hudba_s3.png") top left no-repeat}
#submenu_hudba3 a:hover span {background-position: 0 -25px}
#submenu_hudba4 a span {background: url("hudba_s4.png") top left no-repeat}
#submenu_hudba4 a:hover span {background-position: 0 -22px}
#submenu_hudba5 a span {background: url("hudba_s5.png") top left no-repeat}
#submenu_hudba5 a:hover span {background-position: 0 -28px}
#submenu_hudba6 a span {background: url("hudba_s6.png") top left no-repeat}
#submenu_hudba6 a:hover span {background-position: 0 -28px}

#submenu_cop1 a, #submenu_cop1 a span {width:131px; height:31px}
#submenu_cop2 a, #submenu_cop2 a span {width:135px; height:26px}
#submenu_cop3 a, #submenu_cop3 a span {width:124px; height:31px}
#submenu_gal1 a, #submenu_gal1 a span {width:136px; height:31px}
#submenu_gal2 a, #submenu_gal2 a span {width:130px; height:27px}
#submenu_gal3 a, #submenu_gal3 a span {width:130px; height:31px}

#submenu_cop1 a span {background: url("cop_s1.png") top left no-repeat}
#submenu_cop1 a:hover span {background-position: 0 -31px}
#submenu_cop2 a span {background: url("cop_s2.png") top left no-repeat}
#submenu_cop2 a:hover span {background-position: 0 -26px}
#submenu_cop3 a span {background: url("cop_s3.png") top left no-repeat}
#submenu_cop3 a:hover span {background-position: 0 -31px}

#submenu_gal1 a span {background: url("gal_s1.png") top left no-repeat;}
#submenu_gal1 a:hover span {background-position: 0 -31px}
#submenu_gal2 a span {background: url("gal_s2.png") top left no-repeat}
#submenu_gal2 a:hover span {background-position: 0 -27px}
#submenu_gal3 a span {background: url("gal_s3.png") top left no-repeat}
#submenu_gal3 a:hover span {background-position: 0 -31px}

.datum {
 width: 85px;
 height: 100px;
 padding: 0;
 margin: 0 10px 0 0;
 text-align: center;
 list-style: none;
 background: url("kalendar.png") top left no-repeat;
 float: left;
}

.mesiac {font-size: 20px; font-weight: bold; line-height: 44px}
.den {font-size: 26px; font-weight: bold; line-height: 33px; color:#241300}
.rok {font-size: 11px; font-weight: bold; color:#241300}

.novinky {
 width: 490px;
 margin: 10px 0; padding: 0;
 min-height: 102px;
}

h3.nadpis {
 background: #241300 url("iko_nadpis.gif") 2px 50% no-repeat;
 line-height: 170%;
 margin:0; padding: 0 0 0 23px;
}

h3.refer {
 line-height: 170%;
 background: url("iko_odkaz.gif") 2px 50% no-repeat;
 padding-left: 27px;
 margin-top: 8px;
 margin-bottom: 8px;
}
h3.refer a {text-decoration: none; border-bottom: 1px dashed #fff; color: #fff}
h3.refer a:hover {border-bottom: 1px dashed #241300; color: #fff}

.nahlady {
 background: #241300;
 width: 90px;
 height: 70px;
 display: block;
 margin: 10px;
 float: left;
}
.nahlady img {margin: 5px}

.podpis {
 position:relative;
 width:153px; 
 height:30px;
 margin:0; padding:0;
 float: right;
 overflow:hidden;
}
.podpis span {
 position:absolute;
 display:block;
 left:0; 
 top:0; 
 z-index:1;
 width:153px; 
 height:30px;
 margin:0; padding:0;
 background:url("tim.png") top left no-repeat;
}

.bgrnd {
 position: relative;
 left: 80px;
 width: 340px;
 height: 270px;
 display: block;
}

.cashopedia {background:url("cashopedia.jpg") top left no-repeat}
.hudba {background:url("hudba.jpg") top left no-repeat}
.galeria {background:url("galeria.jpg") top left no-repeat}

ul.fakty {list-style: none;}
ul.fakty li {margin: 3px 0; padding: 0;}

ul.treklist li {font-size: 70%; line-height: 140%}
p.treklist {font-size: 70%; font-weight: bold; margin-left: 10px}

.copynieco {font-size: 60%}
.copynieco a {text-decoration: none; color: #fff}
.copynieco a:hover {color: #241300}

.kontakt {
 padding-left: 10px;
 line-height: 22px;
 float: left;
}
.kleft {width: 300px}
.kright {width: 170px}
.kbottom {width: 480px}
.kbutton {
 position: relative;
 top: 60px;
 text-decoration: underline;
}

.sitemap {padding: 0 0 0 30px;}
.sitemap ul {list-style: square; padding: 0 0 0 15px; margin: 7px 0;}
.sitemap ul ul {list-style: circle; padding: 0 0 0 15px; margin: 7px 0;}
.sitemap ul ul ul {list-style: none; padding: 0 0 0 15px; margin: 7px 0;}


.navigacia {
 font-size: 60%;
 padding-left: 25px;
 height: 25px;
 line-height: 25px;
 display: block;
 background: url("iko_odkaz.gif") top left no-repeat;
}

.kniha {
 height: 17em;
 width: 490px;
 background: url("podkniha.jpg") top left no-repeat;
 overflow: hidden;
}
.kniha img {float: left; margin-left: 57px; margin-top: 50px; display: inline}
.kniha h3 {margin: 50px 0 10px 205px}
.kniha h4, .kniha p {margin: 0 0 10px 205px}

.gal {border: 3px solid #241300; margin: 10px 15px;} 

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

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