body {
margin: 0; 
padding: 0;

font-family: verdana;
font-size: 8pt;
background-color:#ffffff;
background-image:url("images/tlo.jpg");
background-repeat:repeat-x;


}

div
{
margin: 0px auto 0px auto;
}


div#tlo {


margin: 0px auto 0px auto;

width: 753px;
color:black;
background-image:url("images/middle.jpg");
background-repeat:repeat-y;



}

div#intro{

background-color:black;
margin: 20px auto 0px auto;

width: 400px;

}

div#intro2{

background-color:black;
margin: 10px auto 0px auto;
text-align:center;
width: 400px;





}




div#stopka {

margin: 0px auto 0px auto;
width: 753px;
height:19px;
background-image:url("images/stopka.jpg");



}

div#stopkam {

margin: 0px auto 0px auto;
width: 850px;
height:45px;

background-image:url("images/stopkam.jpg");


}

div#licznik {

padding:30px 0px 2px 0px;
width:140px;
height:100px;
background-image:url("images/licznik.jpg");
background-repeat:no-repeat;

}

table.data {
margin:0px;
padding:0px;
width:182px;
height:100px;
background-image:url("images/data.jpg");
background-repeat:no-repeat;
}


div#newsletter {

margin:20px 100px 2px 150px;


}

a.linki{
color:#696969;
font-size: 8pt;
text-decoration:underline;
font-family: verdana;
}

a.linki:hover{
color:#696969;
font-size: 8pt;
text-decoration:none;
font-family: verdana;
}

a.link{
color:#333333;
font-size: 8pt;

font-family: verdana;
}

a.link:hover{
color:#aaaaaa;
font-size: 8pt;

font-family: verdana;
}



div#baner{
margin: 0px auto 0px auto;
background-color:black;
background-image:url("images/baner.jpg");
width: 753px;
height:203px;
border: 0px solid #696969;

}


p.red{
color:red;
padding:0px;
font-size:12pt;


}

div#logo{
background-color:black;
margin-top:0px;
height:88px;
width: 753px;
background-image:url("images/menu.jpg");
background-repeat:no-repeat;
font-size: 8pt;
text-align:right;
font-family: verdana;

}

p.naglowek {
width:605px;
height:27px;
padding:5px 0px 2px 20px;
margin: 10px auto 0px 30px;
color:#61717e;
background-image:url("images/head.jpg");
background-repeat:no-repeat;
font-family: verdana;
font-size: 10pt;
text-align:left;
font-weight:bold;
vertical-align:top;


}

p.newsletter{
background-image:url("images/koperta.jpg");
background-repeat:no-repeat;

}
p.naglowek5{
height:22px;
padding:2px 0px 2px 0px;
margin: 0px auto 0px auto;

color:#61717e;

font-family: verdana;
font-size: 10pt;
text-align:center;
font-weight:bold;
vertical-align:top;
}

p.verd {
font-family: verdana;
font-size: 10pt;
color:#61717e;

}
p.partner{

margin: 20px 20px 0px 20px;
color:#696969;

font-family: verdana;
font-size: 8pt;
text-align:center;

vertical-align:top;

}

p.form {
color:white;
padding:5px 0px 2px 20px;
font-family: verdana;
font-size: 8pt;
}


p.promocja2{
margin:5px 10px 0px 10px;
padding-top:5px;
color:#194c7c;

font-family: verdana;
font-size: 10pt;
text-align:center;

vertical-align:top;

}

p.promocja3{
margin:5px 10px 0px 10px;
padding-top:5px;
color:#61717e;

font-family: verdana;
font-size: 12pt;
text-align:center;

vertical-align:top;

}

p.promocja4{
margin:0px 10px 5px 10px;
padding:0px;
color:#696969;

font-family: verdana;
font-size: 10pt;
text-align:left;

vertical-align:top;

}


p.promocja{
margin:0px 10px 10px 10px;
padding-top:10px;
padding-bottom:10px;
color:#696969;

font-family: verdana;
font-size: 8pt;
text-align:left;

border-bottom: 1px dotted #194c7c;
vertical-align:top;

}

a.promocja{

color:#696969;

font-family: verdana;
font-size: 8pt;


vertical-align:top;

}
a.promocja:hover{

color:black;

font-family: verdana;
font-size: 8pt;


vertical-align:top;

}




