body {
    text-align: center;
    position: relative;
    background-color:#333333;
    background-repeat: no-repeat;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-position: center top;
    padding:0px;

    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
}

body#oferta {
    text-align: center;
    position: relative;
    background-color:grey;
    background-image: url(tlooferta.jpg);
    background-repeat: no-repeat;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-position: center top;
    padding:0px;

    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
}




a img{border: none;}

   

div#strona {

    margin  : auto;
    border  : none;
    padding : 0px;
    width   : 960px;
    height  : 300px;


}

div#gora
{   margin     : auto;
    border     : none;
    padding    : 0px;
    width      : 960px;
    height     : 200px;
    float      : left;

}

div#plastill {
    margin  : auto;
    border  : none;
    padding : 0px;
    width   : 280px;
    height  : 300px;
    float   : left;
background-image: url(bg.png);
background-color : #333333;
}

div#przerwa {
    margin  : auto;
    border  : none;
    padding : 0px;
    width   : 1px;
    height  : 300px;
    float   : left;

background-color : silver;
}


div#laupher {
    margin  : auto;
    border  : none;
    padding : 0px;
    width   : 280px;
    height  : 480px;
    float   : left;
background-image: url(bg.png);
background-color : #333333;
}

div#media {
    margin  : auto;
    border  : none;
    padding : 0px;
    width   : 280px;
    height  : 480px;
    float   : left;
background-image: url(bg.png);
background-color : #333333;
}


div#logo
{   margin     : auto;
    border     : none;
    padding    : 0px;
    width      : 260px;
    height     : 100px;
    float      : left;
    background-color : #333333;
}

#text1
{  
    margin-top    : 25px;
    text-align    : center; 
    font-family   : tahoma, calibri, verdana;
    font-size     : 10pt;
    color         : white;
    line-height   : 20px;
    font-style    : normal;
}

#text2
{  
    margin-top    : 30px;
    text-align    : center; 
    font-family   : tahoma, calibri, verdana;
    font-size     : 10pt;
    color         : white;
    line-height   : 20px;
    font-style    : normal;
}

#text3
{  
    margin-top    : 40px;
    text-align    : center; 
    font-family   : tahoma, calibri, verdana;
    font-size     : 10pt;
    color         : white;
    line-height   : 20px;
    font-style    : normal;
}

#kontakt
{  
    margin-top    : 5px;
    margin-left   : 450px;
    font-family   : tahoma, calibri, verdana;
    font-size     : 10pt;
    color         : white;

}
div#pasekgora {
    margin  : auto;
    border  : none;
    padding : 0px;
    width   : 700px;
    height  : 50px;
    float      : left;
    background-color : #333333;
}

div#menupoziome {
    margin  : auto;
    border  : none;
    padding : 0px;
    width   : 700px;
    height  : 50px;
    float   : left;
    background-color : grey;
}

div#poleglowne {
    border  : none;
    padding : 0px;
    width   : 960px;
    height  : 480px;
    float      : left;
background-image: url(straconkatlo.jpg);

    margin-left:0px;
}

div#poleoferta {
    border  : none;
    padding : 0px;
    width   : 960px;
    height  : 480px;
    float      : left;
background-image: url(bg.png);

    margin-left:0px;
}

div#poleindex {
    border  : none;
    padding : 0px;
    width   : 960px;
    height  : 480px;
    float      : left;
background-image: url(straconkatlo.jpg);
    background-color : darkslategray;
    margin-left:0px;
}

div#ofertaglowne {
    border  : none;
    padding : 0px;
    width   : 960px;
    height  : 1789px;
    float      : left;
    background-color : lightgrey;
    margin-left:0px;
background-image: url(bg.png);

}



div#zrealizowaneglowne {
    border  : none;
    padding : 0px;
    width   : 960px;
    height  : 620px;
    float      : left;
background-image: url(bg.png);
    background-color : aliceblue;
    margin-left:0px;
}


div#poleonas {
    border  : none;
    padding : 0px;
    width   : 960px;
    height  : 480px;
    float      : left;
background-image: url(bg.png);
    
    margin-left:0px;
}

