body {
font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
font-size: 12px;
color: #fff;
background-color: #000;
margin: 0;
padding: 0;
text-align: center;
}

#vse {
position: relative;
width: 982px;
margin: 0 auto;
padding: 0 24px;
text-align: left;
overflow-x: hidden;
}

#top {
width: 982px;
height: 158px;
padding: 7px 0 0 0;
}

.topkosik {
margin: 0 0 10px 0;
color: #fff;
text-align: right;
}
.topkosik a {
color: #fff;
}

#tkover {
display: none;
position: absolute;
top: 15px;
right: 230px;
width: 182px;
height: 157px;
*height: 147px;
padding: 5px 15px 10px 15px;
*padding: 10px 15px 15px 15px;
background: url(/img/backtkover.png) 0 0 no-repeat;
color: #fff;
overflow: hidden;
z-index: 120;
}
#tkover img {
float: right;
margin: 0;
padding: 0;
cursor: pointer;
}
#tkover a {
color: #fff;
}
#tkover input.boks {
width: 95px;
}

.topitem, .topitem4 {
position: relative;
float: right;
width: 199px;
height: 109px;
margin: 0 0 0 14px;
padding: 0 15px;
background: url(/img/backtitem.jpg) 0 0 no-repeat;
font-family: Garamond;
font-size: 18px;
text-align: center;
overflow: hidden;
}
.topitem4 {
width: 154px;
height: 78px;
margin: 10px 0 0 14px;
padding: 0 5px;
background: url(/img/backtitem4.jpg) 0 0 no-repeat;
}
.topitem a, .topitem4 a {
position: absolute;
top: 0;
left: 0;
display: block;
width: 229px;
height: 109px;
text-decoration: none;
z-index: 1;
}
.topitem4 a {
width: 164px;
height: 78px;
}
.topitem a:hover {
background: url(/img/backtitemh.png) 0 0 no-repeat;
}
.topitem4 a:hover {
background: url(/img/backtitem4h.png) 0 0 no-repeat;
}
.topitem p.fr, .topitem4 p.fr {
margin-left: 5px;
}
.ti {
padding: 20px 0 0 10px;
}
.topitem4 p.ti {
padding: 5px 0 0 5px;
}

#logo {
float: left;
margin: 0;
padding: 15px 0 0 48px;
}

.toplang {
clear: left;
margin: 0;
padding: 5px 0 0 70px;
}
.toplang img {
margin: 0 10px;
}

#menutop {
clear: both;
width: 982px;
height: 42px;
background: url(/img/backmt.gif) 0 0 repeat-x;
text-align: center;
}

#menutop ul {
position: relative;
left: 50%;
float: left;
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}

#menutop li {
position: relative;
right: 50%;
float: left;
padding: 0 0 0 2px;
background: url(/img/mtli.gif) 0 6px no-repeat;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
behavior: url(/js/hover.htc);
}
#menutop li.none {
background: none;
}

#menutop li a {
float: left;
display: block;
height: 28px;
padding: 14px 35px 0 35px;
text-decoration: none;
}

#menutop li a:hover, #menutop li.this a {
background: url(/img/mtliah.gif) center top no-repeat;
}

#menutop ul ul {
visibility: hidden;
position: absolute;
top: 42px;
left: 2px;
float: none;
width: 200px;
margin: 0;
padding: 15px 25px;
background: #151515 none;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
list-style-type: none;
z-index: 100;
}

#menutop ul li:hover ul, #menutop ul li.hover ul {
visibility: visible;
}

#menutop ul ul li {
position: static;
float: none;
padding: 0;
background: none;
text-transform: none;
}

#menutop ul ul li a {
float: none;
height: auto;
padding: 5px 0;
background: none;
}

#menutop ul ul li a:hover {
background: none;
color: #0073ca;
}

#menutop ul li.this li a {
background: none;
color: #fff;
}

#menutop ul li.this li a:hover, #menutop ul li.this li.this a, #menutop ul li li.this a {
background: none;
color: #0073ca;
}

