* {
padding:0;
margin:0;
border:0;
font-family: "Trebuchet MS";
color: #547498;
}

body {
background-color: #ecf5ff;
}

div.main_wrapping {
width: 1008px;
margin: auto;
}

.header ul {
float: left;
height: 80px;
margin: 0 45px 50px 45px;
background: url('li.gif') no-repeat right;
}

.header li {
width: 131px;
background: url('li.gif') no-repeat left;
height: 80px;
line-height: 80px;
vertical-align: middle;
float: left;
list-style-type: none;
}

.header li a {
float: right;
width: 98px;
display: block;
padding: 0 0 0 35px;
text-decoration: none;
font-size: 18px;
background: none;
}

.header li a:hover {
background: url('menu-hover.png') no-repeat;
background-position: right;
}

img.logo {
clear: both;
float: left;
margin-left: 60px;
margin-top: 45px;
}

div.nadpisy {
float: left;
margin-top: 45px;
}

div.nadpisy h1 {
float: left;
font-size: 45px;
font-weight: normal;
margin-top: -5px;
margin-left: 15px;
}

div.nadpisy h2 {
float: left;
clear: both;
font-size: 17px;
font-weight: normal;
margin-left: 35px;
margin-top: -7px;
}

div.obrazky_horni {
float: right;
width: 640px;
height: 150px;
background-color: #cfdeef;
border: 1px solid #547498;
}

div.obrazky_horni img {
margin-left: 15px;
margin-top: 20px;
border: 3px solid white;
}

div.box {
position: relative;
float: left;
background: url('box_header.gif') repeat-x top #cfdeef;
width: 355px;
min-height: 285px;
border: 1px solid #547498;
margin: 45px 15px 15px 15px;
}

div.pravy_horni_roh {
position: absolute;
top: -1px;
right: -1px;
width: 10px;
height: 10px;
background: url('horni_pravy_roh.gif') no-repeat;
}

img.levy_horni_roh {
float: left;
clear: both;
margin-top: -1px;
margin-left: -1px;
margin-right: 5px;
}

div.dolni_levy_roh {
position: absolute;
left: -1px;
bottom: -1px;
width: 10px;
height: 10px;
background: url('spodni_levy_roh.gif') no-repeat;
}

div.pravy_spodni_roh {
position: absolute;
bottom: -1px;
right: -1px;
width: 10px;
height: 10px;
background: url('spodni_pravy-roh.gif') no-repeat;
}

.box h2{
float: left;
margin: 3px 0 0 50px;
color: #324f6f;
font-size: 23px;
font-weight: normal;
}

.box hr {
float: left;
width: 236px;
height: 1px;
margin-top: 5px;
margin-left: -5px;
margin-bottom: 5px;
background-color: #547498;
}

p.text {
color: #324f6f;
margin-left: 10px;
margin-top: 35px;
font-size: 15px;
}

div.prihlaseni_box {
float: right;
margin-top: 45px;
width: 200px;
min-height: 500px;
background-color: #C3CEDB;
border: 1px solid #547498;
}

div.prihlaseni_box h2 {
float: left;
font-size: 18px;
margin-top: 5px;
margin-left: 10px;
color: #325071;
font-weight: normal;
}

.prihlaseni_box input{
float: left;
margin-left: 5px;
border: 1px solid #547498;
background-color: #D4DCE5;
width: 125px;
height: 22px;
}

.prihlaseni_box label{
float: left;
clear: both;
margin-left: 5px;
}


.prihlaseni_box input, label{
margin-top: 5px;
}

div.prihlaseni_box div.lichy {
float: left;
margin-top: 10px;
width: 100%;
background-color: #D4DCE5;
}

div.prihlaseni_box div.lichy  p{
clear: both;
margin: 5px;
}

div.prihlaseni_box div.sudy {
float: left;
width: 100%;
}

div.prihlaseni_box div.sudy  p{
clear: both;
margin: 5px;
}

div.left {
width: 780px;
float: left;
}

div.prihlaseni_box fieldset {
clear: both;
}

div.prihlaseni_box a {
display: block;
text-decoration: underline;
color: #325071;
font-size: 14px;
width: 60px;
margin: auto;
}

div.vypis_db {
float: left;
margin: 45px 15px 15px 15px;
width: 355px;
min-height: 200px;
border: 1px solid #5E7C9E;
background-color: #D4DCE5;
}

div.vypis_db h2 {
width: 335px;
height: 38px;
line-height: 38px;
padding-left: 20px;
background-color: #C3CEDB;
font-size: 18px;
font-weight: normal;
color: #324F6F;
}

div.vypis_db p {
margin: 7px;
color: #324F6F;
font-size: 15px;
}

hr.end {
float: left;
height: 3px;
width: 100%;
margin-top: 30px;
background-color: #325071;
clear: both;
}

p.copyright {
clear: both;
display: block;
width: 195px;
font-size: 13px;
margin: auto;
color: #325071;
}

p.copyright a {
color: #325071;
font-size: 13px;
text-decoration: none;
}

p.copyright2 {
clear: both;
display: block;
width: 154px;
font-size: 13px;
margin: auto;
color: #325071;
}
