body{
background: black;
padding: 0px;
margin: 0px;
font-family: arial;
font-size: 80%;
}
h1{
color: black;
font-size: 90%;
font-weight: bold;
padding: 0px;
margin: 0px;
}
h2{
font-size: 160%;
font-weight: normal;
padding: 0px;
margin: 0 0 5px 5px;
}
h3{
font-size: 130%;
font-weight: normal;
padding: 0px;
margin: 5px 0 0 5px;
color: red;
}
img{
border: solid 0px red;
}
a{
color: red;
}
p{
padding: 0px;
margin: 0 10px 0 10px;
}
span.Fireshow{
font-weight: bold;
color: red;
}
span.Lightshow{
font-weight: bold;
color: blue;
}
span.UVshow{
font-weight: bold;
color: green;
}
span.Workshop{
font-weight: bold;
color: orange;
}
#back{
position: absolute;
width: 1099px;
height: 573px;
margin-left: -544px;
top: 350px;
left: 50%;
background: url(img/background.png) no-repeat;
} 
#web{
position: relative;
width: 800px;
min-height: 700px;
left: 150px;
top: -340px;
}
#head{
width: 800px;
height: 220px;
background: url(img/logo.png) no-repeat;
}

#nadpis{
position: relative;
top: 185px;
left: 40px; 
float: left;
}
#languages{
position: relative;
top: 185px;
right: 40px;
float: right;
}
#menu{
text-align: left;
width: 800px;
height: 80px;
background: url(img/menu.png) no-repeat;
}

#menu ul.menu{
position: relative;
left: 0%;
top: 5px;
margin: 0px;
padding: 0px;
}
#menu li{
float: left;
display: inline;
}
#menu li a {
display: block;
min-height: 24px;
min-width: 105px;
color: #fffb9c;
text-align: center;
text-decoration: none;
font-size: 160%;
}
#menu li a:hover {
font-size: 170%;
color: #ff3300;
}
#menu li ul{
position: relative;
display: none;
margin: 0px;
padding: 0px;
} 
#menu li:hover ul{
display: block;
position: absolute;
} 
#menu li.pod{
float: left;
display: inline;
}
#menu li.pod a {
display: block;
min-height: 24px;
min-width: 120px;
color: #fffb9c;
text-align: center;
text-decoration: none;
font-size: 140%;
}  
#menu li.pod a:hover {
font-size: 150%;
color: #ff3300;
}
#menu li.pod ul{
position: relative;
display: none;
margin: 0px;
padding: 0px;
} 
#menu li.pod:hover ul{
display: block;
position: absolute;
}   

#content{
width: 800px;
float: left;
}
/*Obsah - 2 sloupce*/
#left{
width: 520px;
float: left;
color: white;
}
#l1{
width: 520px;
height: 5px;
background: url(img/okraj1.png) no-repeat;
}
#l2{
width: 520px;
background: url(img/okraj2.png) repeat-y;
}
#l3{
width: 520px;
height: 40px;
background: url(img/okraj3.png) no-repeat;
}
#l4{
padding-top: 10px;
width: 520px;
background: url(img/leva.png) repeat-y;
}
#right{
width: 270px;
float: right;
color: white;
}
#r1{
width: 270px;
height: 5px;
background: url(img/okraj4.png) no-repeat;
}
#r2{
width: 270px;
background: url(img/okraj5.png) repeat-y;
}
#r3{
width: 270px;
height: 40px;
background: url(img/okraj6.png) no-repeat;
}
#r4{
padding-top: 10px;
width: 270px;
background: url(img/prava.png) repeat-y;
}
/*konec obsah - 2 sloupce*/

/*NOVINKY*/
#novinky{
}
#novinky a{
color: red;
text-decoration: none;
}
#novinky span{
text-decoration: none;
color: red;
}
#novinky h2{
font-size: 160%;
font-weight: normal;
padding: 0px;
margin: 0 0 5px 5px;
}
#novinky table{
margin: 0 0 0 15px;
}
#novinky td.nov_datum{
font-weight: bold;
width: 25px;
}
#novinky td.nov_text{
width: 400px;
}

/*KONEC NOVINKY*/

/*AKCE*/
#akce{
margin-left: 25px;
font-size: 100%;
}
#akce h2{
font-size: 160%;
font-weight: normal;
padding: 0px;
margin: 0 0 5px -15px;
}
#akce span{
color: red;
font-size: 110%;
font-weight: bold;
}
#akce strong{
margin: 0 0 0 -5px;
font-size: 110%;
font-weight: bold;
}
/*KONEC AKCE*/
/*SLIDESHOW*/
#slide{
width: 250px;
height: 250px;
margin: 0 10px 0 10px;
}
/*KONEC SLIDESHOW*/
/*obsah - 1 sloupec*/
#c1{
width: 800px;
height: 5px;
background: url(img/okraj_g1.png) no-repeat;
}
#c2{
width: 800px;
background: url(img/okraj_g2.png) repeat-y;
color: white;
font-size: 130%;
} 
#c2 a{
color: white;
text-decoration: none;
}
#c3{
width: 800px;
height: 40px;
background: url(img/okraj_g3.png) no-repeat;
}

/*konec obsah - 1 sloupec*/

/*FOTOGALERIE*/
#obsah{
width: 800px;
height: 400px;
}
.album{   
width: 300px;
height: 40px;
float: left;
}
.album_obr{
height: 40px;
width: 40px;
float: left;
}
.album_text{
height: 30px;
width: 260px;
float: right; 
margin-top: 10px;  
text-align: left; 
}
#ciselnik{
width: 800px;
height: 40px;
text-align: center;
color: white;
} 
#ciselnik a{
color: white;
text-decoration: none;
}
/*KONEC FOTOGALERIE*/


/*Pata*/
#foot{
width: 800px;
height: 185px;
background: url(img/pata.png) no-repeat;
float:left;
clear:both;
color: rgb(204,204,204);
}

#foot h3{
font-size: 130%;
color: #fffb9c;
font-weight: bold;
margin: 10px 0 10px 0;
}
#foot a{
color: rgb(204,204,204);
text-decoration: none;
}
#f1{
margin: 65px 0 20px 5px;
width: 230px;
height: 100px;
float: left;
text-align: center;
}
#f2{
margin: 65px 0 20px 7px;
width: 300px;
height: 100px;
float: left;
text-align: center;
}
#f3{
margin: 65px 5px 20px 0;
width: 240px;
height: 100px;
float: right;
text-align: center;
}
/*navstevni kniha*/
#kniha{
width: 410px;
min-height: 400px;
color: white;
margin: 0 55px 0 55px;
}
.vzkaz{
width: 400px;
min-height: 50px;
margin: 0px;
padding: 0px;
background: url(img/kniha_poz.png) repeat-y;
}
.vzkaz_hlava{
width: 400px;
height: 20px;
background: url(img/kniha_hlava.png) repeat-y;
color: black;
}
.vzkaz_nick{
height: 20px;
padding: 2px 0 0 5px;
font-weight: bold;
float: left;
}
.vzkaz_datum{
height: 20px;
padding: 2px 5px 0 0;
float: right;
}