// maloobchod ala velkoobchod (ZLUTY)
@barva_menu: blue; 
@vrsek: #FF0000;
//@barva_pozadi: #D6FFC7;
@barva_pozadi: #F5EEAB;

@svetla_cast_logo: #fff784;
@tmava_cast_logo: #ffb521;
@schvalena_zelena: #1e6f27;
@barva_infoboxu: #baddfa; // pouziva se v kosiku


/*
// maloobochod ZELENY
@barva_menu: blue; 
@vrsek: #FF0000;
@barva_pozadi: #D6FFC7;
//@barva_pozadi: #F5EEAB;
*/


ul.errorbox
{
  background-color: red;
  color: white;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: bold;
}

ul.errorbox li
{
  list-style: none;
  font-size: 14px;
}

.infobox
{
	background-color: @barva_infoboxu;
	padding-top: 20px;
	padding-bottom: 20px;
}

/*
#menu_left{
  background-color: darken(@barva_pozadi, 5%);  
}
*/
img {
    border: 0 none;
}

.jenCisla
{
  text-align: right;
}

.skladem
{
  width: 52px;
  height: 52px;
  position: absolute;
  background-image: url('/images/skladem.png');
}

body {
   background-color: lighten(@barva_pozadi, 5%);
   // background-color: #F6F9E5;
    //background-color: @vrsek;
    background-image: url("/images/new/head-menu-bg.jpg");
    background-repeat: repeat-x;
    font-family: Verdana,Arial;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
#krajni_lista {
    background-color: #F8F2C2;
    float: left;
    height: 110px;
    margin-top: 5px;
    width: 15px;
}
#krajni_lista img {
    cursor: pointer;
}
#krajni_lista .dolni {
    margin-top: 67px;
}
#menubox {
    position: relative;
    top: -10px;
}

#form_strankovani
{
  font-size: 11px;
}

#varovani strong {
    color: #9E0B0F;
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
}

#sekce_bg .inside
{
  padding: 10px;
  height: 20px;
}

.inside .leva
{
  width: 24%;
}

.inside .leva, .inside .stred
{
  float: left;
  
}

.inside .stred
{
  text-align: center;
  width: 52%;
}

/*#scroll
{
  max-height: 100px;
  overflow: scroll;
}*/

.inside .prava
{
  float: right;
  width: 24%;
  text-align: right;
}

#varovani {
    margin-bottom: 25px;
}
#scrollable {
    height: 110px;
    overflow: hidden;
    position: relative;
    width: 678px;
}
#scrollable .items {
    position: absolute;
}
.items div {
    height: 110px;
}
a {
    color: #000000;
}
a:hover {
    text-decoration: none;
}
.vyprodano {
    color: #9E0B0F;
    font-size: 10px;
    font-weight: bold;
    line-height: 25px;
}
li {
    list-style-image: url("/images/ul.gif");
}

/*DEPRECATED*/
.error {
    color: #FF0000;
}

.strankovani, .navigace_nahoru {
    clear: both;
    font-size: 11px;
    padding-top: 6px;
    margin-bottom: 5px;
    margin-top: 14px;
    height: 25px;
}

.strankovani a
{
  text-decoration: none;
}

.strankovani .predchozi, .strankovani .dalsi, .navigace_nahoru a {
    padding: 5px !important;
}
.dalsi {
    text-align: right;
    width: 7%;
}
.predchozi {
    text-align: left;
    width: 11%;
}
.neaktivni {
    color: #BDBDBD;
    margin: 0;
}
#pocetZbozi {
    float: right;
    font-size: 11px;
}
.center {
    float: left;
    width: 78%;
}

.center div
{
      text-align: center;
}

.strankovani span, .navigace_nahoru a
{
  border: 1px solid #d0d0d0;
  background-color: #f8f3c2;
  padding: 5px 0;
}

.aktualni 
{
  background-color: #00700c !important;
  color: #FFFFFF !important;
}

.strankovani span:hover, .strankovani span:hover a
{
  background-color: #00700c;
  color: #FFFFFF;
  
}

.strankovani .stred span
{
  padding: 5px;
  margin: 0 5px;
}  

