body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0;}
table {border-collapse:collapse; border-spacing:0; text-align:left;}
body {
  text-align:center; /*center hack*/  
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 24px;
  color: #000; 
  margin: 0 auto; 
  padding: 0;
  height:100%;
  width:100%;
  background: #FFF url(../images/tlo.jpg) no-repeat top center; 
} 
a {  outline: none; 
     color: #2a2a2a;
	 text-decoration:underline;   
}
a:hover { text-decoration:none;
}   
/* naglowki */
h1 {  
	margin:0;
	padding:20px 0 0 0; 
	
	color:#028fa6;
	font:normal 28px 'Open Sans', Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;
} 
h2 { 
	margin:0;
	padding:0 0 10px 0;  
	
	color:#028fa6;
	font:normal 16px 'Open Sans', Helvetica, sans-serif;  
	text-align:left;
}  
h3 { 
	margin:0;
	padding:0; 
	color:#616161;    
	text-align:left;  
	font:normal 15px 'Open Sans', Arial, Helvetica, sans-serif; 
	text-align:left;
} 
h3.cz {
	color:#000;
}
h4 {   
	padding:5px 0;  
	font:normal 14px 'Open Sans', Arial, Helvetica, sans-serif;
}  
#wrap {   
  margin: 0 auto; 
  text-align:center; /* counter the body center */ 
  min-width:960px;
  width: 100%;   
}   

#top {   /* align for good browsers */
	margin: 0 auto; 
	display:block;
	width: 960px; 
}
#logo {
	float:left;
	padding:12px 0 0 0;
	width:125px;  
}  
 
#menu_poziom {   
	overflow:hidden;
	width:835px; 
	padding: 0;  
}
#menu_poziom ul {
	float:right;
	padding:0;
	margin:0 -15px 0 0;
}
#menu_poziom li {
	list-style-type : none;
	display : block;
	float : left; 
} 
#menu_poziom li a {
	display : block;
	font-size : 13px;
	font-weight:normal;
	text-decoration : none; 
	padding:25px 15px 5px 15px;
	text-transform: uppercase; 
    text-shadow: 0 0 1px rgba(0,0,0,1); 
} 
#menu_poziom a:hover{ 
	color: #000; 
    text-shadow: none; 
} 
#menu_poziom a.link_on {
    text-shadow: none;  
	color: #000; 
} 
#menu_poziom a.link_home {
    text-shadow: none;   
    background: url(../images/nawiasy.png) no-repeat 8px 23px;
	color: #000; 
	padding: 25px 15px 5px 17px;
}
#menu_poziom a.link_home_off { 
    background: none; 
    text-shadow: 0 0 1px rgba(0,0,0,1);  
}
#menu_poziom a.link_home_off:hover { 
    color: #000; 
    background: url(../images/nawiasy.png) no-repeat 8px 23px;
    text-shadow: none; 
}
/* slider */ 

#slider { 
	margin: 0 auto; 
	text-align:center; /* counter the body center */ 
	display:block;  
}  
 
#slider ul {   
	overflow: hidden; 
	
} 
#slider li {
	list-style: none;
	margin: 0; 
	min-height:550px;
}  
#slider .bx-wrapper {
	margin: 0 auto;
}

#slider .bx-prev {
	position: absolute; 
	top: 335px;
	right: 35px;
	width: 40px;
	height: 40px;
	text-indent: -999999px; 
}

#slider .bx-next {
	position: absolute;
	top: 0; 
	right: 0px;
	width: 26px;
	height: 30px;
	text-indent: -999999px; 
} 
#main {
	display:block;  
	margin: 0 auto; 
	text-align:center; /* counter the body center */ 
	width:940px;  
	padding:0 20px 0 0;
}
#b_ {
	overflow: hidden;
	background: url(../images/bartek1.png) no-repeat bottom right; 
} 
#b_copywriter {
	overflow: hidden;
	background: url(../images/bartek1.png) no-repeat bottom right; 
} 
#b_teksty {
	overflow: hidden;
	background: url(../images/bartek2.png) no-repeat bottom right; 
}
#b_kontakt {
	overflow: hidden;
	background: url(../images/bartek3a.png) no-repeat bottom right; 
}
#content {
	float:left;
	width:375px; 
	min-height:700px;
}     
#content p {
	text-align:justify;
	line-height:20px;
}   
#content p.b {
	border-bottom:1px #e4e4e4 solid;
	width:200px;
	font-size:16px;
	line-height:28px;
}
#content p.b span {
	color:#A09F9F;
}

#content p.link a.link_marki { 
	text-decoration:none;   
	color:#e47402;
} 
#content p.link {   
    margin:5px 0 0 0;
	font-size:16px;  
} 
#content p.link span {  
	font-size:22px;  
} 
#content p.link a.link_spisane {
    text-shadow: none;  
    padding:3px 0 0 13px; 
    background: url(../images/nawiasy2.png) no-repeat 0 0;
	color: #000; 
	font-size:16px; 
	float:left;
	height:30px;
	width:75px; 
	text-decoration:none;
}
#content div.klient {
	border-bottom:1px #dfdfdf solid;
}
#content div.klient p.tytul {
	color:#000;
	font-size:15px;
	padding:20px 0 10px 0;
}

#content div.klient p {
	color:#6e6e6e;
} 
#content div.klient p.co {
	padding-left:72px;
	padding-left:322px;
}  
#grafika {  
	width:585px;  
	overflow:hidden;
}
/* ************************** */
a.more {
	float:right; 
	padding:0 20px 0 0;
	color: #387cff;
	text-decoration:none;
}  
a.more:hover {
	text-decoration:underline;
	} 
   
