@charset "utf-8";

#contentContainer { background-position: 150px 50%; }

#content {
	background: url(/media/img/static/home_bg.jpg) 0 32px no-repeat;
	width: 456px; 
	padding-right: 6px; /* zwiera 6px na "ramkę" rozdzielającą kolumny */
	aborder-right: 319px solid #e5f7ff;
	margin: 6px;
}

h2 { 
	color: #e5f7ff; 
	height: 26px;
	width: 100%;
	border-bottom: 6px solid #fff;
}

h2 span { display: none; }

/* prawa kolumna  */
#signIn { 
	width: 319px;
	float: right;
	margin: 0 -325px 0 0;
	padding-left: 6px;
	min-height: 503px;
	position: relative;
}

#signIn h2 { background: #29aae1 url(/media/img/static/h2_ezapisy.gif) 50% 0 no-repeat; }

#signIn div {	
	overflow: auto; 
	color: #0364a8;
}

h2+div { 
	min-height: 153px; 
	border-bottom: 6px solid #fff;
}

#signIn h2+div p {
	text-align: center;
	float: left;
	width: 140px;
}

#signIn h2+div>p:first-child {	padding: 33px 2px 17px 16px; }

#signIn h2+div>p+p { padding: 33px 16px 17px 2px; }

#signIn h2+div p a:first-child {
	display: block;
	margin: 0 auto 9px;
	width: 70px;
	height: 50px;
	border: 1px solid #fff;
}

#signIn h2+div p a:first-child:hover {	border: 1px solid #0364a8; }

#signIn h2+div p:first-child a:first-child { background: url(/media/img/static/login.gif) 0 0 no-repeat; }

#signIn h2+div p+p a:first-child { background: url(/media/img/static/register.gif) 0 0 no-repeat; }

#signIn h2+div p a:first-child span { display: none; }

#signIn div+div {
	padding: 17px 26px 17px 34px;
}

#signIn div+div p { padding-top: 17px; }

#signIn div+div p strong { font-size: 1.3em }

#signIn ul li {
	padding: 0 0 0 9px;
	background: url(/media/img/static/marker01.gif) 1px 60% no-repeat;
}

/* lewa kolumna */
#newProjects {
	width: 781px;
	text-align: right;
}

#newProjects h2 { 
	background: #29aae1 url(/media/img/static/h2_nowe_projekty.gif) 100% 0 no-repeat;
}

#newProjects ul {
	width: 155px;
	margin: 0 0 0 auto;
}

#newProjects ul li {
	width: 149px;
	height: 149px;
	line-height: 149px;
	background: url(/media/img/static/grid.gif);
	margin: 6px 6px 0 0;
	position: relative;
}

#newProjects ul li a {
	display: block;
	width: 145px;
	height: 145px;
	border: 2px solid #fff;
	background: #fff;
	overflow: hidden;
}

#newProjects ul li a:hover { border: 2px solid #ff530D; }