body {
font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size: 0.8em;
font-size: 11px;
color: #D7D7D7;
background-color: #484848;
margin: 0;
padding: 0;
text-align: center;
}

#vse {
position: relative;
width: 952px;
margin: 0 auto;
padding: 0 0 0 14px;
background: url(/img/backvymenik.gif) 14px 84px no-repeat;
text-align: left;
}

#top {
width: 952px;
height: 100px;
}

#logo {
float: left;
margin: 0;
padding: 15px 0 0 13px;
}

ul#menuhorni {
position: absolute;
top: 40px;
right: 0;
height: 48px;
margin: 0;
padding: 0;
list-style-type: none;
}

ul#menuhorni li {
position: relative;
float: left;
color: #fff;
font-size: 12px;
font-weight: bold;
behavior: url(hover.htc);
}

ul#menuhorni li a {
float: left;
display: block;
height: 48px;
margin: 0 1px 0 0;
padding: 0 0 0 5px;
color: #fff;
text-decoration: none;
}

ul#menuhorni li a:hover, ul#menuhorni li.active a {
background: url(/img/mhl.gif) 0 0 no-repeat;
color: #F7941D;
}

ul#menuhorni li a ins {
float: left;
height: 32px;
margin: 0;
padding: 16px 15px 0 10px;
}
ul#menuhorni li a:hover ins, ul#menuhorni li.active a ins {
background: url(/img/mhr.gif) 100% 0 no-repeat;
}
ins {
display: block;
cursor: pointer;
text-decoration: none;
}

ul#menuhorni li ul {
visibility: hidden;
position: absolute;
top: 40px;
left: 1px;
width: 160px;
margin: 0;
padding: 10px 20px;
border: 1px solid #ccc;
background: #363636 none;
filter: alpha(opacity=95);
opacity: 0.95;
list-style-type: none;
z-index: 100;
}

ul#menuhorni li:hover ul, ul#menuhorni li.hover ul {
visibility: visible;
}

ul#menuhorni li ul li {
float: none;
font-size: 11px;
}

ul#menuhorni li ul li a {
float: none;
height: auto;
_height: 1em;
margin: 0;
padding: 3px 0;
}

ul#menuhorni li.active ul a {
background: none;
color: #fff;
}

ul#menuhorni li ul li a:hover {
background: none;
color: #F7941D;
}

ul#menuhorni ul ul {
position: static;
width: auto;
margin: 0;
padding: 5px 0 0 15px;
border: 0;
}

#vymenik {
width: 920px;
height: 290px;
margin: 0 0 20px 17px;
/*background: url(/img/image01.jpg) 17px 16px no-repeat;*/
}

#slogan {
position: absolute;
top: 256px;
left: 0;
_width: 440px;
height: 70px;
padding: 0 5px 0 0;
background: url(/img/backsloganr.png) right top no-repeat;
color: #fff;
font-family: "Times new roman";
font-size: 30px;
font-weight: bold;
z-index: 7;
}
#slogan p {
height: 40px;
margin: 0;
padding: 15px 20px 15px 25px;
background: url(/img/backsloganl.png) 0 0 no-repeat;
}

#obsah {
width: 952px;
padding: 6px 0;
}

#obsah hr {
display: block;
height: 1px;
margin: 5px 0;
*margin: -3px 0;
border: 0;
border-bottom: 1px solid #CFDFE6;
}

#left {
float: left;
width: 247px;
padding: 0 9px 0 0;
}

ul.menuvlevo {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.menuvlevo li {
_height: 1em;
font-size: 12px;
font-weight: bold;
}

ul.menuvlevo li a {
display: block;
_height: 1em;
padding: 0 0 8px 0;
background: url(/img/mvlid.gif) 0% 100% no-repeat;
color: #fff;
text-decoration: none;
}

ul.menuvlevo li a:hover {
text-decoration: underline;
}

ul.menuvlevo li a ins {
margin: 0;
padding: 20px 35px 12px 35px;
background: url(/img/mvliu.gif) 0 0 no-repeat;
}

ul.menuvlevo ul {
margin: 0;
padding: 5px 0;
list-style-type: none;
}

ul.menuvlevo ul li a {
padding: 8px 0 8px 60px;
background: url(/img/star.gif) 35px 12px no-repeat;
font-weight: normal;
}

ul.menuvlevo ul li.active a {
font-weight: bold;
}

ul.menuvlevo ul ul {
margin: 0;
padding: 5px 0 5px 15px;
list-style-type: none;
}

ul.menuvlevo ul ul li a {
padding: 2px 0 2px 60px;
background: url(/img/star.gif) 35px 5px no-repeat;
}

.lkosik {
float: left;
width: 187px;
margin: 10px 0 0 0;
padding: 10px 30px 12px 30px;
background: url(/img/mvliu.gif) 0 0 no-repeat;
}

#right {
float: left;
width: 696px;
background: url(/img/backright.gif) 0 0 repeat-y;
}
#r {
width: 616px;
padding: 20px 40px;
*padding: 30px 40px;
background: url(/img/backrightu.gif) 0 0 no-repeat;
}

