/*  MEDOVA PEKARNA  */
* {
   padding: 0;
   margin: 0;
  }

body  {
       background: #ffffff url("images/web/pozadi.jpg") repeat-x;
       _text-align: center;
       padding-bottom: 15px;
      }

ul  {
     list-style-type: none;
     margin: 15px 0 0 11px;
    }

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

img {
     border: 0;
    }

.zarazka
{
clear: both;
}
    
.zarovnani-doleva
{
float: left;
width: 500px;
} 

.zarovnani-doprava
{
float: right;
width: 350px;
}    
      
    /*  OBSAH  */

#obsah  {
         width: 931px;
         margin: auto auto;
         _text-align: left;
        }
        
    /* top */
#top  {
       margin-left: 4px;
      }

#logo1  {
         background: url("images/web/logo1.jpg") no-repeat;
         height: 99px;
         width: 278px;
         float: left;
        }

#logo2  {
         background: url("images/web/logo2.jpg") no-repeat;
         height: 87px;
         width: 99px;
         clear: left;
        }

#kruh-levy  {
             background: url("images/web/kruh-levy2.png") !important;
             background: none;
             filter: none !important;
             filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src="images/web/kruh-levy2.png");
             height: 118px;
             width: 99px;
             float: left;
            }
        
#vcela1  {
         background: url("images/web/vcela11.png") !important;
         background: none;
         filter: none !important;
         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src="images/web/vcela1.png");
         height: 99px;
         width: 588px;
         float: left;
        }

#top-levy {
           float: left;
          }

#flash  {
         background: url("images/web/flash.jpg") no-repeat;
         height: 205px;
         width: 645px;
         float: left;
        }

#vcela2  {
         background: url("images/web/vcela22.png") !important;
         background: none;
         filter: none !important;
         filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src="images/web/vcela22.png");
         height: 205px;
         width: 122px;
         float: left;
        }

    /* podklad */
#podklad  {
           clear: both;
          }

#podklad-levy {
               background: url("images/web/podklad-levy.png") !important;
               background: none;
               filter: none !important;
               filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src="images/web/podklad-levy.png");
               height: 8px;
               width: 48px;
               float: left;
              }

#podklad-stred  {
                 background: url("images/web/podklad-stred2.jpg") no-repeat;
                 height: 8px;
                 width: 814px;
                 float: left;
                }

#podklad-pravy  {
                 background: url("images/web/podklad-pravy.png") !important;
                 background: none;
                 filter: none !important;
                 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src="images/web/podklad-pravy.png");
                 height: 8px;
                 width: 69px;
                 float: left;
                }

    /* konec top */
    
    /* stred */

#stin {
       background: url("images/web/stin.png") repeat-y !important;
       background: none;
       filter: none !important;
       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src="images/web/stin.png");
       _position: relative;
       _top: -11px;
       width: 931px;
       clear: both;
      }    

#stred  {
         width: 921px;
         _height: 600px;
         margin-left: 5px;
        }

#content  {
           float: left;
           width: 921px;
          }

#menu {
       background: url("images/web/menu.jpg") no-repeat;
       height: 132px;
       width: 857px;
       float: left;
      }
      
#menu a img {
             margin: 0;
            }

.firma  {
         float: left;
         position: relative;
         top: 5px;
        }

.produkty {
           float: left;
           position: relative;
           top: 3px;
          }

.vyroba {
         float: left;
         position: relative;
         top: 5px;
        }

.distribuce {
             float: left;
             position: relative;
             top: 20px;
            }

.kontakty {
           float: left;
           position: relative;
           top: 32px;
          }

.z1 {
     position: relative;
     top: -2px;
     &left: 2px;
     margin: 0 6px 0 2px;
    }

.z2 {
     position: relative;
     top: 1px;
     &left: 2px;
     margin: 0 6px 0 2px;
    }

.z3 {
     position: relative;
     top: 2px;
     &left: 2px;
     margin: 0 6px 0 2px;
    }

.z4 {
     position: relative;
     top: 3px;
     &left: 2px;
     margin: 0 6px 0 2px;
    }

#menu-pravy {
             float: left;
            }

#menu-pravy-horni {
                   background: url("images/web/kruh-pravy.png") !important;
                   background: none;
                   filter: none !important;
                   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src="images/web/kruh-pravy.png");
                   height: 24px;
                   width: 64px;
                  }

#menu-pravy-dolni {
                   background: url("images/web/menu-pravy.jpg") no-repeat;
                   height: 108px;
                   width: 64px;
                  }

  /* vypsani vyrobku + jazykové mutace */
#vyrobek  {
           background: #ffffff url("images/web/vyrobek.gif") repeat-x;
           width: 921px;
           /*min-height: 685px;
           _height: 685px;*/
           clear: both;
           float: left;
          }

#nove-pozadi {background: url("images/web/zlute-pozadi.jpg") 0 76px no-repeat; width: 921px; height: 685px;}
#grafika-produktu {background: url("images/web/produkty.jpg") 52px 76px no-repeat; &background: url("images/web/produkty.jpg") 52px 54px no-repeat; height: 868px; width: 875px;
_height: 608px; _width: 875px;} 

#popis table {margin-left: 55px;}

#popis h2 {font: bold 18px Georgia;}
         
.ul-kokos a
{
color: #7e560e;
font: bold 14px georgia;
padding-left: 15px;
}

.ul-kokos a:hover
{
color: #a40909;
background: url("images/web2/li.gif") 0 3px no-repeat;
padding-left: 15px;
text-decoration: underline;
}           

.zarovnani-vlevo
{
float: left;
width: 350px;
margin-left: 15px;
}

.zarovnani-vpravo
{
/*float: right;*/
}

.zarovnani-vpravo img
{
float: right;
}
          
/*
#popis img  {
               border: 8px solid #bfbfbf;
              }
*/
#vyrobek-detail {
                 padding: 25px 15px 0 35px; &padding: 5px 15px 0 35px;
                 font: 12px Georgia;
                }

#popis  {
         float: left;
         text-align: left;
         line-height: 25px;
         font: 12px georgia;
        }

#popis img  {
             border: 8px solid #bfbfbf;
             float: right;
             text-align: left;
             vertical-align: top;
            }

.zarazka  {
           clear: both;
          }
#text {
       clear: both;
       margin-top: 40px;
       line-height: 25px;
       padding-right: 30px;
      }

#dort {
       margin: 10px 0 0 20px;
      }

#dort img  {
            border: 8px solid #bfbfbf;
           }

h1 {
         font: 36px georgia;
         display: block;
         margin-bottom: 25px;
        }

#lang {
       float: right;
       height: 22px;
       padding-right: 5px;
      }

#lang img {
         border: 1px solid #bfbfbf;
         margin-left: 5px;
        }
    /* konec stred */

  /* paticka */
#paticka  {
           background: #ffffff url("images/web/zluta-paticka.jpg") no-repeat;
           width: 931px;
           height: 19px;
           clear: both;
          }
.rights {
         float: left;
         padding-left: 15px;
         color: #bfbfbf;
         _position: relative;
         _top: -4px;
        }

.solaris  {
           float: right;
           padding-right: 15px;
           _position: relative;
          _top: -4px;
          }

.solaris a  {
             color: #bfbfbf;
            }

.solaris a:hover  {
                   color: #dc9821;
                  }

#konec  {
         _position: relative;
         _top: -11px;
         font: 12px georgia;
         margin-bottom: 30px;
         clear: both;
        }