@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	
	
}


	* { margin: 0; padding: 0; }
	
	
	a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#505050;
		text-decoration:none;
		cursor:pointer;
		}
	
	
	
	
	p {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: 300;
		font-size:16px;
		color:#858585;
		}
		
	p2 {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#505050;
		font-style:italic;}
		
	p3 {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#505050;}
		
		
	h1 {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#ed1c24;
	line-height:60px;
	font-weight:300;
	}	
	
	
	


	
h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 18px;
	line-height: 30px;
	font-weight:300;}
	
	
h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 18px;
	line-height: 30px;
	font-weight:300;}
	
	
h4 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#fff;
		text-decoration:none;
		line-height:20px;}
		
		
		
h5{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#fff;
	line-height:60px;
	font-weight:300;}
	
h6 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 16px;
	line-height: 25px;
	font-weight:300;}
	
	
h7 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ed1c24;
	font-size: 20px;
	line-height: 30px;
	font-weight:300;}
	
	
	h8 {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ed1c24;
	line-height:24px;
	font-weight:300;
	}	
	
	
	#header {
		position:absolute;
		width:100%;
		height:25px;
		background-color:#2c2c2c;}
		
	
	#container {
		position:fixed;
		float:left;
		z-index:1;
		width:200px;
		height:100%;
		background-color:#fff;
		
		
		}
		
		
		
				.logo {
					position:relative;
					margin-top:0px;
					margin-bottom:10px;
					
					
					}
					
					
					.listmenu {
								
								position:relative;
								
								z-index:3;
								
								
								}
								
								
							ul {
							list-style-type: none;
							
							z-index:3;}
							
							li a {
							font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
							font-size:18px;
							color:#fff;
							text-decoration:none;
							line-height:50px;
							padding:20px 0px 20px 0px;
							position:relative;
							z-index:3;
							}
							
							li a:hover {
								
								
								color:#ed1c24;
								z-index:3;}
		
		
				.linia_menu {
				position:relative;
					width:100%;
					height:1px;
					padding:0px 0px 0px 0px;
					background-color:#e9e9e7;}
				
		
			#container_kontakt {
				width:200px;
				position:relative;
				text-align:left;
				left:15px;}
				
				#kontakt_1{
					position:relative;
					display:inline;
					float:left;
					width:30px;
					line-height:19px;}
					
				#kontakt_2{
					position:relative;
					display:inline;
					float:left;
					width:140px;
					text-align:left;
					}
					
					
					









			
					
					
					
/* efekt zaciemnienia klawiszy*/
		
		
													.view {
													   width:100%;
														height:100%;
													   margin: 0px;
													   float: left;
													   border: none;
													   overflow: hidden;
													   position: relative;
													   text-align: center;
													   cursor:pointer;
													   
													  
													}
													
													.view .mask, .view .content {
													    width:100%;
														height:100%;
													   position: absolute;
													   overflow: hidden;
													   top: 0;
													   left: 0;
													}
													
													.view img {
													   display: block;
													   position: relative;
													}
													
													.view a.info {
													   background: rgba(255,255,255,0.2);
													   display: inline-block;
													   text-decoration: none;
													   padding:0;
													   text-indent:-9999px;
													   width:100%;
														height:100%;
													}
		
		
		
		
	
													.third-effect .mask {
												   opacity: 0;
												   overflow:visible;
												   border:0px solid rgba(255,255,255,0.2);
												   box-sizing:border-box;
												   transition: all 0.4s ease-in-out;
												}
												
												.third-effect a.info {
												   position:relative;
												   top:0px; /* Center the link */
												   opacity: 0;
												   transition: opacity 0.4s 0s ease-in-out;
												}
												
												.third-effect:hover .mask {
												   opacity: 1;
												   border:0px solid rgba(255,255,255,0.2);
												}
												
												.third-effect:hover a.info {
												   opacity:1;
												   transition-delay: 0.0s;
												}
							
							
		
		
		
		
		
		
		
/*--------------------------------------test nowy------------------------------------*/
		
		
		
		div.content {
    margin-left: 320px;
}
div.side {
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    width: 320px;
    padding: 0px;
	z-index:2;
	
		-webkit-box-shadow: -0px 0px 30px 1px rgba(0,0,0,0.9);
			-moz-box-shadow: -0px 0px 30px 1px rgba(0,0,0,0.9);
			box-shadow: -0px 0px 30px 1px rgba(0,0,0,0.9);
}


