body {
margin: 0;
padding: 0;
background-color: #E1E1E1;
background-image: url('/images/background.jpg');
text-align: center;
padding: 5px 10px;
}

hr {
display: none;
}

div.container {
width: 920px;

margin-left: auto;
margin-right: auto;
text-align: left;
}

div.top-round {
width: 920px;
height: 10px;
line-height: 10px;
padding: 0;
font-size: 2px;
background-image: url('/images/top-round.gif');
background-repeat: none;
}

div.header h1 {
margin: 0;
padding: 0;

margin-top: -6px;
margin-left: 11px;

font-size: 11px;
width: 234px;
height: 147px;

position: absolute;
}

div.header h1 a span {
display: block;

width: 234px;
height: 147px;

background-image: url('/images/logo.jpg');
background-repeat: no-repeat;
position: absolute;
z-index: 10;

margin-top: 0;
margin-left: 0;

cursor: pointer;
}

* html div.header h1 a span {
cursor: hand;
}

div.header {
width: 920px;
height: 152px;
background-image: url('/images/header-background.jpg');
background-repeat: none;
}

div.middle {
width: 920px;
background-image: url('/images/middle-background.jpg');
background-repeat: repeat-y;
}

div.middle-round {
width: 920px;
background-image: url('/images/middle-round.jpg');
background-repeat: no-repeat;
}

#hlavnipanel {
margin:0 0 0 193px;
padding:0;
}

#hlavnipanel-obsah {
margin:0;
min-height: 300px;
font-family: Verdana;
font-size: 0.75em;
}

* html #hlavnipanel-obsah {
height: 300px;
}

#levypanel {
display: block;
float: left;
width: 193px;
margin: 0;
padding: 0;
}

#levypanel-obsah {
margin:0;
min-height: 300px;
}

* html #levypanel-obsah {
height: 300px;
}

hr.cleaner {
clear: both;
float: none;
clear: both;
height: 1px;
display: block;
visibility: hidden;
}

div.footer {
width: 920px;
height: 23px;
line-height: 23px;
background-image: url('/images/footer-background.gif');
background-repeat: no-repeat;
margin-top: -10px;
text-align: center;
color: #FFF;

font-family: Verdana;
font-size: 0.7em;
}

* html div.footer {
margin-top: 0; 
}

div.footer a, div.footer a:link, div.footer a:visited {
color: #FFF;
text-decoration: none;
}

div.footer a:hover, div.footer a:active {
text-decoration: underline;
}

#levypanel h2 {
background-color: #AF9469;
background-image: url('/images/levypanel-h2.gif');
background-repeat: no-repeat;

width: 184px;
height: 21px;

line-height: 21px;

color: #FFF;

font-weight: bold;
font-family: Verdana;
font-size: 0.75em;

text-align: center;

margin: 0;
}

#levypanel div.box {
font-family: Verdana;
font-size: 0.7em;
padding: 8px 15px 18px 5px;

background-image: url('/images/levypanel-box-bottom.gif');
background-repeat: no-repeat;
background-position: 0 bottom;
}

div.gap {
width: 184px;
height: 40px;
}

img {
border: none;
}

table.cart td {
vertical-align: top;
}

* html table.cart td {
font-size: 12px; 
}

table.cart td.count {
width: 30px;
height: 13px;
vertical-align: top;
text-align: right;
}

p.cart {
margin: 0;
line-height: 16px;
}

p.cart a {
margin: 0 9px;
}

p.cart span {
text-align: right;
font-weight: bold;
}

p.cart img {
width: 16px;
height: 16px;
vertical-align: bottom;
}

* html p.cart img {
vertical-align: middle;
}

#levypanel ul.menu, #levypanel ul.menu ul, #levypanel ul.menu ul ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#levypanel ul.menu li a, #levypanel ul.menu li a:link, #levypanel ul.menu li a:visited {
display: block;
width: 169px;
height: 21px;
line-height: 21px;
background-image: url('/images/menu1.gif');
background-repeat: no-repeat;
text-decoration: none;
color: #000;

