@charset "UTF-8";

@media (min-width: 1024px) and (max-width: 1199px){

@font-face {
    font-family: Apex-Light;
    src: url(font/ApexNew-Light.otf);
	src: url(font/ApexNew-Light.eot),
		url(font/ApexNew-Light.svg),
		url(font/ApexNew-Light.woff),
		url(font/ApexNew-Light.ttf);
}

html{
	cursor:default;text-weight:bold;
	}
a{text-decoration:none;color:#2B3A42;
	}
a:hover{color:#F15623}

b{
	color:#F15623;font-size:36px;font-wight:bold;
	
	}
body{text-decoration:none;
	background-color:#2B3A42;
	font-family:apex-light;
	margin:0 auto;}
#header{
	width:100%;
	height:90px;
	position:fixed;
	background-color:white;
	z-index:1;}
#header_content{
	width:1024px;
	height:90px;
	margin:0 auto;
	background-color:white;}
#logo{
	height:100px;
	background-image:url(logo.svg);
	background-repeat:no-repeat;
	background-position:center;
	width:300px;margin-left:50px;
	float:left;}
#menu{z-index:5;
	height:100px;float:right;
	width:560px;
}
#menu_content{z-index:5;
	margin-top:20px;
	margin-right:50px;
	
	}
#menu_content ul li .active{
	border-bottom:3px #FFF solid;
	
	}
ul{float:right;text-decoration:none;
	}
li{
	list-style:none;
	display:inline-block;
	margin-left:10px;
	font-size:30px;
	text-decoration:none;
	}
	
#jezyk{
	margin-top:-25px;
	margin-right:-75px;
	float:right;
	font-size:22px;
	font-variant:small-caps;
	}	
	#jezyk_en{
	margin-top:20px;
	float:right;
	font-size:22px;
	font-variant:small-caps;
	}	
	
	.naglowek{
		font-size:35px;
		color:white;
		margin-bottom:50px;
		font-weight:bold;
		}
	
#container{
	width:1024px;
	height:auto;
	
	margin:0 auto;
	padding-top:90px;
	}
	
#motto{

	}
	#motto_a{margin:0 auto;
	width:700px;
	height:350px;
	
	}
#motto_anim{
	height:275px;
	width:275px;float:left;
	margin:0 auto;
	background-image:url(kolo2.svg);
	margin-top:50px;margin-left:50px;
	}
#motto_anim2{
	height:125px;float:left;
	width:125px;
	background-image:url(kolo.svg);
	margin-top:130px;
	margin-left:50px;
	}
	#motto_anim3{	
	float:left;
	height:125px;
	width:125px;
	background-image:url(kolo3.svg);
	margin-top:130px;
	
	}
#motto_txt{
	color:#F15623;
	font-size:60px;
	text-align:center;
	text-weight:bold;
	margin-top:50px;
	}
#motto_txtsub{
	color:white;
	font-size:21px;
	text-align:center;
	margin-top:10px;
	}
#onas{margin-top:50px;
	}
	
	#onas_txt{
		margin:0 auto;
		width:800px;
		height:auto;
		font-size:21px;
		color:white;
		text-align:justify;		}
	
		#oferta_txt{ 
		margin:0 auto;
		margin-top:-35px;
		width:800px;
		height:auto;
		font-size:20px;
		color:white;
		text-align:justify;		}
		
		#oferta_txt_panel1{
		margin:0 auto;
		width:350px;
		height:auto;
		font-size:20px;
		color:white;
		text-align:justify;	
		float:left;	
		margin-left:60px;}
		
		#oferta_txt_panel2{
		margin:0 auto;
		width:350px;
		height:auto;
		font-size:20px;
		color:white;
		text-align:justify;	
		margin-right:10px;}
		
#oferta{margin-top:100px;
	}
	
	#cloud{
	width:830px;
	height:140px;
	margin:0 auto;margin-top:50px;
	background-image:url(panel.svg);
	background-repeat:no-repeat;
	background-size:contain;
	}
	