#menutop ul ul ul {
position: static;
width: auto;
margin: 0;
padding: 5px 0 3px 15px;
border: 0;
}

#loading {
position: absolute;
top: 355px;
left: 494px;
z-index: 1;
}
#carousel {
width: 982px;
height: 374px;
margin: 0 0 30px 0;
padding: 0;
overflow: hidden;
}
#slideshow {
position: absolute;
top: 207px;
left: 584px;
width: 422px;
height: 374px;
background-color: #000;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
color: #fff;
z-index: 30;
overflow: hidden;
}
#slideshow ins {
display: block;
width: 362px;
height: 344px;
padding: 15px 0 0 30px;
text-decoration: none;
overflow: hidden;
}
#prev {
position: absolute;
top: 352px;
left: 0;
z-index: 2;
}
#next {
position: absolute;
top: 352px;
left: 1006px;
z-index: 2;
}

.viceb {
display: block;
width: 187px;
height: 29px;
padding: 9px 0 0 70px;
background: url(/img/backviceb.png) 0 0 no-repeat;
color: #fff;
font-family: Garamond;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}

.citem {
float: left;
width: 156px;
height: 292px;
margin: 0 5px 30px 5px;
padding: 5px 15px;
background: url(/img/backcitem.jpg) 0 0 no-repeat;
color: #898989;
text-align: center;
overflow: hidden;
}
.cnadp, .right div.citem p.cnadp {
height: 40px;
color: #fff;
font-family: Garamond;
font-size: 18px;
font-weight: bold;
overflow: hidden;
}
.cimg {
height: 120px;
overflow: hidden;
}
.ctext {
height: 60px;
overflow: hidden;
}
.cvice a, .right div.citem p.cvice a {
color: #f7941d;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
.citem:hover {
background: url(/img/backcitemh.jpg) 0 0 no-repeat;
color: #fff;
}
.right div.citem {
margin: 10px 20px 20px 21px;
}
.right div.citem p.cnadp a {
color: #fff;
}

.uvod {
clear: both;
width: 932px;
margin: 30px 0 20px 0;
border-top: 20px solid #fff;
border-bottom: 20px solid #fff;
border-left: 25px solid #fff;
border-right: 25px solid #fff;
background: #fff url(/img/sq.gif) center top repeat-y;
color: #454545;
}
.uvod a {
color: #454545;
}

.obsah {
clear: both;
width: 932px;
margin: 30px 0 20px 0;
border-top: 20px solid #fff;
border-bottom: 20px solid #fff;
border-left: 25px solid #fff;
border-right: 25px solid #fff;
background: #fff url(/img/sq.gif) 230px 0 repeat-y;
color: #454545;
}
.obsah a {
color: #454545;
}

.uvod hr, .obsah hr {
display: block;
height: 1px;
margin: 7px 0;
*margin: -3px 0;
border: 0;
border-bottom: 1px solid #ddd;
}

.left {
float: left;
width: 210px;
padding: 0 20px 0 0;
}

.uvod div.left {
float: left;
width: 446px;
padding: 0 20px 0 0;
}

ul.menuvlevo {
margin: 10px 0;
padding: 0;
list-style-type: none;
}

ul.menuvlevo li {
margin: 12px 0;
padding: 0 0 0 20px;
background: url(/img/sq-blue.gif) 0 5px no-repeat;
color: #000;
font-size: 12px;
font-weight: bold;
}

ul.menuvlevo li a {
color: #000;
text-decoration: none;
}

ul.menuvlevo li a:hover, ul.menuvlevo li.this a {
color: #025ab1;
}

ul.menuvlevo ul {
margin: 0;
padding: 10px 0 0 5px;
list-style-type: none;
}

ul.menuvlevo ul li {
margin: 2px 0;
}

ul.menuvlevo ul li a, ul.menuvlevo li.this li a, ul.menuvlevo li.this li.this li a, ul.menuvlevo li li.this li a {
color: #000;
}

ul.menuvlevo ul li a:hover, ul.menuvlevo li li.this a, ul.menuvlevo li.this li a:hover, ul.menuvlevo li.this li.this a, ul.menuvlevo li.this li.this li a:hover, ul.menuvlevo li.this li.this li.this a {
color: #025ab1;
}

ul.menuvlevo ul ul {
margin: 0;
padding: 5px 0 2px 5px;
list-style-type: none;
}

.right {
float: left;
width: 682px;
padding: 0 0 0 20px;
}

.uvod div.right {
float: left;
width: 446px;
padding: 0 0 0 20px;
}

.calendar {
float: left;
width: 61px;
height: 62px;
margin: 10px 20px 10px 0;
padding: 5px 0 0 0;
background: url(/img/calendar.gif) 0 0 no-repeat;
color: #fff;
font-size: 30px;
font-weight: bold;
line-height: 110%;
text-align: center;
}
.calendar p {
margin: 0;
}
.calendar span {
font-size: 10px;
}

.item-vlevo, .item-vpravo, .item4, .item3, .item3first {
float: left;
width: 120px;
margin: 0 15px 15px 15px;
text-align: center;
}
.item-vpravo {
float: right;
}
.item4, .item3, .item3first {
margin: 0 25px 15px 25px;
}
.item3first {
margin: 0 25px 15px 114px;
}
.iimg {
height: 105px;
overflow: hidden;
}
.inadp {
height: 29px;
font-weight: bold;
// overflow: hidden;
}

#prodobsah1, #prodobsah2, #prodobsah3, #prodobsah4, #prodobsah5, #prodobsah6 {
clear: left;
padding: 15px 20px;
border: 1px solid #a5c5ee;
border: 1px solid #4174ce;
background-color: #f9fbfe;
}
#prodobsah1 p.fotgal, #prodobsah2 p.fotgal, #prodobsah3 p.fotgal, #prodobsah4 p.fotgal, #prodobsah5 p.fotgal, #prodobsah6 p.fotgal {
width: 203px;
height: 160px;
}