#menu_left em {
    font-style: normal;
    font-weight: bold;
}
h2 > span, h3 > span {
    color: #FFFFFF;
    font-weight: normal;
}
#pocetZbozi select {
    border: 1px solid #000000;
    font-size: 11px;
}
#do_kosiku div {
    font-size: 10px;
    padding: 2px;
}
#do_kosiku span {
    margin-left: 10px;
    position: relative;
    top: -7px;
}
h2 {
    clear: both;
    font-size: 12px;
    padding-top: 30px;
}
#main {
    margin: 0 auto;
    width: 962px;
}
#logo {
    float: left;
    border: 0 none;
    
}
.menu_ikona {
    float: left;
}
#head {
    font-size: 9px;
    height: 169px;
}
#prepinani {
    height: 47px;
    margin-left: 28px;
    padding-top: 11px;
    text-align: left;
}
#head .prava_cast {
    float: left;
    height: 115px;
    width: 749px;
    background-image: url("/images/new/head_center.jpg");
    background-repeat: no-repeat;
}
#mo_tab {
    background-image: url('/images/motab.jpg');
    width: 83px;
}
#podrobne_tab:hover, #mo_tab:hover {
    height: 21px;
    margin-top: 0;
    padding-top: 5px;
}
#mo_tab:hover {
    background-image: url("/images/motab_hover.jpg");
}
#podrobne_tab:hover {
    background-image: url("/images/podrobnetab_hover.jpg");
}
#podrobne_tab, #mo_tab {
    background-position: center bottom;
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 15px;
    margin-top: 7px;
    padding-top: 4px;
    text-align: center;
}
#podrobne_tab {
    background-image: url("/images/podrobnetab.jpg");
    width: 132px;
}
#firmy_tab:hover {
    background-image: url("/images/firmytab_hover.jpg");
}
#podrobne a:hover, .zbozi_box a:hover, .sekce_box a:hover, .sekce_box_vetsi a:hover {
    text-decoration: underline;
}
.menu_nadpis {
    cursor: pointer;
}
#head strong, #head em {
    position: absolute;
    top: -200px; 
}
#menu {
    background-repeat: no-repeat;
    clear: both;
    height: 35px;
    padding-left: 75px;
}
#menu ul {
    float: left;
    margin: 0;
    padding: 10px 0 0;
}
#menu li {
    float: left;
    font-size: 12px;
    font-weight: bold;
    list-style: none outside none;
    padding: 0 14px;
}
#menu a {
    color: #000000;
    text-decoration: none;
}
#menu a:hover {
    text-decoration: underline;
}
#vyhledavani {
    float: right;
    padding-top: 6px;
    width: 330px;
    text-align: right;
}

#vyhledat_button
{
  margin-right: 9px;
}

