html, body
    {
      margin: 0;
      padding: 0;
      text-align: center;



    }
    
    ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul {
	width: 135px;
	padding: 2px 2px 1px 2px;

}
h1
{
  font-family:'Trebuchet MS';
  font-size:15px;
}




ul a:link, ul a:visited {
	display: block;
	width: 140px;
	text-decoration: none;
	text-align:left;
	color: #52729a;
        padding: 2px 3px 3px 0px;
        font-family:'Trebuchet MS';
        font-size:11px;
        border-left: 0px solid #94b9e6;
        padding-left:0px;
        font-stretch:ultra-condensed;

}

ul a:hover {

	width: 166px;
        color: white;
	border-left: 10px solid #94b9e6; ;
}
    #glowny
    {
      margin-left: auto;
      margin-right: auto;
      margin:0 auto;
      width:100%;
      height:100%;
      text-align: center;


    }
    #czesc_gorna
    {
     margin-left: auto;
      margin-right: auto;
      margin:0 auto;
       width:1023px;

      text-align: center;
             height:280px;


    }
    #czesc_gorna1
    {
      height:280px;
      width:720px;
      float:left;
    }
    #czesc_gorna11
    {

      height:237px;
      width:720px;

    }
    #czesc_gorna12
    {
      height:24px;
    }
    #tlo
    {
      float:left;
      height:23px;
      width:45px;
      background-image: url(zdjecia/tlo_niebieskie.jpg);
      padding:0px;
    }
    #element_menu
    {
      float:left;
   cursor: pointer;
      width:137px;

    }
    #element_menu2
    {
      float:left;
      height:250px;
      width:133px;
      cursor: pointer;

    }
    #element_menu3
    {
      float:left;
      height:24px;
      width:135px;
       cursor: pointer;

    }
    #element_menu4
    {
      float:left;
      height:24px;
      width:135px;
       cursor: pointer;

    }
    #element_menu5
    {
      float:left;
      height:24px;
      width:135px;
       cursor: pointer;

    }
    #o_nas
    {
     float:left;
       background-image: url(zdjecia/o_nas.jpg);

     height:23px;
      width:138px;
    }
    #kawa
    {
     float:left;
       background-image: url(zdjecia/Kawa.jpg);
      background-repeat:no-repeat;
     height:23px;
      width:135px;
    }
    .kawa11
    {
     float:left;
       background-image: url(zdjecia/Kawa.jpg);
      background-repeat:no-repeat;
     height:23px;
      width:135px;
    }
    #kontakt
    {
     float:left;
       background-image: url(zdjecia/Kontakt.jpg);
      background-repeat:no-repeat;
     height:23px;
      width:135px;
    }
    #ekspresy
    {
     float:left;
       background-image: url(zdjecia/Ekspresy.jpg);
      background-repeat:no-repeat;
     height:23px;
      width:135px;
    }
    .ekspresy11
    {
     float:left;
       background-image: url(zdjecia/Ekspresy.jpg);
      background-repeat:no-repeat;
     height:23px;
      width:135px;
    }
    #o_nas1
    {
      float:left;
      height:106px;
      width:133px;
      display:none;
      z-index:1000;
      background-image: url(zdjecia/o_nas1.jpg);
      background-repeat:no-repeat;
    }
    #o_nas2
    {
    float:left;

    height:150px;
      width:135px;
       margin-right:2px;
       background-image: url(zdjecia/o_nas2.jpg);
      background-repeat:no-repeat;
    }
    #woda
    {

    height:23px;
    width:133px;
    background-image: url(zdjecia/woda.jpg);
    background-repeat:no-repeat;

    }
    #woda1
    {
      margin-top:23px;
      position:absolute;
      height:105px;
      width:133px;
      display:none;
      z-index:10000;
      background-image: url(zdjecia/o_nas1.jpg);
      background-repeat:repeat;
    }
    #czesc_gorna2
    {
      float:left;
      margin-top:1px;
      height:280px;
      width:303px;
      background-image: url(zdjecia/owoce.jpg);
      background-repeat:no-repeat;
    }
    #menu_obejmujace_gorne
    {
     margin-left: auto;
      margin-right: auto;
      margin:0 auto;
      width:1023px;
      height:350px;
      text-align: left;
      font-family:'Trebuchet MS';
      font-size:11px;
      color: gray;

    }
    #menu_obejmujace_gorne2
    {
     margin-left: auto;
      margin-right: auto;
      margin:0 auto;
      width:1023px;
      height:630px;
      text-align: left;
      font-family:'Trebuchet MS';
      font-size:11px;
      color: gray;

    }
    #lewa_strona
    {
      width:250px;
      height:600px;
      float:left;
    }
    tomek
    {
      font-size:19px;
      color: gray;
    }
    #text
    {  
       width: 250px;
       padding-top:190px;
       padding-left:30px

    }
     #textc
    {  
       width: 250px;
       padding-top:175px;
       padding-left:30px

    }
    #text2
    {
      width: 250px;
       padding-top:190px;
       padding-left:30px
    }
    #text3
    {
      width: 250px;
       padding-top:190px;
       padding-left:30px
    }
    #Gpierwszy
    {

      width:309px;
       height:281px;

      float:left;
       background-image: url(zdjecia/dzban.jpg);
      background-repeat:no-repeat;
       display:none;

    }
    #Gpierwszy2
    {

      width:309px;
       height:281px;
      float:left;
       background-image: url(zdjecia/dzban.jpg);
      background-repeat:no-repeat;
       display:block;



    }
    #Gpierwszy3
    {

      width:309px;
       height:281px;
      float:left;
       background-image: url(zdjecia/dzban.jpg);
      background-repeat:no-repeat;
      display:none;


    }
    
    #Gpierwszya
    {

      width:309px;
       height:281px;
       margin-left:35px;
      float:left;
       background-image: url(zdjecia/dzban.jpg);
      background-repeat:no-repeat;
       display:none;

    }
    #Gpierwszy2a
    {

      width:309px;
       height:281px;
          margin-left:35px;
      float:left;
       background-image: url(zdjecia/dzban.jpg);
      background-repeat:no-repeat;
       display:block;



    }
    #Gpierwszy3a
    {

      width:309px;
       height:281px;
          margin-left:35px;
      float:left;
       background-image: url(zdjecia/dzban.jpg);
      background-repeat:no-repeat;
      display:none;


    }
    #Gpierwszya1
    {

      width:309px;
       height:281px;
       margin-left:40px;
      float:left;
       background-image: url(zdjecia/dzban.jpg);
      background-repeat:no-repeat;
       display:none;

    }
    #Gpierwszy2a1
    {

      width:309px;
       height:281px;
          margin-left:40px;
      float:left;
       background-image: url(zdjecia/dzban.jpg);
      background-repeat:no-repeat;
       display:block;



    }
    #Gpierwszy3a1
    {

      width:309px;
       height:281px;
          margin-left:40px;
      float:left;
       background-image: url(zdjecia/dzban.jpg);
      background-repeat:no-repeat;
      display:none;


    }

    #Gpierwszyc
    {

      width:309px;
       height:281px;
       margin-left:20px;
       margin-top:15px;
      float:left;
       background-image: url(zdjecia/saeco.jpg);
      background-repeat:no-repeat;
       display:none;

    }
    #Gpierwszy2c
    {

      width:309px;
       height:281px;
          margin-left:20px;
           margin-top:15px;
      float:left;
       background-image: url(zdjecia/saeco.jpg);
      background-repeat:no-repeat;
       display:block;



    }
    #Gpierwszy3c
    {

      width:309px;
       height:281px;
          margin-left:20px;
           margin-top:15px;
      float:left;
       background-image: url(zdjecia/saeco.jpg);
      background-repeat:no-repeat;
      display:none;


    }
    
    #Gpierwszyb
    {

      width:309px;
       height:281px;
       margin-left:35px;
      float:left;
       background-image: url(zdjecia/szklanica.jpg);
      background-repeat:no-repeat;
       display:none;

    }
    #Gpierwszy2b
    {

      width:309px;
       height:281px;
          margin-left:35px;
      float:left;
       background-image: url(zdjecia/szklanica.jpg);
      background-repeat:no-repeat;
       display:block;



    }
    #Gpierwszy3b
    {

      width:309px;
       height:281px;
          margin-left:35px;
      float:left;
       background-image: url(zdjecia/szklanica.jpg);
      background-repeat:no-repeat;
      display:none;


    }

    #kropelki
    {
      float:right;
      width:86px;
      height:20px;

      margin-right:40px;
      margin-top:0px;

    }
    #kropelki1
    {
      float:right;
      width:86px;
      height:20px;

      margin-right:0px;
      margin-top:0px;

    }
    #kropla1
    {
      float:left;
      width:22px;
      height:20px;
       background-image: url(zdjecia/kropelka.jpg);
      background-repeat:no-repeat;
      margin-left:4px;

    }
     #kropla2
    {
      float:left;
      width:22px;
      height:20px;
      margin-left:4px;
       background-image: url(zdjecia/kropelka2.jpg);
      background-repeat:no-repeat;

    }
     #kropla3
    {
      float:left;
      width:22px;
      height:20px;
        background-image: url(zdjecia/kropelka.jpg);
      background-repeat:no-repeat;
      margin-left:4px;

    }
    #kropla1a
    {
      float:left;
      width:22px;
      height:20px;
       background-image: url(zdjecia/kropelka.jpg);
      background-repeat:no-repeat;
      margin-left:4px;

    }
     #kropla2a
    {
      float:left;
      width:22px;
      height:20px;
      margin-left:4px;
       background-image: url(zdjecia/kropelka2.jpg);
      background-repeat:no-repeat;

    }
     #kropla3a
    {
      float:left;
      width:22px;
      height:20px;
        background-image: url(zdjecia/kropelka.jpg);
      background-repeat:no-repeat;
      margin-left:4px;

    }
    #kropla1b
    {
      float:left;
      width:22px;
      height:20px;
       background-image: url(zdjecia/kropelka.jpg);
      background-repeat:no-repeat;
      margin-left:4px;

    }
     #kropla2b
    {
      float:left;
      width:22px;
      height:20px;
      margin-left:4px;
       background-image: url(zdjecia/kropelka2.jpg);
      background-repeat:no-repeat;

    }
     #kropla3b
    {
      float:left;
      width:22px;
      height:20px;
        background-image: url(zdjecia/kropelka.jpg);
      background-repeat:no-repeat;
      margin-left:4px;

    }
    #Gdrugi
    {
    margin-left:35px;
     width:299px;
      height:281px;
      float:left;
       background-image: url(zdjecia/szklanica.jpg);
      background-repeat:no-repeat;

    }
    #Gtrzeci_menu
    {

     margin-left:50px;
     width:299px;
      height:230px;
      float:left;


    }
    #text_menu
    {

      margin-top:30px;
       padding-left:10px;
       padding-top:10px;
       height:281px;
       cursor:pointer;
        background-image: url(zdjecia/tlo_menu.jpg);
      background-repeat:no-repeat;

    }

    #Gdrugi2
    {
      margin-top:10px;

     width:635px;
      float:left;

      height:320px;
    }
    #Gdrugi2_2
    {
      margin-top:10px;

     width:635px;
      float:left;

      height:600px;
    }
    #Gdrugi2_2i
    {
      margin-top:10px;

     width:635px;
      float:left;

      height:900px;
    }
    #Gdrugi2text
    {
      margin-left:30px;
      width:600px;
      padding-top:5px;
    }

    #Gdrugi2text1
    {
      margin-left:30px;
      width:400px;
      padding-top:5px;
      float:left;
    }
    #Gdrugi2obrazek
    {
      margin-top:24px;
      margin-left:30px;
      width:150px;
      height:250px;

      float:left;


    }

    #tekstcik
    {
     float:left;
     padding-left:40px;
    }
    #tekstcik2
    {
       float:left;
       width:360px;
    }



    }

    #Gdrugi21
    {

      width:290px;
       height:281px;
      float:left;


    }
    #Gdrugi22
    {
      margin-left:30px;
      padding-top:30px;
      width:290px;
       height:281px;
      float:left;

    }
    #Gtrzeci2
    {

     margin-left:30px;
     width:299px;
      height:281px;
      float:left;
      padding-top:23px;


    }

    
    #menu_obejmujace_dolne
    {
     margin-left: auto;
      margin-right: auto;
      margin:0 auto;
      width:1023px;
      height:330px;
      text-align: left;
      font-family:'Trebuchet MS';
      font-size:11px;
      color: gray;



    }
    #Dpierwszy
    {

      width:342px;
      height:330px;
      float:left;

       background-image: url(zdjecia/szklanka.jpg);
      background-repeat:no-repeat;
    }
    #Ddrugi
    {

     width:299px;
      height:330px;
      float:left;


       background-image: url(zdjecia/szklanka2.jpg);
      background-repeat:no-repeat;
    }
    #Dtrzeci
    {

     width:350px;
      height:330px;
      float:left;
        margin-top:2px;
       background-image: url(zdjecia/szklanka3.jpg);
      background-repeat:no-repeat;
    }
    #text000
    {
      padding-left:60px;
      padding-top:70px;
    }
    #text0001
    {
      padding-left:35px;
      padding-top:70px;
    }
    #stopka
    {
      text-align:center;
    }