td.partner{

margin:0px;
text-align:center;

vertical-align:top;

}




td.pasek{


border-bottom: 1px dotted #424242;

}


p.tekst {
width:280px;

margin: 0px 20px 20px 20px;
color:white;
padding:40px 0px 20px 0px;
font-family: verdana;
font-size: 8pt;
text-align:left;


vertical-align:top;

}

p.short {
width:300px;

margin: 0px 20px 5px 0px;
color:#696969;
padding:0px 20px 5px 10px;
font-family: verdana;
font-size: 8pt;
text-align:left;


vertical-align:top;

}

p.shorts {
width:180px;

margin: 0px 0px 5px 0px;
color:#696969;
padding:0px 0px 5px 0px;
font-family: verdana;
font-size: 8pt;
text-align:left;


vertical-align:top;

}



p.long {
width:650px;

margin: 0px 20px 5px 0px;
color:#696969;
padding:0px 20px 5px 10px;
font-family: verdana;
font-size: 8pt;
text-align:left;


vertical-align:top;

}

p.left {
font-size: 8pt;
text-align:left;
font-weight:light;
}


p.down {
font-size: 8pt;
text-align:left;
font-weight:light;
vertical-align:bottom;
}



div#menu{
width:697px;
height:40px;
margin:0px auto 0px auto;
background-image:url("images/menu.jpg");

font-size:8px;
font-family:verdana;


}
table.now{
color:white; 
margin:9px 0px 0px 25px;
font-family:verdana;
font-size:8pt;
}

table.menu{
color:black; 

border:1px solid black;
font-family:verdana;
font-size:8pt;
margin-top:104px;
margin-left:100px;



}

table.news{
color:#696969;; 
width:420px;
border-bottom: 1px dotted #61717e;
font-family:verdana;
font-size:8pt;



}

table.kontakt{
margin-top:20px;
color:#696969;; 
width:400px;

font-family:verdana;
font-size:10pt;



}



td.ramka{
color:black; 
border-left:4px solid #b0b0b0;
border-right:4px solid #b0b0b0;
border-top:4px solid #b0b0b0;
font-family:verdana;
font-size:8pt;
padding:3px 5px 2px 5px;
background-color:white;

}

table.utwory{
color:#696969;
margin:0px 0px 0px 50px;

border:0px solid white;
}

a{
text-decoration:none; 
}


td.now{
padding:0px 1px 0px 1px;
border:0px;
color:white;
}

td.tops{

vertical-align:top;

}


table.main{
width:800px;
color:black;

margin:0px auto 0px auto;
font-family:verdana;
font-size:8pt;



vertical-align:top;

}


td.dzieki{
font-size:8pt;
font-family:verdana;
padding:20px;
border:0px;
color:black;
}

td.main{
height:100px;
border:0px solid black;
margin:0px auto 0 px auto;
vertical-align:bottom;
}


a.now{
color:white;
padding:2px 3px 2px 3px;


}

a.now:hover{
color:#696969;
background-color:white;


}

a.nows{
padding:2px 3px 2px 3px;
color:black;
background-color:white;
}



a.bow{
color:black;
font-size:10pt;
font-family:verdana;
font-weight:bold;
padding:5px;
}

a.bow:hover{
color:#104E8B;

}


a.bow2{
color:black;
font-size:9pt;


font-family:verdana;
padding:5px 5px 5px 25px ;
}

a.bow2:hover{
color:#104E8B;
}



p.mas {
padding:60px 70px 0px 80px; 
margin: 0px auto 0px auto;

border: 0px solid #696969;
font-family: verdana;
font-size: 10pt;
text-align: justify;

}


p.center {
padding:0px;
margin: 0px auto 0px auto;


font-family: verdana;
font-size: 10pt;
text-align: center;

}

p.stopk {
margin:0px;

padding-top:12px;
padding-left:20px;
color:#aaaaaa;
border: 0px solid #696969;
font-family: verdana;
font-size: 8pt;


}

a.stopk{




color:#aaaaaa;
border: 0px solid #696969;
font-family: verdana;
font-size: 8pt;


}
a.stopk:hover {
margin:0px;
text-align:center;

color:#ffffff;

font-family: verdana;
font-size: 8pt;
}