#vyhledavani img {
    cursor: pointer;
}
#vyhledavani input {
    border: 1px solid #000000;
    float: left;
    height: 18px;
    width: 190px;
    margin-right: 9px;
    position: relative;
    left: 15px;
}
#menu_left {
    float: left;
    padding-right: 5px;
    width: 217px;
    margin-top: 5px;
}
#menubox2 {
    position: relative;
    top: -10px;
}
#content {
    background-color: #FFFFFF;
    float: right;
    margin-top: 9px;
    min-height: 810px;
    padding: 23px;
    width: 694px;
    _overflow: hidden;
}
#menu_left strong {
    background-repeat: no-repeat;
    color: #FFDA59;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 59px;
    width: 217px;
}
.menu_nadpis {
    background-image: url("/images/new/menu-products-item-bg.jpg");
    background-position: left center;
}
#probihajici_akce {
    background-image: url("/images/akce_bg.jpg");
    padding-top: 25px;
}
#kalendare_diare {
    background-image: url("/images/kalendare_diare_bg.jpg");
    padding-top: 23px;
}
#aromaticke_visacky {
    background-image: url("/images/aromaticke_visacky_bg.jpg");
    padding-top: 24px;
}
#menu_left a {
    text-decoration: none;
}
.roll_menu a {
    color: #000000;
    display: block;
    text-decoration: none;
    width: 181px;
}
.roll_menu a:hover {
    background-color: #FFB521;
}
.roll_menu ul {
    font-family: Tahoma,Verdana,Arial;
    font-size: 8pt;
    line-height: 11pt;
    margin: 0 0 0 34px;
    padding: 4px 0 15px;
}
#menu_left li {
    clear: both;
    list-style: none outside none;
}
.menu_nadpis a {
    color: #000;
    // color: #00700C;
    /* text-shadow: 0 1px 0 #a3ffa9; */
    /* text-shadow: 0 1px 0 #bdffbe; */ 
    text-shadow: 0 1px 0 #ffffff;
}
.menu_nadpis a:hover {
    background-color: transparent;
    text-decoration: underline;
}
#menu_left ul li ul {
    margin-bottom: 10px;
    margin-left: 10px;
    padding-bottom: 0;
}
#menu_left ul li ul a {
    width: 171px;
}
#copyright {
    clear: both;
    padding: 15px;
    text-align: center;
}
#userbar {
    float: right;
}
#userbar img {
    float: left;
}
#userbar .left, #userbar .right {
    background-image: none;
    height: 23px;
    width: 27px;
}
#userbar .left {
    background-image: url("/images/userbar-left.png");
}
#userbar .right {
    background-image: url("/images/userbar-right.png");
}
#userbar div {
    background-image: url("/images/userbar_bg.jpg");
    float: left;
    font-size: 11px;
    height: 23px;
    padding-top: 8px;
}
#userbar span {
    font-size: 10px;
}
#userbar p {
    margin: 0;
}
#userbar div img {
    border: 0 none;
    float: none;
    vertical-align: middle;
}
#userbar a {
    color: #000000;
}
#userbar a:hover {
    text-decoration: none;
}
h1, .uvodni {
    background-image: url("/images/podtrzeni_nadpis.gif");
    background-position: left bottom;
    background-repeat: no-repeat;
    color: #1e6f27;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 3px;
    padding-left: 0px;
}
.zbozi_box {
    background-color: #FFFFFF;
    /* border: 1px dotted #018121; */
     border: 1px solid #d0d0d0;
    float: left;
    height: 264px;
    margin: 8px 5px;
    text-align: center;
    width: 219px;
}
.obrazek_zbozi {
    height: 150px;
    padding-top: 5px;
    margin: 10px 0; 
    /*display: table-cell;
    vertical-align: middle;
    */
}
.obrazek_zbozi img, .obrazek_sekce img {
    border: 0 none;
}
.sekce_box {
    background-color: #FEFBD5;
    float: left;
    height: 130px;
    margin: 8px 5px !important;
    text-align: center;
    width: 105px;
    
}
.obrazek_sekce {
    height: 150px;
    padding-top: 5px;
}
.sekce_box_vetsi {
    //background-color: #FEFBD5;
    background-color: #FFFFFF;
    float: left;
    height: 205px;
    margin: 8px 5px !important;
    text-align: center;
    width: 160px;
    border: 1px solid #D0D0D0;
}
.sekce_box h2, .sekce_box_vetsi h2 {
    background-color: #F8F3C2;    
    display: table-cell;
    font-size: 11px;
    font-weight: bold;
    height: 35px;
    margin: 0;
    padding: 2px;
    vertical-align: middle;
    width: 218px;
}
.zbozi_box h3, .zbozi_box h2 {
    // background-color: #d6ffc7;
    background-color: lighten(@barva_pozadi, 5%);
    display: table-cell;
    font-size: 11px;
    height: 45px;
    margin: 0;
    padding: 2px;
    vertical-align: middle;
    width: 218px;
}
.zbozi_box a, .sekce_box a, .sekce_box_vetsi a {
    color: #00700C;
    text-decoration: none;
}
.lista_zbozi {
    height: 24px;
    padding: 10px;
    background-color: #f6f6f6;
}
.lista_zbozi a {
    color: #1e6f27;
}
.lista_zbozi img {
    cursor: pointer;
}
.cena {
    color: #1e6f27;
    display: block;
    float: left;
    font-size: 11px;
    margin-top: 4px;
    position: relative;
    text-align: left;
    top: -5px;
    width: 135px;
}
.cena span {
    color: #5F7A4A;
    display: block;
    font-size: 9px;
}
.zbozi_box input, #do_kosiku input {
    border: 1px solid #000000;
    float: left;
    height: 18px;
    margin-right: 2px;
    text-align: right;
    width: 23px;
}
.zbozi_box form {
    float: right;
}
#predmety h2, #kalendare h2 {
    background-repeat: no-repeat;
    clear: both;
    color: #1e6f27;
    font-size: 17px;
    font-weight: normal;
    height: 42px;
    margin-bottom: 0;
    margin-top: 5px;
    padding-top: 40px;
}
#predmety h2 {
    background-image: url("/images/nadpis_predmety.jpg");
    padding-left: 107px;
}
#kalendare h2 {
    background-image: url("/images/nadpis_kalendare.jpg");
    padding-left: 80px;
}
#content em {
    color: #1e6f27;
    font-style: normal;
}
#content p {
    text-align: left;
}
.odsazeny {
    margin: 30px 0;
}

