/*  BABY E-SHOP 24.11.08 ver. 1.0  */
* {
   padding: 0;
   margin: 0;
  }

body  {
       background: #f2ffe8 url("images/web/pozadi.gif") repeat-x;
       _text-align: center;
       font: normal 13px Trebuchet MS;
       color: #004871;
      }

table {
       padding: 0;
       margin: 0;
       font: normal 13px Trebuchet MS;
       color: #004871;
      }

img {
     border: 0;
     padding: 0;
     margin: 0;
    }

form  {
       /*float: left;*/
       margin: 0;
       padding: 0;
      }

a {
   text-decoration: none;
  }

.vyrovnani
{
 height: 180px;
}

.vyrovnani a
{
 width: auto;
}

.vyrovnani .akce  {color: #cf3d67; font: bold 8px verdana; vertical-align: super; position:relative; text-decoration:none;}
.akce  {color: #cf3d67; font: bold 8px verdana; vertical-align: super; position:relative; text-decoration:none;}

.radek  {float: left; margin-right: 3px;}


h1  {
background: url("images/web/banner-detail2.gif") 0 3px no-repeat;
color: #004871;
padding: 3px 0 0 10px;
width: 543px;
height: 29px;
font-size: 20px;
 }  

h2  {
color: #004871;
padding: 20px 0 10px 0;
font-size: 18px;
 }  
  

.menu-umisteni-b a {margin: 0 3px 0 3px;}


/* definice stylů */
/* top */
/* top-left - text, logo, text */
#content  {
           width: 975px;
           _text-align: left;
           margin: auto auto;
          }

#top  {
       background: url("images/web/top-img.jpg") no-repeat;
       width: 975px;
       height: 230px;
      }

#top-left {
           float: left;
           padding: 27px 0 0 24px;
           /*_width: 150px;*/
          }

#top-left-text1 {
                 color: #004871;
                 font-weight: bold;
                }

#logo {
       margin-top: 14px;
       width: 217px;
       height: 63px;
      }

#top-left-text2 {
                 color: #004871;
                 font: italic bold 13px Trebuchet MS;
                 margin-top: 34px;
                }
/* konec top-left*/

/* top-right - topmenu, kosik */
#top-right  {
             float: right;
             width: 700px;
             /*width: 700px;*/
            }

#topmenu  {
           /*margin: 1px 7px 0 0;/*335*/
           float: right;
           margin: 1px 7px 0 0;
           _margin: 1px 4px 0 0;
          }

#topmenu ul {
             list-style-type: none;
            }

#topmenu ul li  {
                 display: inline;
                }

#topmenu ul li .l  {
                    background: url("images/web/menu-leva.gif") no-repeat;
                    float: left;
                    margin-left: 5px;
                    width: 6px;
                    height: 25px
                   }

#topmenu ul li .p  {
                    background: url("images/web/menu-prava.gif") no-repeat;
                    float: left;
                    width: 6px;
                    height: 25px
                   }

#topmenu ul li a  {
                   background: url("images/web/menu-pozadi.gif") repeat-x;
                   padding-top: 4px;
                   height: 22px;
                   &height: 21px;
                   _height: 25px;
                   color: #004871;
                   font: bold 12px Trebuchet MS;
                   float: left;
                  }

#topmenu ul li a:hover  {
                         text-decoration: underline;
                        }

#prejit-do-kosiku {
                   float: right;
                   display: block;
                   margin-right: 80px;
                   _margin-right: 40px;
                   margin-top: 5px;
                  }

#prejit-do-kosiku a {
                     color: #ee145b;
                     text-decoration: underline;
                    }

#kosik  {
         background: url("images/web/kosik-pozadi.gif") no-repeat;
         width: 199px;
         height: 108px;
         clear: both;
         margin: 77px 0 0 496px;
         &margin: 51px 0 0 496px;
         _margin: 48px 0 0 497px;/*51 501*/
         text-align: right;
        }

#kosik img  {
             margin: 26px 15px 0 0;
            }

#kosik-text {
             clear: both;
             color: #ffffff;
             padding-right: 15px;
            }

#polozky  {
           display: block;
          }

#mezisoucet {
             display: block;
            }

#celkova-cena {
               display: block;
               margin-top: 5px;
               &margin-top: 3px;
               _margin-top: 3px;
              }