div#stopka {
    border  : none;
    padding : 0px;
    width   : 960px;
    height  : 50px;
    float      : left;
    background-color : #333333;
}


.opisinwestycji
{  
    margin-top    : 25px;
    text-align    : justify; 
    font-family   : verdana;
    font-size     : 11pt;
    color         : #000033;
    line-height   : 23px;
    font-style    : normal;
    margin-left   : 50px;
    margin-right  : 50px;
}


.opisinwestycji2
{  
    text-align    : justify; 
    font-family   : verdana;
    font-size     : 10pt;
    color         : #000033;
    line-height   : 25px;
    font-style    : normal;
    margin-left   : 30px;
    margin-right  : 30px;


}

.opisonas
{  
    text-align    : justify; 
    font-family   : verdana;
    font-size     : 11pt;
    color         : #000033;
    line-height   : 30px;
    font-style    : normal;
    margin-left   : 30px;
    margin-right  : 30px;


}

.opisinwestycji3
{  
    text-align    : left; 
    font-family   : verdana;
    font-size     : 11pt;
    color         : #000033;
    line-height   : 30px;
    font-style    : normal;
    margin-left   : 130px;
    margin-right  : auto;
    margin-top    : 30px;

}

.downloads
{  
    text-align    : center; 
    font-family   : verdana;
    font-size     : 10pt;
    color         : #000033;
    line-height   : 30px;
    font-style    : normal;
    margin-left   : 30px;
    margin-right  : 30px;


}

.tabform
{   font-family   : calibri, verdana;
    font-size     : 10pt;
    color         : black;
    text-align    : left; 
    margin-top    : 50px;
}





#domek {  
    margin-top    : 0px;
    text-align    : center; 
    font-family   : calibri, verdana;
    font-size     : 14pt;
    color         : #000033;
    line-height   : 30px;
    font-style    : normal;
}



.stopkatext
{   
    margin-top    : 20px;
    text-align    : center; 
    font-family   : tahoma;
    font-size     : 11pt;
    color         : grey;
    font-style    : normal;
    line-height   : 0px;
}

div#straconkanim 
{
    border  : none;
    padding : 0px;
    width   : 480px;
    height  : 480px;
    float      : left;
}

div#straconkaopis
{
    border  : none;
    padding : 0px;
    width   : 480px;
    height  : 480px;
    float      : left;
}


#kontakttyt
{  
    margin-top    : 30px;
    text-align    : center; 
    font-family   : calibri, arial;
    font-size     : 14pt;
    color         : red;
    font-style    : normal;
    margin-left   : 0px;
line-height: 30px;
}

#ofertanagl
{  
    margin-top    : 10px;
    margin-bottom : 10px;
    text-align    : center; 
    font-family   : calibri, arial;
    font-size     : 14pt;
    color         : red;
    font-style    : normal;
    margin-left   : 0px;


}

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


li.ofirmie 
{   margin      : 0px;
    padding     : 0px;
    border      : none;
    width       : 140px;
    height      : 50px;
    float       : left;
    background  : url(ofirmie.jpg) no-repeat;
    position    : relative;
}
a.ofirmie 
{   width       : 140px;
    height      : 50px;
    display     : block; 
    overflow    : hidden; text-indent: -5000px;
}
a.ofirmie:hover {background: url(ofirmiex.jpg) no-repeat ;} 


li.ofirmiepom 
{   margin      : 0px;
    padding     : 0px;
    border      : none;
    width       : 140px;
    height      : 50px;
    float       : left;
    background  : url(ofirmiepom.jpg) no-repeat;
    position    : relative;
}
a.ofirmiepom 
{   width       : 140px;
    height      : 50px;
    display     : block; 
    overflow    : hidden; text-indent: -5000px;
}


li.oferta 
{   margin      : 0px;
    padding     : 0px;
    border      : none;
    width       : 140px;
    height      : 50px;
    float       : left;
    background  : url(oferta.jpg) no-repeat;
    position    : relative;
}
a.oferta 
{   width       : 140px;
    height      : 50px;
    display     : block; 
    overflow    : hidden; text-indent: -5000px;
}
a.oferta:hover {background: url(ofertax.jpg) no-repeat ;} 