padding-left: 15px;
font-size: 1em;
}

* html #levypanel ul.menu li a, * html #levypanel ul.menu li a:link, * html #levypanel ul.menu li a:visited {
width: 184px; 
}

#levypanel ul.menu li a:hover, #levypanel ul.menu li a:active {
background-image: url('/images/menu1-hover.gif');
}

#levypanel ul.menu ul li a, #levypanel ul.menu ul li a:link, #levypanel ul.menu ul li a:visited {
display: block;
width: 162px;
height: 21px;
line-height: 21px;
background-image: url('/images/menu2.gif');
background-repeat: no-repeat;
text-decoration: none;
color: #000;

padding-left: 22px;
}

* html #levypanel ul.menu ul li a, * html #levypanel ul.menu ul li a:link, * html #levypanel ul.menu ul li a:visited {
width: 184px; 
}

#levypanel ul.menu ul li a:hover, #levypanel ul.menu ul li a:active {
background-image: url('/images/menu2-hover.gif');
}

#levypanel ul.menu ul ul li a, #levypanel ul.menu ul ul li a:link, #levypanel ul.menu ul ul li a:visited {
display: block;
width: 155px;
height: 21px;
line-height: 21px;
background-image: url('/images/menu3.gif');
background-repeat: no-repeat;
text-decoration: none;
color: #000;

padding-left: 29px;
}

* html #levypanel ul.menu ul ul li a, * html #levypanel ul.menu ul ul li a:link, * html #levypanel ul.menu ul ul li a:visited {
width: 184px; 
}

#levypanel ul.menu ul ul li a:hover, #levypanel ul.menu ul ul li a:active {
background-image: url('/images/menu3-hover.gif');
}

#hlavnipanel h2 {
margin: 10px 0;
padding: 0;

background-image: url('/images/h2-background.jpg');
background-repeat: no-repeat;

height: 23px;
line-height: 23px;

font-weight: bold;
font-size: 1em;

padding-left: 10px;
}

#hlavnipanel h2.prvni {
margin-top: 1px;
}

* html #hlavnipanel h2.prvni {
margin-top: 5px;
}

div.hppanel {
padding-top: 2px;
padding-left: 10px;
margin: 0 !important;
}

* html div.hppanel {
margin-top: -20px; 
}

input.search-input {
border: 1px solid #CCCCCC;
width: 136px;
height: 14px;
font-family: Verdana;
font-size: 12px;
padding-top: 3px;
padding-bottom: 1px;
}

* html input.search-input {
height: 20px;
}

ul.horizontal-menu {
list-style-type: none;
margin: 0 0 5px 0;
padding: 0;
height: 20px;
}

ul.horizontal-menu li {
float: left;
margin-right: 5px;
}

#hlavnipanel ul.horizontal-menu li a, #hlavnipanel ul.horizontal-menu li a:link, #hlavnipanel ul.horizontal-menu li a:visited {
display: block;
background-color: #B49567;
height: 20px;
line-height: 20px;

color: #FFF;
text-decoration: none;

cursor: pointer;
}

* html #hlavnipanel ul.horizontal-menu li a, * html #hlavnipanel ul.horizontal-menu li a:link, * html #hlavnipanel ul.horizontal-menu li a:visited {
display: inline;
}

#hlavnipanel ul.horizontal-menu li a:hover, #hlavnipanel ul.horizontal-menu li a:active {
text-decoration: underline;
}

ul.horizontal-menu li span {
display: block;
height: 20px;
}

* html ul.horizontal-menu li span {
display: inline;
}

ul.horizontal-menu li span.left {
background-image: url('/images/horizontal-menu-left.gif');
background-repeat: no-repeat;
}

ul.horizontal-menu li span.right {
background-image: url('/images/horizontal-menu-right.gif');
background-repeat: no-repeat;
background-position: right 0;
padding: 0 10px;
}

#hlavnipanel p {
padding: 0 10px;
margin: 10px 0;
}

#hlavnipanel a, #hlavnipanel a:link, #hlavnipanel a:visited {
color: #B3976A;
}

