/*
#0081B6 ... modry nadpis H1 + H2 + odkazy
#7eab08 ... zeleny nadpis H3
#373737 ... sedy nadpis H4 + odstavec
*/
body, textarea {
    font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
}
body {
  margin: 0px;
  padding: 0;
  color: #373737; text-align: center;
  font-size: 62.5%; /* Nastav? 1em na 10px pro v?echny prohl??e?e */
}

#stranka {
  min-height: 1500px;
  /min-height: auto;
  text-align: left;
  margin: auto;
  width: 1000px;
  position: relative;
  font-size: 135%;
}

#content_container {background: white url(/images/stranka-bg.gif) repeat-y;}

.poznamka {color: gray; font-size: 0.9em}

textarea {font-size: 1em;} /* kvili mozille, ktera zobrazovala silene velke pismo */
#horni {
  height: 139px;
  overflow: hidden;
  background: white url(/images/horni-bg.jpg) no-repeat right top;
}
#horni-logo, #menu-horni-out, #hledani, #datum {position: absolute;}
#horni-logo {top: 0; left: 0; background: transparent url(/images/logo.gif) no-repeat 50% 50%;}
#horni-logo, #horni-logo a {
  display: block;
  width: 220px; /* sirka leveho sloupce */
  height: 100px;
  overflow: hidden;
  text-indent: -2000px;
}

#hledani {
  left: 0px;
  top: 100px;
  width: 220px;
  background: #0c9ad8 url(/images/menu-horni-modry-bg.gif) repeat-x;
  height: 2.5em;
  line-height: 2.5em;
  overflow: hidden;
}
#hledat, #hledatOK {position: absolute;}
#hledat {left: 10px; top: 6px; width: 164px; color: #898989;}
#hledatOK {left: 188px; top: 6px;}
#datum {left: 690px; top: 80px; width: 300px; text-align: right; color: #898989;}

#hledat_poradna {width: 164px; color: gray; float: left}
#hledatOK_poradna {margin-left: 8px; float: left}

#menu-horni-out{
  left: 220px;
  top: 100px;
  width: 780px;
  background: #9ec10f url(/images/menu-horni-zeleny-bg.gif) repeat-x;
  height: 2.5em;
  line-height: 2.5em;
}
ul#menu-horni {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
  background-color: transparent;
  font-size: 99%
}
ul#menu-horni li {
  display:block;
  float: left; /* timto + display: inline u UL zajistim vodorovnost */
  margin: 0;
  padding: 0;
  background: #9ec10f url(/images/menu-horni-zeleny-bg.gif) repeat-x;
}
li#cartContent {
    font-size:0.9em !important;
    color:white;
}
ul#menu-horni a, ul#menu-horni a:link, ul#menu-horni a:visited {
  display:block;
  padding: 0px 17px 0px 17px;
  color: white;
  text-decoration: none;
  cursor: hand;
  font-weight: bold;
  background: transparent url(/images/menu-horni-spacer.gif) no-repeat 0% 50%;
  font-size: 99%;
}
ul#menu-horni a:active, ul#menu-horni a:focus, ul#menu-horni a:hover {
    text-decoration: underline;
}
.first a {background-image: none !important;}

#stred-velky{
  float: right;
  width: 780px; /*1000 - levy*/
  overflow: hidden;
}

#stred {
  width: 580px;
  overflow: hidden;
  float: left;
  text-align: justify;
}
#stred-uvnitr {
  margin: auto;
  padding: 0 21px 20px 21px;
}
#navigace, #stred .pruh {
  line-height: 2.5em;
  background: #898989 url(/images/pruh-cerny-bg.gif) repeat-x;
  color: White;
  text-transform: uppercase;
  font-size: 1.05em;
  font-weight: normal;
  margin: 0px -20px 0px -20px;
  padding: 0px 20px 0px 20px;
}
#stred .pruh {margin-top: 1em;}
#navigace a {
  color: White;
}
#stred #navigace h1 {
  display: inline;
  font-weight: normal;
  font-size: 1em;
  color: White;
}
#stred h1 {
  font-size: 1.5em;
  margin: 1em 0 0.7em 0;
  color: #0081B6;
}
#stred h2 {
  font-size: 1.2em;
  margin: 1em 0 0.5em 0;
  color: #7eab08;
}
#stred h3 {
  font-size: 1.1em;
  margin: 1em 0 0.5em 0;
  color: #0081B6;
}
#stred h4 {
  margin: 1em 0 0.5em 0;
  font-size: 0.9em;
  color: #373737;
}
h1, h2, h3, h4 {text-align: left;}
a, a:link, a:visited {
  color: #0081B6;
}
a:active, a:focus, a:hover {
  color: #005377;
}
p, ul, ol, dl, table {
  padding: 0;
  margin: 0.7em 0 0.7em 0;
}
ul ul {margin: 0 0 0.5em 0;}
ul {list-style-type: none;}
#stred li {
  margin: 0 0 0.4em 0;
  padding: 0 0 0 20px;
}
#stred ul li {
  background: transparent url(/images/li-bg.gif) no-repeat 7px 6px;
}


