/* {-moz-box-sizing: border-box; box-sizing: border-box;} */

:focus, :active {
outline: none;
}

html {
height: 100%;
font-size: 62.5%;
}

body {
height: 100%;
text-align: center;
font-family: "Arial CE", Arial, "Verdana CE", Verdana;
font-size: 9pt;
min-width: 1000px;
margin: 0;
padding: 0;
}

.body2 {
height: 100%;
text-align: center;
font-family: "Arial CE", Arial, "Verdana CE", Verdana;
font-size: 9pt;
margin: 0;
padding: 0;
}

form {
margin: 0px;
padding: 0px;
display: block;
}

.cleaner {
clear: both;
visibility: hidden;
/*
height: 0;
font-size: 0;
*/
}

A {
color: #000000;
text-decoration: underline;
}

A:hover {
color: #7f0000;
text-decoration: none;
}

A.skladem {
color: #007F00;
font-style: italic;
font-weight: bold;
text-decoration: underline;
padding-left: 15px;
background: url('/img_web/i_yes3.gif') no-repeat;
}

A.skladem:hover {
color: #007F00;
text-decoration: none;
}

A.skladem2 {
color: #007F00;
font-weight: bold;
text-decoration: underline;
}

A.skladem2:hover {
text-decoration: none;
}

A.u {
text-decoration: underline;
}

A.u:hover {
text-decoration: none;
}

#hlavicka {
background: #FFFFFF url('/img_web/hlavicka3b.jpg') no-repeat 0 0;
height: 117px;
}

#pruh {
/*background: #FFFFFF url('/img_web/pruh_m_s.gif') repeat-x 0 0;*/
background: #FFFFFF url('/img_emenu/bgp.gif') repeat-x 0 0;
height: 32px;
border-left: 2px solid #cccccc;
border-right: 2px solid #cccccc;
}

.pruh-stin1 {
background: url('/img_web/stin-line1.gif') no-repeat;
height: 12px;
}

.pruh-stin2 {
background: url('/img_web/stin-line2.gif') no-repeat;
height: 12px;
}

h1 {
margin: 0;
padding: 0;
}

h2 {
margin: 0;
padding: 0;
}

p {
line-height: 1.8;
margin-bottom: 16px;
}

/* hlavicka obsah */


.hl-logo {
width: 179px;
float: left;
text-align: center;
padding-top: 7px;
}

.hl-nadlogo {
font-size: 13px;
color:#ffffff;
}

.hl-stred {
float: left;
margin-left: 2px;
width: 635px;
}

.hl-logop {
width: 179px;
float: left;
margin-left: 4px;
padding-top: 20px;
text-align: center;
}

/* 3 sloupce */

#obal {
width: 1000px;
margin: 0px auto 0px auto;
text-align: left;
}

#sloupec-levy {
float: left;
width: 180px;
}

#sloupec-stred-prava {
float: right;
width: 815px;
}

#sloupec-stred-prava #sloupec-stred {
float: left;
width: 630px;
}

#sloupec-stred-prava #sloupec-pravy {
float: right;
width: 180px;
}

/* 3 sloupce */



#paticka {
text-align: center;
background: #FFFFFF url('/img_web/pruh_m_s.gif') repeat-x 0 0;
height: 32px;
border-left: 2px solid #cccccc;
border-right: 2px solid #cccccc;
}

.paticka-p {
padding: 8px 0px 0px 0px;
}

.line-p {
margin: 4px 0px 0px 0px;
}

.line-ht {
margin: 3px 0px 0px 0px;
}

.line-hb {
margin: 3px 0px 0px 0px;
}

.line-m {
margin: 8px 0px 0px 0px;
}



/* stred-obsah */

.box-obsah {
width: 630px;
/*background: #FFFFFF url('/img_web/p-s.gif') repeat-x;*/
background-color: #FFFFFF;
min-height: 62px;
}



/* menu-boxy */

.box-menu {
width: 180px;
}

.box-menu-head-p {
/*padding: 5px 0px 0px 22px;*/
padding: 5px 0px 0px 0px;
text-align: center;
}

.box-menu-head {
text-transform: uppercase;
font-weight: bold;
color: white;
font-family: Verdana,"Arial CE",Arial;
height: 26px;
/*height: 28px;*/
}

.box-menu-head-o-l {
/*background: #FFFFFF url('/img_emenu/ho-l.gif') no-repeat 0 0;*/
background: #FFFFFF url('/img_emenu/ho.gif') no-repeat 0 0;
}

