body
{   overflow-x       : hidden;
    text-align       : center;
    margin-top       : 0px;
    margin-left      : auto;
    margin-right     : auto;
    padding          : 0px;
}

a img
{     border: none; 
}

div#strona  
{   width   : 780px;
    margin  : auto;   
}

div#flash  
{   margin  : 0px;
    padding : 0px;
    width   : 322px;
    height  : 408px;
    float   : right; 
}

div#noflash  
{   margin  : 0px;
    padding : 0px;
    width   : 322px;
    height  : 408px;
    float   : right;
}

div#gory  
{   margin  : 0px;
    border  : none;
    padding : 0px;
    width   : 458px;
    height  : 254px;
    float   : left;
}



div#part1
{   margin     : auto;
    border     : none;
    padding    : 0px;
    width      : 208px;
    height     : 139px;
    float      : left;
    background : url(part1.jpg);
}

div#part2 
{   margin     : auto;
    border     : none;
    padding    : 0px;
    width      : 250px;
    height     : 139px;
    float      : left;
    background : url(part2.jpg);
}
div#part3 
{   margin     : auto;
    border     : none;
    padding    : 0px;
    width      : 208px;
    height     : 115px;
    float      : left;
    position   : relative;
    background : url(part3.jpg);
}

div#part4 
{   margin     : auto;
    border     : none;
    padding    : 0px;
    width      : 250px;
    height     : 115px;
    float      : left;
    background : url(part4.jpg);
}



div#menupoziome
{   margin  : auto;
    border  : none;
    padding : 0px;
    height  : 84px;
    width   : 458px;
    float   : left;
}

ul#menu 
{   display         : inline;
    list-style-type : none;
}



li.mineralne 
{   margin      : 0px;
    padding     : 0px;
    border      : none;
    width       : 104px;
    height      : 84px;
    float       : left;
    background  : url(przyciski/mineralne.jpg) no-repeat;
    position    : relative;
}
a.mineralne 
{   width       : 104px;
    height      : 84px;
    display     : block; 
    overflow    : hidden; text-indent: -5000px;
}
a.mineralne:hover {background: url(przyciski/mineralneh.jpg) no-repeat ;} 

li.xmineralne 
{   margin      : 0px;
    padding     : 0px;
    border      : none;
    width       : 104px;
    height      : 84px;
    float       : left;
    background  : url(przyciski/mineralneh.jpg) no-repeat;
    position    : relative;
}
a.xmineralne 
{   width       : 104px;
    height      : 84px;
    display     : block; 
    overflow    : hidden; text-indent: -5000px;
}
a.xmineralne:hover {background: url(przyciski/mineralneh.jpg) no-repeat ;} 



li.zrodlane 
{   margin      : 0px;
    padding     : 0px;
    border      : none;
    width       : 104px;
    height      : 84px;
    float       : left;
    background  : url(przyciski/zrodlane.jpg) no-repeat;
    position    : relative;
}
a.zrodlane {
    width       : 104px;
    height      : 84px;
    display     : block; 
    overflow    : hidden; text-indent: -5000px;
}
a.zrodlane:hover {background: url(przyciski/zrodlaneh.jpg) no-repeat ;} 


li.xzrodlane 
{   margin      : 0px;
    padding     : 0px;
    border      : none;
    width       : 104px;
    height      : 84px;
    float       : left;
    background  : url(przyciski/zrodlaneh.jpg) no-repeat;
    position    : relative;
}
a.xzrodlane {
    width       : 104px;
    height      : 84px;
    display     : block; 
    overflow    : hidden; text-indent: -5000px;
}
a.xzrodlane:hover {background: url(przyciski/zrodlaneh.jpg) no-repeat ;} 



li.napoje 
{   margin      : 0px;
    padding     : 0px;
    border      : none;
    width       : 60px;
    height      : 84px;
    float       : left;
    background  : url(przyciski/napoje.jpg) no-repeat;
    position    : relative;
}
a.napoje {
    width       : 60px;
    height      : 84px;
    display     : block; 
    overflow    : hidden; text-indent: -5000px;
}
a.napoje:hover {background: url(przyciski/napojeh.jpg) no-repeat ;} 

