body{
background: #61778C;
text-align: center;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 0.8em;
}

div#stranka{
display: block;
width: 740px;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
background: url("./images/bg.png") 100% 0 repeat-y;
background-color: #fff;
text-align: left;
}
div.waiter{
display: block;
height: 1px;
font-size: 0em;
clear: both;
}
div#vez{
display: block;
width: 720px;
margin: 10px;
background: url("./images/vezx.jpg") 100% 100% no-repeat;
}
div#lefttop{
display: block;
width: 10px;
height: 10px;
margin: -10px auto auto -10px;
background: url("./images/lefttop.png") no-repeat;
}
div#righttop{
display: block;
float: right;
width: 15px;
height: 15px;
margin: -10px -5px auto auto;
background: url("./images/righttop.png") no-repeat;
}
div#bottom{
display: block;
_position: relative;
width: 740px;
height: 20px;
margin-left: -10px;
_margin-right: -10px;
margin-bottom: -10px;
clear: both;
background: url("./images/bottom.png") 0 100% no-repeat;
}


div#menu{
display: block;
float: left;
width: 170px;
margin-top: 0px;
_margin-top: -10px;
}
div#menu div#znak{
display: block;
width: 97px;
height: 97px;
margin-left: 36px;
margin-top: 10px;
background: url("./images/bykovice.png") no-repeat;
}
div#menu div#bykovice{
display: block;
width: 114px;
height: 52px;
margin-left: 28px;
margin-top: 10px;
margin-bottom: 10px;
background: url("./images/bykovice2.png") no-repeat;
}
div#menu ul{
margin: 0px;
padding: 0px;
margin-left: 9px;
list-style-type: none;
text-align: left;
}
div#menu ul li a{
display: block;
width: 145px;
height: 18px;
background: url("./images/button.png") no-repeat;
border: 1px solid #ddd;
margin-bottom: 1px;
margin-top: 1px;
text-decoration: none;
color: #333;
padding-left: 5px;
padding-top: 2px;
}
div#menu ul li a:hover{
background-position: -150px;
border: 1px solid #B5DDDD;
}

div#obsah{
display: block;
float: left;
width: 300px;
margin-top: 0px;
margin-left: 15px;
text-align: center;
z-index: 3;
}
div#obsah div#fotka{
display: block;
width: 281px;
height: 211px;
margin-left: auto;
margin-right: auto;
}
div#obsah img#ram{
position: absolute;
margin-left: -280px;
_margin-left: -285px;
}

div#obsah h1{
display: block;
width: 270px;
height: 35px;
margin: 0px;
padding: 0px;
margin-left: auto;
margin-right: auto;
background: #D3DAE1;
margin-top: 7px;
font-size: 1.4em;
text-align: left;
padding: 5px;
color: #336C6C;
}
div#obsah h1 em{
display: block;
font-size: 0.6em;
font-weight: normal;
}
div#obsah p{
display: block;
width: 285px;
margin-left: auto;
margin-right: auto;
text-indent: 2em;
text-align: justify;
line-height: 1.5em;
}
div#side{
display: block;
float: right;
width: 225px;
margin-left: 10px;
margin-top: -5px;
_margin-right: -10px;
}
div#side div#photo img{
display: block;
float: left;
margin-right: 13px;
_margin-right: 10px;
}
div#side a#online{
display: block;
margin-right: 10px;
color: #333;
font-weight: bold;
text-decoration: none;
letter-spacing: 1px;
clear: both;
}
div#side a#online:hover{
text-decoration: underline;
}
div#side a img{
border: 0px;
}
div#side a#mapa{
display: block;
margin-right: 16px;
margin-top: 20px;
}
div#side ul{
margin: 0px;
padding: 0px;
margin-right: 10px;
list-style-type: none;
text-align: left;
font-size: 0.85em;
margin-top: 20px;
padding-left: 5px;
width: 201px;
margin-left: 1px;
background: #DCE1E7;
}
div#side ul li em{
display: block;
float: left;
font-style: normal;
width: 30px;
}
div#side ul li a{
display: block;
float: left;
text-decoration: none;
color: #333;
}
div#side ul li a:hover{
text-decoration: underline;
}
div#side ul li{
clear: both;
}