.box-menu-head-o-p {
/*background: #FFFFFF url('/img_emenu/ho-l.gif') no-repeat 0 0;*/
background: #FFFFFF url('/img_emenu/ho.gif') no-repeat 0 0;
}

.box-menu-head-z-l {
/*background: #FFFFFF url('/img_emenu/hz-l.gif') no-repeat 0 0;*/
background: #FFFFFF url('/img_emenu/hz.gif') no-repeat 0 0;
}

.box-menu-head-z-p {
/*background: #FFFFFF url('/img_emenu/hz-p.gif') no-repeat 0 0;*/
background: #FFFFFF url('/img_emenu/hz.gif') no-repeat 0 0;
}

.box-menu-head-c {
background: #FFFFFF url('/img_emenu/hc.gif') no-repeat 0 0;
}

.box-menu-obsah {
margin: 3px 0px 0px 0px;
background: #F4F5F6;
border: 1px solid #aaaaaa;
}

.box-menu-obsah-l {
margin: 2px 0px 0px 0px;
padding: 5px 0px 0px 5px;
background: #FFFFFF url('/img_emenu/p-l0.gif') no-repeat 0 0;
min-height: 62px;
/*border-right: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;*/
border: 1px solid #aaaaaa;
}

.box-menu-obsah-p {
margin: 2px 0px 0px 0px;
padding: 5px 0px 0px 5px;
background: #ffffff url('/img_emenu/p-p0.gif') no-repeat 0 0;
min-height: 62px;
/*border-left: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;*/
border: 1px solid #aaaaaa;
}

.ul0 {
list-style: none;
padding: 0px;
margin: 0px;
}

.li0 {
border-bottom: 1px dashed #EEEEEE;
min-height: 20px;
}

/* barvy  a styly */

.red {
color: #FF0000;
}
.green {
color: #007F00;
}

.black {
color: #000000;
}

.gray {
color: #EEEEEE;
}

.gray2 {
color: #888888;
}

.cihlova {
color: #7F0000;
}

.skrt {
text-decoration: line-through;
}

.slevap {
font-size: 11px;
color: #00007f;
}

.tucne {
font-weight: bold;
}

.kurziva {
font-style: italic;
}

.podtrzene {
text-decoration: underline;
}

.normalne {
font-weight: normal;
}

/* karta zbozi */

.kartazbozi-blok {
margin-top: 8px;
margin-bottom: 8px;
}
 
.kartazbozi {
width: 310px;
height: 274px;
float: left;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
margin-left: 2px;
}

.kartazbozi-nazev {
background-color: #EEEEEE;
color: #000000;
text-align: left;
padding: 3px 3px 5px 3px;
margin-right: 2px;
margin-bottom: 4px;
height: 32px;
overflow: hidden;
}

.kartazbozi-levaobr {
width: 147px;
float: left;
padding-left: 5px;
}

.kartazbozi-obrazek {
width: 142px;
height: 106px;
background: url('/img_karty/_default.jpg') no-repeat;
}

.kartazbozi-popisek {
width: 300px;
height: 60px;
padding: 10px 5px 5px 5px;
text-align: justify;
overflow: hidden;
}

.kartazbozi-pravacen {
width: 145px;
text-align: center;
float: left;
padding-left: 5px;
}

.kartazbozi-cena {
font-size: 13px;
font-weight: bold;
color: #FF0000;
text-align: center;
padding-bottom: 5px;
}

.kartazbozi-koupit {
text-align: center;
}

.k-new {
background-color: #00af00;
color: #ffffff;
font-size: 10px;
padding: 1px;
margin-left: 2px;
}

.k-akc {
background-color: #ff0000;
color: #ffffff;
font-size: 10px;
padding: 1px;
margin-left: 2px;
}

.k-dop {
background-color: #ffff00;
color: #000000;
font-size: 10px;
padding: 1px;
margin-left: 2px;
}

.k-dop-s {
background-color: #ffff00;
color: #000000;
font-size: 9px;
padding: 1px;
margin-left: 2px;
}

a.kzn {
color: #000000;
font-weight: bold;
text-decoration: underline;
}

a.kzn:hover {
color: #7F0000;
text-decoration: none;
}

.zb-dop {
background-color: #ffffdd;
}

/* detail zbozi */