li.xnapoje 
{   margin      : 0px;
    padding     : 0px;
    border      : none;
    width       : 60px;
    height      : 84px;
    float       : left;
    background  : url(przyciski/napojeh.jpg) no-repeat;
    position    : relative;
}
a.xnapoje {
    width       : 60px;
    height      : 84px;
    display     : block; 
    overflow    : hidden; text-indent: -5000px;
}
a.xnapoje:hover {background: url(przyciski/napojeh.jpg) no-repeat ;} 


li.soki 
{   margin      : 0px;
    padding     : 0px;
    border      : none;
    width       : 41px;
    height      : 84px;
    float       : left;
    background  : url(przyciski/soki.jpg) no-repeat;
    position    : relative;
}
a.soki {
    width       : 41px;
    height      : 84px;
    display     : block; 
    overflow    : hidden; text-indent: -5000px;
}
a.soki:hover {background: url(przyciski/sokih.jpg) no-repeat ;} 

li.xsoki 
{   margin      : 0px;
    padding     : 0px;
    border      : none;
    width       : 41px;
    height      : 84px;
    float       : left;
    background  : url(przyciski/sokih.jpg) no-repeat;
    position    : relative;
}
a.xsoki {
    width       : 41px;
    height      : 84px;
    display     : block; 
    overflow    : hidden; text-indent: -5000px;
}
a.xsoki:hover {background: url(przyciski/sokih.jpg) no-repeat ;}


li.oleje 
{   margin      : 0px;
    padding     : 0px;
    border      : none;
    width       : 48px;
    height      : 84px;
    float       : left;
    background  : url(przyciski/oleje.jpg) no-repeat;
    position    : relative;
}


a.oleje {
    width       : 48px;
    height      : 84px;
    display     : block; 
    overflow    : hidden; text-indent: -5000px;
}
a.oleje:hover {background: url(przyciski/olejeh.jpg) no-repeat ;} 


li.glowna 
{   margin      : 0px;
    padding     : 0px;
    border      : none;
    width       : 101px;
    height      : 84px;
    float       : left;
    background  : url(przyciski/glownatlo.jpg) no-repeat;
    position    : relative;
}




li.xoleje 
{   margin      : 0px;
    padding     : 0px;
    border      : none;
    width       : 48px;
    height      : 84px;
    float       : left;
    background  : url(przyciski/olejeh.jpg) no-repeat;
    position    : relative;
}


a.xoleje {
    width       : 48px;
    height      : 84px;
    display     : block; 
    overflow    : hidden; text-indent: -5000px;
}
a.xoleje:hover {background: url(przyciski/olejeh.jpg) no-repeat ;} 


div#podmenu  
{   margin      : 0px;
    border      : none;
    padding     : 0px;
    width       : 458px;
    height      : 68px;
    float       : left;
    background  : url(podmenu.jpg) no-repeat;
}

div#lewa
{   width       : 169px;
    height      : 261px;   
    float       : left;

}

div#nowosci  
{   width       : 169px;
    height      : 200px;
    float       : left;
    background  : url(nowosci.jpg) no-repeat;
}



div#szklanka
{   margin-left   : -10px;
    margin-right  : 10px;
    width         : 90px;
    height        : 102px;
    float         : left;
}


div#promocje  
{   width       : 169px;
    height      : 122px;
    float       : left;
    background  : url(promocje.jpg) no-repeat;
}


div#ofirmie  
{   margin      : 0px;
    border      : none;
    padding     : 0px;
    width       : 261px;    
    float       : right;
    background  : url(ofirmie.jpg) no-repeat;
}

div#stopka  
{   margin      : 0px;
    border      : none;
    padding     : 0px;
    width       : 780px;
    height      : 101px;
    float       : right;
    background  : url(stopka.jpg) no-repeat;
}

div#kontenerloga
{   margin-right : 20px;
    float        : right;
    display      : inline
}


div.logastopka
{   margin-left  : 10px;
    margin-right : 10px;
    margin-top   : 10px;
    float        : left;
    display      : inline
}

div#formularz
{   margin-left  : 25px !important;
    margin-left  : 17px; /* IE */
    margin-top   : 5px;
    border       : none;
    width        : 150px;
    height       : 24px;
    float        : left;
    background   : url(formularz.jpg) no-repeat;
    position     : relative;
}
a.formularz 
{   width        : 150px;
    height       : 24px;
    display      : block; 
    overflow     : hidden; text-indent: -5000px;
}
a.formularz:hover {background: url(formularz.jpg) no-repeat ;}


