body{
 text-align: center;
 background-image: url('/obrazky/body.gif');
 background-color: rgb(100,43,3);
 margin: 0px; 
 
}

.page{
 text-align: left;
 width: 960px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 25px;
}

.menu .grad-box{
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 4px;
 padding-bottom: 4px;
}

.menu a{
 background-image: url('/obrazky/button.png');
 background-position: center top;
 color: inherit;
 text-decoration: none;
 width: 100px;
 height: 20px;
 display: inline-block;
 line-height: 20px;
 border: black 2px solid;
 font-weight: bold;
 text-shadow: 0px 0px 1px #FF0;
 font-size: 9pt;
}

.menu a:hover{
 background-position: center center;
 text-shadow: 0px 0px 5px #FFF;
}

.menu a:active{
 position: relative;
 left: 1px;
 top: 1px;
 background-position: center bottom;
}

.roztahnout{
 width: 100%;
}

.menu .grad-box{
  line-height: 25px;
}

.menu .grad-box, .footer .grad-box{
 text-align: center;
}

.footer .grad-box{
 font-size: 8pt;
}

.logo, h1, .h1{
 margin: 0px;
 padding: 0px;
}

.h1{
 width: 100%;
 padding-left: 50px;
 text-shadow: 0px 0px 10px #fff;
 background-image: url('/obrazky/header.png');
 background-position: center;
 background-repeat: no-repeat;
 text-align: center;
}

.content .grad-box{
 text-align: justify;
 padding: 5px;
}

.horiline{
 height: 148px;
 display: inline-block;
 vertical-align: middle;
 width: 3px;
 margin: 0px;
 border: none;
 border-left: rgb(128,128,128) 1px solid;
 background-color: rgb(0,0,0);
 border-right: rgb(128,128,128) 1px solid;
}

.gallery{
 text-align: center;
}

.gallery img{
 background-image: url('/obrazky/lightbox/loading.gif');
 background-color: white;
 background-position: center;
 background-repeat: no-repeat;
 border: black 1px solid; 
 padding: 0px;
 margin: 10px;
}

.head, .menu, .content, .footer{
 margin-bottom: 10px;
}

.content{
 text-shadow: 1px 1px 0px rgb(75%,75%,75%);
}

h2{
 text-shadow: 2px 2px 4px rgb(50%,50%,50%);
}

li{
 margin: 0px;
 padding: 0px;
}