body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;}

img{display:block;border: 0;}
a img{display:inline;}
a{text-decoration: none; outline:none;}
a:hover{text-decoration: underline;}
form{vertical-align:middle;}
.clear{clear:both;}
table{border-collapse:collapse;}
/* clearfix */
.clearfix:after {
    clear: both;
    height: 0;
    
    display: block;
    visibility: hidden;
    
    content: ".";
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* end clearfix */
body{
	font: 12px/16px Arial;
	color: #ffffff;
	background: #040506 url(../img/bg_body.jpg) no-repeat top center;
}

#wrapper,#footerWrapper{
	margin:0 auto;
	text-align:center;
	width:945px;
	background: url(../img/bg_body.jpg) no-repeat top center;
}
#head{
    position: relative;
    height: 265px;
    border-bottom: 1px solid #282a2d;  
    margin-bottom: 3px;  
}
#nav{
    position: absolute;
    right: 0px; top: 0px;
    height: 20px;
    padding-top: 15px;
    font: normal 9px/14px tahoma;
    border-bottom: 1px solid #282a2d;
}
#nav li{
    float: left;
    padding: 0 20px;
    background-position: left center;
    background-repeat: no-repeat;
}
#nav li a{
    color: #c0c0c0;
}
#nav li#home{
    background-image: url(../img/home.gif);
}
#nav li#contact{
    background-image: url(../img/contact.gif);
}
#nav li#map{
    background-image: url(../img/map.gif);
}
#nav li#tell{
    background-image: url(../img/tell.gif);
    padding-right: 0px;
}

#b4Logo{
    position: absolute;
    right:15px;
    top:60px;
}

#menu{
    position: absolute;
    bottom: 0px; right: 0px;
    height: 63px;
    font: normal 15.4px/16px cambria;
    
}
#menu li{
    float: right;
    height:30px;    
}
#menu li a{
    display: block;
    float: left;
    padding: 2px 15px;
    color: #d3d3d3;
}
#menu li ul{
    font: normal 12px cambria;
    position: absolute;
    bottom: 3px;
    right: 0px;
    width: 680px;
    display: none;
    padding-top: 5px;
}
#menu li ul li{
    line-height: 22px;
}
#menu li.active a,#menu li:hover a{
    background: #adc32e;
    color: #040506;
}
ul#menu li ul li.active a{
    color: #adc32e;
}
#menu li.active ul a,#menu li:hover ul a{
    padding: 2px 7px;
    color: #d8d8d8; 
    background: transparent;
}
#menu li:hover ul a{
    position: relative;
    z-index: 10;     
}
#menu li:hover ul{
    background: #040507;
    z-index: 9;
}
#menu li.active ul,#menu li:hover ul{
    display: block;
    
}
#content{
    text-align: left;
    background: url(../img/border_content.gif) repeat-y center center;
    margin-bottom: 10px;
}
#content .box{
    float: left;
    width: 295px;
    padding: 15px 10px;
    overflow: hidden;
}

#content .box h1{
    font: normal 18px cambria;
    color: #ffffff;
    padding-bottom: 30px;
}
#content .box p,#content .box ul{
    color: #919191;
    font: normal 11px arial;
    padding: 5px 0;
}

#content .box span{
    font: normal 11px arial;
    color: #ffffff;
}
#content .box ul{
    list-style: none;
    padding-top: 5px;
    padding-bottom: 20px;
    
}
#content .box ul li{
   padding-left: 30px;
   background: url(../img/list_style.gif) no-repeat 10px 5px; 
}
#footer{
    background: url(../img/footer_bg.gif) repeat-x;
}
#footerWrapper{
    background-color: transparent;
    background-image: none;
}
.footerRealizacje{
    background: url(../img/footer_bg_realizacje.gif) !important;
}
/* serialScroll */
.upperblock{
	position:relative;
	height:109px;
	float: right;
    width: 940px;	
}		
.next, .prev{
	cursor:pointer;
}	
#frame{
	position:absolute;
	left:38px;
	top:8px;
	height:100px;
	width:860px;
	overflow:hidden;
}
#pokaz{
	width:16000px;
	height:100px;
	margin:0px;

}
.photo{
	width:140px;
	height:94px;
	float:left;
	margin:0 40px 0 0;
	cursor:pointer;
}
#upperdiv .next, #upperdiv .prev{
	position:absolute;
	top:35px;
}
#upperdiv .prev{
	left:0px;
}
#upperdiv .next{
	right:2px;
}
/* end serialScroll */


.firmy .firma{
    float:left;
    width: 157px;
    height: 50px;
    text-align: center;
    overflow:hidden;   
}
.firmy .firma img{
    margin: 0 auto;
    display: block;
}
.firmy .firma a{
    display: block;
}
.firmy .firma a:hover{
    margin-top: -53px;
}
.klienci{
    padding-top: 10px;
}
.klienci img{
    margin: 0 auto;
    display: block;
}
.stopka{
    font: normal 11px Trebuchet MS;
    color: #919191;
    padding: 18px 0;
    width: 945px;
}
.stopka span .left{
    font: normal 9px/11px Trebuchet MS;
    float: left;    
}

.stopka span .right{
    font: normal 9px/11px Trebuchet MS;    
    float: right;
}

.stopka a{
    color: #919191;
}




/* pages style */
#content .promocja{
    font: normal 14px cambria;
    color: #adc32e;
    padding: 5px 0;
    border-top: 1px solid #282a2d;
}

#content .mapaDojazdu a{
    font: normal 11px arial;
    color: #919191;
    text-decoration: underline;
}
#content .kontakt span{

    color: #fff;
}
#content .kontakt a{
    color: #fff;
}
#content .kontakt i{
    color: #aec30e;
    font-style: normal;
}
#content .realizacje{
    padding-bottom: 30px;
    margin: 20px 30px 0;
    background: #040506;
}
#content .realizacja{
    width: 147px;
    height: 148px;
    float: left;
    text-align: left;
    background: #040506;
    overflow: hidden;
}
#content .realizacja img{
    margin: 0 auto;
    display: block;
}
#content .realizacja .informacja{
    font: normal 10px/11px tahoma;
    color: #76797d;
    padding:3px 5px 0;
}
#content span.green{
    color: #adc32e;
}
#content a{
    color: #919191;
}
#content .doPobrania li{
    padding-bottom: 10px;
}

#content .box .orange{
    color: #ff4e00;
    font: normal 16px/20px cambria;
}

#content .kalendarze a{
    color: #d3f608;
    font: normal 11px arial;
}
#content .kalendarze h1.kalendarze{
    padding-bottom: 5px;
}
#content .kalendarze h2{
    color: #d3f608;
    font: normal 25px cambria;
}
#content .gadzety img{
    display: inline;
    margin: 8px;
}