#obchodni_podminky p
{
  text-align: justify;
}
#obchodni_podminky em {
    color: #000000;
    font-style: italic;
    font-weight: bold;
}

#postovne_table
{
  width: 400px;
  margin: 18px 0;
}

#postovne_table a, #postovne a:hover 
{
  color: #FFFFFF;
}
#postovne_table td, #postovne_table th
{
  border: 1px solid #000000;
  text-align: left;
  padding: 5px;
}

#postovne_table th
{
  background-color: #1e6f27;
  font-weight: bold;
  color: #FFFFFF;
}
.cislo
{
  text-align: right !important;
  width: 75px;
}

#postovne_table
{
  border-collapse: collapse;
}

.obrazky {
    clear: both;
    text-align: center;
}
.obrazky img {
    margin: 5px 20px;
}
h1 a {
    color: #1e6f27;
    text-decoration: none;
}
h1 a:hover {
    color: #D3373C;
}
.info {
    font-size: 10px;
}
.podsekce_nadpis {
    background-color: @svetla_cast_logo;
    color: #000000;
    //font-weight: bold;
    padding: 4px;
    padding-left: 10px;
}
#podsekce
{
  background-color: #fefbd5;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 150%;
  padding-left: 15px;
}

#podsekce li
{
  list-style-image: none;
  list-style-type: none;
  background-image: url('/images/ul.gif');
  background-repeat: no-repeat;
  background-position: 0 7px;
  padding-left: 15px;
}
#sekce_bg
{
  background-color: #fefbd5;
  margin-bottom: 6px;
}
.detail_zbozi {
    border: 0 none;
    font-size: 11px;
    margin-top: 15px;
    width: 100%;
}
.mnozstevni_slevy {
    border: 0 none;
    float: left;
    font-size: 10px;
    margin-top: 5px;
    width: 400px;
}
.mnozstevni_slevy caption {
    font-weight: bold;
    margin-bottom: 2px;
    text-align: left;
}
.detail_zbozi th {
    background-color: #1e6f27;
    color: #FFFFFF;
    font-weight: normal;
    padding: 5px;
    text-align: right;
    width: 148px;
}
.mnozstevni_slevy_mnozstvi {
    width: 96px;
}
.mnozstevni_slevy_ceny {
    width: 148px;
}
#zbozi_panel {
    float: right;
    font-size: 10px;
    margin-top: 7px;
    text-align: right;
    width: 370px;
}
#zbozi_panel img {
    margin-right: 2px;
    vertical-align: middle;
}
.mnozstevni_slevy th {
    background-color: #1e6f27;
    color: #FFFFFF;
    font-weight: normal;
    padding: 5px;
    text-align: left;
}
.detail_zbozi td, .mnozstevni_slevy td {
    background-color: #F5EEAB;
    padding: 5px 7px;
    text-align: justify;
}
.mnozstevni_slevy td {
    padding: 5px;
}
.detail_zbozi a {
    color: #1e6f27;
}
.navigace {
    clear: both;
    font-size: 11px;
    padding-bottom: 20px;
    padding-top: 10px;
}
.navigace_left {
    float: left;
}
.navigace_right {
    float: right;
}
.cerveny {
    color: #1e6f27;
    padding-top: 5px;
}
#cerno {
    background-color: #000000;
    display: none;
    height: 50%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 10;
}
#hlaska {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    color: #000000;
    display: none;
    padding: 24px 48px;
    position: absolute;
    text-align: center;
    z-index: 150;
}
#hlaska h2 {
    color: #800000;
    font-size: 20px;
    margin-bottom: 30px;
}
#hlaska a {
    color: #606060;
    cursor: pointer;
    font-weight: bold;
}
#akce {
    background-color: #1e6f27;
    clear: both;
    color: #FFFFFF;
    height: 64px;
    margin: 10px auto;
    outline: 2px outset #1e6f27;
    padding: 8px;
    width: 400px;
}
#akce.protie {
    background-color: #FFF683;
    clear: both;
    color: #1e6f27;
    height: 64px;
    margin: 10px auto;
    outline: 1px outset #FEFBD5;
    padding: 8px;
    width: 400px;
}
#akce a {
    color: #FFFFFF;
}
#akce div {
    float: left;
}
#akce img {
    margin-right: 15px;
}
#akce strong {
    display: block;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 5px;
}
.intro {
    background: none repeat scroll 0 0 transparent;
    font-size: 22px;
    font-weight: bold;
    padding: 0;
    margin-left: 3px;
}
.intro_box {
    background-color: #F8F2C2;
    margin-top: 27px; 
}
.intro_box p {
    margin: 0;
    padding: 7px;
}
.vyhody_nakupu {
    float: left;
    height: 164px;
    margin-bottom: 9px;
    margin-left: 10px;
    width: 350px;
}
.vyhody_nakupu strong {
    color: #1e6f27;
    font-size: 14px;
    line-height: 24px;
}
.mo_link {
    clear: both;
    height: 100px;
    padding: 18px;
}
#intro_obrazky {
    margin-top: 20px;
}
#intro_obrazky img {
    margin-left: 3px;
}
.mo_link strong {
    color: #1e6f27;
    font-size: 20px;
    font-weight: normal;
}
.mo_link img {
    float: right;
    margin-right: 10px;
}
.mo_link div {
    float: left;
}
.mo_link p {
    font-size: 13px;
    padding-left: 20px;
}
.mo_link em {
    color: #000000;
    font-weight: bold;
}
.pocet_druhu {
    background-color: #F6F6F6;
    font-size: 10px;
    height: 20px;
    padding-top: 5px;
    position: relative;
    top: -10px;
}
.pocet_druhu a {
    color: #800B0C;
    text-decoration: underline;
}
.pocet_druhu a:visited {
    color: #9E0B0F;
    text-decoration: underline;
}
.obr {
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 59px;
    width: 65px;
}
.obrx {
    display: block;
    float: left;
    height: 59px;
    width: 29px;
}