ul.menuproduct {
margin: 10px 0 0 0;
padding: 0;
list-style-type: none;
}

ul.menuproduct li {
float: left;
margin: 0 2px 0 0;
color: #fff;
font-weight: bold;
text-align: center;
}

ul.menuproduct li a {
float: left;
display: block;
width: 111px;
height: 17px;
padding: 3px 0 0 0;
background: url(/img/mp.gif) 0 0 no-repeat;
color: #fff;
text-decoration: none;
}

ul.menuproduct li a:hover, ul.menuproduct li.this a {
background: url(/img/mph.gif) 0 0 no-repeat;
}

.rbox {
margin: 10px 0;
padding: 0 0 10px 0;
background: #588ad8 url(/img/rboxd.gif) left bottom no-repeat;
}
.rb {
padding: 5px 15px 1px 15px;
background: url(/img/rboxu.gif) 0 0 no-repeat;
color: #fff;
}
.rb a {
color: #fff;
}

.boxlink {
float: left;
margin: 10px 5px;
color: #fff;
font-size: 13px;
font-weight: bold;
text-align: center;
overflow: hidden;
}
.boxlink a {
display: table-cell;
width: 160px;
height: 60px;
background: #4174ce url(/img/boxlink.gif) 0 0 no-repeat;
color: #fff;
vertical-align: middle;
text-decoration: none;
}
.boxlink a:hover {
background: #022c83 url(/img/boxlinkh.gif) 0 0 no-repeat;
}

.det {
float: left;
width: 400px;
padding: 5px 0 0 0;
}

.detimg {
float: left;
margin: 0px 30px 10px 10px;
padding: 10px;
border: 1px solid #cbddf3;
text-align: center;
}

