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

   CSS - Portfolio
   Maciej Brożonowicz
   Ver. 1
   
----------------------- */  


body
{
	background: url(gfx/bg-body.gif) repeat-x top center #fff;
	color: #9f9f9f;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
}
div#container
{
	margin: 0px auto;
}
div#left
{
	width: 50%;
	float: left;
}
div#right
{
	width: 50%;
	float: left;
	margin-left: -1px;
}

/* lewa strona
----------------------------------------------- */

div#logo
{
	width: 410px;
	height: 110px;
	margin-top: 45px;
	float: right;
}
div#news
{
	width: 410px;
	height: 170px;
	background: url(gfx/bg-news.gif) no-repeat bottom left #e5e5e5;
	float: right;
	border-right: 5px solid #fff;
	clear: both;
}
div#blog
{
	width: 100%;
	height: 82px;
	background: url(gfx/bg-blog.gif) no-repeat top right #4f4f4f;
	float: right;
	margin: 4px 0px;	
}
div#home
{
	width: 100%;
	background: url(gfx/bg-home.gif) repeat-x top center #fff;
	float: left;
}

/* lewa strona - podstrona
----------------------------------------------- */

div#subpage
{
	width: 475px;
	background: url(gfx/bg-subpage.gif) repeat-y top right;
	float: right;
	border-right: 5px solid #fff;
	margin-bottom: 3px;
	min-height: 476px;
}
div#subpage div
{
	width: 390px;
	float: right;
	padding: 7px 15px 7px 0px;
}
div#subpage div h2
{
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 7px 0px;
	margin: 0px;
	margin-bottom: 2px;
	color: #7ca800;	
}
div#subpage div p
{
	text-align: justify;
	margin: 0px;
	padding: 6px 0px;
}

/* prawa strona
----------------------------------------------- */

div#menu
{
	width: 435px;
	height: 70px;
	margin-top: 85px;
	float: left;
}	
div#seo
{
	width: 435px;
	height: 260px;
	background: url(gfx/bg-seo.jpg) no-repeat top left #fff;
	float: left;
}
div#works
{
	width: 435px;
	height: 140px;
	background: url(gfx/bg-works.gif) repeat-x top left #fff;
	float: left;
}
div#contact
{
	width: 100%;
	height: 75px;
	background: url(gfx/bg-contact.gif) repeat-x top left #fff;
	float:left;
	margin-top: 4px;
}

/* menu
----------------------------------------------- */

div#menu ul
{
	margin: 0px;
	padding: 0px;
}
div#menu li
{
	display: block;
	height: 55px;
	float: left;
	background: url(gfx/li-space.gif) no-repeat bottom left;
	list-style: none;
}
div#menu li a
{
	display: block;
	height: 55px;
}
div#menu li a.home
{
	background: url(gfx/li-home.gif) no-repeat top center;
	width: 55px;
}
div#menu li a.oferta
{
	background: url(gfx/li-oferta.gif) no-repeat top center;
	width: 80px;
}
div#menu li a.realizacje
{
	background: url(gfx/li-realizacje.gif) no-repeat top center;
	width: 105px;
}
div#menu li a.kontakt
{
	background: url(gfx/li-kontakt.gif) no-repeat top center;
	width: 90px;
}
div#menu li a:hover
{
	background-position: bottom center;
}

/* aktywne */

div#menu li a.home-active
{
	background: url(gfx/li-home.gif) no-repeat bottom center;
	width: 55px;
}
div#menu li a.oferta-active
{
	background: url(gfx/li-oferta.gif) no-repeat bottom center;
	width: 80px;
}
div#menu li a.realizacje-active
{
	background: url(gfx/li-realizacje.gif) no-repeat bottom center;
	width: 105px;
}
div#menu li a.kontakt-active
{
	background: url(gfx/li-kontakt.gif) no-repeat bottom center;
	width: 90px;
}

/* newsy
----------------------------------------------- */

