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

#page{ width: 900px; margin: 0px auto; }
#hlavicka{ width: 900px; height: 100px; background-image: url('img/hlavicka.png'); }
.logo{ width: 330px; height: 75px; position: relative; top: 0px; left: 0px; margin: 0px; float: left; }
.logo h1 a { width: 330px; height: 75px; font-size: 10px; display: block; }
.logo h1 span { width: 330px; height: 75px; position: absolute; left: 0; top: 0; z-index: 1; background: url('img/logo.png') 0 0 no-repeat; }
.doprovodny{ width: 400px; font-size: 14px; padding: 42px 0px 0px 170px; margin: 0px; float: left; }

.menu{ width: 900px; font-size: 12px; height: 40px; background-image: url('img/menu.png'); }
.menu p{ text-transform: uppercase; padding: 13px 20px 0px 20px; margin: 0px; float: left; }
.menu a{ color: #FFF; text-decoration: none; }
.menu a:hover{ color: #FFF; text-decoration: underline; }

#telo{ width: 900px; padding: 10px 0px 0px 0px; }


/********LEFT********/
.left{ width: 170px; float: left; }
.left .box{ width: 170px; background: #F7F7EE; margin: 0px 0px 20px 0px; }
.left ul, .right ul{ padding: 0px; margin: 0px; }
.left li, .right li{ height: 20px; font-size: 14px; list-style: none; background-image: url('img/li.png'); background-repeat: no-repeat; padding: 1px 0px 10px 20px; margin: 0px 0px 0px 5px; }
.left .p, .right .p{ font-size: 14px; color: #353509; background: #E8E8D6; padding: 8px 0px 8px 10px; margin: 0px 0px 8px 0px; }
.left .kategorie{ width: 160px; font-size: 12px; text-align: right; padding: 0px 10px 10px 0px; margin: 0px; }
    .left .kategorie a{ color: #D46C2E; }
    .left .kategorie a:hover{ color: #D46C2E; }

/********MIDDLE********/
.middle{ width: 530px; font-size: 16px; margin: 0px 15px 0px 15px; float: left; }
.middle h2{ color: #D46C2E; font-size: 24px; font-weight: normal; text-transform: uppercase; margin: 10px 0px 10px 0px; }
.middle h3{ width: 530px; color: #7C7C52; font-size: 18px; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #888; padding: 0px 0px 5px 0px; }
.middle p{ font-size: 14px; color: #333; line-height: 150%; }

.middle .produkt{ width: 160px; background: #F9F9F0; padding: 5px; margin: 3px; float: left; }
.middle .produkt h4{ width: 160px; height: 40px; font-size: 14px; color: #E57924; margin: 0px 0px 0px 0px; }
.middle .produkt img{ width: 70px; height: 70px; margin: 0px 6px 0px 0px; float: left; }
.middle .produkt .cena{ width: 84px; font-size: 12px; color: #555; margin: 5px 0px 0px 0px; float: left; }
.middle .produkt .cena span{ font-weight: bold; font-size: 18px; }
.middle .produkt .odkaz{ width: 140px; line-height: 120%; font-size: 12px; background-image: url('img/external.png'); background-repeat: no-repeat; padding: 0px 0px 0px 20px; margin: 10px 0px 5px 0px; clear: both; }

.middle .sklik{ font-size: 14px; color: #D46C2E; font-weight: bold; margin: 5px 0px 5px 0px; }

/********RIGHT********/
.right{ width: 170px; margin: 0px; float: left; }
.right .box{ width: 170px; background: #F7F7EE; margin: 0px 0px 20px 0px; }

#paticka{ width: 860px; height: 30px; background: #E8E8D6; font-size: 12px; text-align: center; padding: 20px 20px 0px 20px; margin: 20px 0px 10px 0px; }
#paticka .p1{ width: 580px; margin: 0px; float: left; }
#paticka .p2{ width: 280px; margin: 0px; float: left; }