p.stopka {
margin:0px;
text-align:center;
padding-top:30px;
padding-left:20px;
padding-bottom:10px;
color:#000000;
border: 0px solid #696969;
font-family: verdana;
font-size: 8pt;


}

a.stopka {

margin:0px;
text-align:center;
padding-top:30px;
padding-bottom:5px;
color:#000000;
border: 0px solid #696969;
font-family: verdana;
font-size: 8pt;
text-decoration:underline;

}
a.stopka:hover {
margin:0px;
text-align:center;
padding-top:30px;
padding-bottom:5px;
color:#000000;
border: 0px solid #696969;
font-family: verdana;
font-size: 8pt;
}




p.mas55 {
padding:100px 50px 0px 100px; 
margin: 0px auto 0px auto;

border: 0px solid #696969;
font-family: verdana;
font-size: 10pt;
text-align: justify;

}


p.mas2 {
padding:20px 50px 0px 500px; 
margin: 0px auto 0px auto;

border: 0px solid #696969;
font-family: verdana;
font-size: 10pt;
text-align: justify;

}


img.ramka{
border:2px solid #555555;
padding:1px;
margin-left:10px;
margin-bottom:10px;

}



td.pas{
border-right:1px solid #cacaca;
}





a.lewe { 


padding:50px 200px 0px 180px;

color:#696969;;
font-size:12pt;
font-family: Verdana;
border:0px solid black;
vertical-align:middle;
font-weight:bold;



 } 
a.lewe:hover { 

color:black;

 



 } 
 







#lightbox{
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
        }

#lightbox a img{ border: none; }

#outerImageContainer{
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        }

#imageContainer{
        padding: 10px;
        }

#loading{
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
        }
#hoverNav{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
        width: 49%;
        height: 100%;
        background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
        }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%        
        }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }        
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }                        
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.1em;        }        
                
#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
        }


td.top{


}

td.lew{


width:120px;
vertical-align:top;
}


td.down{

border-top: 1px solid #b1b1b1;
height:37px;


}

td.middle{
padding:0px 0px 0px 0px;
width:800px;

vertical-align:top;

}


input.pole{
margin:5px 0px 5px 0px;
width:100px;
background-color: #fcde6e;
color:black;
}


a.strony {
margin:0px;
text-align:center;
padding-top:0px;
color:black;
border: 2px solid white;
font-family: verdana;
font-size: 8pt;


}



a.strony:hover {
margin:0px;
text-align:center;

color:#004870;
border-bottom: 2px solid #004870;
font-family: verdana;
font-size: 8pt;


}

td.gtop{


height:30px;

background-image:url("images/gtop.jpg");
background-repeat:no-repeat;
}


td.gmiddle{




background-image:url("images/gmiddle.jpg");
background-repeat:repeat-y;
}

td.gdown{



background-image:url("images/gdown.jpg");
background-repeat:no-repeat;
}

input.poe{

margin:5px 0px 5px 50px;


}


input.polee{

margin:5px 0px 5px 50px;
width:100px;
background-color:black;
color:white;
border:1px solid #696969;
}


select.polee{

margin:5px 0px 5px 50px;

background-color:black;
color:white;
border:2px solid white;
}

img.polee{
padding:5px 0px 2px 50px;
}


textarea.polee{

margin:5px 0px 5px 50px;

background-color:black;
color:white;
border:1px solid #696969;
}



td.blue{
font-family: verdana;
font-weight:bold;
font-size: 9pt;

width:210px;
height:24px;
color:white;
background-image:url("images/blue.jpg");
background-repeat:no-repeat;
}


td.bluemiddle{

width:202px;

padding-left:0px;
color:#696969;

background-color:#eeeeee;
background-repeat:repeat-y;
}




td.green{
font-family: verdana;
font-weight:bold;
font-size: 9pt;
padding-left:0px;

width:545px;
height:24px;
color:white;
background-image:url("images/green.jpg");
background-repeat:no-repeat;
}

td.grey{
font-family: verdana;
font-weight:bold;
font-size: 9pt;
padding-left:0px;

width:545px;
height:24px;
color:white;
background-image:url("images/grey.jpg");
background-repeat:no-repeat;
}