@media only screen and (min-width: 480px) and (max-width: 599px) {
	
	body#index, body#howitworks, body#formula, body#guarantee{
	background: url("../images/480/top-1-pasek.gif") repeat-x top left;
	
	}
	
	img{
    max-width: 90%;
    height: auto;
    width: auto\9;
     *width: auto;
     _width: auto;
    }
	article#kom p .caly{display: none;}
	#index header, #howitworks header, #formula header, #guarantee header{
		max-width: 599px;
		min-width: 480px;
		margin:0 auto;
		position:relative;
		height: 233px;
		background: url("../images/480/top-1.jpg") no-repeat top left;
	}
	#howitworks header{height: 280px;}
	#index header .pojemnik{
		background: url("../images/480/kobieta-copy-4.png") no-repeat left bottom;
		max-width: 579px;
		min-width: 442px;
		margin: 0 auto 20px;
	}
	#howitworks header .pojemnik{
		background: url("../images/480/pudelko-i-cien.png") no-repeat 0px 8px;
		max-width: 579px;
		min-width: 442px;
	}
	/*formula*/
	#formula header{height: 280px;}
	#formula header .pojemnik{
		background: url("../images/480/zestaw-formula.png") no-repeat 0px 46px;
		max-width: 579px;
		min-width: 442px; 
	}

/*formula*/

/*testimonials faq*/
body#testimonials, body#faq{
	background: url("../images/480/top-2-pasek.gif") repeat-x top left;
	
}
#testimonials header, #faq header{
	max-width: 599px;
	min-width: 480px;
	margin:0 auto;
	position:relative;
	height: 168px;
	background: url("../images/480/top-2.jpg") no-repeat top left;
}
#testimonials header .pojemnik, #faq header .pojemnik{
	background: none;
	max-width: 579px;
	min-width: 442px;
}
#testimonials h1, #faq h1 {
	margin-top: 5px;
	display:block;
	text-align: right;
}
#testimonials article#kom, #faq article#kom{margin:20px auto;}

/*testimonials faq*/
/*guarantee*/

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

/*guarantee*/

/*form*/
body#form{
	background: url("../images/480/top-3-pasek.gif") repeat-x top left;
	
}
#form header{
	max-width: 599px;
	min-width: 464px;
	margin:0 auto;
	position:relative;
	height: 86px;
	background: url("../images/480/top-3.png") no-repeat top left;
}
#form header .pojemnik{
	background: none;
	max-width: 579px;
	min-width: 442px;
}
#form h1 {
	margin-top: 5px;
	display:block;
	text-align: right;
}
#form article#kom{margin:20px auto;}
#form img{
    max-width: 100%;
    height: auto;
    width: auto\9;
     *width: auto;
     _width: auto;
    }

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


/*form*/
	h1 {
		margin-top: 50px;
	}
	
	
	article{
		min-width: 442px;
		max-width: 579px;
	}

	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: 579px;
		margin:0 auto;
		padding-top:10px;
	}
	nav#menu_wysuwane ul#nav li{
		width: 46%;
		margin-left:8px;
		margin-right: 8px;
		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: 46%;
		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;
	}
	
}