/*@media only screen and (min-width: 320px) and (max-width: 479px) {*/
@media only screen and (min-width: 120px) and (max-width: 479px) {
	
	img{
    max-width: 80%;
    height: auto;
    width: auto\9;
     *width: auto;
     _width: auto;
    }
	
	body#index, body#howitworks, body#formula, body#guarantee{
	background: url("../images/320/top-1-pasek.gif") repeat-x top left;
	
	}
	article#kom p .skr{display: none;}

	#index header, #howitworks header, #formula header, #guarantee header{
		max-width: 479px;
		min-width: 120px;
		margin:0 auto;
		position:relative;
		height: 233px;
		background: url("../images/320/top-1.jpg") no-repeat top left;
	}
	#howitworks header, #formula header{height: 280px;}
	#index header .pojemnik{
		background: url("../images/320/kobieta-copy-4.png") no-repeat left bottom;
		max-width: 441px;
		min-width: 191px;
		margin: 0 auto 20px;
	}
	#howitworks header .pojemnik{
		background: url("../images/320/pudelko-i-cien.png") no-repeat 0px 90px;
		max-width: 441px;
		min-width: 191px;
	}
	/*formula*/
	
	#formula header .pojemnik{
		background: url("../images/320/zestaw-formula.png") no-repeat 0px 88px;
		max-width: 441px;
		min-width: 191px; 
	}

/*formula*/
	/*testimonials faq*/
body#testimonials, body#faq{
	background: url("../images/320/top-2-pasek.gif") repeat-x top left;
	
}
#testimonials header, #faq header{
	max-width: 479px;
		min-width: 120px;
	margin:0 auto;
	position:relative;
	height: 121px;
	background: url("../images/320/top-2.jpg") no-repeat top left;
}
#testimonials header .pojemnik, #faq header .pojemnik {
	background: none;
	max-width: 441px;
		min-width: 191px;
}
#testimonials h1,#faq h1  {
	margin-top: 1px;
	display:block;
	text-align: right;
}
#testimonials article#kom,#faq article#kom {margin:20px auto;}

/*testimonials faq*/

/*faq*/
#faq ul{list-style: none;}
/*faq*/
/*guarantee*/

#guarantee header .pojemnik{
	background: url("../images/320/gwarancje-pan.png") no-repeat 0px 55px; 
	max-width: 441px;
		min-width: 191px; 
}

/*guarantee*/

/*form*/
body#form{
	background: url("../images/320/top-3-pasek.gif") repeat-x top left;
	
}
#form header{
	max-width: 479px;
		min-width: 120px;
	margin:0 auto;
	position:relative;
	height: 71px;
	background: url("../images/320/top-3.jpg") no-repeat top left;
}
#form header .pojemnik{
	background: none;
	max-width: 441px;
		min-width: 191px;
}
#form h1  {
	margin-top: 0px;
	display:block;
	text-align: right;
	max-width: 62px;
}
#form article#kom {margin:20px auto;}
#form img {
    max-width: 80%;
    height: auto;
    width: auto\9;
     *width: auto;
     _width: auto;
    }
 #form footer{
   

}
#form .logo{margin:0 auto;  max-width:480px; min-width:0px; padding:10px;}



/*form*/

	article#kom h2{padding:15px; color:#fff; font-size:24px; font-weight: normal; letter-spacing: 0.8px;}
	h1 {
		margin-top: 65px;
	}
	
	.item .text {padding-bottom: 20px; width: 60%}
	article{
		min-width: 191px;
		max-width: 441px;
		
	}

	article#kom{
		padding:0px;
		margin:-15px auto 0px;
		position: relative;
	}
	
	nav#menu{display:none;}
	nav#menu_wysuwane{display:block;}
	
	
	nav#menu_wysuwane ul#nav{
		max-width: 441px;
		margin:0 auto;
		padding-top:10px;
	}
	nav#menu_wysuwane ul#nav li{
		width: 44%;
		margin-left:5px;
		margin-right: 5px;
		padding:0px;
	}
	nav#menu_wysuwane ul#nav li a{ display:block; color:#fff; height: 33px; text-transform: uppercase; text-decoration: none;
		font-size:12px; text-align: center;  font-weight: bold;
		padding-top:10px;
		width: 100%;
	}
	
	nav#menu_wysuwane ul#nav li ul{
		position: absolute;
		background: transparent; 
		padding: 0;  
		width: 44%;
		bottom: 44px;
	}
	
	
	/*nav#menu_wysuwane ul#nav li:hover ul { 
		position: absolute; 
		background: transparent; 
		padding: 0; 
		display: block; 
		width: 43%;
		bottom: 75px;
	} */
	
	nav#menu_wysuwane ul#nav ul li{
    	width: 100%;
    	margin-top: 1px;
    	padding:0px;
    	margin-left:0px;
    	background-image: none;
    	
	}
	nav#menu_wysuwane #podmenu{background-image: none;}
	
	nav#menu_wysuwane ul#nav ul li a{
    	color:#fff;
    	height: auto;
    	padding:5px;
    	width: 95%;
	}
	
	nav#menu_wysuwane ul#nav ul li a, nav#menu_wysuwane ul#nav ul li
	{display:block;  -moz-border-radius:0px  ; 
		-webkit-border-radius:0px ; 
		-khtml-border-radius:0px ; 
		border-radius:0px; 
		background-color: #10768C;
	}
	
	nav#menu_wysuwane ul#nav ul li a.selected, nav#menu_wysuwane ul#nav ul li a:hover 
	{display:block;  -moz-border-radius:0px ; 
		-webkit-border-radius:0px; 
		-khtml-border-radius:0px; 
		border-radius:0px; 
		background-image: none;
		background-color: #FFFF27;
	color:#2C446A;
	}
	
}