div.faq_question {
  border-left: 3px solid #0081b6;
  margin: 10px 0 0 0;
  padding-left: 10px;
}

div.faq_answer {
  border-left: 3px solid #9ec10f;
  margin: 0 0 0 23px;
  padding-left: 10px;
  display: none;
}

div.faq_date {
  float: right;
  font-size: 0.8em;
  width: 11em;
  text-align: right;
  color: #898989;
}

div.faq_read {text-align: right; color: gray; font-size: 0.8em}
div.faq_read a {font-weight: bold;}


/*
dl.faq div.faq_datum {
  float: right;
  font-size: 0.8em;
  width: 11em;
  text-align: right;
  color: #898989;
}
dl.faq dt {
  display: inline-block;
  background: white;
  border-left: 3px solid #0081b6;
  margin: 10px 0 0 0;
  padding-left: 5px;
}

dl.faq dd {
  border-left: 3px solid #9ec10f;
  margin: 0 0 0 23px;
  padding-left: 5px;
}



dl.faq dt.faq_closed div.faq_quest,
dl.faq dd.faq_closed {
  display: none;
}

dl.faq dt.faq_open a {
  font-weight: bold;
}
*/



#pravy {
  width: 200px;
  overflow: hidden;
  float: right;
}
#pravy-uvnitr {
  background-color: transparent;
  padding: 0px 10px 0px 15px;
}
#pravy li {
  margin: 0 0 0.4em 0;
  padding: 0 0 0 13px;
}
#pravy ul li {
  background: transparent url(/images/li-bg.gif) no-repeat 0px 6px;
}
#pravy p, #pravy ul {
  font-size: 0.9em;
}
#pravy .heading {
  height: 2.5em;
  line-height: 2.5em;
  background: #c4c4c4 url(/images/pruh-sedy-bg.gif) repeat-x;
  color: White;
  text-transform: uppercase;
  font-size: 1.05em;
  font-weight: normal;
  margin: 1em -10px 0px -15px;
  padding: 0px 10px 0px 15px;
}
#pravy .first {margin-top: 0}

#login_email, #login_passwd {
  width: 135px;
  color: #898989;
}
#login_email, #login_passwd, #login_OK {vertical-align: middle;}
#login_OK {
  position: relative;
  top: -1px;
  margin-left: 10px;
}


#levy{
  float: left;
  width: 220px;
  overflow: visible;
}
.menuHeader {
  height: 2.5em;
  line-height: 2.5em;
  background: #0b9bd8 url(/images/pruh-modry-bg.gif) repeat-x;
  color: White;
  text-transform: uppercase;
  font-size: 1.05em;
  font-weight: normal;
  padding: 0px 10px 0px 10px;
  margin: 0;
}

ul#menu-leve, ul#menu-leve ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
    background-color: #efefef;
    text-transform: uppercase;
  width: 220px;
}


ul#menu-leve li {
  display: block;
  width: 220px;
  float: left;
  margin: 0px;
  padding: 0px;
  position: relative;
  background-color: #efefef;
  border-bottom: solid 1px #c1c1c1;
  /*behavior: url(/hover.htc)*/ /*toto je doplneno pomoci podmineneho komentare pro IE 6 a mensi*/
}
ul#menu-leve li a, ul#menu-leve li span {
  display: block;
  text-decoration: none;
  padding: 5px 3px 5px 10px;
  width: 207px;
  color: #373737;
  background-color: transparent;
}


.li_highlight {background: #DBDBDB !important}
.li_highlight:hover {background: #C8C8C8 !important}

ul#menu-leve ul {
  position: absolute;
  display: none;
  left: 220px;
  top: -1px;
}
ul#menu-leve ul li {
    border-bottom:none
}