.detsum {
float: left;
margin: 10px 0;
padding: 10px;
border: 1px solid #cbddf3;
}
.detsum span {
margin: 0 0 0 5px;
color: #005cb0;
font-family: Garamond;
font-size: 22px;
font-weight: bold;
}
.detsum input.boks {
width: 30px;
height: 22px;
margin: 0 0 0 20px;
padding: 3px 0;
padding: 5px 0 0 0\0/;
font-size: 14px;
text-align: center;
}
.detsum input.enter {
margin: 0 0 0 10px;
padding: 7px 10px;
font-size: 14px;
}

.vymenik {
float: left;
margin: 10px 0;
padding: 15px 10px;
border: 1px solid #a5c5ee;
background-color: #f9fbfe;
}
.vymenik li {
margin: 0 10px;
}
img.prev {
float: left;
margin: 55px 1px 0 0;
}
img.next {
float: left;
margin: 55px 0 0 1px;
}

.vymenik5max {
margin: 10px 35px 10px 25px;
padding: 15px 10px;
border: 1px solid #a5c5ee;
background-color: #f9fbfe;
}
.vymenik5max ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.vymenik5max li {
display: inline;
margin: 0 10px;
}

.boxkosik {
margin: 20px 0;
padding: 10px;
*padding: 20px 10px;
border: 1px solid #005cb0;
background-color: #e8f1f8;
}

.tabkosik {
margin: 15px 0;
color: #444;
}
.tabkosik table {
width: 100%;
border: 2px solid #005cb0;
}
.tabkosik td {
padding: 4px 4px;
vertical-align: top;
}
.tabkosik tr:hover {
color: #000;
}
.tkhead, .tkbottom {
*position: relative;
background-color: #005cb0;
color: #fff;
font-weight: bold;
}
.tabkosik tr.tkhead:hover, .tabkosik tr.tkbottom:hover {
color: #fff;
}
.tkbottom {
background-color: #e8f1f8;
}
.tkhead td, .tkbottom td {
padding: 8px 3px;
*background: none;
}
.tkdark {
background-color: #bcd6ef;
}
.tabkosik input {
text-align: center;
}
.tabkosik input.boks {
padding: 1px;
border: 1px solid #e8f1f8;
}
.tkuloz {
margin: 0;
background-color: #005cb0;
}
.tkuloz a {
display: block;
height: 16px;
padding: 2px 7px;
color: #fff;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.tkpokr, .tkzpet {
float: right;
margin: 10px 5px 0 5px;
*margin: 0 5px;
background-color: #005cb0;
}
.tkzpet {
float: left;
}
.tkpokr a, .tkzpet a {
display: block;
height: 19px;
padding: 5px 10px 5px 10px;
color: #fff;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}
.tabkosik p.tkpokr, .tabkosik p.tkzpet {
margin: 0 5px;
}
.tkadr {
float: right;
width: 270px;
padding: 5px 40px 5px 348px;
border: 1px solid #e5e9ed;
border-bottom: 0;
}
.kzal, .kzalthis {
float: left;
margin: 0 3px 10px 0;
padding: 10px 15px;
border: 1px solid #fff;
background-color: #e5e5e5;
color: #fff;
font-weight: bold;
}
.kzalthis {
background-color: #505050;
}
.tabzak {
/*width: 100%;*/
margin: 0;
border-collapse: collapse;
color: #444;
}
.tabzak td {
margin: 0 3px 0 0;
padding: 6px 15px;
border: 1px solid #b9c5ce;
border-bottom: 0;
background-color: #edf0f3;
color: #333;
font-size: 13px;
font-weight: bold;
text-align: center;
}
.tabzak td.this, .tabzak td:hover {
background-color: #fff;
}
.tabzak a {
color: #333;
text-decoration: none;
}
#zak1 input, #zaknew input, #zakreg input {
margin: 0 3px 0 0;
}
.tabdata {
width: 100%;
margin: 0 0 5px 0;
*margin: 0 0 15px 0;
padding: 15px 10px;
border: 1px solid #b9c5ce;
background-color: #fff;
color: #222;
}
.tabdata a {
color: #222;
}
.tabdata td {
padding: 4px 4px;
vertical-align: top;
}

.invisible {
display: none;
}

