body{ font-family: Calibri, Arial, sans-serif; background-color: #FDFDFD; margin: 0px; }
.clear{ clear: both; }


#page{ width: 900px; margin: 0px auto; }
#hlavicka{ width: 900px; height: 125px; background-image: url('img/hlavicka.png'); background-repeat: no-repeat; }
#submenu{ width: 860px; height: 39px; background-image: url('img/submenu.png'); padding: 10px 0px 0px 20px; }
    #submenu a{ color: #FFF; text-decoration: underline; }
    #submenu a:hover{ color: #FFF; text-decoration: none; }


.logo{ width: 320px; height: 125px; position: relative; top: 0px; left: 0px; margin: 0px; float: left; }
.logo h1 a { width: 320px; font-size: 10px; height: 125px; display: block; }
.logo h1 span { width: 320px; height: 125px; position: absolute; left: 0; top: 0; z-index: 1; background: url('img/logo.png') 0 0 no-repeat; }


#telo{ width: 880px; background-image: url('img/background.png'); background-repeat: repeat-y; padding: 0px 10px 10px 10px; }

.left{ width: 330px; font-size: 14px; line-height: 180%; margin: 0px 0px 0px 20px; float: left; }
.left p a{ color: #0066CC; text-decoration: none; }
.left h2{ color: #FE8408; }
.left h3{ color: #0066CC; }

.middle{ width: 220px; margin: 0px 20px 0px 20px; float: left; }
.middle .box{ font-size: 14px; background-color: #F0F0F0; padding: 10px; margin: 0px 0px 20px 0px; }
    .middle .box a{ font-weight: bold; color: #0066CC; text-decoration: underline; }
    .middle .box a:hover{ font-weight: bold; color: #0066CC; text-decoration: none; }
.middle p{ font-weight: bold; font-size: 14px; margin: 20px 0px 0px 0px; }

.right { width: 250px; margin: 0px 0px 0px 20px; float: left; }
.right p{ font-weight: bold; font-size: 14px; margin: 20px 0px 0px 0px; }
.right .box{ font-size: 14px; background-color: #F5F5F5; padding: 10px; margin: 0px 0px 20px 0px; }
.right .box p{ margin: 0px 0px 5px 0px; }

#paticka{ width: 900px; font-size: 12px; height: 70px; text-align: center; background-image: url('img/paticka.png'); background-repeat: no-repeat; padding-top: 20px; }
.paticka1{ width: 600px; float: left; }
    .paticka1 a, .paticka2 a{ color: #68E; text-decoration: none;  }
    .paticka1 a:hover, .paticka2 a:hover{ color: #68E; text-decoration: none;  }
.paticka2{ width: 300px; float: left; }