#klienci{
	}
	#klienci_mobile{display:none;}
				#kolo_stroke{
					height:260px;
					width:260px;
					background:url(kolo_stroke.svg);
									}
				#kolo_stroke2{
					height:260px;
					width:260px;
					background:url(kolo_stroke2.svg);
									}
				#kolo_fill{
					height:260px;
					width:260px;
					background:url(kolo_fill.svg);
					background-repeat:no-repeat;
					background-size:contain;
					}
				#l_unilever{position:absolute;
					margin-top:75px;
					margin-left:40px;
					background:url(unilever.svg);
					background-repeat:no-repeat;
					background-position:center;
					background-size:contain;
					width: 180px;
					height:110px;
					}
				#l_avon{position:absolute;
					margin-top:55px;
					margin-left:40px;
					background:url(avon.svg);
					background-repeat:no-repeat;
					background-position:center;
					background-size:contain;
					width: 180px;
					height:150px;
					}
					#l_pg{position:absolute;
					margin-top:55px;
					margin-left:40px;
					background:url(pg.svg);
					background-repeat:no-repeat;
					background-position:center;
					background-size:contain;
					width: 180px;
					height:150px;
					}
						#l_eveline{position:absolute;
					margin-top:55px;
					margin-left:40px;
					background:url(eveline.svg);
					background-repeat:no-repeat;
					background-position:center;
					background-size:contain;
					width: 180px;
					height:150px;
					}
					#l_vanpur{position:absolute;
					margin-top:90px;
					margin-left:50px;
					background:url(vanpur.svg);
					background-repeat:no-repeat;
					background-position:center;
					background-size:contain;
					width: 220px;
					height:220px;
					}	
	
#kontakt{	
	}
	
#map-canvas{ width: 1024px;
		height:270px;
		margin:0 auto;
		position:relative;	
		border-width:5px;	
		border-color:#3B4F5A; 	border-style: solid;	
	}
#contact-area {margin-top:30px;
width: 550px;
color:white;
float:left;
}

#contact-area input, #contact-area textarea {
	padding: 2px;
	width: 60%;
    height: 22px;
	font-family: apex-light;
	font-size: 20px;
	margin: 0px 0px 12px 0px;
	
}

#contact-area textarea {
    height: 125px;
}


#contact-area textarea:focus, #contact-area input:focus {
	border: 5px solid #FF530D;
	
}

input.submit-button {width:90px;
text-align:center;
padding-top:5px;
height:35px;
font-size:20px;
font-family:apex-light;
color:#2B3A42;
	margin-left:-490px;
	margin-top:170px;
	background-color:white;
	border:none;
	position:absolute;
    }

label {
	float: left;
	text-align: right;
	margin-right: 10px;
	width: 150px;
	padding-top: 5px;
	font-size: 21px;
}

#kontakt_txt{
	width:250px;
	float: left;
	text-align:right;
	margin-top:35px;
	font-size: 21px;
	color:white;
	line-height:10px;}

#button{
	display:none;
	poition:absolute;}
	
	#form{margin:0 auto;
	margin-top:30px;
		width:800px;
		}
#widomosc{
	 cursor:pointer;}
	
   #thanks{
	   height:300px;
	   width:900px;
		margin: 0 auto;  
		font-size:24px;   
		margin-top:200px;  
		color:#F15623;
		  }  

                         	
	#footer {
   position:absolute;
   bottom:0;
   height:30px;
   width:100%;
	color:white;
   text-align:center;
padding-bottom:10px;
padding-top:5px;
   background:#314249;
   margin:0 auto;
}                                  

#logo_footer{
	height:25px;
	background-image:url(logo_footer.svg);
	background-repeat:no-repeat;
	background-position:center;
	width:150px;
	margin-top:-30px;
	margin-left:80px;
	float:left;}
	
	
	 #thanks{
	   height:300px;
	   width:800px;
		margin: 0 auto;  
		font-size:24px;   
		margin-top:200px;  
		color:#F15623;
		background:#2B3A42;
		  } 
		  #koperta{margin-top:-135px;margin-left:320px;height:300px;width:300px;} 
}