#hlavnipanel a:hover, #hlavnipanel a:active {
text-decoration: none;
}

div.produkt {
background-image: url('/images/produkt.jpg');
background-repeat: repeat-y;
}

div.produkt-top {
background-image: url('/images/produkt-top.jpg');
background-repeat: no-repeat;
background-position: 0 top;
}

div.produkt-down {
background-image: url('/images/produkt-down.jpg');
background-repeat: no-repeat;
background-position: 0 bottom;

padding: 15px 19px 19px 18px;
}

* html div.produkt-down {
padding: 15px 19px 23px 18px;
}

* html div.produkt-down table, * html table.vypis2 {
font-size: 12px;
}

div.produkt-down table.layout td {
vertical-align: top;
}

div.produkt-down table.layout a img {
border: 1px solid #000;
}

div.produkt-down table.vypis, div.produkt-down table.layout {
width: 100%;
}

div.produkt-down table.vypis {
border-top: 1px solid #d2cecb;
border-left: 1px solid #d2cecb;
}

div.produkt-down table.vypis td {
border-right: 1px solid #d2cecb;
border-bottom: 1px solid #d2cecb;
vertical-align: middle;
padding-left: 2px !important;
padding-right: 2px !important;
}

* html div.produkt-down table.vypis {
width: 100%;
}

* html div.produkt-down table.layout {
width: 687px;
}

div.produkt-down table.vypis tr.licha td, table.vypis2 tr.licha td {
background-color: #FFEBCA;
font-weight: bold;
font-size: 10px;
padding: 3px 0;
}

div.produkt-down table.vypis tr.suda td, table.vypis2 tr.suda td {
background-color: #FFF;
font-weight: bold;
font-size: 10px;
padding: 3px 0;
}

div.produkt-down table.vypis tr.highlight td {
background-color: #ED1C24;
font-weight: bold;
padding: 3px 0;
font-size: 10px;
}

div.produkt-down table.vypis td strong, table.vypis2 td strong {
color: #990000;
font-size: 10px;
}

div.produkt-down table.vypis td.buy {
text-align: center;
}

div.produkt-down table.vypis td.buy img {
border: none;
}

div.schovat {
display: none;
}

legend {display: none;}
fieldset {border: none;}

form.order legend {
display: inline;
font-weight: bold;
color: #B3976A;
padding: 0 5px;
}

form.order fieldset {
border: 1px solid #B3976A;
margin: 0 10px;
padding: 5px;
margin-bottom: 10px;
}

* html form.order table {
font-size: 12px; 
}

table.lay td {
vertical-align: top;
}

table.lay table td {
vertical-align: middle;
}

* html table.lay {
margin-top: -15px;
}

#levypanel a, #levypanel a:link, #levypanel a:visited {
color: #B3976A;
}

#levypanel a:hover, #levypanel a:active {
text-decoration: none;
}

div.clanek {
margin: 0 10px;
padding-bottom: 5px;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 10px;
}

div.clanek table td {
vertical-align: top;
}

div.clanek img {
border: 1px solid #B3976A;
}

div.clanek table td.tucne {
font-weight: bold;
text-align: center;
}

div.clanek table td.tucne2 {
text-align: right;
width: 584px;
}

#hlavnipanel div.clanek table td.tucne2 a, #hlavnipanel div.clanek table td.tucne2 a:link, #hlavnipanel div.clanek table td.tucne2 a:visited {
text-decoration: none;
font-weight: bold;
}

#hlavnipanel div.clanek table td.tucne2 a:hover, #hlavnipanel div.clanek table td.tucne2 a:active {
text-decoration: underline;
}

div.clanek h3 {
margin: 0 0 5px 0;
font-size: 1.1em;
}

* html div.clanek table {
font-size: 12px;
}

p.it {
font-style: italic;
color: #B3976A;
}

div.clanek-ie-fix {
font-size: 0.8em;
}

* html div.clanek-ie-fix {
font-size: 10px;
}
img.ramecek {
    border: 1px;
  border-color: #ffffff;
}