#cena {
       color: #c70041;
       font-weight: bold;
      }

#top-spodek {
             float: right;
             clear: both;
             margin-top: 14px;
             height: 36px;
            }

#vyhledat {
           float: right;
          }

.hledat {
         background: #f2ffe8;
         border: 1px solid #92c867;
         color: #4aa205;
         width: 140px;
         padding-top: 4px;
         height: 22px;
         position: relative;
         top: -6px;
         _left: 15px;
         &left: 15px;
        }

.lupa {
       background: url("images/web/lupa.gif") no-repeat;
       height: 36px;
       width: 38px;
       border: 0;
       position: relative;
       top: -6px;
      }

#obal-uzivatel-drobecky {
                         margin-right: 208px;
                        }

#uzivatel {
           text-align: right;
           position: relative;
           top: -3px;
          }

#uzivatel a {
             color: #ee145b;
             text-decoration: underline;
            }

#drobecky {
           text-align: right;
           color: #004871;
           position: relative;
           top: -3px;
          }

#drobecky a {
             color: #004871;
             text-decoration: underline;
            }

#drobecky .aktiv  {
                   text-decoration: none;
                  }
/* konec top-right */
/* konec top */

/* middle - vypis sloupcu a obsahu */
#middle {
         clear: both;
         margin-top: 20px;
         &margin-top: 35px;
         _margin-top: 1px;
        }

#left {
       float: left;
       width: 202px;
      }

#katalog  {
           background: url("images/web/zbozi.gif") no-repeat;
           width: 202px;
           height: 32px;
          }
          
#katalog2  {
           background: url("images/web/drevene-hracky.gif") no-repeat;
           width: 202px;
           height: 32px;
          }


.katalog-menu {
               background: url("images/web/katalog-pozadi-menu.gif") repeat-y;
               border-left: 1px solid #cde9f4;
               border-right: 1px solid #cde9f4;
               width: 200px;
              }

.katalog-menu ul  {
                   list-style-type: none;
                   padding-top: 10px;
                  }

.katalog-menu ul li {
                     border-bottom: 1px solid #bde0ee;
                     border-top: 1px solid #ffffff;
                    }

.katalog-menu ul li a {
                       background: url("images/web/li.gif") 0 5px no-repeat;
                       padding: 0 0 0 20px;
                       width: 180px;
                       _width: 170px;
                       /*width 200*/
                       color: #004871;
                       display: block;
                      }

.katalog-menu ul li a:hover {
                             background: url("images/web/li-a.gif") 0 5px no-repeat;
                             text-decoration: underline;
                            }

.katalog-menu ul .prvni  {
                          border-bottom: 1px solid #bde0ee;
                          border-top: 0;
                         }

.katalog-menu ul .posledni {
                            border-bottom: 0;
                            border-top: 1px solid #ffffff;
                           }

/**/

.katalog-menu ul ul li a {background: none; font-style: italic; font-weight: bold; padding-left: 30px; width: 170px;}

/**/



.katalog-pata {
               background: url("images/web/zbozi-pata.gif") no-repeat;
               width: 202px;
               height: 42px;
               margin-bottom: 8px;
              }

#rychly-kontakt {
                 background: url("images/web/kontakt.gif") no-repeat;
                 width: 202px;
                 height: 32px;
                 margin-top: 8px;
                }

#text-obal  {
             background: #e7f9ff;
             width: 200px;
             /*_width: 202px;*/
             border-left: 1px solid #cde9f4;
             border-right: 1px solid #cde9f4;
            }

#text-obal .text  {
                   border-top: 1px solid #ffffff;
                   border-left: 1px solid #ffffff;
                   border-right: 1px solid #ffffff;
                   width: 185px;
                   _width: 185px;
                   /*_width: 200px;*/
                   padding: 16px 0 0 13px;
                  }

#text-obal .text a  {
                     text-decoration: underline;
                     color: #004871;
                    }

#kontakt-pata {
               background: url("images/web/kontakt-pata.gif") no-repeat;
               width: 202px;
               height: 42px;
              }

.bold {
       font-weight: bold;
      }

.underline  {
             text-decoration: underline;
            }

#reklama-obal {
               margin-top: 15px;
               width: 200px;
               _width: 202px;
               height: 147px;
               border: 1px solid #bde0ee;
              }

