body {
background: #D0D0D0 url(./images/bg.gif) repeat-y top center;
color: #000;
padding: 0;
margin: 0;
font-family: arial, sans-serif;
font-size: 80%;
}

table{
font-size: 100%;
margin: 5px 0;
padding:0;
}
th,td{
text-align: left;
vertical-align: top;
}
th{
font-weight: bold;
}
strong{
font-weight: bold;
}
em{
font-style: italic;
}
div{
padding: 0;
margin: 0;
}
p{
margin: 7px 0;
}
h2{
color: #CA2400;
}
h3{
margin: 10px 0 0 0;
padding: 0;
}

.center{
text-align: center;
}
.right{
text-align: right;
}
.left{
text-align: left;
}
.clear{
clear:both;
}

#holder {
min-height: 400px;
width: 100%;
position: absolute;
height: 100%;
min-width: 749px;
}
#supplemental {
visibility: hidden;
width: 749px;
height: 400px;
}

#stranka {
left: 50%;
margin: 0px 0px 0px -375px;
position: absolute;
top: 0px;
width: 749px;
border-left: #fff 1px solid;
border-right: #fff 1px solid;
}

#top{
position: absolute;
left: 0;
top: 0;
width: 749px;
height: 198px;
background-image: url(./images/top-bg.gif);
}

#logo {
position: absolute;
left: 0;
top: 26px;
padding: 0;
margin: 0;
width: 229px;
height: 164px;
overflow:hidden;
}
#logo span {
display:block;
width: 229px;
height: 164px;
position:absolute;
left:0;
top:0;
z-index:1;
background:url("./images/logo.gif") top left no-repeat;
cursor: hand;
}

#imgtop{
position: absolute;
left: 229px;
top: 26px;
}

#menu{
position: absolute;
left: 240px;
top: 163px;
margin: 0;
padding: 0;
list-style: none;
}
#menu li{
display: block;
float: left;
margin: 0 4px;
width: 90px;
height: 28px;
background: #E9DF9A url(./images/menu-bg.gif) top left repeat-x;
border-left: 1px #C4AD84 solid;
border-top: 1px #C4AD84 solid;
border-right: 1px #C4AD84 solid;
}
#menu li a{
display: block;
width: 90px;
margin-top: 7px;
text-align: center;
font-weight: bold;
font-size: 110%;
color: #CA2400;
text-decoration: none;
}
#menu li a:hover{
text-decoration: underline;
}

#left{
position: absolute;
left: 0;
top: 198px;
width: 229px;
font-size: 90%;
}
#left *{
margin: 0;
padding: 0;
}
#left h2{
background: #B1C5D0 url(./images/left-h-bg.gif) top left repeat-x;
width: 218px;
height: 21px;
padding: 5px 0 0 10px;
font-size: 100%;
font-weight: bold;
border-bottom: 1px #597D95 solid;
color: black;
}
#left p{
margin: 5px 10px;
}
#left ul{
margin: 5px 5px 5px 20px;
}

#obsah{
margin-top: 198px;
padding: 1px 10px 10px 239px;
min-height: 400px;
background: #fff url(./images/main-bg.gif) top left repeat-y;
}

#copy{
clear: both;
width: 749px;
height: 53px;
background: #EAE1A0 url(./images/bottom-bg.gif) top left repeat-x;
color: #AD7D4F;
font-size: 90%;
border-top: 1px #AD7D4F solid;
}
#copy p.copy{
float: left;
margin: 0;
padding: 10px 0 0 10px;
}
#copy p.created{
float: right;
margin: 0;
padding: 10px 10px 0 0;
}

div.gal,div.fotoi{
float: left;
width: 200px;
height: 210px;
text-align: center;
margin: 10px;
padding: 0;
border: 1px #AD7D4F solid;
}
div.gal img,div.fotoi img{
border: 0;
}
div.gal a,div.fotoi a{
float: left;
display: block;
width: 200px;
height: 150px;
background-color: #F9F7E6;
}
div.gal p{
margin: 0;
width: 190px;
height: 53px;
padding: 3px 5px;
border-top: 1px white solid;
font-size: 90%;
background: #FDFCF7 url(images/img-alt-bg.gif) top left repeat-x;
}

div.fotoi{
width: 233px;
float: right;
height: 160px;
}

table.kont{
border-top: 1px #AD7D4F solid;
border-left: 1px #AD7D4F solid;
}
table.kont th,table.kont td{
border-right: 1px #AD7D4F solid;
border-bottom: 1px #AD7D4F solid;
padding: 3px;
}

div.galerie{
width: 150px;
height: 150px;
margin: 5px;
float: left;
}
div.galerie img{
border: 0;
}

img.novy{
width: 14px;
height: 17px;
border: 0px;
}
img.krizek{
width: 15px;
height: 15px;
border: 0px;
margin: 2px;
vertical-align: middle;
}

p.gallink{
float: right;
width: 90px;
height: 28px;
background: #E9DF9A url(./images/menu-bg.gif) top left repeat-x;
border: 1px #C4AD84 solid;
margin: 15px 20px 5px 5px;
}
p.gallink a{
display: block;
width: 90px;
margin-top: 6px;
text-align: center;
font-weight: bold;
font-size: 110%;
color: #CA2400;
text-decoration: none;
}
p.gallink a:hover{
text-decoration: underline;
}