ul {
    margin: 0;
    padding: 0;
}
ul li {
    color: #fff;
}


		
		
		
		
		
		
		
															
			
			
	div#one, div#two {
			float: left;
			position:relative;
			left:0px;
			z-index:1;
	
			}
		#one { width:100%;
		max-width:1287px;
		position:relative;
		
			
    }
	
	
	#two { width:100%;
		max-width:1287px;
		position:relative;
		
			
    }
	
	
		#five { width:100%;
		max-width:1200px;
		position:relative;
		
			
    }
	
			
	
/*--------------------------------------OFERTA------------------------------------*/	
	
	
	.linia_oferta{
				position:relative;
					width:200px;
					height:3px;
					padding:0px 0px 0px 0px;
					background-color:#000000;}
	
	
   #oferta_wypunktowanie {
	   display:inline;
	   position:relative;
	   }
	   
	   #wypunktowanie_slupek {
		   position:relative;
		   float:left;
		   margin-left:20px;
		   margin-right:10px;
		   
		   }
		   
		#wypunktowanie_tekst {
			position:relative;
			float:left;
			margin-top:-20px;}
   
 
		
		#tlo_kategorie {
			position:relative;
			width:332px;
			height:112px;
			background-image:url(images/tlo_pod_napisy.png);
			top:80px;
			z-index:0;}
		
		



/*--------------------------------------DLACZEGO MY------------------------------------*/	


.dlaczego_my {
	position:relative;
	margin-top:40px;
	
	}
	
	.slupek{
		
		position:relative;
		top:20px;
		left:-10px;}

   


/*--------------------------------------FLAGI------------------------------------*/	

 #flaga {
		position:relative;
		width:36px;
		height:17px;
		margin-top:0px;
		margin-left:10px;
		display:inline;
		float:left;
	
		
		  -webkit-transition: all 0.3s ease-out;
		  -moz-transition: all 0.3s ease-out;
		  -o-transition: all 0.3s ease-out;
		  transition: all 0.3s ease-out;
		  
		  -webkit-box-shadow: -0px 0px 5px 1px rgba(255,255,255,0.7);
			-webkit-box-shadow: -0px 0px 5px 1px rgba(255,255,255,0.7);
			-webkit-box-shadow: -0px 0px 5px 1px rgba(255,255,255,0.7);
	
	}
		
		#flaga:hover {
			
			  -webkit-box-shadow: -0px 0px 5px 1px rgba(255,255,255,0.7);
			-webkit-box-shadow: -0px 0px 5px 1px rgba(255,255,255,0.7);
			-webkit-box-shadow: -0px 0px 5px 1px rgba(255,255,255,0.7);
	width:36px;
		height:17px;}



/*--------------------------------------REALIZACJE------------------------------------*/	
   
 div#three, div#four {
			float: left;
			position:relative;
			
			
	
			}
			
			
			#three { width:50%;
		max-width:625px;
	

   }
   
		#four { width:50%;
		max-width:625px;

	

    }
	
	
	
/*--------------------------------------REFERENCJE------------------------------------*/	



/*--------------------------------------KONTAKT------------------------------------*/	
	
	
.kontakt {
	position:relative;
	
	
	}
	
	
.linia_kontakt{
				position:relative;
					width:200px;
					height:3px;
					padding:0px 0px 0px 0px;
					background-color:#ed1c24;}
					
					
					
/*--------------------------------------KONTAKT2------------------------------------*/	
	
	

	

	
	
/*--------------------------------------PARTNERZY------------------------------------*/	


.partnerzy {
	position:relative;
	background-color:#000;
	}
	
	
	
	

 #partner {
		position:relative;
		width:109px;
		height:54px;
		margin-top:10px;
		margin-left:10px;
		display:inline;
		float:left;
	
		
		  -webkit-transition: all 0.3s ease-out;
		  -moz-transition: all 0.3s ease-out;
		  -o-transition: all 0.3s ease-out;
		  transition: all 0.3s ease-out;
		  
		  -webkit-box-shadow: -0px 0px 5px 1px rgba(255,255,255,0.7);
			-webkit-box-shadow: -0px 0px 5px 1px rgba(255,255,255,0.7);
			-webkit-box-shadow: -0px 0px 5px 1px rgba(255,255,255,0.7);
	
	}
		
		#partner:hover {
			
			  -webkit-box-shadow: -0px 0px 5px 1px rgba(255,255,255,0.7);
			-webkit-box-shadow: -0px 0px 5px 1px rgba(255,255,255,0.7);
			-webkit-box-shadow: -0px 0px 5px 1px rgba(255,255,255,0.7);
	width:109px;
		height:54px;}