#reklama  {
           background: url("images/web/reklama.gif") no-repeat;
           height: 145px;
           border: 1px solid #ffffff;
           width: 198px;
           _width: 200px;
          }

#reklama-znak {
               background: url("images/web/r.gif") no-repeat;
               float: right;
               width: 45px;
               height: 47px;
               position: relative;
               top: -24px;
               left: -12px;
              }

#vypis-obsahu {
               float: left;
               /*width: 571px;*/
               /*width: 557px;spravne*/
               width: auto;
               /*_width: 571px;*/
               padding: 0 0 0 10px;/*left 14*/
              }

#stred-index  {
               /*margin: 47px 0 0 14px; */
               margin-top: 15px;

              }

#text-vlevo {
             width: 262px;
             margin-right: 15px;
             float: left;
            }

#text-vpravo {
              width: 262px;
              float: left;
             }

#banner-index {
               background: url("images/web/banner-index.gif") no-repeat;
               width: 544px;
               height: 46px;
               margin-top: 125px;
               &margin-top: 20px;
               clear: both;
              }

#vypis-produktu {
                 float: left;
                 max-width: 550px;/*580*/
                 _width: 550px;
                }

.vyrovnani
{height: 215px;}

.vyrovnani-nazev
{
height: 35px;
text-align:left;
}

.vyrovnani-nazev a
{
padding: 0; margin: 0;}

.produkt  {
           width: 173px;
           height: auto;
           border-bottom: 5px solid #b3dbea;
           padding-bottom: 5px;
           float: left;
           margin-right: 9px;
           margin-bottom: 15px;
          }

.produkt a  {
             color: #004871;
             text-decoration: underline;
             /*display: block;*/
            }
            

.produkt .pic {
               border: 6px solid #b3dbea;
               margin-top: 7px;
               background: #b3dbea;
               width: auto;
               min-width: 50px;
                   font-size: 0;
                   height: 93px;
                   width: 160px;
                   overflow: hidden;
              }

.produkt .pic img {
                   border: 1px solid #ffffff;
                   font-size: 0;
                  }

.produkt-cena {
               color: #c70041;
              }
.kosik-lupa {
             float: right;
            }

.produkt-kosik .kosik-lupa a  { border: 0;
                  }

.produkt-kosik .kosik-lupa img {
                 border: 1px solid #b3dbea;
                }

.produkt-kosik a img  {
                       border: 1px solid #ec0b30;
                      }
/*
.produkt-kosik a .kosik-lupa  {
                               border: 1px solid #86c6e0;
                               float: left;
                               margin-left: 18px;
                              }
*/
#paticka  {
           clear: both;
           padding-bottom: 15px;
           margin-top: 15px;
           _margin-top:0;
           border-top: 5px solid #b3dbea;
           width: 543px;
           text-align:center;
           margin-left:210px;
          }

#paticka a  {
             color: #004871;
             margin-right: 3px;
            }

#paticka .link  {
                 margin-left: 3px;
                }

#paticka .mezera  {
                   margin: 0;
                  }

#paticka a:hover  {
                   text-decoration: underline;
                  }
/* konec middle */

/* right */
#right  {
         float: right;
         margin-right: 4px;
         width: 202px;
        }

#zakaznik {
           background: url("images/web/zakaznik.gif") no-repeat;
           width: 202px;
           height: 32px;
          }

#zakaznik-form  {
                 background: #e7f9ff;
                 border-left: 1px solid #cde9f4;
                 border-right: 1px solid #cde9f4;
                 width: 200px;
                 /*_width: 202px;*/
                 min-height: 100px;
                 _height: 100px;
                }

#zakaznik-form form {
                     padding: 5px 0 0 10px;
                    }

#help {
       clear: both;
       margin-left: 10px;
       padding-top: 5px;
      }

#help a {
         color: #004871;
        }

#help a:hover {
               text-decoration: underline;
              }

.input  {
         width: 173px;
         height: 19px;
         color: #004871;
         background: #f1fcff;
         border: 1px solid #9bcde1;
         font: 13px Trebuchet MS;
        }

.login  {
         background: url("images/web/prihlasit.gif") no-repeat;
         width: 68px;
         height: 16px;
         &width: 70px;
         &height: 18px;
         border: 1px solid #ee145b;
         float: right;
         margin: 3px 15px 0 0;
         _margin: 3px 17px 0 0;
        }