ul#menu-leve li:hover, ul#menu-leve li.hover {
  background-color: #cdf5fe;
  background-color: #d4d4d4;
}
ul#menu-leve li:hover ul, ul#menu-leve li.hover ul {
  display: block;
}


/* stin menu druhe urovne - prebiji predchozi   */
ul#menu-leve ul {
    -moz-box-shadow:10px 10px 5px #888888;
    background-color: transparent;
    background-position: right bottom;
    /*filter: Shadow(color=#4E4E4E, direction=135);*/
    margin-top:3px;
}
ul#menu-leve ul li {
    border: solid 1px #c1c1c1;
    background-color: #efefef;
    margin-top: -3px;
    /margin-top: 0px;
}

/* end */




ul#menu-leve li:hover ul ul, ul#menu-leve li.hover ul ul {
  display: none;
}
ul#menu-leve li:hover ul li:hover ul, ul#menu-leve li.hover ul li.hover ul {
  display: block;
}
ul#menu-leve li:hover ul ul , ul#menu-leve li.hover ul ul {
  display: none;
}
ul#menu-leve li:hover ul li:hover ul, ul#menu-leve li.hover ul li.hover ul {
  display: block;
}
ul#menu-leve li:hover ul li:hover ul ul, ul#menu-leve li.hover ul li.hover ul ul {
  display: none;
}
ul#menu-leve li:hover ul li:hover ul li:hover ul, ul#menu-leve li.hover ul li.hover ul li.hover ul {
  display: block;
}


ol {
    padding-left:5px !important;
}
ol li {
    margin-left:20px !important;
}


img{
    border-width:0px;
    margin:0px;
}
img.imgright{
    margin-left:10px;
    margin-bottom: 5px;
    float: right;
}
img.imgleft{
    margin-right:10px;
    margin-bottom: 5px;
    float: left;
}

#paticka {
  font-size: 0.8em;
  text-align: center;
  background-color: white;
  padding-top: 5px;
  line-height: 2em;
  border-top: solid 5px #9ec10f;
}
#paticka, #paticka a {
  color: #9ec10f;
}


hr{
    border-top: 1px dashed #ececec;
    border-right: 0px dashed #ececec;
    border-left: 0px dashed #ececec;
    border-bottom: 0px dashed #ececec;
    height:1px;
}

/* obecne vyuzitelne tridy */
.pokracovani {
  height: 19px;
  line-height: 17px;
  width: 105px;
  background: transparent url(/images/tlacitko-zelene-bg-leva.gif) no-repeat left top;
  margin: 0 0 0 auto;
  font-size: 0.85em;
  clear: both;
}
.pokracovani a {
  display: block;
  height: 19px;
  line-height: 17px;
  color: White !important;
  text-decoration: none;
  text-align: center;
  background: transparent url(/images/tlacitko-zelene-bg-prava.gif) no-repeat right top;
}
.perex {font-style: italic;}

/* tabulka se 3 sloupci akcnich produktu */
table.akce { table-layout: fixed; width: 100%; border-collapse: collapse; text-align: left; margin-top: 1em; }

