html, body {
height : 100%;
}
body {
margin : 0;
padding : 0;
font : small Verdana, Arial, Helvetica, sans-serif;
line-height : 1.6em;
font-size : 0.9em;
color : #0d0d71;
background-color : #fff;
background : url("images/back24.gif");
}
a {
color : #cc0000;
background-color:inherit;
}
a:hover {
text-decoration : none;
}
h1 {
margin-left : 50px;
overflow : hidden;
font-family : Verdana, Tahoma, lucida, sans-serif;
font-size : 100%;
padding : 0;
}
h1 span {
display : block;
position : absolute;
left : 0;
top : 0;
z-index : 2;
width : 490px;
height : 96px;
cursor : pointer;
background : url("images/nadpis.gif");
}
h2 {
margin : 0 110px 5px 0;
text-align : center;
}
ul {
list-style-type : none;
margin : 0;
padding : 0;
}
ul#menu {
position:absolute;
left : 0;
top : 147px;
list-style-type : none;
height : 350px;
width : 174px;
z-index:10;
}
ul a {
color : red;
background-color:inherit;
font-size : 1em;
font-weight : bold;
}
ul a.pod {
position : absolute;
bottom : 0;
color : red;
background-color:inherit;
font-size : 1em;
font-weight : bold;
}
ul div {
position : relative;
bottom : 5px;
width : 70px;
margin-left : 58px;
text-align : left;
height : 65px;
}
ul a:hover {
text-decoration : underline;
color : blue;
background-color:inherit;
}
li#menu1 {
display : block;
width : 169px;
height : 65px;
padding : 0;
margin-top : 0;
background : url("images/o_nas.gif");
background-repeat : no-repeat;
}
li#menu2 {
display : block;
width : 169px;
height : 65px;
padding : 0;
margin : 0;
background : url("images/historie.gif");
background-repeat : no-repeat;
}
li#menu3 {
display : block;
width : 169px;
height : 65px;
padding : 0;
margin : 0;
background : url("images/akce.gif");
background-repeat : no-repeat;
}
li#menu4 {
display : block;
width : 169px;
height : 65px;
padding : 0;
margin : 0;
background : url("images/sponzori.gif");
background-repeat : no-repeat;
}
li#menu5 {
display : block;
width : 169px;
height : 65px;
padding : 0;
margin : 0;
background : url("images/kontakt.gif");
background-repeat : no-repeat;
}
ul#menu ul {
position : absolute;
top : 155px;
left : 85px;
visibility : hidden;
background-image : url("images/podpalet.jpg");
background-repeat: repeat-x;
color:inherit;
background-color:white;
border-bottom : 3px solid black;
border-left : 1px solid black;
border-right : 1px solid black;
z-index : 50;
}

ul#menu ul li {
border-bottom : none;
margin-top : 8px;
margin-left : 2px;
margin-right:5px;
margin-bottom:9px;
}
ul#menu ul a.menu {
border-bottom : none;
border-left : 3px solid white;
padding-left : 3px;
}
ul#menu ul a.menu:hover {
border-left : 3px solid black;
}
ul#menu li:hover ul, ul#menu li.hover ul {
visibility : visible;
}
ul#menu li li {
float : none;
border : none;
padding : 0;
}

hr {
clear : both;
height : 1px;
margin : 0px 8px 0px 0px;
padding : 0;
color : #0d0d71;
background-color:inherit;
}