li.ofertapom 
{   margin      : 0px;
    padding     : 0px;
    border      : none;
    width       : 140px;
    height      : 50px;
    float       : left;
    background  : url(pom2.jpg) no-repeat;
    position    : relative;
}
a.ofertapom 
{   width       : 140px;
    height      : 50px;
    display     : block; 
    overflow    : hidden; text-indent: -5000px;
}


li.zrealizowane
{   margin      : 0px;
    padding     : 0px;
    border      : none;
    width       : 140px;
    height      : 50px;
    float       : left;
    background  : url(zrealizowane.jpg) no-repeat;
    position    : relative;
}
a.zrealizowane 
{   width       : 140px;
    height      : 50px;
    display     : block; 
    overflow    : hidden; text-indent: -5000px;
}
a.zrealizowane:hover {background: url(zrealizowanex.jpg) no-repeat ;} 

li.zrealizowanepom
{   margin      : 0px;
    padding     : 0px;
    border      : none;
    width       : 140px;
    height      : 50px;
    float       : left;
    background  : url(zrealizowanepom.jpg) no-repeat;
    position    : relative;
}
a.zrealizowanepom 
{   width       : 140px;
    height      : 50px;
    display     : block; 
    overflow    : hidden; text-indent: -5000px;
}


li.planowane 
{   margin      : 0px;
    padding     : 0px;
    border      : none;
    width       : 140px;
    height      : 50px;
    float       : left;
    background  : url(planowane.jpg) no-repeat;
    position    : relative;
}
a.planowane 
{   width       : 140px;
    height      : 50px;
    display     : block; 
    overflow    : hidden; text-indent: -5000px;
}
a.planowane:hover {background: url(planowanex.jpg) no-repeat ;} 

li.planowanepom 
{   margin      : 0px;
    padding     : 0px;
    border      : none;
    width       : 140px;
    height      : 50px;
    float       : left;
    background  : url(planowanepom.jpg) no-repeat;
    position    : relative;
}
a.planowanepom 
{   width       : 140px;
    height      : 50px;
    display     : block; 
    overflow    : hidden; text-indent: -5000px;
}



li.kontakt 
{   margin      : 0px;
    padding     : 0px;
    border      : none;
    width       : 140px;
    height      : 50px;
    float       : left;
    background  : url(kontakt.jpg) no-repeat;
    position    : relative;
}
a.kontakt 
{   width       : 140px;
    height      : 50px;
    display     : block; 
    overflow    : hidden; text-indent: -5000px;
}
a.kontakt:hover {background: url(kontaktx.jpg) no-repeat ;} 


li.kontaktpom 
{   margin      : 0px;
    padding     : 0px;
    border      : none;
    width       : 140px;
    height      : 50px;
    float       : left;
    background  : url(kontaktpom.jpg) no-repeat;
    position    : relative;
}
a.kontaktpom 
{   width       : 140px;
    height      : 50px;
    display     : block; 
    overflow    : hidden; text-indent: -5000px;
}

.kontaktakapit
{   margin-left   : 40px;  
    margin-top    : 28px;
    text-align    : left; 
    font-family   : tahoma;
    font-size     : 13pt;
    color         : green;
    line-height   : 25px;
    font-style    : normal;
}

#gallery {
	width: 960px;
	height: 480px;
}

#gallery2 {
	width: 480px;
	height: 480px;
}

#gallery3 {
	width: 480px;
	height: 480px;
}

.ponukaakapit
{   margin-left   : 40px;  
    margin-top    : 28px;
    text-align    : left; 
    font-family   : tahoma;
    font-size     : 12pt;
    color         : #cb220d;
    line-height   : 25px;
    font-style    : normal;
}

a.stopkaover:link
{  color           : grey;
   text-decoration : none;

}
a.stopkaover:active
{  color           : grey;
   text-decoration : none;

}
a.stopkaover:visited
{  color           : grey;
   text-decoration : none;
}
a.stopkaover:hover
{   color          : orange;
    text-decoration: none;
}

.pobierzcennik
{   
    margin-top    : 30px;
    text-align    : center; 
    font-family   : tahoma;
    font-size     : 11pt;
    color         : #cb220d;
    line-height   : 20px;
    font-style    : normal;
}