.fotgal {
float: left;
width: 160px;
height: 122px;
margin: 10px 5px 0 5px;
font-size: 11px;
text-align: center;
overflow: hidden;
}
.fotgal img {
margin: 0 0 3px 0;
padding: 2px;
border: 1px solid #c7e5f4;
}

#bottom {
width: 982px;
padding: 0 0 30px 0;
}

.b4 {
float: left;
width: 215px;
padding: 0 15px;
color: #898989;
}

.b4 ul {
margin: 10px 0;
padding: 0;
list-style-type: none;
}

.b4 ul li {
padding: 5px 0 5px 20px;
background: url(/img/sq-blue.gif) 0 10px no-repeat;
}

.b4 ul li a {
color: #898989;
}

.b4 ul ul {
margin: 0;
padding: 0 0 0 15px;
list-style-type: none;
}

.dole {
clear: both;
padding: 5px 15px 10px 15px;
/*background-color: #fff;*/
}

sup, sub {
vertical-align: baseline;
position: relative;
}
sup {
bottom: 0.33em;
}
sub {
bottom: -0.25em;
}

.boks {
border: 1px solid #aaa;
background-color: #fff;
color: #666;
font-size: 11px;
}

.enter {
border: 1px solid #014482;
background-color: #015bb1;
color: #fff;
font-family: Tahoma, Verdana;
font-size: 11px;
font-weight: bold;
cursor: pointer;
}

.tabule {
empty-cells: show;
margin: 10px 0;
border-collapse: collapse;
border: 1px solid #014482;
}
.tabule td {
padding: 2px 4px;
border: 1px solid #f0f4f8;
}
.tabule tr.tabh {
background-color: #015bb1;
color: #fff;
font-weight: bold;
}
.tabule tr.tabh a {
color: #fff;
}

.d3 {
position: relative;
top: 3px;
}

.d6 {
position: relative;
top: 6px;
}

.f30w {
color: #fff;
font-family: Garamond;
font-size: 30px;
}

.f20b {
color: #005cb0;
font-family: Garamond;
font-size: 20px;
font-weight: bold;
}

.f20w {
color: #fff;
font-family: Garamond;
font-size: 20px;
font-weight: bold;
}

.f10 {
font-size: 10px;
}

.f11 {
font-size: 11px;
}

.f15 {
font-size: 15px;
}

.cokoliv {
padding: 1px 10px;
}

.brd {
padding: 2px;
border: 1px solid #c7e5f4;
}

.brdwh {
border: 1px solid white;
}

.brdgr {
border: 1px solid #ccc;
}

.bl, .uvod a.bl, .obsah a.bl {
color: #000;
}

.blue, .uvod a.blue, .obsah a.blue {
color: #005cb0;
}

.red, .uvod a.red, .obsah a.red {
color: #dc030e;
}

.gr, .uvod a.gr, .obsah a.gr {
color: #454545;
}

.wh, .uvod a.wh, .obsah a.wh {
color: #fff;
}

.cent {
text-align: center;
}

.fl {
float: left;
margin-right: 15px;
}

.fr {
float: right;
margin-left: 15px;
}

h1 {
margin: 10px 0;
padding: 0;
color: #005cb0;
font-family: Garamond;
font-size: 30px;
font-weight: bold;
}
h1 a {
color: #005cb0;
}

h2 {
margin: 0 0 10px 0;
padding: 0;
color: #005cb0;
font-family: Garamond;
font-size: 22px;
font-weight: bold;
}
h2 a {
color: #005cb0;
}

h3 {
margin: 10px 0;
padding: 0;
color: #005cb0;
font-family: Garamond;
font-size: 20px;
font-weight: bold;
}
h3 a {
color: #005cb0;
}

img {
border: 0;
}

.cleaner {
clear: both;
height: 0;
overflow: hidden;
content: ' ';
}

.cleaner hr {
display: none;
}

a {
color: #fff;
}

img, a:focus {
outline: none;
}

p {
margin: 10px 0;
padding: 0;
}
