/* 
    Rastlinky.sk
    author: Pavel Simerský FOM.cz
    http://www.fom.cz
*/
body {background: rgb(242,249,254) url('../img/body.png') 0 0 repeat-x;font-family: Arial, Verdana, Helvetica;padding: 0;margin: 0px;font-size: 9pt;color: rgb(52,52,52)}
#page {position: relative;width: 990px;margin-left: auto;margin-right: auto;text-align: center;}
#center {text-align: left;}

a {text-decoration: underline;color: rgb(24,119,208)}
a:hover {text-decoration: none;}
img {border: 0;}

.left {text-align: right}
.right {text-align: right}
.center {text-align: center}
.fleft {float: left}
.fright {float: right}
.both {clear: both}
.justify {text-align: justify}
.link {color: rgb(237,28,36)}
.vtop,.vtop td {vertical-align: top;}
.vmiddle {vertical-align: middle;}
.vmiddle span {padding-top: 25px;display: block;color: white;font-style: italic;font-size: 10.5pt}
.input {border: 1px solid rgb(229,229,229);padding: 3px 5px 2px 5px}
.invisible {display: none}
.sysmsg,.errormessage {padding: 10px;margin: 10px 0 10px 0;border: 1px solid  rgb(217,217,217);border-left: 5px solid rgb(196,0,6);background-color: rgb(235,235,235);text-align: center;}



#okraj {background: white url('../img/kvety_4.gif') 100% 0% no-repeat;padding: 11px 0 6px 6px;}

h1 {margin-top: 0;padding-top: 0px;color: rgb(213,40,49);font-size: 15pt}
h2 {color: rgb(52,52,52);border-bottom: 1px solid rgb(238,238,238);padding-bottom: 5px}


.titulek,.title_kosik,.title_kosik_f {background: rgb(255,200,12) url('../img/titulek.gif') 0 0 no-repeat;color: white;font-family: trebuchet MS;font-size: 18px;text-transform: uppercase;padding: 3px 0 3px 8px;position: relative;top:0;left:0;}
.titulek img {position: absolute;top: 0;right: 0;}
.title_kosik {background-image: url('../img/title_kosik.gif');padding-bottom: 6px}
.title_kosik_f {background-image: url('../img/title_kosik_f.gif');padding-bottom: 6px}

#center .kvety {display: block;position: absolute;top: 0;right: -63px;background: url('../img/kvety_3.gif') 100% 0 no-repeat;width: 63px;height: 193px;}
#hlava {height: 168px;background: url('../img/kvety.jpg') 100% 0% no-repeat;}
#hlava .logo {float: left;width: 180px;padding: 30px 0 32px 10px;}
#hlava .text {float: left;width: 30%;font-weight: bold;padding: 0 0 0 30px;}
#hlava .text p {margin: 0;padding: 10px 0 0 0}
#hlava .text strong {color: rgb(209,41,49);font-size: 11pt}
#hlava .menu {clear: both;float: none;background: url('../img/menu.gif') 0 100% repeat-x;height: 38px;width: 57%;position: relative;top: 0;left:0;}
#hlava .menu a,#hlava .menu span {display: block;float: left;}
#hlava .menu a {text-decoration: none;color: white;padding: 12px 7px 0 7px;height: 26px;}
#hlava .menu a:hover {background: url('../img/menu_hover.gif') 50% 100% no-repeat;}
#hlava .menu span {background: url('../img/menu_li.gif') 50% 100% no-repeat;height: 37px;}
#hlava .menu span.leva {background: url('../img/menu_leva.gif') 0% 100% no-repeat;height: 42px;width: 5px;_position: absolute;left: 0;}
#hlava .menu span.prava {background: url('../img/manu_prava.gif') 100% 100% no-repeat;height: 38px;width: 9px;position: absolute;top: 0;right: -5px;}


