html, body
	{
		height: 100%;
	}
	
	body
	{
		margin: 0px;
		padding: 0px;
		background: #323637;
		background: url("images/background.jpg") fixed;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 12pt;
		color: #747879;
	}
	
	
	p
	{
		margin-top: 0;
		line-height: 180%;
	}
	
	a
	{
		color: #16A085;
	}
	
	a:hover
	{
		text-decoration: none;
	}

	.container
	{
		margin: 0px auto;
		width: 100%;
	}
	

/*********************************************************************************/
/* Image Style                                                                   */
/*********************************************************************************/

	.image
	{
		display: inline-block;
		display: block;
		width: 100%;
		height: 420px;
	}
	
	.image img
	{
		display: block;
		width: 100%;
	}
	
	.image-full
	{
		display: block;
		width: 100%;
		margin: 0 0 3em 0;
	}
	
	.image-left
	{
		float: left;
		margin: 0 2em 2em 0;
	}
	
	.image-centered
	{
		display: block;
	}
	
	.image-centered img
	{
		margin: 0 auto;
		width: auto;
	}

	.t1{
		background: url("images/oprogramowanie-dla-firm.jpg") no-repeat;
	}

	.t2{
		background: url("images/sklep-eplecaki.jpg") no-repeat;
	}

	.t3{
		background: url("images/klienci-biznesowi.jpg") no-repeat;
	}
		
/*********************************************************************************/
/* Heading Titles                                                                */
/*********************************************************************************/
	
	.title h2
	{
		font-size: 2.8em;
		color: #a4a4a4;
	}
	
	.title .byline
	{
		font-size: 1.1em;
		color: rgba(255,255,255,.5);
	}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	.logo
	{
		padding-top: 40px;
	}

/*********************************************************************************/
/* Wrapper                                                                       */
/*********************************************************************************/


	.wrapper
	{
		overflow: hidden;
		padding: 0em 0em 5em 0em;
	}

	#column-wrap{
		margin: 0 auto;
		width: 100%;
  		max-width: 1900px;
		background: #323637;
		margin-top: 40px;
		padding-bottom: 50px;
		border: 2px solid #2a2d2e;
	}

/*********************************************************************************/
/* Three Columns                                                                 */
/*********************************************************************************/

	#three-column
	{
		overflow: hidden;
		text-align: center;
	}
	
	#three-column h2
	{
		margin: 0.6em 0;
		font-size: 1.5em;
		font-weight: 700;
	}
	
	#three-column .icon
	{
		position: relative;
		display: block;
		margin: 0px auto 0.80em auto;
		background: none;
		line-height: 150px;
		font-size: 4em;
		width: 150px;
		height: 150px;
		border-radius: 100px;
		border: 6px solid #67128F;
		text-align: center;
		color: #FFF;
		
	}
		
	#three-column #tbox1,
	#three-column #tbox2,
	#three-column #tbox3
	{
		float: left;
		width: 32.5%;
		padding: 0px 7px;
	}
	
	#three-column .title
	{
		text-align: center;
	}
	
	#three-column .title h2
	{
		font-size: 1.80em;
	}
	
	#three-column .title .byline
	{
		padding-top: 0.50em;
		font-size: 0.90em;
		color: #858585;
	}