body
{ margin: 0px; padding: 10px 0px; font-family: Arial; font-size: 10pt; background: #4c4c4c; text-align: center }
a
{ text-decoration: none }
a:hover
{ text-decoration: underline }
a img
{ border: none }

.clear
{ clear: both }

.strana-vnejsi
{ width: 990px; margin: auto; background: #fff }
.strana-vnitrni
{ padding: 5px; text-align: left; position: relative }
.copy
{ width: 990px; margin: auto; margin-top: 15px; margin-bottom: 50px; color: #fff; font-size: 8pt }
.copy a
{ color: #fff }


.box1
{ position: relative }
.box1 .roh
{ position: absolute; width: 8px; height: 8px; background-image: url('/image/roh-1.gif'); background-repeat: no-repeat }
.box1 .left-top
{ left: 0px; top: 0px; background-position: 0px 0px }
.box1 .right-top
{ right: 0px; top: 0px; background-position: -8px 0px }
.box1 .right-bottom
{ right: 0px; bottom: 0px; background-position: -8px -8px }
.box1 .left-bottom
{ left: 0px; bottom: 0px; background-position:  0px -8px }

.site-logo
{ margin: 0px; padding: 0px; position: relative; width: 980px; height: 195px; overflow: hidden }
.site-logo span
{ display: block; position: absolute; left: 0px; top: 0px; width: 980px; height: 195px; background: url('/image/site-logo.png') center center no-repeat }

.menu-primarni
{ padding: 0px 10px; background: url('/image/menu-1.png') center top repeat-x; height: 30px; line-height: 30px; overflow: hidden; position: relative; text-align: right; color: #fff }
.menu-primarni .kraj1
{ display: block; position: absolute; left: 0px; top: 0px; width: 10px; height: 30px; background: url('/image/menu-kraj.png') 0px 0px no-repeat }
.menu-primarni .kraj2
{ display: block; position: absolute; right: 0px; top: 0px; width: 10px; height: 30px; background: url('/image/menu-kraj.png') -10px 0px no-repeat }
.menu-primarni a
{ color: #fff }

.site-motiv
{ position: absolute; left: 30px; top: 5px; z-index: 100 }
.site-motto
{ position: absolute; left: 325px; top: 35px; width: 335px; font-size: 12pt; font-style: italic; font-weight: bold; color: #00005b }

.drobky
{ background-color: #ffe67f; line-height: 30px; padding-left: 300px; font-size: 9pt }
.drobky a
{ color: #000 }

.zapati
{ height: 30px; line-height: 30px; overflow: hidden; background: url('/image/menu-1.png') center top repeat-x; position: relative; padding: 0px 10px; font-size: 10pt; color: #fff }
.zapati a
{ color: #fff }
.zapati .kraj1
{ display: block; position: absolute; left: 0px; top: 0px; width: 10px; height: 30px; background: url('/image/zapati-kraj.png') 0px 0px no-repeat }
.zapati .kraj2
{ display: block; position: absolute; right: 0px; top: 0px; width: 10px; height: 30px; background: url('/image/zapati-kraj.png') -10px 0px no-repeat }

.aktualizace
{ width: 45%; float: left }
.menu-sekundarni
{ width: 45%; float: right; text-align: right }

.sloupec-levy
{ width: 710px; float: left }

.sloupec-pravy
{ width: 260px; float: right }
.box-kosik
{ background: url('/image/ikona-kosik.png') left center no-repeat; padding-left: 60px; margin: 10px }
.box-kosik a
{ color: #000 }
.box-kosik h2
{ margin: 0px; padding: 0px; font-size: 12pt; font-weight: bold; font-style: normal }
.box-kosik p
{ margin: 0px; padding: 0px; font-size: 8pt }

.box-sortiment
{ position: relative; width: 260px; background-color: #69f; padding: 10px 0px; margin: 10px 0px }
.box-sortiment h2
{ margin: 0px; margin-bottom: 5px; padding: 0px; font-size: 12pt; font-weight: bold; font-style: normal; text-align: center; color: #fc0 }
.box-sortiment .roh
{ position: absolute; width: 6px; height: 6px; background-image: url('/image/box1.png'); background-repeat: no-repeat }
.box-sortiment .left-top
{ left: 0px; top: 0px; background-position: 0px 0px }
.box-sortiment .right-top
{ right: 0px; top: 0px; background-position: -6px 0px }
.box-sortiment .right-bottom
{ right: 0px; bottom: 0px; background-position: -6px -6px }
.box-sortiment .left-bottom
{ left: 0px; bottom: 0px; background-position:  0px -6px }
.box-sortiment ul
{ list-style: none; margin: 0px; margin-left: 15px; padding: 0px }
.box-sortiment ul li
{ margin: 0px }
.box-sortiment li
{ color: #fc0; font-weight: bold; font-size: 12pt }
.box-sortiment li a
{ color: #fff; font-weight: normal; font-size: 10pt }
.box-sortiment li a.selected
{ font-weight: bold }
.box-sortiment li.sub1
{ margin-left: 10px }
.box-sortiment li.sub2
{ margin-left: 15px }
.box-sortiment li.sub3
{ margin-left: 20px }

.box-informace
{ position: relative; width: 260px; background-color: #ffe67f; padding: 10px 0px; margin: 10px 0px }
.box-informace h2
{ margin: 0px; margin-bottom: 5px; padding: 0px; font-size: 12pt; font-weight: bold; font-style: normal; text-align: center; color: #000 }
.box-informace .roh
{ position: absolute; width: 6px; height: 6px; background-image: url('/image/box2.png'); background-repeat: no-repeat }
.box-informace .left-top
{ left: 0px; top: 0px; background-position: 0px 0px }
.box-informace .right-top
{ right: 0px; top: 0px; background-position: -6px 0px }
.box-informace .right-bottom
{ right: 0px; bottom: 0px; background-position: -6px -6px }
.box-informace .left-bottom
{ left: 0px; bottom: 0px; background-position:  0px -6px }
.box-informace ul
{ list-style: none; margin: 0px 25px; padding: 0px }
.box-informace ul li
{ margin: 0px }
.box-informace li
{ color: #000; font-weight: bold; font-size: 12pt }
.box-informace li a
{ color: #000; font-weight: normal; font-size: 10pt }

.box-akce
{ position: relative; width: 260px; background-color: #d9d9d9; padding: 10px 0px; margin: 10px 0px }
.box-akce h2
{ margin: 0px; margin-bottom: 5px; padding: 0px; font-size: 12pt; font-weight: bold; font-style: normal; text-align: center; color: #000 }
.box-akce .roh
{ position: absolute; width: 6px; height: 6px; background-image: url('/image/box3.png'); background-repeat: no-repeat }
.box-akce .left-top
{ left: 0px; top: 0px; background-position: 0px 0px }
.box-akce .right-top
{ right: 0px; top: 0px; background-position: -6px 0px }
.box-akce .right-bottom
{ right: 0px; bottom: 0px; background-position: -6px -6px }
.box-akce .left-bottom
{ left: 0px; bottom: 0px; background-position:  0px -6px }

.content
{ padding: 15px; position: relative }
.content p
{ margin: 0px; margin-bottom: 5px; padding: 0px; text-align: justify }
.content h2
{ margin: 5px 0px; padding: 0px; font-size: 16pt; font-weight: bold; color: #005cad }

.front-navi td
{ height: 75px; vertical-align: bottom; width: 340px; text-align: center }

.nadpis-kategorie
{ float: left; width: 550px }
.popis-kategorie
{ float: left; width: 550px; text-align: justify; margin: 5px 0px }
.motiv-kategorie
{ float: right; width: 112px; height: 95px; text-align: right; overflow: hidden }

.subkat
{ margin: 15px 0px }
.subkat-polozka
{ float: left; width: 136px; height: 155px; text-align: center; overflow: hidden }
.subkat-motiv
{ display: block; width: 112px; height: 95px; margin: auto; overflow: hidden }
.subkat-odkaz
{ display: block; margin: 2px; color: #000 }

.tlacitko
{ background-color: #ddd; color: #000; padding: 3px 9px; margin: 1px 2px; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; line-height: 3em }
.tlacitko:hover, .tlacitko2:hover
{ text-decoration: none; cursor: pointer; cursor: hand }
.tlacitko2
{ font-size: 8pt; background-color: #ddd; color: #000; padding: 2px 5px; margin: 2px 0px; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; line-height: 2.5em }

.pocet-zaznamu, .razeni
{ font-size: 8pt; width: 280px }
.strankovani, .znacky
{ font-size: 8pt; width: 400px; text-align: right }
.strankovani a
{ color: #000 }
.razeni select, .znacky select
{ font-size: 8pt }

/* Výpis položek */
.polozka1
{ border-bottom: 1px dotted #000; padding: 5px 0px }
.polozka1 .obraz
{ float: left; width: 155px; height: 155px; border-right: 1px dotted #000; position: relative }
.polozka1 .info
{ float: right; width: 520px }
.polozka1 .nadpis
{ background-color: #69f; padding: 0px 5px; line-height: 25px; font-weight: bold; font-size: 10pt }
.polozka1 .nadpis a
{ color: #fff }
.polozka1 .cena
{ background-color: #fff; padding: 0px 15px; line-height: 30px; text-align: right; float: right }
.polozka1 .dostupnost2
{ background-color: #fff; padding: 0px 5px; line-height:30px; float: left; font-weight: bold; font-size: 8pt }
.polozka1 .dostupnost2 span
{ color: #000 }
.polozka1 .cena strong
{ color: #f60 }
.polozka1 .cena form
{ display: inline; margin: 0px; padding: 0px }
.polozka1 .cena form input
{ font-size: 8pt }
.polozka1 .popis_1
{ font-size: 8pt; padding: 0px 5px }
.polozka1 .popis_1 p
{ margin: 0px; padding: 0px }

.skladem
{
    color: #080
}
.na-ceste
{
    color: #00c   
}
.na-dotaz
{
    color: #c00
}

.kosik-polozka
{
   line-height: 25px; font-size: 10pt; color: #000
}

.kosik-polozka .k-poc1
{
  width: 18px; text-align: right; margin: auto; border: none; background-color: #005cad; color: #fff; padding: 2px
}
.kosik-polozka td
{
  border-bottom: 2px solid #005cad; padding: 2px
}
.kosik-polozka-bez td
{
  border: none
}
.kosik-polozka a
{
  color: #000
}
.kosik-polozka .kod
{
    font-size: 10pt; width: 0px
}
.kosik-polozka .nazev
{
    font-weight: bold
}
.kosik-polozka .pocet
{
    width: 30px; text-align: center
}
.kosik-polozka .cena-dph-p
{                                                         
    width: 120px; text-align: right
}
.kosik-polozka .suma-dph-p
{
    width: 120px; text-align: right
}

.row1
{
    margin: 2px 0px
}
.input1
{
    margin: 0px
}
input.input1
{
    border: 1px solid #005cad; padding: 2px
}
textarea.input1
{
    border: 1px solid #005cad; padding: 2px
}
.input2
{
    font-size: 8pt
}
.input3
{
    display: block
}
.label1
{
    width: 170px; display: block; float: left; vertical-align: middle
}
.label1 sup
{
    font-weight: bold; font-size: 6pt; color: #f60
}
.label2
{
    font-weight: bold; font-size: 8pt; display: block; text-align: center
}
.skryty
{
    display: none
}

.detail-produktu
{ position: absolute; right: 70px; top: 90px; background: #eee; padding: 15px }

.fast-login
{
    text-align: center
}
.input3
{
    display: block; margin: auto; text-align: left
}
.fast-seznam1
{
    font-size: 8pt; color: #000; margin: 2px 0px; padding: 0px; list-style: none
}
.fast-seznam1 a, .fast-seznam2 a, .seznam2 a
{
    color: #000
}
.box-inside
{ padding: 0px 20px }
.fast-prihlasen
{
    display: block; margin-bottom: 15px
}

p.chyba, p.varovani, p.hlaseni, .chyba, .varovani, .hlaseni
{
    padding: 15px; border-width: 1px; border-style: solid; font-weight: bold; font-size: 8pt
}
.chyba
{
   border-color: rgb(255,0,0); color: rgb(255,0,0); background-color: rgb(255,204,204)
}
.varovani
{
   border-color: rgb(255,102,0); background-color: rgb(255,210,160); color: rgb(255,102,0)
}
.hlaseni
{
   border-color: rgb(32,144,0); background-color: #b1ff91; color: rgb(32,144,0)
}