/* E-shop */

div.eshop-produkt {
width: 235px;
background-image: url('/images/eshop-produkt.jpg');
background-repeat: repeat-y;
float: left;
margin-left: 5px;
margin-bottom: 5px;
}

div.eshop-produkt-top {
background-image: url('/images/eshop-produkt-top.jpg');
background-repeat: no-repeat;
background-position: 0 top;
}

div.eshop-produkt-bottom {
background-image: url('/images/eshop-produkt-bottom.jpg');
background-repeat: no-repeat;
background-position: 0 bottom;
}

div.eshop-produkt table {
width: 235px;
font-size: 12px;
}

div.eshop-produkt table td {
text-align: center;
}

div.eshop-produkt table td.hlavicka {
height: 40px;
vertical-align: middle;
font-weight: bold;
color: #FAFFF8;
padding: 0 10px;
}

div.eshop-produkt table td.velka-fotka {
text-align: right;
padding-left: 20px;
padding-right: 3px;
height: 150px;
vertical-align: middle;
}

div.eshop-produkt table td.mala-fotka {
text-align: left;
padding-right: 30px;
padding-left: 3px;
height: 150px;
vertical-align: middle;
}

div.eshop-produkt table td img {
border: 1px solid #cccccc;
padding: 1px;
}

div.eshop-produkt table td img.prvni {
margin-bottom: 2px !important;
}

div.eshop-produkt table td.kod {
font-size: 10px;
color: #838383;
}

div.eshop-produkt p.cena {
font-size: 13px;
padding: 10px 10px 0 10px !important;
text-align: center;
margin: 0 !important;
font-weight: 600;
}

div.eshop-produkt p.cena strong {
font-weight: 600;
color: #C3000B;
}

div.eshop-produkt div.tlacitka {
padding: 10px 3px 3px 3px !important;
margin: 0 !important;
}

div.eshop-produkt div.tlacitka div {
margin: 0 !important;
}

div.eshop-produkt div.tlacitka div a span {
display: none;
}

div.eshop-produkt div.tlacitka div.detail {
width: 78px;
margin-left: 1px !important;
padding-bottom: 1px;
}

div.eshop-produkt div.tlacitka div.detail a, div.eshop-produkt div.tlacitka div.detail a:link, div.eshop-produkt div.tlacitka div.detail a:visited {
display: block;
width: 78px;
height: 26px;
background-image: url('/images/detail.jpg');
background-repeat: no-repeat;
}

div.eshop-produkt div.tlacitka div.detail a:hover, div.eshop-produkt div.tlacitka div.detail a:active {
background-position: 0 -26px;
}

div.eshop-produkt div.tlacitka div.kosik {
width: 146px;
position: absolute;
margin: -27px 0 0 82px !important;
}

div.eshop-produkt div.tlacitka div.kosik a, div.eshop-produkt div.tlacitka div.kosik a:link, div.eshop-produkt div.tlacitka div.kosik a:visited {
display: block;
width: 146px;
height: 26px;
background-image: url('/images/pridat-kosik.jpg');
background-repeat: no-repeat;
}

div.eshop-produkt div.tlacitka div.kosik a:hover, div.eshop-produkt div.tlacitka div.kosik a:active {
background-position: 0 -26px;
}

div.eshop-search {
width: 715px;
background-image: url('/images/search-middle.jpg');
background-repeat: repeat-y;
margin-left: 5px;
margin-bottom: 15px;
}

div.eshop-search-top {
background-image: url('/images/search-top.jpg');
background-repeat: no-repeat;
background-position: 0 top;
}

div.eshop-search-bottom {
background-image: url('/images/search-bottom.jpg');
background-repeat: no-repeat;
background-position: 0 bottom;
padding: 10px;
}

div.eshop-search table {
width: 695px;
font-size: 12px;
}

div.eshop-search table select {
width: 100px;
}

div.eshop-search table input.text {
font-size: 11px;
width: 90px;
}

div.eshop-search table tr.popis td {
vertical-align: bottom;
}