.dopravaakapit
{   margin-left   : 40px;  
    margin-top    : 28px;
    text-align    : center; 
    font-family   : tahoma;
    font-size     : 13pt;
    color         : #0b84cb;
    line-height   : 25px;
    font-style    : normal;
}

a.katalog:link
{  color           : #cb220d;
   font-weight     : normal;
    font-size     : 10pt;
}
a.katalog:active
{  color           : #cb220d;
   font-weight     : normal;
    font-size     : 10pt;
}
a.katalog:visited
{  color           : #cb220d;
   font-weight     : normal;
    font-size     : 10pt;
}
a.katalog:hover
{   color          : grey;
    font-size     : 10pt;
}





a.bau:link
{  color           : #000033;
   font-weight     : normal;
   font-family     : tahoma;
   font-size       : 12pt;
}
a.bau:active
{  color           : #000033;
   font-weight     : normal;
   font-family     : tahoma;
   font-size       : 12pt;
}
a.bau:visited
{  color           : #000033;
   font-weight     : normal;
   font-family     : tahoma;
   font-size       : 12pt;
}
a.bau:hover
{  color           : red;
   font-weight     : normal;
   font-family     : tahoma;
   font-size       : 12pt;
}

div#trescdoprava
{   margin  : auto;
    border  : none;
    padding : 0px;
    width   : 540px;
    height  : 500px;
    float   : left;
    background-color: white;
}

table
{   font-family   : verdana;
    font-size     : 10pt;
    color         : #000033;
    text-align    : left; 
    margin-top    : 10px;
    margin-left   : auto;
    margin-right  : auto;


}

.tablet
{   text-align    : left; 
    margin-top    : 10px;
    margin-left   : auto;
    margin-right  : auto;
    background-image : url(bg.png);
 background-color : lightgrey;
height:475px;
}



.td1
{   text-align       : left;
    font-weight      : normal;
    line-height      : 30px;
    width            : 300px;
    background-color : whitesmoke;
    height           : 460px;
    margin-left      : 50px;
} 


.tr2
{   text-align       : center;
    background-color : #f1f1f1;
    height           : 25px;
    font-weight      : normal;
}
.tr1ok
{   text-align       : center;
    background-color : lightgrey;
    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           : 30px}

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

.przerwa
{   height : 30px;
}

.blue
{   background-color : #2d83cc}



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       : 300px;
    height      : 400px;
    float       : left;
    margin-top  : 20px;
}



a.sklep:link
{  color           : orangered;
   font-weight     : normal;
   font-family     : tahoma;
   font-size       : 8pt;
}
a.sklep:active
{  color           : orangered;
   font-weight     : normal;
   font-family     : tahoma;
   font-size       : 8pt;
}
a.sklep:visited
{  color           : orangered;
   font-weight     : normal;
   font-family     : tahoma;
   font-size       : 8pt;
}
a.sklep:hover
{  color           : red;
   font-weight     : normal;
   font-family     : tahoma;
   font-size       : 8pt;
}

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

* {margin:0; padding:0}

#galleryy {position:relative; width:565px; height: 475px; margin:0px auto; padding:10px; border:6px solid #fff; background:#AAA}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:550px; height:370px; padding:5px; border:2px solid #666; background:#FFF url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:560px; height:67px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:550px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:67px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}


a.gras:link
{  color           : #000033;
   font-weight     : normal;
   font-family     : tahoma;
   font-size       : 8pt;

}
a.gras:active
{  color           : #000033;
   font-weight     : normal;
   font-family     : tahoma;
   font-size       : 8pt;

}
a.gras:visited
{  color           : #000033;
   font-weight     : normal;
   font-family     : tahoma;
   font-size       : 8pt;

}
a.gras:hover
{  color           : orange;
   font-weight     : normal;
   font-family     : tahoma;
   font-size       : 8pt;

}

.graster
{   font-family   : tahoma;
    font-size     : 8pt;
    color         : grey;
    text-align    : right; 
    margin-left   : auto;
    margin-right  : 10px;
    line-height   : 15px;
}