.detailzbozi-obal {
margin: 0px 5px 0px 5px;
background: url('/img_emenu/p-p21.gif') repeat-x;
padding: 8px 8px 0px 8px;
}

.detailzbozi-levaobr {
width: 147px;
float: left;
padding-right: 5px;
}

.detailzbozi-mezera {
margin-top: 1px;
}

A.detailzbozi-zalozka-o {
font-size: 12px;
color: #000000;
text-decoration: underline;
}

A.detailzbozi-zalozka-o:hover {
color: #ffffff;
text-decoration: none;
}

.detailzbozi-zalozka {
width: 134px;
height: 30px;
background: url('/img_web/zalozky.gif') -420px -62px no-repeat;
float: left;
text-align: center;
margin-right: 1px;
/*margin-top: 4px;*/
font-weight: bold;
}

.detailzbozi-obal-odkaz {
margin: 5px 5px 0px 5px;
}

.detailzbozi-obal-obsah {
padding: 10px 5px 10px 5px;
margin-top: 2px;
border-top: 3px solid #afafaf;
} 

.dz-seda {
background-position: -420px 0;
margin-top: 0px;
font-weight: normal;
}

.dz-vyber {
background-position: -420px -31px;
}
.dz-vyber2 {
background-position: -420px -31px;
}

.null {
clear: both;
visibility: hidden;
height: 0px;
border: none;
margin: 0px;
padding: 0px;
}

.zprava {
text-align: justify;
}


/* ostatni */

.f-koupit {
width: 64px;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
background-color: #9F0000;
}

.f-pocetmj {
width: 24px;
margin: 0px 4px 0px 4px;
}

.userobal {
border-bottom: 1px dashed #CCCCCC;
margin: 0px 5px 5px 0px;
}

.inuserobal {
margin-bottom: 5px;
}

.userobr {
width: 10px;
height: 12px;
background: url('/img_web/l_name.gif') no-repeat;
padding-left: 13px;
}

.pkobr {
width: 10px;
height: 12px;
background: url('/img_web/st3.gif') no-repeat -2px 4px;
padding-left: 13px;
}

.pozadi-stred {
margin: 0px;
padding: 8px 8px 0px 8px;
background: url('/img_emenu/p-p21.gif') repeat-x;
}

/* strankovaci panel */

.strpanel {
text-align: center;
margin-top: 8px;
margin-bottom: 8px;
}


/* kosik */

.kosikobal {
border-top: 1px dashed #CCCCCC;
margin: 10px 5px 0px 0px;
padding: 10px 0px 0px 0px;
}

.kosikobr {
width: 47px;
height: 46px;
background: url('/img_web/kosik.jpg') no-repeat;
}

.kosikprava {
float: left;
margin-left: 5px;
}

/* pozicovani */

.fleft {
float: left;
}

.fright {
float: right;
}

.fcent {
text-align: center;
}

/* stavy skladu */

.sklad-ano {
height: 14px;
padding-left: 16px;
background: url('/img_web/i_yes3.gif') no-repeat;
}

.sklad-ne {
height: 14px;
padding-left: 16px;
background: url('/img_web/i_no3.gif') no-repeat;
}

.sklad-neznamy {
height: 14px;
padding-left: 16px;
background: url('/img_web/i_none.gif') no-repeat;
}

/* ostatni gfx prvky */

.g-sipka {
width: 12px;
height: 12px;
margin-right: 4px;
background: url('/img_web/sipka1.gif') no-repeat;
}

.g-info {
width: 30px;
height: 30px;
margin-right: 4px;
background: url('/img_web/msg.gif') no-repeat;
}

.g-cenahv {
width: 27px;
height: 32px;
padding-right: 36px;
background: url('/img_web/hvezda.gif') no-repeat;
}

.pozor {
padding-left: 24px;
padding-bottom: 2px;
background: url("/img_web/warn3.gif") no-repeat;
}

/* help box */

.hlp-win {
display: none;
width: 238px;
float: right;
padding: 0px 4px 4px 28px;
background: #FFFFFF url('/img_help/help-sign.gif') no-repeat 0 0;
}

.hlp-bg {
background: url('/img_help/help-bg.gif') repeat-y;
}

.hlp-win-bottom {
height: 4px;
font-size: 0px;
line-height: 0px;
background: url('/img_help/help-bottom.gif') no-repeat;
}

.hlp-win-text {
padding: 8px 12px 4px 18px;
color: #000000;
text-align: left;
background: url('/img_help/help-top.gif') no-repeat;
}