div#kontakt
{   margin-left  : 10px;
    margin-top   : 5px;
    border       : none;
    width        : 78px;
    height       : 26px;
    float        : left;
    background   : url(kontakt.jpg) no-repeat;
    position     : relative;
}
a.kontakt 
{   width       : 78px;
    height      : 26px;
    display     : block; 
    overflow    : hidden; text-indent: -5000px;
}
a.kontakt:hover {background: url(kontakt.jpg) no-repeat ;}



div#kontaktpr  
{   margin      : 0px;
    border      : none;
    padding     : 0px;
    width       : 261px;
    float       : right;
    background  : url(kontakt_16.jpg) no-repeat;
}

h1
{   margin-left   : 77px;
    margin-top    : 13px;  
    margin-bottom : 0px;
    text-align    : left; 
    font-family   : tahoma;
    font-size     : 10pt;
    color         : #2f63bd;

}

h2
{   margin-left   : 87px;
    margin-top    : 11px; 
    margin-bottom : 0px;     
    text-align    : left; 
    font-family   : tahoma;
    font-size     : 9pt;
    color         : #2f63bd;

}

div#srodektytkont
{   width         : 312px;
    height        : 35px;
    text-align    : left;
    margin-left   : auto;
    margin-right  : auto;
}

p.kontakttext
{   margin-left   : 23px; 
    margin-bottom : 15px;
    margin-top    :  0px; 
    text-align    : left; 
    font-family   : tahoma;
    font-size     : 8pt;
    color         : #2f63bd;
}


p.zielony
{   margin-bottom : 1px;
    margin-left   : 23px;  
    margin-right  : auto;
    text-align    : left; 
    font-family   : tahoma;
    font-size     : 8pt;
    font-weight   : bold;
    color         : yellowgreen;
    line-height   : 12px;
}


div#mapa
{   float         : right;
    width         : 261px;
    margin-bottom : 20px;
}

div#plan
{   float         : right;
    width         : 261px;
}
    
div#dojazd
{   float         : right;
    width         : 261px;
    height        : 261px;
    background    : url(kontakt_17.jpg) no-repeat;
}


div.powieksz
{   width         : 261px;
    height        : 22px;
    margin-top    : 0px;   
    margin-left   : auto;
    margin-right  : auto;
    font-family   : tahoma;
    font-size     : 8pt;
    color         : #2f63bd;
}


div#srodek  
{   border        : none;
    padding       : 0px;
    width         : 350px;
    float         : left;
}

div#srodektyt
{   width         : 312px;
    height        : 90px;
    text-align    : left;
    margin-left   : auto;
    margin-right  : auto;
}

div#olejsr
{   width         : 312px;
    height        : 297px;
    margin-left   : auto;
    margin-right  : auto;
}

h1.h1srodek
{   margin-top    :  5px;
    margin-left   :  0px;
    text-align    : left; 
    font-family   : tahoma;
    font-size     : 10pt;
    color         : #2f63bd;
}

h1.h1srodek2w
{   margin-left   : 51px;
    margin-top    : 0px;
    text-align    : left; 
    font-family   : tahoma;
    font-size     : 10pt;
    color         : #2f63bd;
    font-weight   : normal;
}

div.tabelka
{   width         : 312px;
    height        : 100x;
    margin-bottom : 20px;
    margin-left   : auto;
    margin-right  : auto;
}

table
{   font-family   : verdana;
    font-size     : 7pt;
    color         : #000080;
    text-align    : center;
    width         : 297px;    
    margin-left   : auto;
    margin-right  : auto;

}

