body  {
    text-align: center;
    background-color: white;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    background   : url(bg.png) repeat;
}

a img{border: none;}

div#strona {
    margin  : auto;
    border  : none;
    padding : 0px;
    width   : 775px;
    height  : 2000px;

}


div#logo
{   margin     : auto;
    border     : none;
    padding    : 0px;
    width      : 221px;
    height     : 218px;
    float      : left;
}

div#flash
{   margin     : auto;
    border     : none;
    padding    : 0px;
    width      : 554px;
    height     : 218px;
    float      : left;
    background : url(flash.jpg);
}


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

div#podlogo
{   border  : none;
    padding : 0px;
    height  : 34px;
    width   : 221px;
    float   : left;
    background-color: #ed6322;
}

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



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



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



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



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


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





div#podmenu
{   margin  : auto;
    border  : none;
    padding : 0px;
    height  : 12px;
    width   : 775px;
    float   : left;
    background   : url(podmenu.jpg)
}


div#lewa
{   width       : 221px; 
    height      : 420px;
    float       : left;
    background-color: #f1f1f1;
}

div#prawa
{   width       : 554px;  
    float       : left;
    background-color: #ffffff;
}

div#kontakt
{   width       : 221px;
    height      : 38px;   
    float       : left;
    background   : url(kontakt.jpg)
}

div#mapa
{   width       : 221px;
    height      : 38px;   
    float       : left;
    background   : url(mapa.jpg)
}

div#gdziem
{   width       : 221px;
    height      : 71px;   
    float       : left;
}

.niebieski
{   margin-left   : 40px;  
    text-align    : left; 
    font-family   : tahoma;
    font-size     : 8pt;
    color         : #63a8c5;
    line-height   : 15px;
    font-style    : normal;
    margin-bottom : 14px;
}


.pomar
{   margin-left   : 40px;  
    margin-top    : 10px;
    margin-bottom : 0px;
    text-align    : left; 
    font-family   : tahoma;
    font-size     : 8pt;
    color         : #ed6322;
    font-weight   : bold;

}




a:link
{  color           : #ed6322;
   font-weight     : bold;
}
a:hover
{  color           : red;
}
a:active
{  color           : #ed6322;
   font-weight     : bold;
}
a:visited
{  color           : #ed6322;
   font-weight     : bold;
}


div#prawagora
{   width       : 554px;
    height      : 180px;
    float       : left;

}


div#flashofirmie
{  
    text-align      : left;
    float           : left;

    margin-left     : 20px; 
    margin-top      : 25px;
}


div#ofirmie
{   float            : left;
    margin-top       : 20px;
    margin-left      : 20px;
    width            : 403px;
}

.czarny
{  
    text-align    : justify; 
    font-family   : tahoma;
    font-size     : 8pt;
    color         : black;
    line-height   : 15px;
    font-style    : normal;
    margin-top    : 4px;
    margin-right  : 5px;
    margin-bottom : 3px;

} 

.zapraszamy
{   margin-top    : 0px;
    text-align    : left; 
    font-family   : verdana;
    font-size     : 10pt;
    color         : #9ACD32;
}

div#prawydol
{   width       : 554px;
    height      : 240px;      
    float       : left;
    margin-top  : 0px;  
}

div#naszzespol
{   margin-left: 20px;
    text-align      : left;
    float           : left;

}

div#andrzeje
{   float            : left;
    margin-top       : 15px;
    margin-left      : 20px;
    width            : 160px;
    height: 120px;
}


div#pdf
{   float            : right;
    width            : 89px;
    height           : 120px;
}

div#katalogopis
{   float            : left;
    margin-top       : 15px;
    margin-bottom    : 20px;
    width            : 240px;
    margin-left      : 100px;
    height           : 120px;
    text-align       : left;
}

.pobierz
{   margin-top    : 0px;  
    text-align    : left; 
    font-family   : tahoma;
    font-size     : 8pt;
    color         : black;
    line-height   : 15px;
    font-style    : normal;
    float         : left;
}

