body{
font-family: "Palatino Linotype", Verdana, Arial, Times, Georgia;
font-size: 11pt;
background-color: #FFFFCC;
max-width: 1024px;
margin: auto;
margin-top: 10px;
}
#body{
width: 100%;
width: expression(document.body.clientWidth > 1024? "1024px" : "auto" );
margin-left: expression(document.body.clientWidth > 1024? (document.body.clientWidth-1024)/2+"px" : "auto" )
}


#hlavicka{
position: relative;
}
#hlavicka h1{
position: absolute;
top: 0px;
left: 4%;
z-index: 2;
font-size: 18pt;
background-color: #D3D19B;
width: 60%;
padding: 5px 5px 5px 90px;
border: solid 2px black;
}
#hlavicka #foto_main img{
position: relative;
top: 40px;
left: 2%;
z-index: 1;
width: 96%;
border: solid 2px black;
}

#hlavicka #logo img{
position: absolute;
top: 15px;
left: 0px;
z-index: 2;
}
#hlavicka #login{
position: absolute;
top: 17px;
left: 2%;
width: 96%;
text-align: right;
}
#hlavicka #login a{
margin: 3px;
color: black;
text-decoration: none;
font-weight: bold;
}


#obsah{
position: relative;
top: 60px;
width: 96%;
margin: 0px 2% 0px 2%;
}

#menu{
width: 100%;
border: solid 2px black;
text-align: center;
padding:2px 0px 2px 0px;
background-color: #D3D19B;
}
#menu a{
font-size: 10pt;
color: black;
font-weight: bold;
text-decoration: none;
padding: 0px 5px 0px 5px;
}
#menu a:hover{
background-color: #FFFFCC;
border-top: solid 2px #FFFFCC;
border-bottom: solid 2px #FFFFCC;
}
#menu .active{
font-size: 10pt;
color: black;
font-weight: bold;
padding: 0px 5px 0px 5px;
background-color: #FFFFCC;
border-top: solid 2px #FFFFCC;
border-bottom: solid 2px #FFFFCC;
}

#submenu{
width: 100%;
border: solid 2px black;
text-align: center;
padding:2px 0px 2px 0px;
background-color: #EAE4A2;
border-top: none;
}
#submenu a{
font-size: 10pt;
color: black;
font-weight: bold;
text-decoration: none;
padding: 0px 10px 0px 10px;
}

#info{
width: 96%;
padding: 10px 2% 10px 2%;
border: solid 2px black;
background-color: #F4F2B0;
border-top: none;
}
#info h1{
text-align: center;
font-size: 18pt;
}
#info h2{
font-size: 16pt;
}
#info h3{
font-size: 14pt;
}
#info a{
color: black;
font-weight: bold;
}
#info .def{
margin:5px 10px 5px 10px;
padding: 0px 10px 0px 10px;
border: solid 1px black;
background-color: #D3D19B;
}
#info .formular{
width: 80%;
margin: 0px 10% 0px 10%;
}

.formular input{
background-color: #FFFFCC;
border: solid 1px black;
}
.formular textarea{
background-color: #FFFFCC;
border: solid 1px black;

}

.login{
}
.login input{
background-color: #FFFFCC;
border: solid 1px black; 
}

.foto{
}
.foto a{
text-decoration: none;
}
.foto img{
margin: 5px;
border: solid 2px black;
}
.foto .menuF{
text-align: letf;
}
.foto .obsahF{
text-align: left;
}
.foto .fotkaF{
text-align: center;
}
.foto .posuvnikF{
text-align: center;
}
.foto .posuvnikF a{
margin: 0px 100px 0px 100px;
}


#patka{
width: 96%;
border: solid 2px black;
border-top: none;
background-color: #D3D19B;
text-align: right;
font-weight: bold;
padding: 2px 2% 2px 2%;
}