@charset "UTF-8";

@media (min-width : 480px ) and (max-width : 1023px ){
	
	
@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:20px;font-wight:bold;
	
	}
body{text-decoration:none;
	background-color:#2B3A42;
	font-family:apex-light;
	margin:0 auto;letter-spacing: 1.8px;line-height:20px;}
#header{
	width:100%;
	height:80px;
	position:fixed;
	background-color:white;letter-spacing: 0px;
	z-index:1;}
#header_content{
	width:480px;
	height:80px;
	margin:0 auto;
	background-color:white;}
#logo{
	height:40px;
	background-image:url(logo.svg);
	background-repeat:no-repeat;
	background-position:center;
	width:300px;
	margin-top:20px;
	float:left;}
	
#menu{z-index:5;
	height:55px;float:right;
	width:55px;
	margin-right:25px;
	margin-top:12.5px;
	background:url(menu.svg);
	background-repeat:no-repeat;
	background-size:contain;
}
#menu_mobile_pic{
	height:55px;
	width:55px;
	background:url(menu.svg);
	background-repeat:no-repeat;
	background-size:contain;
	}
#menu_mobile{
	background:white;
	height:50px;
	width:100%;	
	opacity:0.95;
	margin-top:-16px;
	}
#menu_mobile_content{width:480px;
	margin:0 auto;
			}
#menu_mobile_content_en{margin-right:-40px;
	width:370px;margin:0 auto;
	height:50px;padding-right:60px;
			}
	
	#menu_mobile_content li{
	list-style:none;
	display:inline-block;
	margin-right:10px;
	font-size:24px;
	margin-top:10px;
	text-decoration:none;
	}
			
#menu_content{z-index:5;	
display:none;
	}
	
#menu_content ul li .active{
	border-bottom:3px #FFF solid;
	
	}

ul{text-decoration:none;
	}
	
li{
	list-style:none;
	display:inline-block;
	margin-left:15px;
	font-size:24px;
	text-decoration:none;
	}

#jezyk{
	margin-top:-22px;
	float:left;
	margin-left:360px;
	font-variant:small-caps;
	font-size:22px;
	}	
	#jezyk_en{
	margin-top:20px;
	float:right;
	font-size:22px;
	font-variant:small-caps;
	}	
	
	
	.naglowek{
		font-size:25px;
		color:white;
		margin-bottom:50px;
		font-weight:bold;
		}
	
#container{
	width:480px;
	height:auto;
	
	margin:0 auto;
	padding-top:100px;
	}
	
#motto{

	}
	#motto_a{margin:0 auto;
	width:450px;
	height:200px;
	
	}
#motto_anim{
	height:170px;
	width:170px;float:left;
	margin:0 auto;
	background-image:url(kolo2.svg);
	margin-top:50px;margin-left:40px;
	}
#motto_anim2{
	height:100px;float:left;
	width:100px;
	background-image:url(kolo.svg);
	margin-top:100px;
	margin-left:40px;
	}
	#motto_anim3{	
	float:left;
	height:100px;
	width:100px;
	background-image:url(kolo3.svg);
	margin-top:100px;
	
	}
#motto_txt{width:460px;
margin: 0 auto;
	color:#F15623;
	font-size:30px;
	text-align:center;
	text-weight:bold;
	margin-top:50px;line-height:35px;
	}
#motto_txtsub{
	width:440px;
margin: 0 auto;
	color:white;
	font-size:18px;
	text-align:center;
	margin-top:10px;
	}
#onas{margin-top:50px;
	}
	
	#onas_txt{
		margin:0 auto;
		width:450px;
		height:auto;
		font-size:16px;
		color:white;
		text-align:justify;		}
	
		#oferta_txt{
		margin:0 auto;
		width:450px;
		height:auto;
		font-size:16px;
		color:white;
		text-align:justify;		}
		
		#oferta_txt_panel1{
		margin:0 auto;
		width:450px;
		height:auto;
		font-size:16px;
		color:white;
		text-align:justify;	
		margin-left:100px;
			}
		
		#oferta_txt_panel2{
		margin:0 auto;
		width:450px;
		height:auto;
		font-size:16px;
		color:white;
		text-align:justify;	
		margin-left:100px;}
		
#oferta{margin-top:150px;
	}
	
	#cloud{
	width:450px;
	height:200px;
	margin:0 auto;margin-top:50px;
	background-image:url(panel.svg);
	background-repeat:no-repeat;
	background-size:contain;
	}
	
#klienci{display:none;
	}
	#klienci_mobile{
		display:list-item;
		width:400px;
			list-style:none;
		margin:0 auto;
	}
				#kolo_fill{
					height:200px;
					width:200px;
					background:url(kolo_fill.svg);
					background-repeat:no-repeat;}
				
				#l_unilever{position:absolute;
					margin-top:45px;
					margin-left:10px;
					background:url(unilever.svg);
					background-repeat:no-repeat;
					background-position:center;
					background-size:contain;
					width: 180px;
					height:110px;
					}
				#l_avon{position:absolute;
					margin-top:35px;
					margin-left:10px;
					background:url(avon.svg);
					background-repeat:no-repeat;
					background-position:center;
					background-size:contain;
					width: 180px;
					height:150px;
					}
					#l_pg{position:absolute;
					margin-top:35px;
					margin-left:10px;
					background:url(pg.svg);
					background-repeat:no-repeat;
					background-position:center;
					background-size:contain;
					width: 180px;
					height:150px;
					}
						#l_eveline{position:absolute;
					margin-top:35px;
					margin-left:10px;
					background:url(eveline.svg);
					background-repeat:no-repeat;
					background-position:center;
					background-size:contain;
					width: 180px;
					height:150px;
					}
					#l_vanpur{position:absolute;
					margin-top:70px;
					margin-left:20px;
					background:url(vanpur.svg);
					background-repeat:no-repeat;
					background-position:center;
					background-size:contain;
					width: 210px;
					height:210px;
					}
#kontakt{margin:0 auto;
width:450px;
	}
	
#map-canvas{ width:480px;
border-width:5px;	
		border-color:#3B4F5A; 	border-style: solid;
		margin:0 auto;
		height:150px;
		position:relative;		
	}
#contact-area {margin-top:20px;
	width: 270px;color:white;float:left;
}

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

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


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

input.submit-button {width:75px;
text-align:center;
padding-top:5px;
height:23px;
background:red;
font-size:16px;
font-family:apex-light;
color:#2B3A42;
	margin-left:40px;
	margin-top:260px;
	background-color:white;
	border:none;
	position:absolute;
    }

label {
	float: left;
	text-align:right;
	margin-left: 30px;
	padding-top: 0px;
	font-size: 15px;
}

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

#button{
	display:none;
	position:absolute;}
	
	#form{margin:0 auto;
	margin-top:30px;
		width:480px;
		}
#widomosc{
	 cursor:pointer;}
	
   #thanks{
	   height:300px;
	   width:440px;
		margin: 0 auto;  
		font-size:14px;   
		margin-top:200px;  
		color:#F15623;
		  }  
#koperta{margin-top:-100px;margin-left:180px;height:250px;width:250px;}
	#footer {
   position:absolute;
   bottom:0;
   height:20px;
   width:100%;
	color:white;
   text-align:center;
padding-bottom:10px;
padding-top:10px;
   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:-20px;
	margin-left:80px;
	float:left;}
	
}