.help-i {
height: 24px;
background: #FFFFFF url('/img_help/help-sign.gif') no-repeat 0 0;
margin-top: 10px;
padding-top: 5px;
padding-left: 30px;
font-style: italic;
}

/* vyber pole */

input:focus {
background-color: #fff7d0;
}

/* form tlacitka buttony */

.hledej {
font-size: 12px;
border: none;
width: 60px;
height: 25px;
margin: 0;
padding-bottom: 4px;
margin: 4px 0px 0px 0px;
cursor: pointer;
color: #ef2f00;
font-weight: bold;
text-decoration: underline;
background: url('/img_web/but-hledat.gif') no-repeat left bottom;
}

.hledej:hover, .hledej:active {
background: url('/img_web/but-hledat.gif') no-repeat left top;
color: #7f0000;
}

.prihlas {
font-size: 12px;
border: none;
width: 80px;
height: 25px;
margin: 0;
padding-bottom: 4px;
margin: 4px 0px 0px 0px;
cursor: pointer;
color: #ef2f00;
font-weight: bold;
text-decoration: underline;
background: url('/img_web/but-prihlasit.gif') no-repeat left bottom;
}

.prihlas:hover, .hledej:active {
background: url('/img_web/but-prihlasit.gif') no-repeat left top;
color: #7f0000;
}

.butuniv {
font-size: 12px;
border: none;
width: 200px;
height: 25px;
margin: 0;
padding-bottom: 4px;
margin: 4px 0px 0px 0px;
cursor: pointer;
color: #ef2f00;
font-weight: bold;
text-decoration: underline;
background: url('/img_web/but-univ.gif') no-repeat left bottom;
}

.butuniv:hover, .butuniv:active {
background: url('/img_web/but-univ.gif') no-repeat left top;
color: #7f0000;
}


/* info msg boxy */

.stav-err {
margin: 0px 0px 10px 0px;
color: #000000;
border: 1px solid #D67170;
background: url('/img_msg/stav-err-bg.gif') repeat-x;
}
.stav-err div {
color: #960707;
font-weight: bold;
margin: 0px;
padding: 12px 0px 15px 48px;
background: url('/img_msg/stav-err-i.gif') no-repeat 6px 6px;
}

.stav-ok {
margin: 0px 0px 10px 0px;
color: #000000;
border: 1px solid #529214;
background: url('/img_msg/stav-ok-bg.gif') repeat-x;
}
.stav-ok div {
color: #1B6A1F;
font-weight: bold;
padding: 13px 0px 15px 48px;
margin: 0px;
background: url('/img_msg/stav-ok-i.gif') no-repeat 6px 6px;
}

.stav-inf {
margin: 0px 0px 10px 0px;
color: #000000;
border: 1px solid #6186E1;
background: url('/img_msg/stav-inf-bg.gif') repeat-x;
}
.stav-inf div {
color: #2A4AB7;
font-weight: bold;
padding: 13px 0px 15px 48px;
margin: 0px;
background: url('/img_msg/stav-inf-i.gif') no-repeat 6px 6px;
}

/* kroky */

#stp {
margin: 0 auto;
padding: 0px;
background: #ffffff url('/img_web/kroky.gif') 0 0 no-repeat;
width: 625px;
height: 61px;
font-size: 1px;
}

/* cenik dopravy */

.cenikbox {width:300px;float:left;border:1px solid #888888;text-align:center;}
.cenikboxm {margin-left:8px;}


/* seznam li */

#seznam0 {
padding: 0px;
margin: 0px;
}

#seznam0 ul {
padding: 0px;
margin: 0px;
}

#seznam0 li {
list-style: none;
margin: 4px 0px;
padding: 0px;
}

#seznam0 li {
padding-left: 16px;
background: url("/img_web/sa.gif") no-repeat center left;
}

#seznam0 li b {
padding-left: 16px;
background: url("/img_web/sa2.gif") no-repeat center left;
}

#seznam0 .sa {
padding-left: 16px;
background: url("/img_web/sa.gif") no-repeat center left;
}

#seznam0 .chk2 {
padding-left: 16px;
background: url("/img_web/yes.gif") no-repeat center left;
}

.nk {
display: block;
border-left: 4px solid #cccccc;
padding-left: 6px;
font-size:14px;
color: #444444;
margin-bottom: 4px;
}

