body{ font-size: 62.5%; background-color: #F3F3F3; font-family: Calibri, Arial, sans-serif; background-image: url('body.png'); background-repeat: repeat-y; background-position: top center; padding: 0px; margin: 0px; }
.clear{ clear: both; }
a img{ border: 0px; }
h1{ margin: 0px; }
a{ color: #06C; text-decoration: underline; }
a:hover{ color: #06C; text-decoration: none; }

.sidetext{ background-image: url('text.png'); background-repeat: no-repeat; background-position: top center; }

#page{ width: 950px; background: #FFF; margin: 0px auto; }
#hlavicka{ width: 950px; height: 90px; background-image: url('hlavicka.png'); background-repeat: no-repeat; background-position: top right; }
.logo{ width: 300px; height: 90px; position: relative; top: 0px; left: 0px; margin: 0px; float: left; }
.logo h1 a { width: 300px; height: 90px; font-size: 10px; display: block; }
.logo h1 span { width: 300px; height: 90px; position: absolute; left: 0; top: 0; z-index: 1; background: url('img/logo.png') 0 0 no-repeat; }

.menu1{ width: 950px; height: 5px; background: #5FC1DC; }
.menu{ width: 950px; height: 46px; background-image: url('menu.png'); background-repeat: repeat-y; }

.bann{ width: 650px; height: 90px; float: left; }

#telo{ width: 950px; background-color: #FFF; padding: 0px 0px 20px 0px; }

/********LEFT********/
.left{ width: 300px; margin: 10px 0px 0px 0px; float: left; }
.left .invia{ width: 270px; background-image: url('form.png'); padding: 10px 15px 10px 15px; }

.left p{ color: #333; line-height: 150%; font-size: 1.2em; }
.left ul{ font-size: 1.4em; }

/********MIDDLE********/
.middle{ width: 400px; padding: 0px 20px 0px 20px; float: left; }
.middle h2{ color: #B80028; font-size: 2.0em; font-weight: normal; text-transform: uppercase; margin: 10px 0px 10px 0px; }
.middle h3{ color: #165A83; font-size: 1.8em; font-weight: normal; text-transform: uppercase; margin: 20px 0px 0px 0px; }
.middle h4{ color: #000; font-size: 1.6em; font-weight: bold; }
.middle p{ color: #333; line-height: 150%; font-size: 1.4em; margin: 5px 0px 5px 0px; }

.middle .advice{ width: 330px; height: 55px; background-image: url('img/advice.png'); padding: 5px 0px 0px 70px; margin: 10px 0px 10px 0px; }
.middle .advice p{ font-size: 1.4em; padding: 0px; margin: 0px 0px 0px 0px; }
.middle .advice .p{ font-size: 1.5em; font-weight: bold; color: #236CAD; padding: 0px; margin: 0px 0px 0px 0px; }

.middle ul{ padding: 0px; margin: 0px 0px 0px 0px; }
.middle li{ width: 380px; font-size: 1.4em; list-style-type: none; background-image: url('img/li_n.png'); background-repeat: no-repeat; padding: 10px 0px 0px 20px; margin: 0px; float: left; }
    .middle li a{ color: #236CAD; text-decoration: none; }
    .middle li a:hover{ color: #236CAD; text-decoration: underline; }

.middle .katalog{  }
.middle .katalog h3{ font-size: 1.4em; font-weight: bold; color: #165A83; }
.middle .katalog .text{ font-size: 1.2em; }
.middle .katalog .url{ font-size: 1.2em; color: #008000; }

.middle .vypisodkazu li a{ color: #000; text-decoration: none; } .middle .vypisodkazu li a:hover{ color: #333; text-decoration: none; }

/********RIGHT********/
.right{ width: 200px; float: left; }
.right ul{ padding: 0px; margin: 10px 0px 0px 0px; }
.right li{ width: 190px; font-size: 1.4em; list-style-type: none; border-bottom: 1px solid #EEE; background-image: url('img/li_n.png'); background-repeat: no-repeat; padding: 10px 0px 5px 20px; margin: 0px; float: left; }
.right .li{ width: 190px; font-size: 1.6em; color: #B80028; text-transform: uppercase; list-style-type: none; border-bottom: 1px solid #EEE; background-image: url('img/li.png'); padding: 6px 0px 5px 20px;  }
    .right li a{ color: #236CAD; text-decoration: none; }
    .right li a:hover{ color: #236CAD; text-decoration: underline; }

#paticka{ width: 920px; font-size: 1.2em; text-align: center; background: #EEE; padding: 15px; margin: 0px 0px 10px 0px; }
.p1{ width: 700px; float: left; }
.p2{ width: 220px; float: left; }