﻿body {background-color: #eeeeee; color: #000000; font-family: Verdana; font-size: 11px; margin: 10px;}

a:link, a:visited {color: #245191; text-decoration: underline;}
a:hover, a:active {text-decoration: none;}
h1 {color: #245191; font-size: 14px; font-weight: bold; margin: 5px 0 5px 0;}
h2 {color: #245191; font-size: 12px; font-weight: bold; margin: 5px 0 5px 0;}
h3 {color: #245191; font-size: 12px; font-weight: bold; margin: 0 0 5px 5px;}
p {margin: 5px;}
strong {color: #245191;}
hr {margin-right: 8px;}

.maxwidth {width: 100%;}
.dropdownlist {width: 200px; margin-right: 10px;}
.imageobchod {margin: 5px 30px 5px 0;}
.top {vertical-align: top;}
.onehundred {padding-right: 10px; text-align: left; vertical-align: top; width: 150px;}
.image {float: left; margin: 0 10px 10px 0;}
a.black:link, a.black:visited {color: #000000;
    font-weight:bold; text-decoration: none;}
a.tip:link, a.tip:visited {color: #245191; text-decoration: none;}
span.tip {color: #000000; font-weight: bold;}
h1.kategorie {border-bottom: solid 1px #1a4972; border-top: solid 1px #1a4972; color: #000000; font-size: 11px;
    font-weight: normal; padding: 3px 3px 3px 3px; width: 520px;}

div.cleaner {clear: both;}
div.pager {margin: 10px 0 10px 0; text-align: center;}
div.clanek {background-color: #e3edf9; border: solid 1px #bdd3ec; font-size: 12px; line-height: 120%; margin: 5px 0 10px 0;
            padding: 5px 10px 5px 8px; width: 480px;}
div.clanek h2 {font-size: 13px; margin: 0 0 8px 0;}

div#header {background-image: url("images/header.png"); background-repeat: no-repeat; height: 120px;
    margin: 0 auto; width: 930px;}
div#header a.logo {display: block; float: left; height: 105px;
    margin: 10px 0 0 20px; width: 140px;}
div#header div#banner {float: right; height: 100px; margin: 15px 15px 0 0; width: 745px;}

div#body {background-image: url("images/body.png"); background-repeat: repeat-y; margin: 0 auto; width: 930px;}

div#body div#search {background-image: url("images/search.png"); height: 37px; margin: 0 10px 0 10px; width: 910px;}
div#body div#search span {color: #ffffff; display: block; float: left; margin: 12px 10px 0 10px;}
div#body div#search .textbox {display: block; float: left; margin: 8px 10px 0 10px; width: 150px;}
div#body div#search .button {display: block; float: left; margin: 7px 10px 0 0;}
div#body div#search .list {display: block; float: left; margin: 8px 10px 0 10px; width: 150px;}
div#body div#search .box {display: block; float: left; margin: 8px 5px 0 5px;}

div#body div#menu {height: 21px; margin: 0 11px 0 13px; width: 904px;}
div#body div#menu a:link, div#body div#menu a:visited {background-image: url("images/menu.png"); color: #103a72; display: block;
    float: left; height: 16px; margin: 0 1px 0 1px; padding-top: 5px; text-align: center; text-decoration:none; width: 127px;} 
div#body div#menu a:hover, div#body div#menu a:active {background-image: url("images/menu_hover.png"); color: #ffffff;} 

div#body div#left {float: left; margin-left: 20px; padding-top: 10px; width: 165px;}
div#body div#left a:link, div#body div#left a:visited {background-image: url("images/list.png");
    background-repeat: no-repeat; background-position: center left; display: block; font-size: 12px;
    padding: 4px 0 4px 8px; text-decoration: none; width: 152px;}
div#body div#left a:hover, div#body div#left a:active {background-image: url("images/active.png"); color: #ffffff;}

div#body div#center {float: left; padding-top: 10px; width: 540px;}
div#body div#center div#etarget {margin: 5px 0 10px 1px; width: 538px;}
div#body div#center div#etarget table {border-bottom: solid 1px #1a4972; border-top: solid 1px #1a4972;}
div#body div#center div#etarget table tr td.left {width: 350px;}
div#body div#center div#etarget div {padding: 5px;}
div#body div#center div#clanek {font-size: 13px;}

div#body div#center a.kategorie:link, div#body div#center a.kategorie:visited {display: block; height: 20px;
    float: left; font-size: 11px; margin: 3px; padding: 5px 5px 0 5px; width: 150px;}
div#body div#center a.kategorie:hover, div#body div#center a.kategorie:active {background-color: #9cc6ea;}
table td.shop {border-bottom: 1px solid #000000;}

div#body div#right {float: left; padding: 10px 15px 10px 10px; width: 170px;}
div#body div#right table {border-bottom: dashed 1px #245191; margin-bottom: 5px;}
div#body div#right div.letaky {background-color: #eaeff6; font-weight: bold; margin: 10px 25px 10px 0;
    padding: 10px; text-align:center; width: 150px;}
div#body div#right div.letaky a.letak {display: block; height: 80px; margin: 5px 0 0 0; width: 150px;}
div#body div#right div.letaky img {border: none; margin: 60px 0 0 100px;}

div#footer {background-image: url("images/footer.png"); height: 105px; margin: 0 auto; padding: 20px 0 0 30px;
    text-align: center; width: 900px;}