/* szkielet strony */
/*konetnery  pierwszego poziomu*/
#root-header,
#root-main,
#root-footer 
{
	margin: 0 auto;
	padding: 0;
	/*max-width: 1366px;*/
	width: 100%;
	position: relative;
}

#root-main 
{
	min-height: 500px;
}

#root-footer 
{
	min-height: 185px;
	/* background: #333333; */
	background: #ffffff;
	clear: both;
}
/* koniec konetenrow pierwszego poziomu */
	
	/* kontenery drugiego poziomu rozciagniete na 100% strony*/
	
	#root-header > #header,
	#header > #header-title,
	#header > #header-menu,
	#root-footer > #sub-footer,
	#root-footer > #sub-footer > div
	{
		width: 100%;
	}
	
	#sub-footer > div:nth-child(3) {
		padding-bottom: 20px;
	}
	
	/* kontenery drugiego poziomu o okreslonej max. szerokosci */
	#header-title > div,
	#header-menu > div,
	#main-top,
	#main,
	#root-footer > #sub-footer > div > ul,
	#root-footer > #footer 
	{
		margin: 0 auto;
		position: relative;
		max-width: 1366px;
	}
	
	#root-header > #header 
	{
		min-height: 85px;
	}
	
	#root-main > #main:after {
		clear: both;
		content: "";		
	}
	/* koniec - kontenery drugiego poziomu */
	
	/*  #sekcja header
	 *  #kontenery podstawowego szkieletu strony od  trzeciego poziomu w zwyz
	 */
	

	
	/* koniec gornego menu */
	/* wyszukiwarka i info*/
	#root-main > #main-top > .main-search,
	#root-main > #main-top > .top-info 
	{
		height: 330px;
		float: left;
	}
	
	#root-main > #main-top > .main-search 
	{
		width: 74.49%;
		padding: 20px 45px;
		margin-right: 1px;	
		box-sizing: border-box;	
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;			
	}
	
	#root-main > #main-top > .top-info
	{	
		width: 25%;
		float: right;
		/*width: 336px;*/	
		background: #fff;
	}
	
	#root-main > #main-top > .top-info:after
	{
		clear: left;
	}	
	/* koniec wyszukiwarki */
	
	
	
	/* siatka do artykulow */
	#main .articles-list > ul > li 
	{
		width: 50%;
		display: block;
		float: left;
		position: relative;
		margin: 0;
		border-bottom: 1px solid #e8e8e8;
		box-sizing: border-box;	
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;			
	}
	
	#main .articles-list > ul > li  > article {
		/*max-width: 665px;*/
		position: relative;
		margin: 0 auto;	
		border-right: 1px solid #e8e8e8;
		box-sizing: border-box;	
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;		
	}

	
	/* koniec listy projektów i artykulow */
	
	/* sekcja main - sub footer */
	#sub-footer > div + div  
	{
		background: #ffffff;
	}
	
	#sub-footer > div + div + div
	{
		background: #444444 !important;
	}	

	#sub-footer > div > ul > li
	{
		float: left;
		width: 25%;
		min-height: 317px;
		
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}	
	/* koniec sekcji sub footer */