// 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: #9e0b0f;

@hlavni_tmava_barva: #aa1d02; // na VO je to cervena
@barva_infoboxu: #baddfa; // pouziva se v kosiku



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



.sliderakce
{
    background-image: url('/img/akce_bg.gif');
    width: 100%;
    height: 100%;
    padding: 0 30px;
}

.sliderakce .nadpis
{
    width: 100%;
    height: 42px;
    color: white;
    text-align: center;
    font-size: 26px;
    padding-top: 5px;
}

.sliderakce .akceitem
{
    width: 207px;
    float: left;
}

.sliderakce .akceitem div
{
    text-align: center;
}

.sliderakce .akceitem div span
{
    display: block;
    position: relative;
    height: 22px;
    margin-bottom: -30px;
    text-align: center;
    width: 80px;
    margin-left: 125px;
    z-index: 1000;
    padding-top: 8px;
    background-image: url('/img/stara-cena.png');
    
}

.sliderakce .akceitem div span.nova
{
    top: 100px;
    font-weight: bold;
    color: white;
    background-image: url('/img/nova-cena.png');
}

.sliderakce .akceitem div span.stara
{
    text-decoration: line-through;
}

.sliderakce .akceitem div span.skrtnuti
{
    background-image: url('/img/skrtnuti.png');
    z-index: 2000;
}

.sliderakce .akceitem div.nazev
{
    height: 3em;
      display: table-cell;
   vertical-align: middle;
    width: 207px;
}


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

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;
}

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;
}

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

#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");
}
.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: #aa1d03 !important;
  color: #FFFFFF !important;
}

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

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

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: 23px;
}
#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 10px;
}
#menu a {
    color: #000000;
    text-decoration: none;
}
#menu a:hover {
    text-decoration: underline;
}
#vyhledavani {
    float: right;
    padding-top: 6px;
    width: 318px;
    text-align: right;
}

#vyhledat_button
{
  margin-right: 9px;
}

#vyhledavani img {
    cursor: pointer;
}
#vyhledavani input {
    border: 1px solid #000000;
    float: left;
    height: 18px;
    width: 180px;
    margin-right: 9px;
    position: relative;
    left: 15px;
}