#zakaznik-pata  {
                 background: url("images/web/kontakt-pata.gif") no-repeat;
                 width: 202px;
                 height: 42px;
                }

#akcni-zbozi  {
               background: url("images/web/akcni-zbozi.gif") no-repeat;
               width: 202px;
               height: 32px;
               margin-top: 5px;
              }

#akcni-zbozi-vypis  {
                     background: #e7f9ff;
                     border-left: 1px solid #cde9f4;
                     border-right: 1px solid #cde9f4;
                     width: 200px;
                     /*_width: 202px;*/
                     _text-align: center;
                    }

.produkt-akce-obal  {
                     border-bottom: 4px solid #b3dbea;
                     margin-bottom:5px;
                     padding-top:5px;
                    }

.produkt-akce  {
           width: 173px;
           height: auto;
           padding-bottom: 5px;
           margin-left:12px;
          }

.produkt-akce a  {
             color: #004871;
             text-decoration: underline;
             /*display: block;*/
            }

.produkt-akce .pic {
               border: 6px solid #b3dbea;
               margin-top: 7px;
               background: #b3dbea;
               width: auto;
               min-width: 50px;
                   font-size: 0;
                   height: 93px;
                   width: 160px;
                   overflow: hidden;
              }

.produkt-akce .pic img {
                   border: 1px solid #ffffff;
                   font-size: 0;
                  }
              

.posledni-akce-obal {
                     border-bottom: 0;
                    }

.produkt-kosik a  {width: auto;}

#akce-pata  {
             background: url("images/web/kontakt-pata.gif") no-repeat;
             width: 202px;
             height: 42px;
            }
/* konec right*/
.zarazka  {
           clear: both;
          }


/* -------------------------------------------------------------- DETAIL ZBOZI ------------------------------------------------------------------*/

#stred-detail {
               margin-top: 15px;
              }

#navigace {
           font: italic bold 12px Trebuchet MS;
           /*color: #004871;*/
           color: #c70041;
           margin-bottom: 17px;
          }

#navigace a {
             color: #c70041;
             text-decoration: none;
            }

#navigace a:hover {
                   text-decoration: underline;
                  }

#detail-nazev {
               color: #004871;
              }

#banner-detail  {
                 background: url("images/web/banner-detail2.gif") no-repeat;
                 width: 544px;
                 font: 18px verdana;
                 color: #ffffff;
                 padding: 0 0 0 10px;
                 height: 46px;
                 clear: both;
                }

#produkt-detail-obal  {
                       border: 6px solid #b3dbea;
                       background: #b3dbea;
                       width: 531px;
                       /*height: 276px;*/
                       /*_width: 543px;*/
                       /*_height: 288px;*/
                       overflow: hidden;
                       font-size: 0;
                       /*float: left;
                       display: block;*/
                      }

#produkt-detail-obal img  {
                           border: 1px solid #ffffff;
                           overflow: hidden;
                           font-size: 0;
                          }

#obsah-kosiku {
               margin-top: 12px;
               border: 1px solid #b3dbea;
               width: 541px;
               /*_width: 543px;*/
              }

.leva-bunka {
             border-right: 2px solid #ffffff;
             width: 97px;
             height: 26px;
             padding-left: 16px;
            }

.prava-bunka  {
               width: 406px;
               padding-left: 16px;
               height: 26px;
              }
              
.tmava  {
         background: #e7f9ff;
         border: 0;
        }

.svetla {
         background: #ffffff;
         border: 0;
        }

.pocet-ks {
           width: 23px;
           border: 1px solid #b3dbea;
           float: left;
           margin-right: 5px;
          }

.button-pridatdokosiku  {
                         background: url("images/web/button-pridatdokosiku.gif") no-repeat;
                         width: 130px;
                         height: 18px;
                         border: 0;
                         float: left;
                        }

/*  --------------------------------------------------- kosik --------------------------------------- */

#banner-kosik {
               background: url("images/web/banner-kosik.gif") no-repeat;
               width: 543px;
               height: 46px;
               margin-top: 23px;
              }

#kosik-soucet {
               color: #ffffff;border: 1px solid #a5d5e6;
               width: 541px;
               _width: 543px;
               margin-top: 7px;
              }

#kosik-soucet .cervena  {
                         background: #ef2668;
                         color: #ffffff;
                         text-align: center;
                        }