.fotgal {
float: left;
width: 195px;
_width: 193px;
height: 155px;
margin: 5px;
text-align: center;
overflow: hidden;
}
.fotgal img {
margin: 0 0 3px 0;
border: 1px solid #888;
}

#hidden, #hidden01, #hidden02, #hidden03, #hidden04, #hidden05, #hidden06, #hidden07 {
display: none;
}

.dots {
margin: 10px 0;
background: url(/img/backdots.gif) 302px 0 repeat-y;
}

.item {
float: left;
width: 292px;
margin: 5px;
padding: 0 0 20px 0;
border-bottom: 1px dotted #6c6c6c;
text-align: center;
overflow: hidden;
}
.item p {
margin: 6px 0;
padding: 0;
}
.inadp {
height: 19px;
font-size: 14px;
font-weight: bold;
overflow: hidden;
}
.item img {
margin: 5px 0 0 0;
}
.ivice {
position: relative;
top: 7px;
padding: 4px 10px;
border: 1px solid #fff;
text-decoration: none;
cursor: pointer;
}

#bottom {
width: 912px;
padding: 10px 20px;
text-align: right;
}

ul.menudolni {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.menudolni li {
display: inline;
padding: 0 0 0 40px;
font-size: 12px;
font-weight: bold;
}

ul.menudolni li a {
text-decoration: none;
}

ul.menudolni li a:hover, ul.menudolni li.active a {
color: #F7941D;
}

sup, sub {
vertical-align: baseline;
position: relative;
}
sup {
bottom: 0.33em;
}
sub {
bottom: -0.25em;
}

select {
margin: 10px 0;
}

.boks {
border: 1px solid #888;
background-color: #fcfcfc;
color: #444;
font-size: 11px;
}

.enter {
border: 1px solid #F7941D;
background-color: #F7941D;
color: #fff;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
cursor: pointer;
}

.tabule {
empty-cells: show;
margin: 5px 0 5px 1px;
border-collapse: collapse;
border: 1px solid #6c6c6c;
}
.tabule td {
padding: 2px 4px;
border: 1px solid #6c6c6c;
color: #fff;
}
.tabule tr.tabh {
background-color: #222;
color: #fff;
font-weight: bold;
}
.tabule a {
color: #fff;
}

.f10 {
font-size: 10px;
}

.f12 {
font-size: 12px;
}

.f13 {
font-size: 13px;
}

.f14 {
font-size: 14px;
}

.cokoliv {
padding: 1px 15px;
}

.brd {
padding: 2px;
border: 1px solid #6c6c6c;
background-color: #363636;
}

.brdgr {
border: 3px solid #6c6c6c;
}

.d2 {
position: relative;
top: 2px;
}

.gr {
color: #777;
}

.or {
color: #F7941D;
}

.wh {
color: #fff;
}

.bl {
color: #000;
}

.nobrd {
margin: 0;
padding: 0;
}

.cent {
text-align: center;
}

.fl {
float: left;
margin-right: 15px;
}

.fr {
float: right;
margin-left: 15px;
}

h1 {
margin: 10px 0;
padding: 0;
color: #fff;
font-size: 24px;
font-weight: bold;
}

h2 {
margin: 10px 0;
padding: 0;
color: #F7941D;
font-size: 18px;
font-weight: bold;
}

h3 {
margin: 10px 0;
padding: 0;
color: #fff;
font-size: 16px;
font-weight: bold;
}

img {
border: 0;
}

.cleaner {
clear: both;
height: 0;
overflow: hidden;
content: ' ';
}

.cleaner hr {
display: none;
}

a {
color: #D7D7D7;
}

p {
margin: 10px 0;
padding: 0;
}