div#obsah2{
display: block;
float: right;
width: 535px;
margin-top: 2px;
margin-right: -10px;
}
div#obsah2 h1{
display: block;
margin: 0px;
padding: 0px;
background: #D3DAE1;
margin-top: 7px;
font-size: 1.4em;
text-align: left;
padding: 5px;
color: #336C6C;
}
div#obsah2 h1 a{
text-decoration: none;
color: #336C6C;
}
div#obsah2 h1 a:hover{
text-decoration: underline;
}
div#obsah2 h2{
display: block;
clear: both;
margin: 0px;
padding: 0px;
background: #E1E6EA;
color: #333;
margin-top: 7px;
font-size: 1em;
text-align: left;
padding: 1px;
padding-left: 5px;
}
div#obsah2 p{
display: block;
clear: both;
text-indent: 2em;
text-align: justify;
line-height: 1.5em;
padding-right: 10px;
}

div#obsah2 ul{
list-style-type: none;
margin-top: 7px;
margin-left: -34px;
_margin-left: 5px;
}
div#obsah2 a{
color: #333;
}

div#obsah2 a:hover{
text-decoration: none;
}

div#copyright{
color: #445362;
font-size: 0.8em;
}
div#copyright a{
color: #445362;
}
div#copyright a:hover{
text-decoration: none;
color: #fff;
}

div#obsah2 table{
background: #e1e6ea;
margin-top: 10px;
}
div#obsah2 table td{
background: #ECEEF0;
padding-right: 10px;
}

div#obsah2 img#obrazek{
display: block;
margin-top: 10px;
margin-bottom: 5px;
}
div#obsah2 img#obrazek2{
display: block;
float: left;
margin-top: 7px;
margin-right: 5px;
margin-bottom: 5px;
}
div#obsah2 a img#obrazek2{
border: 1px solid #333;
}
div#obsah2 a:hover img#obrazek2{
border: 1px solid #f30;
}

div#prehledfotek a img{
border: 0px;
}
div#prehledfotek{
margin-top: 10px;
}

a#previous{
display: block;
float: left;
font-size: 1.1em;
font-weight: bold;
}
a#next{
display: block;
float: right;
margin-right: 10px;
font-size: 1.1em;
font-weight: bold;
}

div#obsah2 table#odkazypodfotkou, div#obsah2 table#odkazypodfotkou td{
width: 33%;
background: none;
}
div#obsah2 table#odkazypodfotkou{
width: 100%;
}

a#back{
display: inline;
float: auto;
font-weight: bold;
font-size: 1.1em;
}
td#prostredni{
text-align: center;
}

div#obsah2 form#formular,div#obsah2 form#formular2{
display: block;
margin-top: 7px;
}
div#obsah2 form#formular input, div#obsah2 form#formular select,div#obsah2 form#formular2 input, div#obsah2 form#formular2 select{
width: 150px;
margin-bottom: 2px;
border-left: 1px solid #336C6C;
border-top: 1px solid #336C6C;
border-right: 1px solid #D3EBEB;
border-bottom: 1px solid #D3EBEB;
}
div#obsah2 form#formular input#odeslat,div#obsah2 form#formular2 input#odeslat{
border: none;
font-weight: bold;
background: #e1e6ea;
margin-bottom: 10px;
}
div#obsah2 form#formular2 input,div#obsah2 form#formular2 select{
width: 400px;
}


div#obsah2 form#formular textarea{
width: 320px;
height: 70px;
border-left: 1px solid #336C6C;
border-top: 1px solid #336C6C;
border-right: 1px solid #D3EBEB;
border-bottom: 1px solid #D3EBEB;
padding: 5px;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 1em;
margin-bottom: 2px;
}
div#obsah2 div#vzkazy{
border-top: 2px solid #333;
margin-top: 10px;
margin-bottom: 40px;
}
div#obsah2 div#vzkazy p{
margin-top: 0px;
}
div#obsah2 div#vzkazy h2 em{
display: block;
float: right;
font-weight: normal;
font-size: 0.85em;
margin-right: 5px;
}
div#obsah2 div#vzkazy h2 span{
display: block;
float: left;
}

div#obsah2 a.navigacni{
font-weight: bold;
font-size: 1.1em;
color: #f30;
font-style: italic;
}

div#obsah2 form#formular textarea#extendedtextarea{
height: 200px;
}
