#cennikContainer
{
	width : 90%;
	margin-left : 5%;
	text-align : center;
	padding-bottom : 50px;
}


#rabaty
{
	text-align: left;
	padding : 2%;
	width : 50%;
	margin-left : 24%; 
	background-color : rgb(255, 255,255, 0.9);
	border-style : solid;
	border-radius : 10px;
	font-size : 150%;
}

#rabaty ul
{
	padding-left :0;
	margin-left : 10%;
}

#rabaty p
{
	font-weight : bold;
	float:left; /*jak się daje tekst po <p1> to wrzuca go do nowej linijki*/
	padding-right : 0.7%; /*jak się daje tekst po <p1> to wrzuca go do nowej linijki*/
}


#cennikNaglowek 
{
	margin-top : 2%;
	text-align : center;
	background-color : rgb(255, 255,255, 0.9);	
	width : 60%;
	margin-left : 19%;
	padding : 2%;		
	padding-bottom : 0;
}


#cennikNaglowek h1
{
	color : #76323f;
}



#cennikGlowny
{
	width : 60%;
	margin-left : 19%;
	padding : 2%;	
	background-color : rgb(255,255,255, 0.9);
	text-align : left;
	font-size : 150%;
	padding-left :5%;
}

#cennikGlowny ul
{
	margin-left : 5%;
}

#listaCen
{
	padding-top :2%;
	text-align : left;
	font-size : 100%;
	line-height : 120%;	
	margin-bottom : 3%;
	font-weight : bold;
	list-style-type: none;
	padding-left : 0;
}

#listaWarunkow
{
	margin-top : 1%;
	text-align : left;
	font-size : 75%;
	line-height : 150%;	
	padding-left : 0;
}



/*--------------------------------------------------*/

@media only screen and (min-width: 2000px) 
{

}

@media only screen and (max-width: 2000px) 
{

}

@media only screen and (max-width: 1800px) 
{
	#rabaty
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 200%;
		border-width : 2px;
		margin-bottom : 5%;
	}
	
	#rabaty ul
	{
		margin-left : 3%;
	}
	
	#cennikNaglowek 
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 150%;
	}	
	
	#cennikGlowny
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 200%;
	}	
	
	#listaCen
	{
		font-size : 100%;
	}
}

@media only screen and (max-width: 1200px) 
{
	#rabaty
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 200%;
		border-width : 2px;
		margin-bottom : 5%;
	}
	
	#rabaty ul
	{
		margin-left : 3%;
	}
	
	#cennikNaglowek 
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 150%;
	}	
	
	#cennikGlowny
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 200%;
	}	
	
	#listaCen
	{
		font-size : 100%;
	}
}

@media only screen and (max-width: 1050px)
{ 



	#rabaty
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 200%;
		border-width : 2px;
		margin-bottom : 5%;
	}
	
	#rabaty ul
	{
		margin-left : 3%;
	}
	
	#cennikNaglowek 
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 150%;
	}	
	
	#cennikGlowny
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 200%;
	}	
	
	#listaCen
	{
		font-size : 100%;
	}
	
}

@media only screen and (max-width: 900px)
{ 



	#rabaty
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 100%;
		border-width : 2px;
		margin-bottom : 5%;
	}
	
	#rabaty ul
	{
		margin-left : 5%;
	}
	
	#cennikNaglowek 
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 90%;
	}	
	
	#cennikGlowny
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 120%;
	}	
	
	#listaCen
	{
		font-size : 90%;
	}
	
}

@media only screen and (max-width: 800px)
{ 



	#rabaty
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 100%;
		border-width : 2px;
		margin-bottom : 5%;
	}
	
	#rabaty ul
	{
		margin-left : 5%;
	}
	
	#cennikNaglowek 
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 90%;
	}	
	
	#cennikGlowny
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 120%;
	}	
	
	#listaCen
	{
		font-size : 90%;
	}
	
}

@media only screen and (max-width: 600px)
{
	#rabaty
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 100%;
		border-width : 2px;
		margin-bottom : 5%;
	}
	
	#rabaty ul
	{
		margin-left : 5%;
	}
	
	#cennikNaglowek 
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 90%;
	}	
	
	#cennikGlowny
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 120%;
	}	
	
	#listaCen
	{
		font-size : 90%;
	}
	
}

@media only screen and (max-width: 450px)
{ 
	#rabaty
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 100%;
		border-width : 2px;
		margin-bottom : 5%;
	}

	#rabaty ul
	{
		margin-left : 10%;
	}
	
	#cennikNaglowek 
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 90%;
	}	
	
	#cennikGlowny
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 120%;
	}	
	
	#listaCen
	{
		font-size : 90%;
	}
	
}

@media only screen and (max-width: 400px)
{
	#rabaty
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 100%;
		border-width : 2px;
		margin-bottom : 5%;
	}

	#rabaty ul
	{
		margin-left : 10%;
	}	

	#cennikNaglowek 
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 90%;
	}	
	
	#cennikGlowny
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 110%;
		
	}	
	
	#listaCen
	{
		font-size : 90%;
	}
	
}

@media only screen and (max-width: 350px)
{
	
	#rabaty
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 100%;
		border-width : 2px;
		margin-bottom : 5%;
	}
	
	#rabaty ul
	{
		margin-left : 10%;
	}
	
	#cennikNaglowek 
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 90%;
	}	
	
	#cennikGlowny
	{
		width : 90%;
		margin-left : 4%;
		padding : 2%;	
		font-size : 110%;
	}	
	
	#listaCen
	{
		font-size : 90%;
	}
	
}