hr.cleaner {
clear : both;
height : 1px;
margin : -1px 0 0;
padding : 0;
border : none;
visibility : hidden;
}
p {
margin-top : 0.3em;
margin-bottom : 0.5em;
margin-right : 8px;
line-height : 1.6em;
font-size : 0.9em;
color : #0d0d71;
background-color:inherit;
text-align : justify;
}
.a {
margin-top : 20px;
margin-right : 8px;
line-height : 1.3em;
font-size : 0.9em;
text-indent : 2em;
font-weight : bold;
color : #0d0d71;
background-color:inherit;
}
.b {
margin-top : 5px;
margin-right : 8px;
line-height : 1.2em;
text-indent : 2em;
font-size : 0.9em;
}
.c {
margin-top : 20px;
margin-right : 8px;
line-height : 1.3em;
font-size : 0.9em;
text-indent : 2em;
color : #0d0d71;
background-color:inherit;
}
#hlavni {
position : absolute;
left : 50%;
top : 50%;
width : 733px;
height : 550px;
margin-left : -366px;
margin-top : -275px;
z-index:2;
}
#strecha {
position : absolute;
left : 0;
top : 0;
width : 733px;
height : 51px;
background : url("images/strecha.gif");
}
#nadpis1 {
position : absolute;
left : 0;
top : 51px;
width : 490px;
height : 96px;
}
#nadpis2 {
position : absolute;
left : 490px;
top : 51px;
width : 228px;
height : 96px;
background : url("images/horni.gif");
}
#lista {
position : absolute;
left : 0;
top : 147px;
width : 174px;
height : 360px;
background : url("images/leva_lista.gif");
}
#main {
position : absolute;
left : 174px;
top : 147px;
padding : 8px;
background : url("images/main.jpg");
}
#mainvnitrek {
position:relative;
width : 528px;
height : 344px;
overflow : auto;
}
#footer {
position : absolute;
left : 0;
bottom : 0;
width : 733px;
height : 43px;
background : url("images/footer.gif");
}
#valid {
position : absolute;
right : 10px;
bottom : 20px;
width : 88px;
}
#kos {
position : absolute;
left : 50%;
top : 50%;
width : 59px;
height : 59px;
margin-left : -210px;
margin-top : -300px;
background : url("images/kos.gif");
z-index:3;
}
#blok {
position : absolute;
right : 20px;
bottom : 381px;
width : 23px;
height : 16px;
background : url("images/block.gif");
}
#blok1 {
position : absolute;
right : 36px;
bottom : 60px;
width : 7px;
height : 327px;
background : url("images/block1.gif");
}
#blok2 {
position : absolute;
right : 20px;
bottom : 60px;
width : 7px;
height : 327px;
background : url("images/block2.gif");
}
#blok3 {
position : absolute;
right : 20px;
bottom : 50px;
width : 23px;
height : 16px;
background : url("images/block3.gif");
}
.noborder {
border : 0;
}
.right {
float : right;
margin : 5px;
}
.left {
float : left;
margin : 5px;
}
.width {
height:130px;
}

.center {
position:absolute;
left:50%;
top:50%;
width:480px;
height:400px;
text-align:center;
margin-left:-240px;
margin-top:-150px;
}

.obal {
border:0px;
}

div.obsahclanku
{
float:left;
width:390px;
}

div.obalgalerie
{ 
float:left;
margin-top:15px;
border-left:2px solid black; 
} 

.kontejner 
{ 
position:relative;
margin:10px; 
} 

.kontejner img 
{ 
margin:0; 
padding:0; 
border:6px solid #66CCFF;
} 

.fotka 
{ 
position:absolute; 
left:-350px; 
top:-15px; 
visibility:hidden; 
} 

.kontejner:hover .fotka, .kontejnerHover .fotka 
{ 
position:absolute; 
left:-350px; 
top:-15px; 
visibility:visible; 
} 

.kontejnerHover .nahled 
{ 
padding:0; 
} 
.obalovy {
    position:relative;
	margin:15px 10px 10px 15px;
	width:470px;
	border:1px solid black;
}
.nborder {
   border:0;
   position:absolute;
   right:-10px;
   top:-5px;
   z-index:150;
   }
.datum {
   position:absolute;
   bottom:0px;
   left:5px;
   margin:0px;
   width:12em;
   font-weight:bold;
   color:#006699;
   background:inherit;

}
.datum2 {
   position:absolute;
   bottom:0px;
   right:3px;
   margin:3px;
   width:12em;
   font-weight:bold;
   color:#336699;
   background:inherit;

}
.nadpis {
	background-color:#99CCFF;
	padding-left:5px;
    font-size:1.1em;
	margin:0px;
}
.nadpis2 {
	background-color:#0066CC;
    color:white;
	padding-left:5px;
	font-size:1.1em;
	margin:0px;
}

.text {
    margin:10px 10px 20px 10px;
	text-indent:15px;
}
.text2 {
    margin:10px 10px 20px 10px;
    text-indent:15px;
}
.upravy {
  position:absolute;
  right:30px;
  top:3px;
}
.upravy2 {
  position:absolute;
  right:15px;
  top:3px;
}