div#news div.event
{
	float: right;
	width: 175px;
	padding: 13px 15px;
}
div#news div.event h2
{
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1px;
	color: #828282;
}
div#news div.event span
{
	background: url(gfx/icon.gif) no-repeat left center;
	padding-left: 17px;
}
div#news div.event p
{
	text-align: justify;
	padding: 10px 0px;
	margin: 0px;
}

/* blog
----------------------------------------------- */

div#blog div.column
{
	float: right;
	width: 178px;
	padding: 8px 15px;	
}
div#blog div.column p
{
	margin: 0px;
	padding: 0px;
	text-align: justify;
}
div#blog div.column img.bt
{
	margin-top: 20px;
}

/* home
----------------------------------------------- */

div#home div.main
{
	width: 365px;
	float: right;
	border-right: 5px solid #fff;
	padding: 5px 30px 0px 0px;
}
div#home div.main h2
{
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 7px 0px;
	margin: 0px;
	margin-bottom: 2px;
	color: #7ca800;	
}
div#home div.main p
{
	text-align: justify;
	padding: 5px 0px;
	margin: 0px;
	line-height: 14px;
}

/* seo
----------------------------------------------- */

div#seo h3
{
	padding: 20px 20px 10px 20px;
	margin: 0px;
	color: #fff;
	font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
div#seo p
{
	color: #fff;
	padding: 10px 80px 10px 20px;
	margin: 0px;
	text-align: justify;
}

/* projekty
----------------------------------------------- */

div#works ul
{
	margin: 15px auto;
	padding: 0px;
	width: 404px;
	height: 75px;
	background: url(gfx/bg-ul.gif) repeat-x left top;
}
div#works li
{
	display: block;
	float: left;
	height: 40px;
	width: 124px;
	padding: 15px 5px;
}
div#works li a
{
	margin-left: 0px;

}
div#works li a img
{
	border: none;
}

/* kontakt
----------------------------------------------- */

div#contact div
{
	background: url(gfx/bg-mobile.jpg) no-repeat left top;
	height: 74px;
}
div#contact div p
{
	color: #fff;
	margin: 0px;
	width: 210px;
	padding: 18px 0px 0px 220px;
}


/* stopka
----------------------------------------------- */

div#footer
{
	clear: both;
	height: 110px;
	width: 100%;
	background: url(gfx/bg-footer.gif) repeat-x top center #fff;
	padding-top: 3px;
}
div#footer-right
{
	width: 58%;
	background: url(gfx/bg-footer-right.gif) repeat-x top left;
	float: right;
}
div#footer-left
{
	width: 200px;
	background: url(gfx/bg-footer-left.gif) no-repeat top left;
	float: right;
}

div#footer-left img
{
	margin-top: 25px;
}
div#footer-right p
{
	text-align: center;
	width: 350px;
}
div#footer-right ul
{
	margin: 35px 0px 20px 0px;
	padding: 0px;
	text-align: center;
	width: 350px;
}
div#footer-right li
{
	list-style: none;
	display: inline;
}
div#footer-right li a
{
	font-weight: bold;
	color: #A09F9F;
	text-decoration: none;
	margin: 0px 3px;
}
div#footer-right li a:hover, div#footer-right li a.active 
{
	color: #7CA800;
	text-decoration: underline;
}

/* formularz
----------------------------------------------- */

label 
{
	display: block;
	color: #6f6f6f;
	margin-top: 5px;
	padding-bottom: 4px;
}
input, textarea
{
	border: 1px solid #ccc;
	font: 11px Tahoma, Verdana, Arial, sans-serif;
	color: #888888;
	padding: 3px;
	margin-bottom: 4px;
}
input:hover, input:focus, textarea:hover, textarea:focus
{
	border-color: #999;
	color: #333;
}
input.button
{
	border: 1px solid #ccc;
	padding: 2px;
	background-color: #e6e6e6;
	color: #888;
}

/* inne
----------------------------------------------- */

a
{
	color: #7CA800;
	text-decoration: underline; 
}

a img
{
	border: 0px;
}