input.newsletter{
width:140px;
background-color:#f7f7f7;
border:1px solid #d2d2d2;
padding:5px 0px 5px 5px;
margin:0px;
}


#fck{
border: 1px dotted #FF0000;
margin-top:15px;
margin-bottom:0px;
overflow:hidden;
}


body
{

background-color:#4d4832;
background-image:url(images/tlo.png);

background-repeat:repeat-x;

font-size: 12px; 

margin:0px auto 0px auto;
padding:0px;

line-height:21px;
font-family:helvetica;
}

img{border:none;}
a{border:none; text-decoration:none; color:#555555;}







#menu td{
margin:0px;
padding:0px;

}





#menu td a{
display:block;
width:70px;
padding-top:8px;
height:29px;
border:1px solid #c9c4ad;
border-bottom:none;
background-color:#dbd5a9;
color:#6f6042; 
font-size:15px;
letter-spacing:-1px;
font-weight:bold;
font-family:helvetica;


}

#menu td a.last{




}

#menu td a:hover{
border-bottom:none;
background-color:#7b0909;
color:#ffffff;



}

img.news {
border-right:1px solid #bfbcb0;
border-bottom:1px solid #bfbcb0;
}



img.ramka{
padding:1px;
margin:3px;
border:1px solid #bfbcb0;;

}

input,textarea{
margin:0px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
background-color:#eae7da;
border:1px solid #c3c0b1;
color:#222222;
padding:4px;
}


p.title
{


letter-spacing:-1px;
font-size:30px;
font-style:italic;
font-family:georgia;
color:#9d0000;
padding:5px 0px 15px 0px;
margin:0px;
margin-bottom:15px;
border-bottom:1px solid #c8c4af;
}

#separator{
border-bottom:1px solid #c8c4af;
margin:12px 0px;
}


#baner_text p.title
{


letter-spacing:-1px;
font-size:30px;
font-family:georgia;
color:#9d0000;
padding:15px 0px 0px 0px;
border:none;
margin:0px;
margin-bottom:20px;




}


#baner
{

width:940px;
height:313px;
margin:0px;
padding:0px;
text-align:left;
background-image:url(images/baner.gif);
background-repeat:no-repeat;


}
#baner_image{
float:left;
width:432px;
padding:20px 0px 0px 38px;

}
#baner_text{
float:right;
width:370px;
text-align:justify;

padding:45px 30px 30px 30px;

}



#top
{

height:116px;
width:940px;
padding:0px;
margin:0px;
font-size: 12px;
background-image:url(images/top.gif);
}





#top_right
{
float:right;
text-align:right;
width:500px;
padding-top:0px;
font-size:11px;
margin-top:74px;
padding-right:20px;

}



#top_left
{
float:left;
text-align:left;
width:300px;
margin-top:10px;
padding-left:0px;
font-size: 11px;
}


#stopka 
{

margin:0px;
width:100%;
margin:0px auto 0px auto;
font-size:12px;
 background-color:#4d4832;
 border-top:3px solid #918b6f;
height:78px;
}

#stopka_wrap
{

margin:0px;
width:940px;
margin:0px auto 0px auto;
font-size:12px;

}




ul{ list-style-type: none;
padding: 0;
margin: 0;
margin-top:15px;
margin-left:15px;
}

li{ background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 2em;}
 
li a{text-decoration:underline;}
 
#stopka_prawa
{


float:right;
width:400px;
color:#bcb7a0;
text-align:right;
padding:30px 10px 20px 0px;

}

#stopka_lewa
{
float:left;
color:#bcb7a0;
width:400px;
padding:30px 0px 5px 10px;
text-align:left;
}

#stopka_prawa a{
color:#bcb7a0;

}

#stopka_prawa a:hover{
color:#ffffff;

}


#main
{
margin:0px auto 0px auto;
width:100%;
padding-bottom:0px;


}








#content
{
width:100%;
margin:0px auto 0px auto;
text-align:left;
overflow:hidden;
background-color:#e4e1d2;



}

#content_wrap
{
width:940px;
margin:30px auto 30px auto;
text-align:left;
overflow:hidden;




}

#content_
{
width:940px;
margin:0px auto 0px auto;
text-align:left;
overflow:hidden;
 background-image:url(images/tlo_main2.gif);
 background-repeat:repeat-y;



}

#lewa_{
float:left;
width:250px;
color:#333333;
padding:30px 20px 15px 31px;
text-align:justify;

}

#prawa_{
float:left;
width:550px;
color:#333333;
padding-left:25px;
padding-top:30px;
text-align:justify;

}




#zawartosc{
padding:0px 30px;
}





#lewa{
float:left;
width:270px;
color:#333333;
padding:0px 20px 20px 10px;
text-align:justify;
border-right:1px solid #c8c4af;
}

#lewa_long{
float:left;
width:560px;
color:#333333;
padding:0px 20px 20px 10px;
text-align:justify;
border-right:1px solid #c8c4af;
}

#srodek{
float:left;
width:270px;
color:#333333;
padding:0px 20px 20px 17px;
text-align:justify;
border-right:1px solid #c8c4af;
}

#prawa_d{
float:left;
width:600px;
color:#ffffff;
padding:17px 0px 20px 45px;
text-align:justify;
overflow:hidden;
}


#prawa{
float:left;
width:270px;
color:#333333;
padding:0px 0px 0px 20px;
text-align:justify;
}









#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/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/next.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;
        }
		
a#ofirmie{ display: block; width: 92px; height: 98px; 
             background: url('images/ofirmie.gif') 
             top left no-repeat; 
             }



a#ofirmiea { display: block; width: 92px; height: 98px; 
             background: url('images/ofirmie.gif') ;
             background-position: 0 -98px; 
             }



a#realizacje{ display: block; width: 106px; height: 98px;  
             background: url('images/realizacje.gif') 
             top left no-repeat; 
             }


a#realizacjea{ display: block; width: 106px; height: 98px;  
             background: url('images/realizacje.gif'); 
             background-position: 0 -98px;
             }


a#main{ display: block; width: 145px; height: 98px; 
             background: url('images/main.gif') 
             top left no-repeat; 
             }


a#maina{ display: block; width: 145px; height: 98px; 
             background: url('images/main.gif');
			 background-position: 0 -98px;
             }

a#kontakt { display: block; width: 97px; height: 98px; 
             background: url('images/kontakt.gif') 
             top left no-repeat; 
             }


a#kontakta { display: block; width: 97px; height: 98px; 
             background: url('images/kontakt.gif'); 
             background-position: 0 -98px; 
             }
			 
			 
img.screen{
margin:0px 15px 10px 0px;

padding:2px;
border:1px solid #cccccc;

}