#levy {width: 20%;float: left;}
#levy ul.menu {padding: 5px 0 5px 0;margin: 0;list-style-type: none;}
#levy ul.menu li {border-bottom: 1px solid rgb(238,238,238);padding: 4px 0 3px 0;clear: both}
#levy ul.menu li a {padding: 0 0 0 25px;background: url('../img/li.gif') 5px 50% no-repeat;text-decoration: none;}
#levy ul.menu li a:hover {text-decoration: underline;}
#levy ul.menu li a.active {font-weight: bold;color: rgb(13,177,75)}
#levy .menu ul {padding: 3px 0 0 0;margin: 0}
#levy .menu ul li {list-style-type: none;padding: 3px 0 3px 15px;margin: 0;border: 0;}
#levy .menu ul li a {background-image: none;padding: 0;}
#levy .menu ul ul {display: none}
#levy strong {text-transform: uppercase;}
#levy .leftmenu a.last {background:none;}
#levy .leftmenu span {background:url('../img/sub_li.gif') no-repeat;width:12px;height:14px;display:block;float:left}
#levy .leftmenu span.p {background:url('../img/plus.gif') no-repeat;}
#levy .leftmenu li li .selected {background: none;display: inline;width: auto;height: auto;font-weight: bold;}




#obsah {float: left;width: 57%;margin-left: 1%;}
#pravy {float: right;width: 202px;}
#pravy .blok {padding-right: 6px}

#pravy .kosik {padding-bottom: 15px;}
#pravy .kosik p {background: rgb(191,42,49) url('../img/celkem_sipka.gif') 100% 0 no-repeat;color: white;height: 37px;padding: 6px 0 0 10px}
#pravy .kosik p strong {font-size: 11pt}
#pravy .kosik p.empty {font-weight: bolder;padding-top: 15px;height: 28px}

#pravy .kosik a {padding-left: 7px;}
#pravy form,#levy form {margin: 0;padding: 10px 10px 15px 10px}
#pravy .input,#levy .input  {margin-bottom: 3px;width: 90%}

#top {background: url('../img/akce.jpg') 50% 0 no-repeat;height: 192px;padding: 18px 0 10px 31px;position: relative;}
#top .img {float: left;width: 97px;padding-right: 16px;text-align: center;}
#top .img img {max-width: 97px !important;max-height: 113px !important;width: 97px;}
#top .popis {float: left;width: 52%;padding-top: 8px}
#top .popis a strong {font-size: 11pt}
#top .popis p {margin: 0;padding: 10px 0 0 0}
#top .cena {position: absolute;top: 20px;right: 27px;color: white;font-size: 15pt;width: 100px;text-align: center;font-weight: bold;}
#top .cena span {font-size: 8pt;display: block}

.produkt {background: rgb(239,250,235) url('../img/produkt_h.gif') 0 0 no-repeat;width: 183px;float: left;margin-right: 3px;}
.produkt .obal {padding: 10px 10px 0 10px;}
.produkt .nazev {text-align: center;height: 50px;font-size: 10pt}
.produkt .popis {font-size: 8pt;}
.produkt .both {background: rgb(239,250,235) url('../img/produkt_d.gif') 0 0 no-repeat;}
.produkt .cat-picture {float: left;width: 80px;padding-right: 6px;text-align: center;}
.produkt .obr {background: url('../img/produkt_ram.gif') 0 0 no-repeat;padding: 3px;height: 102px;font-style: italic;font-size: 8pt;}
.produkt .obr img {max-width: 80px !important;max-height: 102px !important;width: 80px;}
.produkt .obr span,.top_sloupec span,.produkt .obr1 span {font-weight: bold;font-size: 9pt;}
.produkt .obr span.dph,.top_sloupec span.dph,.produkt .obr1 span.dph {color: rgb(191,42,49);font-size: 10pt;}
.produkt .koupit {text-align: center;padding-top: 5px}
.produkt .koupit div {background: url('../img/button_em.gif') 50% 50% no-repeat;text-transform: uppercase;padding: 5px 0 5px 0;margin: 2px 0 5px 0}
.produkt .koupit div a {color: white;text-decoration: none;font-size: 8.5pt;font-weight: bold}
.produkt p {margin: 0;padding: 10px 0 10px 0}
.produkt .both {background: url('../img/produkt_d.gif') 0 100% no-repeat;}