#menubox2 {
    position: relative;
    top: -10px;
}
#content {
    background-color: #FFFFFF;
    float: right;
    margin-top: 9px;
    min-height: 810px;
    width: 694px;
    _overflow: hidden; /*IE6 hack*/
    padding: 23px;
}
#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: #9e0b0f;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 3px;
    padding-left: 2px;
}
.zbozi_box {
    background-color: #FFFFFF;
    /* border: 1px dotted #018121; */
     border: 1px solid #d0d0d0;
    float: left;
    height: 264px;
    margin: 8px 5px !important;
    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: #FFFFFF;
    float: left;
    height: 205px;
    margin: 8px 5px !important;
    text-align: center;
    width: 160px;
    border: 1px solid #D0D0D0;
/*
    background-color: #FEFBD5;
    float: left;
    height: 185px;
    margin: 8px 5px !important;
    text-align: center;
    width: 160px;
    */
}
.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;
/*    background-color: #9e0b0f;
    display: table-cell;
    font-size: 11px;
    font-weight: normal;
    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: #9e0b0f;
    text-decoration: none;
}
.lista_zbozi {
    height: 24px;
    padding: 10px;
    background-color: #f6f6f6;
}
.lista_zbozi a {
    color: #9e0b0f;
}
.lista_zbozi img {
    cursor: pointer;
}
.cena {
    color: #9e0b0f;
    display: block;
    float: left;
    font-size: 11px;
    margin-top: 4px;
    position: relative;
    text-align: left;
    top: -5px;
    width: 135px;              
}
.cena span {
    color: #828282;
    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: #9e0b0f;
    font-size: 17px;
    font-weight: normal;
    height: 42px;
    margin-bottom: 0;
    margin-top: 5px;
    padding-top: 40px;
    padding-left: 10px;
}
#predmety h2 {
    background-image: url("/images/nadpis_predmety.jpg");
    padding-left: 117px;
}
#kalendare h2 {
    background-image: url("/images/nadpis_kalendare.jpg");
    padding-left: 90px;
}
#content em {
    color: #9e0b0f;
    font-style: normal;
}
#content p {
    text-align: left;
}
.odsazeny {
    margin: 30px 0;
}
#obchodni_podminky em {
    color: #000000;
    font-style: italic;
    font-weight: bold;
}
.obrazky {
    clear: both;
    text-align: center;
}
.obrazky img {
    margin: 5px 20px;
}
h1 a {
    color: #9e0b0f;
    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;
  //margin-top: 30px;
}
.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: @hlavni_tmava_barva;    
    color: #FFFFFF;    
    font-weight: normal;
    padding: 5px;
    text-align: right;
    width: 130px;
}
.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: #9e0b0f;
    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: #9e0b0f;
}
.navigace {
    clear: both;
    font-size: 11px;
    padding-bottom: 20px;
    padding-top: 10px;
}
.navigace_left {
    float: left;
}
.navigace_right {
    float: right;
}
.cerveny {
    color: #9e0b0f;
    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: #9e0b0f;
    clear: both;
    color: #FFFFFF;
    height: 62px;
    margin: 10px auto;
    outline: 2px outset #9e0b0f;
    padding: 8px;
    width: 400px;
}
#akce.protie {
    background-color: #FFF683;
    clear: both;
    color: #9e0b0f;
    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: 28px;
}

.asociace_box {
  text-align: center;
  font-size: 12px;
  margin-top: 30px;
}

.asociace_box img
{
  margin-top: 10px;
}

.intro_box p {
    margin: 0;
    padding: 7px;
}
.vyhody_nakupu {
    float: left;
    height: 164px;
    margin-bottom: 9px;
    margin-left: 10px;
    width: 330px;
    padding-left: 10px;
    padding-right: 10px;
}
.vyhody_nakupu strong {
    color: #9e0b0f;
    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: #9e0b0f;
    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;
/*
    background-color: #FEFBD5;
    font-size: 10px;
    position: relative;
    top: -10px;
    */
}
.pocet_druhu a {
    color: #800B0C;
    text-decoration: underline;
}
.pocet_druhu a:visited {
    color: #9E0B0F;
    text-decoration: underline;
}
.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;
}
 
	 
.cesta_divider {
color: lighten(#9e0b0f, 25%);
}	 

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

/*menu*/
#menu_left em
{
  font-style: normal;
  font-weight: bold;
}

#menu_left
{
  width: 217px;
  padding-right: 5px;
  float: left;
  margin-top: 9px;
}

#menu_left strong
{
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #ffda59;
  /*padding-left: 70px;*/
  width: 217px;
  height: 40px;
  background-repeat: no-repeat;
}

.menu_bg
{
  /*padding-top: 23px; */
  background-image: url('/images/new/menu-products-item-bg.jpg');   
}

.menu_bg .obr
{
  width: 15px;
  height: 20px;
  float: left;
}

.menu_bg .nazev
{
  padding-top: 10px;
}

.menu_bg a, .menu_bg .nazev
{
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  text-decoration: none;
}

.menu_bg a:hover
{
  background-color: transparent;
  text-decoration: underline; 
}

#menu_left ul a
{
  display: block;
  text-decoration: none;
  width: 181px;
  color: #000000;
}

#menu_left ul a:hover
{
  background-color: #ffb521;
}

#menu_left ul
{
  margin: 0;
  padding: 0;
  margin-left: 34px;
  font-size: 8pt;
  font-family: Tahoma, Verdana, Arial;
  line-height: 11pt;
  margin-bottom: 8px;
}

#menu_left li
{
    clear: both;
    list-style: none;
      list-style-type: none;
  list-style-image: none;
}



/*#menu_left li ul
{
  position: absolute;
  display: none;
}

#menu_left li:hover ul
{
  display: block;
}

#menu_left ul li ul
{
  margin-left: 170px;
  margin-top: -15px;
  background-color: #f5eeab;
  border: 1px solid #ffb521;
  padding: 5px;
} */

#menu_left ul li ul
{
  margin-left: 10px;
  margin-bottom: 10px;
}

#menu_left ul li ul a
{
  width: 171px;
}

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

#vyhledavaci_kriteria li
{
  background-color: #aa1d03;
  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;
}

#gelosvezovace h1
{
	font-size: 16pt;
}

#gelosvezovace h2
{
	font-size: 13pt;
}

#gelosvezovace ul
{
	width: 120px;
	float: left;
} 

#gelosvezovace a
{
	display: block;
	clear: both;
}

#gelosvezovace img
{
	float: right;
	margin-right: 60px;
	position: relative;
	top: -30px;
}

#gelosvezovace strong.akce
{
	display: block;
	text-align: right;
	color: #9e0b0f;
	padding: 10px 0;
}

#gelosvezovace p
{
	text-align: justify;
}

.menu_bg
{
  cursor: pointer;
}

.maincatmenu
{
  display: none;
}