body {text-align: center; font-family: "Verdana CE", Verdana, Helvetica, helvetica, sans-serif; background: #ccc url('../graf/bcg_body.gif') repeat-x top; color: #000; margin: 0; padding: 0;}
body {font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small;}
html>body {font-size: small;}

a:link, a:visited, a:active {color: #00c; text-decoration: underline;}
a:hover {color: #000; text-decoration: underline;}
a img {border-style: none; color: none; text-decoration: underline;}

h1 {margin: 0; padding: 0; line-height: 1.0em;}
h2 {margin: 10px 0 15px 0; padding: 7px 8px 9px 8px; background: #333 url('../graf/bcg_black.gif'); color: #fff; font-weight: normal; font-size: 150%;}
h3 {margin: 5px 0 10px 0; padding: 4px 8px 6px 8px; background-color: #ce3; color: #000; font-weight: bold; font-size: 100%; clear: both;}
#h1 {display: block; position: absolute; right: 15px; top: 0; font-size: 130%; font-weight: normal; color: #fff; margin: 0; padding: 0; line-height: 48px;}
#h2 {display: block; position: absolute; left: 300px; top: 60px; font-size: 130%; font-weight: normal; font-style: italic; color: #036; margin: 0; padding: 0; line-height: 28px;}

form {margin: 0; padding: 0;}

fieldset {margin: 0 auto 5px auto; padding: 0; border: 0; background-color: #fff;}
fieldset input {border: 1px solid #693;}
fieldset textarea {border: 1px solid #693; background-color: #fff;}
fieldset table {width: 100%; margin: 0 0 8px 0;}
fieldset td {padding: 6px; background-color: #df5; border-width: 0;}
fieldset td.prava {text-align: right; width: 40%;}
fieldset td.leva {width: 40%;}
fieldset .text {width: 180px;}
fieldset .noborder {border-width: 0;}
legend {color: #fff; font-size: 85%; background-color: #039; padding: 2px 6px; margin: 0; font-weight: normal;}

#mainbox {display: block; position: relative; margin: 0 auto; padding: 0 0 10px 0; width: 990px; text-align: left; background-color: #fff;}
#hlavicka {display: block; position: relative; margin: 0; height: 145px; background: transparent url('../graf/bcg_header.jpg') no-repeat right;}

ul {display: block; position: relative; list-style: none; margin: 0; padding: 5px 0 15px 12px;}
ol {display: block; position: relative; margin: 0; padding: 5px 0 10px 30px;}
ul li {padding-left: 12px; margin: 0; line-height: 1.3em; background: transparent url("../graf/bcg_li.gif") no-repeat left 4px;}
ol li {padding-left: 12px; margin: 0; line-height: 1.3em;}

.centr {text-align: center;}
.prava {text-align: right;}
.cerv {color: #d00;}

#hmenu {display: inline; list-style-type: none; position: absolute; right: 0; bottom: 0; padding: 0 16px; margin: 0 0 8px 0; background: transparent url('../graf/bcg_topmenu.gif') no-repeat left top;}
#hmenu li {display: inline; list-style-type: none; color: #fff; line-height: 30px; padding: 0 6px; font-size: 85%; background-image: none;}
#hmenu a {color: #fff; text-decoration: none;}

#logo {display: block; position: absolute; left: 30px; top: 35px; width: 180px; height: 60px; overflow: hidden;}
#logo img {width: 180px; height: 60px;}

.homeinfo {padding: 18px 18px; background-color: #eee; font-size: 90%;}

#obsah {display: block; position: relative; float: right; right: 15px; width: 725px; margin: 10px 0; padding: 0; text-align: left; background-color: #fff;}
#obsah p {font-size: 90%;}
#obsah td {vertical-align: top;}

#lmenu {display: block; position: relative; float: left; left: 15px; width: 220px; margin: 10px 0; padding: 0; background-color: #ce3;}

#menu {line-height: 100%; margin: 0; padding: 0; background-color: #ce3;}
#menu li {display: block; padding: 0; margin: 0;}
#menu a {display: block; margin: 0; font-size: 11px;}

a.m1 {padding: 8px 5px 8px 12px; color: #000; text-decoration: none; font-weight: bold; background: #ce3 url('../graf/bcg_menu.gif') repeat-y -144px 0; border-bottom: 1px solid #fff;}
a.m2 {padding: 8px 5px 8px 20px; color: #000; text-decoration: none; background: #df5 url('../graf/bcg_menu.gif') repeat-y -138px 0; border-bottom: 1px solid #fff;}
a.m3 {padding: 7px 5px 7px 26px; color: #000; text-decoration: none; background: #eee url('../graf/bcg_menu.gif') repeat-y -132px 0; border-bottom: 1px solid #fff;}
a.m1:hover, a.aktiv1 {color: #fff; background-color: #039;}
a.m2:hover, a.aktiv2 {color: #fff; background-color: #039;}
a.m3:hover, a.aktiv3 {color: #fff; background-color: #039;}

#pravy_sloupec {display: block; position: relative; float: right; right: 15px; width: 160px; margin: 8px 0 0 0; padding: 0; text-align: left;}


#paticka {display: block; position: relative; left: 15px; clear: both; width: 960px; font-size: 85%; color: #ce3; text-align: center; padding: 15px 0; margin: 0; background: #333 url('../graf/bcg_black.gif'); line-height: 1.5em;}
#paticka a {text-decoration: none; color: #fff;}
#paticka p {margin-top: 2px;}
#paticka p span {color: #fff;}

.partneri {display: block; position: relative; clear: both; width: 990px; font-size: 85%; color: #666; text-align: center; padding: 10px 0 15px 0; margin: 0 auto;}
.partneri a {color: #666;}


.nav_kon {display: block; position: relative; clear: both; margin: 0; padding: 4px 0; font-size: 11px;  background: #fff url('../graf/bcg_konav.gif') no-repeat bottom; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.nav_kon img {padding: 0 2px 1px 2px;}
.nav_kon a {text-decoration: underline;}

#kosik {display: block; position: relative; font-size: 11px; padding: 9px 15px; color: #fff; font-weight: normal; line-height: 14px; text-align: left;  background: #039 url('../graf/bcg_kosik.gif') no-repeat left top; border-bottom: 1px solid #fff;}
#kosiklink {display: block; position: absolute; right: 15px; background: transparent url('../graf/kosik.gif') no-repeat 135px 10px; bottom: 36px; width: 160px; height: 44px; z-index: 22;}
#kosik p {padding: 3px 0; margin: 0;}
#kosik a {color: #fff; text-decoration: underline;}
#kosiklink {display: absolute; left: 0; top: 0; width: 220px; height: 45px; z-index: 5;}

.top {display: block; clear: both; text-align: center; width: 11px; height: 11px; margin: 0 auto; padding: 0 0 15px 0;}
.top a:link, .top a:active, .top a:visited {display: block; position: relative;  float: left; width: 11px; height: 11px;  line-height: 22px; background: url('../graf/top.gif') no-repeat;}
.top a:hover {background: url('../graf/itop.gif') no-repeat;}

.proobr {display: block; float: left; width: 300px; height: 200px; background-color: #eee; border: 4px solid #039; margin: 0 0 15px 0; padding: 0;}

.protab {display: block; float: right; width: 410px; margin: 0 0 15px 0; font-size: 85%;}
.protab td, .protab th {vertical-align: middle; padding: 4px 10px;}
.protab th {text-align: right; background-color: #df5; font-weight: normal;}
.protab td {background-color: #eee; width: 100%; vertical-align: middle;}
.protab .centr {background-color: #fff; border: 1px solid #ce3; text-align: center; padding: 10px;}

table.dokosiku {width: 20px; background-color: #fff; padding: 0; margin: 0 auto; border-width: 0;}
table.dokosiku td {width: 20px; padding: 0; vertical-align: middle; border-width: 0;}

.pocet {display: block; width: 30px; height: 18px; padding: 1px; border: 1px solid #069; text-align: center; color: #039;}

#kosik_hlaska {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6;}
#boxik {display: block; position: absolute; text-align: center; top: 95px; left: 290px; margin: 0 auto; width: 380px; height: 200px; border: 5px solid #333; background-color: #fff;}
#boxik img {display: block; margin: 10px auto; padding: 0;}
#boxik p {margin: 60px 0 30px 0; padding: 0; font-weight: bold; font-size: 90%;}

.prepinac {display: block; clear: both;}
.prepinac a {display: block; position: relative; float: left; width: 25px; padding: 5px 0; background-color: #666; color: #fff; text-decoration: none; margin-right: 4px; text-align: center;}
.prepinac a:hover {display: block; width: 25px; padding: 5px 0; background-color: #ce3; color: #000; text-decoration: none; margin-right: 4px;}
.prepinac span {display: block; position: relative; float: left; padding: 5px 8px; background-color: #ddd; color: #000; text-decoration: none; margin-right: 4px; text-align: center;}

.kosiktab {border: 0; margin: 0 0 15px 0;}
.kosiktab a {text-decoration: none;}
.kosiktab th {padding: 8px;}
.kosiktab tr:hover {background-color: #efa;}
.kosiktab td {padding: 4px 8px; font-size: 85%; border-bottom: 1px solid #ce3; vertical-align: middle;}
.kosiktab th {background-color: #ce3; font-size: 85%; font-weight: normal;}
td.pata {background-color: #ce3; font-weight: normal; padding: 8px;}

.blok {text-align: justify;}
.doporuceni {display: block; clear: both;}
.doporuceni td img {margin-left: 30px;}
.doporuceni td {vertical-align: middle; padding: 5px 12px 5px 0; font-size: 90%;}