.lt
{text-align:left}
.w1
{height:40;
 background-color:#F0F8FF}
.c1
{background-color:#F0F8FF}
.c2
{background-color:lemonchiffon}


div#zrodlanesr
{   margin-bottom : 10px;
    width         : 312px;
    height        : 297px;
    margin-left   : auto;
    margin-right  : auto;
}

div#srodektytzr
{   width         : 312px;
    height        : 60px;
    text-align    : left;
    margin-left   : auto;
    margin-right  : auto;
}

div#srodektytgull
{   width         : 312px;
    height        : 130px;
    text-align    : left;
    margin-left   : auto;
    margin-right  : auto;
}

div#gulliversr
{   margin-bottom : 10px;
    width         : 312px;
    height        : 148px;
    margin-left   : auto;
    margin-right  : auto;
}

div#srodektytesp
{   width         : 312px;
    height        : 115px;
    text-align    : left;
    margin-left   : auto;
    margin-right  : auto;
}

div#srodektytesp2
{   width         : 312px;
    height        : 80px;
    text-align    : left;
    margin-left   : auto;
    margin-right  : auto;
}

div#espsr
{   margin-bottom : 10px;
    width         : 312px;
    height        : 190px;
    margin-left   : auto;
    margin-right  : auto;
}

div#espsr2
{   margin-bottom : 10px;
    width         : 312px;
    height        : 180px;
    margin-left   : auto;
    margin-right  : auto;
}

div#mineralnesr
{   margin-bottom : 10px;
    width         : 312px;
    height        : 297px;
}

div#srodektytmin
{   width         : 312px;
    height        : 60px;
    text-align    : left;
    float         : left;
}

h1#h1srodekmin
{   margin-top    :  5px;
    margin-left   :  0px;
    text-align    : left; 
    font-family   : tahoma;
    font-size     : 10pt;
    color         : #2f63bd;
}

h1#h1srodek2wmin
{   margin-left   : 136px;
    margin-top    : 0px;
    text-align    : left; 
    font-family   : tahoma;
    font-size     : 10pt;
    color         : #2f63bd;
}

p
{   margin-left   : 10px;
    margin-right  : 10px;
    margin-top    : 10px;
    line-height   : 15px;
    margin-bottom : 0px;
    text-align    : justify; 
    font-family   : tahoma;
    font-size     : 8pt;
    color         : #2f63bd;
}

div.wiecej
{   float         : right;
    margin-right  : 10px;
    margin-bottom : 15px;
}

div#kation
{  margin:auto;
align: center;
 

}

div#kation
{text-align: center;}

table#kationy
{   font-family   : tahoma;
    font-size     : 8pt;
    color         : #2f63bd;
    text-align    : left;
    margin-bottom : auto;
    margin-top    : 10px;
    margin-left   : auto;
    margin-right  : auto;
}

.tt
{text-align:left;
 background-color:#F0F8FF}

div#flaga
{   float         : right;
    margin-top    : 44px;
    text-align    : right;
}

p.ofirm
{   margin-top    : 39px; 
    margin-left   : 20px; 
    margin-bottom : 0px;
    text-align    : right; 
    font-family   : tahoma;
    font-size     : 9pt;
    line-height   : 15px;
    color         : #2f63bd;
    float         : right;
}


div.ofirm2
{   width         : 210px;
    margin-right  : 8px;
    margin-top    : 40px;
    text-align    : justify; 
    font-family   : tahoma;
    font-size     : 8pt;
    line-height   : 15px;
    color         : #2f63bd;
    float         : right;
}

p.pnowosci
{   margin-left   : 25px;
    margin-top    : 40px;  
    text-align    : left; 
    font-family   : tahoma;
    font-size     : 8pt;
    line-height   : 15px;
    color         : #2f63bd;
}

div#mineralnebut
{    text-align    : center;
     margin-bottom : 10px;
     margin-top    : 15px;
}

p.zielony2
{   margin-top    : 15px;
    text-align    : left; 
    font-family   : tahoma;
    font-size     : 8pt;
    font-weight   : bold;
    color         : yellowgreen;
    line-height   : 0px;
}

p.zielony3
{   margin-top    : 15px;
    margin-bottom : 10px;
    margin-left   : 0px;  
    margin-right  : auto;
    text-align    : left; 
    font-family   : tahoma;
    font-size     : 8pt;
    font-weight   : bold;
    color         : yellowgreen;
    line-height   : 0px;
}

a:link, active, visited
{   color         : darksalmon;
   text-decoration:none;
}
a:hover
{   color         : red;
}

a.hnowosci:link
{  color          : #2f63bd;
} 
a.hnowosci:active
{  color          : #2f63bd;
} 
a.hnowosci:visited
{  color          : #2f63bd;
}
a.hnowosci:hover
{  color          : red;
}   


div#smakowe
{   margin-bottom : 10px;
    width         : 312px;
    height        : 300px;
    margin-left   : auto;
    margin-right  : auto;
}