#pata {text-align: center;}
#pata, #pata a {color: rgb(123,159,185)}
#pata .bottom-menu,#pata .copy  {padding: 10px 0 10px 0}
#pata .bottom-menu a {color: rgb(24,119,208);font-weight: bold}
#pata {padding-bottom: 20px;}



.top_sloupec,.top_sloupec li {padding: 0;margin: 0;list-style-type: none;}
.top_sloupec li {padding: 10px 10px 0 10px;border-bottom: 1px solid rgb(238,238,238);}
.top_sloupec .popis div {min-height: 30px;}
.top_sloupec p {margin: 0;padding: 3px 0 0 0;width: 116px;float: right}
.top_sloupec .obr {background: url('../img/sloupec_ram.gif') 0 0 no-repeat;padding: 3px;float: left;}
.top_sloupec .obr img {max-width: 46px !important;max-height: 60px !important;width: 46px;padding-right: 7px;}


table.kosik,.table {width: 100%}
table.kosik th,.table th  {background-color: rgb(235,235,235);border-bottom: 1px solid rgb(217,217,217);border-right: 1px solid rgb(217,217,217);text-align:left;padding: 3px 2px 2px 5px}
table.kosik .body td {background-color: rgb(245,245,245);}
table.kosik .cena_celkova,.table .price {font-weight: bolder;text-align: right;}
table.kosik .cena_dph_celkova,.table .price-with-vat {font-weight: bolder;color: rgb(204,0,0);text-align: right;}
.table .body td {border-bottom: 1px solid rgb(245,245,245);padding-top: 3px}
.table th.right {text-align: right;}


.missing-entry {color: rgb(255,0,0)}

.razeni {background-color: rgb(249,249,249);padding: 0;margin: 0 0 15px 0;}
.razeni table {width: 100%}
.razeni table table {width: 190px}
.razeni .select {width: 160px}
td.strankovani {width: 120px;text-align: right;}
div.razeni .mezera {width: 70%}

#detail .leva {width: 40%;float: left;text-align:center;overflow: hidden;text-align: center;}
#detail .leva img {max-width: 90%;max-height: 260px;_width: 250px;padding: 2px;border: 1px solid rgb(207,207,207);-moz-border-radius: 3px}
#detail .prava {width: 58%;float: right;}
#detail .info {line-height: 180%;margin-top: 20px;padding-top: 5px;border-top: 1px solid rgb(229,229,229);text-align: center;}
#detail .info a {color: gray}
#detail .info a{padding-left: 15px;background: url('../img/li_g.gif') 5px 50% no-repeat;}
#detail .prava .udaje{border:1px solid rgb(235,235,235);background:rgb(246,246,246);padding:10px;line-height:20px}
#detail .prava .udaje span{font-weight:bold}
#detail .spodek {width:100%}
#detail .spodek td{vertical-align:middle;height:32px}
#detail .spodek .cena{color:black;white-space:nowrap;font-size: 11pt;line-height: 160%;padding-top: 10px}
#detail .spodek .cena strong{color:rgb(204,0,0);}
#detail .spodek .cena strong span,#detail .spodek .cena i span {font-size: 13pt}
#detail .spodek .cena small {color: gray}
#detail .spodek .cena i {font-style: normal;}
#detail h1 {color: rgb(24,119,208);font-size: 13pt;padding-top: 10px}