a.katalog:link
{  color           : #63a8c5;
   font-weight     : normal;
}
a.katalog:active
{  color           : #63a8c5;
   font-weight     : normal;
}
a.katalog:visited
{  color           : #63a8c5;
   font-weight     : normal;
}
a.katalog:hover
{   color          : red;
}


div#stopka
{   margin-top       : 0px;
    text-align       : center;
    margin-bottom    : 0px;
    height:20px
}


p.foot
{   font-family   : tahoma;
    font-size     : 8pt;
    color         : #63a8c5;
    margin-top    : 7px;
    margin-bottom : 10px;
}

table
{   font-family   : tahoma;
    font-size     : 8pt;
    color         : navy;
    text-align    : center; 
    margin-top    : 10px;
    margin-left   : auto;
    margin-right  : auto;
}


.tr1
{   text-align       : center;
    background-color : #FFD700;
    height           : 32px;
    font-weight      : normal;

} 
.tr2
{   text-align       : center;
    background-color : #f1f1f1;
    height           : 25px;
    font-weight      : normal;
}
.tr1ok
{   text-align       : center;
    background-color : #FFD700;
    height           : 25px;
    font-weight      : normal;
}

.tr2ok
{   text-align       : center;
    background-color : #f1f1f1;
    height           : 24px;
    font-weight      : normal;
}
.tr3ok
{   text-align       : center;
    background-color : #f1f1f1;
    height           : 39px;
    font-weight      : normal;

}
.tdwidth
{   width            : 300px}

.tdheight20
{   height           : 20px}

.fotka
{   padding:0px;
    background-color : white}

.przerwa
{   height : 30px;
}

.blue
{   background-color : #2d83cc}

div#systemy
{   width       : 554px;
    height      : 1580px;
    float       : left;
    margin-top  : 20px;
}

div#profile
{   width       : 554px;
    height      : 3400px;
    float       : left;
    margin-top  : 20px;
}

div#folie
{   width       : 554px;
    height      : 2610px;
    float       : left;
    margin-top  : 20px;
}

div#przyokienne
{   width       : 554px;
    height      : 1350px;
    float       : left;
    margin-top  : 20px;
}

div#inne
{   width       : 554px;
    height      : 2800px;
    float       : left;
    margin-top  : 20px;
}

div#mapka
{   width       : 554px;
    height      : 400px;
    float       : left;
    margin-top  : 20px;
}

.tabform
{   font-family   : tahoma;
    font-size     : 8pt;
    color         : navy;
    text-align    : left; 
    margin-top    : 0px;
}

div#lewasys
{   height          : 1600px;
    width           : 221px; 
    float           : left;
    background-color: #f1f1f1;
}

div#lewaprof
{   height          : 3420px;
    width           : 221px; 
    float           : left;
    background-color: #f1f1f1;
}

div#lewafolie
{   height          : 2630px;
    width           : 221px; 
    float           : left;
    background-color: #f1f1f1;
}

div#lewaprzy
{   height          : 1370px;
    width           : 221px; 
    float           : left;
    background-color: #f1f1f1;
}

div#lewainne
{   height          : 2820px;
    width           : 221px; 
    float           : left;
    background-color: #f1f1f1;
}

.fotka
{height:110px}
.fotka2
{height:50px}
.fotka3
{height:80px}

.eng
{   font-family   : tahoma;
    font-size     : 8pt;
    color         : #63a8c5;
    margin-top    : 10px;
    margin-left   : auto;
    margin-right  : auto;
}

a.engl:link
{  color           : #c32421;
   text-decoration : none;
   font-weight     : normal;
}

a.engl:active
{  color           : #c32421;
   text-decoration : none;
   font-weight     : normal;
}

a.engl:visited
{  color           : #c32421;
   text-decoration : none;
   font-weight     : normal;
}

a.engl:hover
{   color          : black;
}