#kosik-soucet table {
                     border: 0;
                    }

#kosik-soucet .tab-nazev  {
                           width: 143px;
                           border-right: 1px solid #ffffff;
                          }

#kosik-soucet .tab-vyrobce  {width: 56px; border-right: 1px solid #ffffff; height: 26px; _height: 26px; vertical-align: center;}

#kosik-soucet .tab-cenabez  {width: 88px; border-right: 1px solid #ffffff; height: 26px; _height: 26px; vertical-align: center;}

#kosik-soucet .tab-cenas  {width: 73px; border-right: 1px solid #ffffff; height: 26px; _height: 26px; vertical-align: center;}

#kosik-soucet .tab-mnozstvi {width: 61px; border-right: 1px solid #ffffff; height: 26px; _height: 26px; vertical-align: center;}

#kosik-soucet .tab-spec {width: 39px; border-right: 1px solid #ffffff; height: 26px; _height: 26px; vertical-align: center;}

#kosik-soucet .tab-odebrat  {width: 67px; border-right: 1px solid #ffffff; height: 26px; _height: 26px; text-align: center; vertical-align: center;}

.check  {
         margin-left: 27px;
         _margin-left: 23px;
        }

#soucet-form  {
               text-align: right;
               margin: 15px 14px 15px 0;
               _margin: 15px 8px 0px 0;
               color: #ee145b;
              }

#input1 {
         background: #ffffff;
         height: 14px;
         width: 15px;
         _height: 16px;
         _width: 17px;
         border: 1px solid #ee145b;
        }

.input2 {
         background: #ffffff;
         height: 14px;
         width: 42px;
         _height: 16px;
         _width: 44px;
         border: 1px solid #ee145b;
        }

#gallery {
	padding-top: 10px;
	width: 531px;
	height:120px;
	overflow:auto;
}

#gallery .gallery-inc {
	width: 1000px;
}

#gallery img {
	border: 1px solid #b3dbea;
	margin: 5px 9px 0 8px;
}
        
/* Opera */ 
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) 
{ 
head~body #kosik { margin: 50px 5px 0 0; float: right; }
}
      
      
hr.cleaner {
clear:both;
display: none
}
.brcko{
clear: left;
}
.clearboth { 
clear: both; 
}

.uvodni-text{
width: 544px;
text-align:center;
font-weight:bold;
font-size:13px;
}

.podtrzeno{
background-color:#b3dbea;
font-size:0;
height:5px;
width:543px;
}

.odeslatButtonObjed{
position:relative;
top:-520px;
&top:-550px;
color:#F7D89B;
font-weight:bold;
background-color:#D52D66;
}

.odeslatButtonObjed a{
color:white;
}

.chyba{
font-weight:bold;
position:relative;
top:-120px;
}


/* PARAMETY */

          
.mnozstvi {
           width: 23px;
           border: 1px solid #b3dbea;
           margin-left: 5px;
          }

.ParBunka1 {
             border-right: 2px solid #ffffff;
             width: 30%;
             height: 26px;
             padding-left: 16px;
            }

.ParBunka2  {
               width: 20%;
               padding-left: 16px;
               height: 26px;
              }
.ParBunka3 {
             border-right: 2px solid #ffffff;
             width: 50%;
             height: 26px;
             padding-left: 16px;
            }
            
.button-prepocitatcenu  {
                         background: url("images/web/button-prepocitatcenu.gif") no-repeat;
                         width: 130px;
                         height: 18px;
                         border: 0;
                         margin-left:30px;
                        }

.clanek{width:540px;}

.Xstrankovani1{
width:40px;
height:33px;
padding-top:7px;
color:#002852;
font-size:18px;
background-color:white;
display:block;
float:left;
text-align:center;
margin-right:5px;
background:#B0D8FF url("images/web/strankovani2_b.gif") no-repeat;
}

.Xstrankovani2{
width:40px;
height:33px;
padding-top:7px;
color:#002852;
font-size:18px;
display:block;
float:left;
text-align:center;
margin:0 5px 0 0;
background:#DDEEFF url("images/web/strankovani2_a.gif") no-repeat;
}

.XstrankovaniA{margin:20px 0 0 0; height:70px; width:540px;}
.XstrankovaniB{margin:20px 0 0 0; height:70px; &height:0; width:540px;}