.akce th { background: #0b9bd8 url(/images/akce-bg.gif) repeat-x; }
.akce th a { text-decoration: none; color: White !important; display: block; padding: 5px 3px 5px 7px; font-family: Arial, Helvetica, sans-serif; }
.akce .akce_body td { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.akce_obr { display: block; height: 100px; width: 100px; background-repeat: no-repeat; background-position: 50% 50%; float: left; text-indent: -2000px; margin-top: 3px; }
.akce form { float: right; width: 62px; overflow: hidden; text-align: center; padding-top: 17px; }
.akce_cena { font-weight: bold; color: #c8143a; margin-bottom: 5px; }
.akce_koupit { margin-top: 5px; }
.akce_spacer { border-bottom: solid 1px white !important; }

div.productRow {display: block; border: 1px solid #E5E5E5; margin-top: 8px; }
div.productRow #head {background-color: #0B9BD8; background-image: url('/images/akce-bg.gif'); background-repeat: repeat-x; padding: 3px 7px 3px 8px;font-weight: bold; color: white}
div.productRow #head a { color: white; text-decoration: none;}
div.productRow div.image {display: block; float: left; width: 100px; font-size: 0.8em; margin: 8px 0 0 8px}
div.productRow div.info {float: left; width: 400px; margin-left: 15px}
div.productRow div.info div.desc { padding-top: 8px }
div.productRow div.info div.controlCont {clear: both; margin-top: 7px; height: 30px; width: auto}
div.productRow div.info div.control {display: block; float: left; width: 120px}
div.productRow div.info div.price { display: block; float: left;  margin-right: 5px; color: #c8143a; font-weight: bold;}
div.productRow div.info .qtty {width: 25px; margin-right: 5px; float: left}
.qtty {width: 25px; margin-right: 5px; vertical-align: middle; text-align: center;}
.koupit { vertical-align: middle;}
.cena {font-weight: bold; color: #c8143a;}


/* nakupni kosik */
table.cart {table-layout: auto; width: 100%; border-collapse: collapse; text-align: left; margin-top: 1em; margin-bottom: 1em;}
table.cart thead th {font-weight: bold; border-bottom: 1px solid #e5e5e5;}
table.cart .separator td {border-top: 1px solid #e5e5e5;}
table.cart .total td {font-weight: bold; border-top: 1px solid #e5e5e5;}

/* formulare - napr registracni */
div.formRow {line-height: 2em;}
div.formRowControl {line-height: 3em; padding-left: 140px; }
div.formRow label {display: block; width: 140px; overflow: hidden; float: left;}
div.formRow input { width: 300px; }
div.formRow select { width: 300px; }
div.formRow textarea { width: 380px;}
.but-save {padding-left: 20px; padding-right: 20px; font-weight: bold; font-size: 120%;} /* ukladaci tlacitko */


/*
div.cart div.cartItem input.delButton { width: 15px; height: 18px; padding: 0px; border: 1px solid black; background-color: yellow; }
div.cart div.cartItem input.acceptButton {  width: 15px; height: 18px; padding: 0px; border: 1px solid black; background-color: yellow; }
div.cart div.cartItem div.code { float: left; display: block; width: 110px; border: 1px solid green; }
div.cart div.cartItem div.count { float: left; display: block; width: 40px; border: 1px solid red; }
div.cart div.cartItem div.price { float: left; display: block; width: 70px; border: 1px solid blue; }
div.cart div.cartItem div.name { float: left; display: block; width: 275px; height: 18px; overflow: hidden; border: 1px solid yellow; }

div.cart div.cartSumRow { display: block; border: 1px solid brown; }

div.cart div.cartSumRow div.comment { float: left; display: block; width: 183px; border: 1px solid green; }
div.cart div.cartSumRow div.price { float: left; display: block; width: 70px; border: 1px solid blue; }
*/


.searchString {background: yellow; font-weight: bold; display: inline; border: 1px solid gray; padding: 0 2px 0 2px}
.err {border: 1px solid black; display: inline; font-weight: bold; background: #FED6D6; padding: 3px}
.error { color: red; }

.banner-line { text-align: center; }
.banner-line-caption { font-size: 95%; color: #5EE0FC; background-color: white; padding: 0px; padding-left: 10px; margin: 0px; }
#billboard-banner table {margin: auto;}

.product-order { text-align: right; font-size: 75%; font-weight: normal; margin-top: 3px; text-decoration: none; }
.fleft {float: left}
#orderSelect {margin-top:15px; float:right; font-size:0.7em}
#searchListType{margin-top:20px; /margin-top:5px; float:right; font-size:0.7em}
#listSelect {margin-top:15px; float:left; font-size:0.7em}

th a.v-akci {
padding-right: 53px;
background-image: url('images/akce.gif');
background-repeat: no-repeat;
background-position: right center;
min-height: 30px
}
.about_photo_4 {
    width: 134px; float: left;
}

.x-small {font-size:x-small}
.xx-small {font-size:xx-small}

.lecivy-pripravek {
    display:block;
    margin-top:2px;
    font-size: xx-small;
}

.short_desc {
    clear:both;
    min-height:47px;
    margin:4px 5px;
    font-size:0.8em;
}

.short_desc a {    
    color:black !important;
    text-decoration:none !important;
}

.wmsg {
    font-size:0.9em;
}

#prod-detail table {
    border-collapse: collapse;
    font-size:12px;
 } 
#prod-detail table td {
  border:1px solid #C0C0C0
}