a.nou {
color: #000000;
text-decoration: none;
border-bottom: 1px solid #000000;
}
a.nou:hover {
color: #000000;
text-decoration: none;
border-bottom: 1px dashed #7f0000;
}

.bxp {
width: 590px;
padding: 10px;
border: 1px solid #cccccc;
}

a.ie {
padding-left: 20px;
font-size: 11px;
color: #888888;
text-decoration: underline;
background: url("/img_web/i_ie.gif") no-repeat center left;
}
a.ie:hover {
text-decoration: none;
}

.chkspc {
padding-left: 8px;
margin-right: 8px;
border-left: 1px solid #aaaaaa;
}

A.chk {
font-weight: bold;
text-decoration: underline;
padding-left: 18px;
background: url("/img_web/chk.gif") no-repeat;
}

A.chk:hover {
text-decoration: none;
}


/* katalog uvod */

.kat-cnt {
padding-top: 8px;
padding-left: 6px;
float: left;
}

.kat-cnt2 {
padding-top: 4px;
padding-left: 6px;
}

.kat-box {
float: left;
width: 200px;
height: 100px;
margin-left: 7px;
padding: 0px;
background: url("/img_kat/box.gif") no-repeat top left;
}

a.kat-abox {
color: #ffffff;
font-size: 16px;
text-decoration: underline;
}
a.kat-abox:hover {
text-decoration: none;
}

a.kat-asub {
font-size: 11px;
text-decoration: underline;
}
a.kat-asub:hover {
text-decoration: none;
}

kat-apk {
font-size: 11px;
text-decoration: none;
}

/* katalog filtr */

.kf0 {
margin-bottom:10px;
}

.kf1 {
margin: 0px;
padding-bottom: 8px;
}

.kf2 {
float: left;
}

.kf3 {
float: right;
}

.kf4 {
color:#222222;
}

.kf5 {
margin: 0px;
padding-bottom:10px;
}

.kf6 {
margin: 0px;
padding: 10px;
border: 1px solid #7f0000;
}

.kf7 {
padding: 0px 4px 0px 4px;
color: #7f0000;
}

.kf8 {
float: left;
margin: 3px 0px 3px 0px;
}

.kf9 {
border-left: 8px solid #aaaaaa;
padding-left: 4px;
margin-right: 8px;
}

.kf10 {
border-bottom: 1px solid #cccccc;
margin-top: 5px;
padding-bottom: 5px;
margin-bottom: 10px;
text-align: right;
}

.bks {
width: 590px;
border: 1px dashed #CCCCCC;
display:block;
margin-top: 10px;
padding: 10px;
background-color:#FFFFFF;
}

/* podpora */

.p_ie {
padding-left: 20px;
background: url("/img_web/ihref4b.gif") no-repeat center left;
}
.p_dw {
padding-left: 20px;
background: url("/img_web/idwn.gif") no-repeat center left;
}

/* pomoc */

A.pomoc {
text-decoration: underline;
padding-left: 20px;
background: url('/img_web/hlp.gif') no-repeat;
}

A.pomoc:hover {
text-decoration: none;
}

/* titulni boxy */

.tih30 {
margin-top:0px;
}

.tibox {
text-align: justify;
margin: 0px 5px 10px 5px;
border: 1px solid #dddddd;
padding: 10px;
}

.tired {
background-color: #ffeeee;
}
.tigreen {
background-color: #eeffee;
}
.tiblue {
background-color: #eeeeff;
}
.tiyellow {
background-color: #ffffee;
}

.tibox-a {
font-size: 12px; 
text-align: left;
margin: 0px 5px 10px 5px;
padding-left: 5px;
padding-right: 5px;
}

/* ostatni II */

.hr1 {
font-size: 1px;
border: none;
border-top: 1px dashed #bbbbbb;
margin: 6px 4px 6px 0px;
}

.obram1 {
margin-left: 8px;
border:1px solid #cccccc;
}

/* oblibene titul */

#obltab {
width: 630px;
padding: 0px;
margin: 0px 0px 4px 0px;
}

#obltab td {
text-align: center;
border: 1px solid #cccccc;
background-color: #eeffee;
padding: 3px;
}

#obltab td h2 {
font-size:12px;
font-weight: normal;
}

#obltab .obl {
padding-left: 16px;
background: url('/img_web/oblibene2.gif') 4px center no-repeat;
background-color: #ffffcc;
}