#tabbar li
{
  width: 230px;
  height: 22px;
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  margin-right: 9px;
}

#tabbar li.active
{
  background-image: url('/images/new/head-tab-active.jpg');
}

#tabbar li.inactive
{
  background-image: url('/images/new/head-tab-inactive.jpg');
}

#tabbar li a
{
  display: block;
  width: 20px;
  padding-top: 2px;
  width: 230px;
  text-decoration: none;
}

#tabbar
{
  margin: 0;
  padding: 0;
  margin-top: 111px;  
  width: 478px;
  float: left;
  position: relative;
  left: -31px;
}

#userbox
{
  float: right;
  width: 250px;
  height: 124px;
  margin-top: 9px;
}

#userbox strong
{
  position: static;
}

#userbox a
{
  color: @svetla_cast_logo;
}

#userbox a:hover
{
  text-decoration: none;
}

#userbox div
{
    height: 47px;
    font-size: 10px;
    color: @svetla_cast_logo;
    padding: 7px 10px;
    line-height: 15px;
}

#userbox .user
{

  background-image: url('/images/new/head-user.jpg');
  margin-bottom: 2px;
}

#userbox .cart
{
  background-image: url('/images/new/head-cart.jpg');
  cursor: pointer;
}

.link {
    display: block;
    float: left;
    padding-top: 23px;
}
#autodoplnky .obr {
    background-image: url("/images/menu_ikony/autodoplnky.png");
}
#destniky_a_plastenky .obr {
    background-image: url("/images/menu_ikony/destniky_a_plastenky.png");
}
#domacnost .obr {
    background-image: url("/images/menu_ikony/domacnost.png");
}
#kalendare_a_diare .obr {
    background-image: url("/images/menu_ikony/kalendare_a_diare.png");
}
#kancelar .obr {
    background-image: url("/images/menu_ikony/kancelar.png");
}
#pro_pc_a_mobily .obr {
    background-image: url("/images/menu_ikony/pro_pc_a_mobily.png");
}
#tasky_penezenky .obr {
    background-image: url("/images/menu_ikony/tasky_penezenky.png");
}
#textil .obr {
    background-image: url("/images/menu_ikony/textil.png");
}
#volny_cas .obr {
    background-image: url("/images/menu_ikony/volny_cas.png");
}
	 
	 
.cesta_divider {
color: darken(#D6FFC7, 50%);
}	 

.navigace_nahoru {
  margin-top: 40px;
  text-align: center;
}

/*vyhledavaci kriteria */
#vyhledavaci_kriteria 
{
    margin: 0;
    padding: 0;
}

#vyhledavaci_kriteria li
{
  background-color: #00700c;
  list-style: none;
  margin: 5px;
  margin-right: 20px;
  padding: 7px 10px;
  display: block;
  float: left;
  color: #FFFFFF;
  border: 1px solid #d0d0d0;
}

#vyhledavaci_kriteria img
{
  vertical-align: middle;
  margin-left: 3px;
}