.zalozky {width: 100%;border-bottom: 4px solid rgb(42,185,27);margin-bottom: 5px;overflow:hidden;}
.zalozky ul{margin:0;padding:10px 10px 0 0px;list-style:none;}
.zalozky li{display:inline;margin: 0;padding: 0;}
.zalozky a{float:left;background:url('../img/zalozka.gif') no-repeat left top;margin:0 3px 0 0;padding:0 0 0 6px;text-decoration:none;color: rgb(108,108,108)}
.zalozky a span{float:left;display:block;background: url('../img/zalozka.gif') no-repeat right top;padding:6px 12px 4px 6px;}
.zalozky a span{float:none;}
.zalozky a:hover span,.zalozky .selected span{}
.zalozky a:hover,.zalozky .selected {background-position:0% -29px;}
.zalozky a:hover span,.zalozky .selected span{background-position:100% -29px;;}
.zalozky a:hover,.zalozky .selected {color: white !important}

.btn_koupit {border-top: 1px solid rgb(235,235,235);margin-top: 5px;padding-top: 5px}
.btn_koupit table {width: 99%}
.btn_koupit table .left {text-align: right;}
.btn_koupit table .left input {border: 1px solid gray;width: 20px;padding: 2px 3px 2px 3px}
.btn_koupit table .right {width: 80px}

.parameters {width: 100%}
.parameters td {padding: 5px 8px 5px 8px;background-color: rgb(239,250,235);border-top: 1px solid white;border-bottom: 1px solid rgb(210,235,201);}
.parameters th {background-color: rgb(235,235,235);font-weight: bold;}
.parameters .property-name {text-transform: uppercase;}
.parameters .property-value {text-align: right;font-weight: bold}

.compare td {padding: 3px;}
.compare-row {background-color: #eeeeee;}
.compare-delete {float: right;}
.compare-deleteall {text-align: right;}

ol.vice,ol.vice li {padding: 0;margin: 0;list-style-type: none;}
ol.vice li {padding-top: 2px;padding-bottom: 2px}
ol.vice a {padding: 0 0 0 22px;background: url('../img/li_g.gif') 3% 50% no-repeat;}

.kroky td {text-align: center;}
.product-list {width: 100% !important;width: 99%}

.popis_kategorie {padding: 0 0 10px 0;}

#hledat {background: url('../img/hledat_bg_top.gif') 0 0 no-repeat;padding-top: 5px;width: 555px;}
#hledat .input,#hledat select {color: rgb(134,134,134)}
#hledat select {border: 0;width: 100%;@width: 175px;padding: 3px 5px 2px 5px}
#hledat table {width: 99%;}
#hledat form {background: rgb(255,194,29) url('../img/hledat_bg.jpg') 0 0 repeat-x;padding: 5px 10px 5px 10px;margin: 0;height: 102px;}
#hledat .both {background: url('../img/hledat_bg_btm.gif') 0 0 no-repeat}
#hledat .input {width: 95%;border: 0;padding: 4px 5px 3px 5px;font-style: italic;}
#hledat .pad div {padding: 5px 15px 0 0;position: relative;top: 0;left: 0;}
#hledat .kvet {background: url('../img/hledat_kvet.gif') 100% 50% no-repeat;}
#hledat .kvet div {padding-right: 15px;}
#hledat .bg,#hledat .bg2 {display: block;position: absolute;top: 0;right: 0;width: 37px;height: 75px;background: url('../img/hledat_kvety.gif')}
#hledat .button {text-align: right;padding-top: 5px}
#hledat td.right input {padding-top: 10px}
#hledat td {vertical-align: top;}

.komponenty .body {float: right;width: 21.5%;background-color: rgb(245,245,245);border-right: 1px solid white;text-align: center;padding: 5px;}
.komponenty .cena {color: rgb(221,0,0);font-weight: bold}
.komponenty h2 {font-size: 11pt;border-top: 1px solid rgb(238,238,238);border-bottom-width: 0;padding: 5px 0 0 0;}
.configure-button {text-align: right;}


.alternativa h3 {padding-top: 0;margin-top: 0;}
.alternativa .nazev {height: auto;min-height: 30px}

.uvod-text {padding: 5px 0 5px 0;}