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

#page{ width: 750px; margin: 0px auto; }
#hlavicka{ width: 750px; height: 125px; background-image: url('img/hlavicka.png'); background-repeat: no-repeat; }

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

#telo{ width: 730px; background-image: url('img/background.png'); background-repeat: repeat-y; padding: 0px 10px 10px 10px; }
#submenu{ width: 720px; height: 22px; font-size: 12px; text-align: right; background: #EEE; padding: 8px 10px 0px 0px; }
    #submenu a{ color: #06C; text-decoration: underline; }
    #submenu a:hover{ color: #06C; text-decoration: none; }


.left{ width: 200px; font-size: 14px; line-height: 180%; padding: 0px; float: left; }
.left img{ margin: 10px; }
.left .p{ font-weight: bold; }
.left p{ border-bottom: 1px solid #E5E5E5; padding: 3px 0px 5px 0px; margin: 5px 0px 0px 15px; }
    .left p a{ color: #06C; text-decoration: underline; }
    .left p a:hover{ color: #06C; text-decoration: none; }

.middle { width: 300px; padding: 15px 0px 15px 0px; float: left; }
.middle h1{ font-size: 20px; color: #84C80F; margin: 0px 0px 10px 0px; }
.middle h2{ font-size: 18px; margin: 10px 0px 5px 0px; }
.middle p{ font-size: 14px; line-height: 140%; margin: 0px 0px 10px 0px; }
.middle ul{ font-size: 14px; padding: 0px; margin: 0px 0px 10px 30px; }
.middle li{ margin: 0px 0px 5px 0px; }

.right{ width: 200px; padding: 15px 15px 15px 15px; float: left; }
.right p{ font-size: 14px; font-weight: bold; margin: 10px 0px 5px 0px; }



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