/* Table of Contents
==================================================
    #Base 1200 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing 
    #Media Queries */

/* #Base 1200 Grid
================================================== */
/*ta czesc definiowana w kodzie*/

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

/* #Base 960 Grid
================================================== */

@media only screen and (min-width: 1000px) and (max-width: 1199px) {

	.srodek { max-width: 940px;}
	ul#menu li a { padding:0em 4px 0em 4px; }
	
	h1 {left:0px;}
	
	#baner ul li div.tlo {width:2000px; margin:0px 0px 0px -1000px;}
	div#baner a.pobierz-oferte {margin:40px 0px 0px 95px;}
	
	div.tresc {width:75%;border-right:solid 1px #eee;}
	div.podmenu {width:23%;}
	
	h2 {padding:20px 0px 20px 15px;}
	.tresc p { margin: 0px 20px 15px 15px;}
	
	#menu_section .pojemnik-menu .srodek { left:-2%;}
	
	ul.realizacje_lista { padding:20px 0px 10px 10px;}
	
	ul.realizacje_lista li {
		margin:0px 5px 15px 0px;
		padding:0px 0px 0px 0px;
		width:160px;
		height:120px;
	}

	ul.realizacje_lista li a {
		width:160px;
		height:120px;
	}
	ul.oferta_lista {padding:0px 20px 0px 15px;}
	
	
	div.kolumna_2 h3 {padding:0px 0px 0px 15px;}
	
	div.mapka {padding:0px 20px 0px 15px;}
}


/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 999px) {
	.srodek{ max-width: 748px;}
	ul#menu li a { padding:0em 4px 0em 4px; }
	
	h1 {left:0px;}
	
	#baner ul li div.tlo {width:1800px; margin:0px 0px 0px -900px;}
	
	div#baner a.pobierz-oferte {margin:40px 0px 0px 85px;}
	
	div#home .width-35 { width:50% !important;}
	div#home .width-35 .width-35 { width:35% !important;}
	div#home .width-30 { width:50% !important; clear:both; float:none; padding-top:30px;}
	
	div.tresc {width:67%;border-right:solid 1px #eee;}
	div.podmenu {width:30%;}
	h2 {padding:20px 0px 20px 15px;}
	.tresc p { margin: 0px 20px 15px 15px;}
	
	ul.realizacje_lista { padding:20px 0px 10px 10px;}
	
	ul.realizacje_lista li {
		margin:0px 5px 15px 0px;
		padding:0px 0px 0px 0px;
		width:155px;
		height:120px;
	}

	ul.realizacje_lista li a {
		width:155px;
		height:120px;
	}
	
	ul.oferta_lista {padding:0px 20px 0px 15px;}
	
	div.kolumna_2 h3 {padding:0px 0px 0px 15px;}
	
	div.mapka {padding:0px 20px 0px 15px;}
}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

@media only screen and (min-width: 321px)  and (max-width: 767px) {
	.srodek{ max-width: 320px;}
	#baner {display:none;}
	
	h1 {width:180px; left:0px;float:none; margin:0 auto;}
	
	
	#menu_section .pojemnik-logo .zadzwon-do-nas {
	font-family: 'Oswald', sans-serif;
	text-align:center;
	width:320px;
	float:none;
	overflow:hidden;
	background:none;
	}

	#menu_section .pojemnik-logo .zadzwon-do-nas p { 
	margin: 0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	font-weight: 300; 
	line-height: 1.6em;
	font-size:1.2em;
	text-transform:uppercase;
	color:#333;
	}

	
	div#home .width-35 { width:100% !important;  padding-bottom:30px;}
	div#home .width-35 .width-35 { width:60% !important; margin:0 auto; float:none !important}
	div#home .width-35 .width-60 { width:100% !important;}
	div#home .width-30 { width:100% !important; clear:both; float:none; }
	
	
	
	div#stopka p {
	display:inline-block;
	float:none;
	padding:8px 0px 0px 0px;
	margin:0;
	font-size:10px;
	color:#555;
	text-align:center;
	
	}

	div#stopka p.copy {
		float:none;
		padding:8px 0px 0px 0px;
	}

	div#stopka p.projetk {
		padding:8px 0px 0px 0px;
	}
	
	div.tresc {width:100%;border-right:solid 0px #eee; border-bottom:solid 2px #aaa; margin-bottom:20px; float:none; }
	div.podmenu {width:100%; float:none; }
	h2 {padding:20px 0px 20px 0px;}
	.tresc p { margin: 0px 20px 15px 0px;}
	
	
	ul.realizacje_lista { padding:20px 0px 10px 0px;}
	
	ul.realizacje_lista li {
		margin:0px 3px 10px 0px;
		padding:0px 0px 0px 0px;
		width:155px;
		height:120px;
	}

	ul.realizacje_lista li a {
		width:155px;
		height:120px;
	}
	
	div.rozwin-menu {padding:0.9em 0.9em 0.9em 0em;}
	
	
	ul.oferta_lista {padding:0px 0px 0px 0px;}

	ul.oferta_lista li div.zdjecie {
		width:100%;
		float:none;
		text-align:center;
	}

	ul.oferta_lista li div.oferta-opis {
		width:100%;
		float:none;
		padding-top:10px;
	}
	
	div.kolumna_2 {
		float:none;
		width:100%;
		padding-bottom:20px;
	}
	
	div.kolumna_2 h3 {padding:0px 0px 0px 0px;}
	
	div.mapka {padding:0px 0px 0px 0px;}
	
}


/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

@media only screen and (max-width: 320px) {
	.srodek{ max-width: 300px; }
	#baner {display:none;}
	
	h1 {width:100px; left:0px;float:none; margin:0 auto;}
	
	#menu_section .pojemnik-logo .zadzwon-do-nas {
	font-family: 'Oswald', sans-serif;
	text-align:center;
	width:320px;
	float:none;
	overflow:hidden;
	background:none;
	}

	#menu_section .pojemnik-logo .zadzwon-do-nas p { 
	margin: 0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	font-weight: 300; 
	line-height: 1.6em;
	font-size:1.2em;
	text-transform:uppercase;
	color:#333;
	}
	
	div#home .width-35 { width:100% !important;  padding-bottom:30px;}
	div#home .width-35 .width-35 { width:60% !important; margin:0 auto; float:none !important}
	div#home .width-35 .width-60 { width:100% !important;}
	div#home .width-30 { width:100% !important; clear:both; float:none; }
	
	div.tresc {width:100%;border-right:solid 0px #eee; border-bottom:solid 2px #aaa; margin-bottom:20px; float:none; }
	div.podmenu {width:100%; float:none; }
	h2 {padding:20px 0px 20px 0px;}
	.tresc p { margin: 0px 20px 15px 0px;}
	
	
	ul.realizacje_lista { padding:20px 0px 10px 0px;}
	
	ul.realizacje_lista li {
		margin:0px 3px 10px 0px;
		padding:0px 0px 0px 0px;
		width:155px;
		height:120px;
	}

	

	ul.realizacje_lista li a {
		width:155px;
		height:120px;
	}
	
	div.rozwin-menu {padding:0.9em 0.9em 0.9em 0em;}
	
	ul.oferta_lista {padding:0px 0px 0px 0px;}
	
	ul.oferta_lista li div.zdjecie {
		width:100%;
		float:none;
		text-align:center;
	}

	ul.oferta_lista li div.oferta-opis {
		width:100%;
		float:none;
		padding-top:10px;
	}
	
}