div.eshop-search table tr.popis td strong {
font-weight: bold;
color: #FAFFF8;
}

div.eshop-search table tr.volby td {
vertical-align: top;
}

div.box p.prihlasit a span {
display: none;
}

div.box p.prihlasit a, div.box p.prihlasit a:link, div.box p.prihlasit a:visited {
display: block;
width: 108px;
height: 26px;
background-image: url('/images/prihlasit.jpg');
background-repeat: no-repeat;
margin: 0 auto !important;
}

div.box p.prihlasit a:hover, div.box p.prihlasit a:active {
background-position: 0 -26px;
}

div.box p.registrace a span {
display: none;
}

div.box p.registrace a, div.box p.registrace a:link, div.box p.registrace a:visited {
display: block;
width: 108px;
height: 26px;
background-image: url('/images/registrace.jpg');
background-repeat: no-repeat;
margin: 0 auto !important;
}

div.box p.registrace a:hover, div.box p.registrace a:active {
background-position: 0 -26px;
}

div.box p.heslo a span {
display: none;
}

div.box p.heslo a, div.box p.heslo a:link, div.box p.heslo a:visited {
display: block;
width: 108px;
height: 26px;
background-image: url('/images/heslo.jpg');
background-repeat: no-repeat;
margin: 0 auto !important;
}

div.box p.heslo a:hover, div.box p.heslo a:active {
background-position: 0 -26px;
}

div.box p.udaje a span {
display: none;
}

div.box p.udaje a, div.box p.udaje a:link, div.box p.udaje a:visited {
display: block;
width: 108px;
height: 26px;
background-image: url('/images/udaje.jpg');
background-repeat: no-repeat;
margin: 0 auto !important;
}

div.box p.udaje a:hover, div.box p.udaje a:active {
background-position: 0 -26px;
}

div.box p.ukazat-kosik a span {
display: none;
}

div.box p.ukazat-kosik a, div.box p.ukazat-kosik a:link, div.box p.ukazat-kosik a:visited {
display: block;
width: 146px;
height: 26px;
background-image: url('/images/ukazat-kosik.jpg');
background-repeat: no-repeat;
margin: 0 auto !important;
}

div.box p.ukazat-kosik a:hover, div.box p.ukazat-kosik a:active {
background-position: 0 -26px;
}

/* Produkt */

table.produkt-layout {
width: 725px;
font-size: 12px;
}

* html table.produkt-layout {
width: 650px;
}

table.produkt-layout td {
width: 200px;
padding-left: 5px;
vertical-align: top;
}

table.produkt-layout td.pravy {
width: 525px;
}

table.produkt-layout td img {
border: 1px solid #cccccc;
padding: 2px;
}

table.produkt-layout p.info {
font-weight: bold;
color: #C3000B;
}

table.produkt-layout div.cena {
font-size: 15px;
font-weight: 600;
background-color: #B3966A;
padding: 13px 10px !important;
width: 465px;
}

table.produkt-layout div.cena div * {
vertical-align: middle;
}

table.produkt-layout div.cena div {
float: right;
margin-top: -4px !important;
}

table.produkt-layout div.cena strong {
font-weight: 600;
color: #C3000B;
}

table.produkt-layout table.minigal {
width: 202px;
padding-left: 5px;
}

table.produkt-layout table.minigal td {
width: 25%;
vertical-align: top;
padding-bottom: 5px;
padding-right: 2px;
}

table.produkt-layout table.minigal td img {
padding: 1px;
}

table.produkt-layout form.koupit input {
font-size: 15px;
padding: 2px 4px;
width: 20px;
}

table.produkt-layout form.koupit button {
background-color: transparent;
border: none;
background-image: url('/images/koupit.jpg');
background-repeat: no-repeat;
width: 99px;
height: 26px;
cursor: pointer;
}

table.produkt-layout form.koupit button {
cursor: hand; 
}

table.produkt-layout form.koupit button:hover {
background-position: 0 -26px;
}

table.produkt-layout form.koupit button span {
display: none;
}