.okno {
 	display:block;
	float:left;
	text-align:center; 
    width:auto;
	height:auto;
} 
.okno_img img {  
padding:5px;
background-color:#F5F4F2;
border:1px solid #c8c8c7; 
margin: 15px 5px 0 10px; 
clear:none; float:left;
} 
 
.sekcja {
 	clear:both;
	padding:20px 0 0 15px;
	border-bottom:1px #deeca9 solid;
}
/* pasek prawy */ 
 
#link {
	clear:both; 
	height:50px;
}
#link a {
	float:right;
	text-decoration:none;
	padding-left:15px; 
	margin:20px 20px 0 0;
	background:url(../images/link.gif) no-repeat 0px 3px;
}
#link a:hover {  
	font-weight:bold;  		
} 
img {
	border:0;
}  
.red { 
	color:#D90000;
	font-weight:bold;   
}
.green {
	color:#1A6E7E;
}
.blue {
	color:#1A6E7E;
}
/* *********** */
#wspolpraca {
	width:100%;
	border-top:1px #cbcbcb solid;  
	overflow: hidden
}
#wspolpraca_block { 
      margin: 0 auto; 
      text-align:center;  
	  width: 1199px;  
	  height: 120px; 
} 
#wspolpraca h3 {  
	padding:5px;
	text-shadow: 0.06em 0.06em 0.01em #fff
}  
#footer {  
      margin: 0 auto; 
	  width: 960px;   
	  overflow: hidden; 
	  background-color:#000; 
	  color:#FFF;
}   
#leftf {
	display:block; 
	float:left; 
	padding:10px 0 10px 15px;  
}  
#leftf img {  
	display:block; 
	float:left;
	padding:2px 0 0 10px; 
}  
#leftf p {  
	display:block; 
	float:right;
	padding:2px 0 0 10px; 
}  
#rightf {
	float:right;
	padding:15px 15px 0 0;
}
#footer h3 {  
	color:#FFF;
	margin:10px 0;
	padding:5px;
	border-bottom:1px #278584 solid;  
	-moz-box-shadow: 0px 1px 0px #55bbba;
	-webkit-box-shadow: 0px 1px 0px #55bbba;
	box-shadow: 0px 1px 0px #55bbba; 
	
} 
#wykonawca { 
	margin:0 auto;
	text-align:center;
	display:block;
	overflow:hidden; 
	width:1199px; 
    padding:5px 10px;   
} 
#wykonawca p, #wykonawca a { 
    font-family:'Open Sans', Geneva, Arial, Helvetica, sans-serif; 
	text-align:right;
    font-size:9px;
	padding:0 10px;
	margin:0; 
	color:#a09f9f; 
	text-decoration:none; 
}
#wykonawca img {
float:right;
text-align:right;
padding:0 10px;
}

/* ************************** */

   
#contact  div { overflow: hidden;
	clear: both;  
	margin:10px 0 0 0;
	}  
	
#contact fieldset { 
	margin:0;
	padding:0 0 0 15px; 
	border: 0;  
	width:345px;
	background-color:#f1f1f1;
	} 
#contact legend {
	padding: 3px 20px 3px 10px;
	margin: 0 0 0px 0px; 
	line-height:25px;
	background-color:#F9F9F9;  
	}
#contact label { float:left;   
	text-align:left;
 	color: #000; 
    padding:4px 10px 4px 0px; 
	margin: 0;  
	font:normal 13px 'Open Sans', Arial, Helvetica, sans-serif;
	text-transform:uppercase} 

#contact label span { float:left;   
	text-align:left;
 	color: #6e6e6e; 
    padding:4px 10px 4px 0px; 
	margin: 0;  
	font:normal 12px 'Open Sans', Arial, Helvetica, sans-serif;
	text-transform:none} 
	   
#contact input { 
		float:left;  
		border: 1px solid #CDCDCD;  
		padding:4px 0 4px 12px; 
		width:297px;   
    	font:normal 13px 'Open Sans', Arial, Helvetica, sans-serif;
		color: #565655;    
	    outline:none;  } 
#contact textarea { float:left; color: #565655;    
	border: 1px solid #CDCDCD;   
	width:300px; height:60px; padding:10px 0 10px 6px;  margin:0; 
    font:normal 13px 'Open Sans', Arial, Helvetica, sans-serif;
}		  
	    
#contact input.send { float:right; color:#FFF; background-color:#000; margin:2px 50px 0 0; padding:0; cursor:pointer; width:120px; height:25px; border:0px;  text-decoration:none; font:normal 12px 'Open Sans', Arial, Helvetica, sans-serif;}
    
/* tabela */
#tabela td p {
	font-size:11px;
	line-height:16px;
}


.serwis tr{
    border-bottom: 1px dotted gray;
}

/* facebook slider */
#face-slider{
	position:fixed;
	left:-302px;
	top:190px;
	z-index:100;
}
#face-slider #tab{
	cursor:pointer;
	height:110px;
	width:35px;
	float:right;
	background: url(../images/facebook-slider.png) no-repeat center center;
}
#face-code{
	padding:5px;
	border: solid #3c599b 1px;
	background: #fff;
	float:right;
	width:288px;
	height:296px;
	-moz-border-radius: 0 0 0 8px;
	-webkit-border-radius: 0 0 0 8px;
	border-radius: 0 0 0 8px;
}