@import url("reset.css");

/*
--------------------------------------------------------------------------------
	Twoj styl ponizej
--------------------------------------------------------------------------------
*/

html, body
{
	height:100%;
	color:#cccccc;
	font-family: "Segoe UI Light", "Segoe UI", "Myriad Pro", "Tahoma", sans-serif;
	font-size:16px;
	background:#ffffff;
}

h1 { font-size:2.20em; }
h2 { font-size:1.45em; }
h3 { font-size:1.15em; }

p {margin-top:10px;}

a {color:#545454;}

header {}
div.page {width:100%;position:relative;top:-100px;height:500px;background:#0D0D0D url(../images/main-bg.gif) center no-repeat}
body div.content {width:960px;height:650px;position:relative;margin:auto;}
body div.content div.article {width:550px;position:absolute;top:160px;right:20px;z-index:100;}
body div.content div.article h2 {font-size:43px;margin-bottom:24px;}
body div.content div.article h3 {font-size:24px;}
body div.content div.article p {font-size:14px;}
body div.content div.social {position:absolute;top:500px;width:960px;} 
body div.content div.social #facebook {margin-top:10px;position:absolute;right:0px;} /*left:380px*/
body div.content div.aside {position:absolute;top:100px;left:-30px;z-index:80;}

body div.footer {
	position:relative;
	background:url(../images/footer-shadow.gif) no-repeat center top;
	border-top:0px solid #dfdfdf;
	padding:20px 0px 50px;
	text-align:center;
	color:#666666;
	font-size:14px;
}

body div.footer p.aip {}

form#pre-registration {margin-top:24px;}
form#pre-registration label {font-size:14px;display:block;margin-bottom:10px;}
form#pre-registration p.info {margin-top:5px;color:#666666;font-size:12px;}
form#pre-registration div.inputs {line-height:32px;height:32px;}
form#pre-registration input {width:220px;height:28px;text-align:center;padding:2px 5px 2px 5px;background:url(../images/input-bg.png) no-repeat top left;border:0px;}
form#pre-registration button {line-height:32px;width:88px;height:32px;position:relative;top:1px;padding:0px;background:url(../images/button.png) no-repeat top left;border:0px;}
form#pre-registration button span {visibility:hidden;}
form#pre-registration button:hover {cursor:pointer;background-position:bottom center;}
form#pre-registration button:focus {}

p.message {
	display:block;
	text-align:center;
	position:absolute;
	left:50%;
	margin-left:-200px;
	width:400px;
	z-index:900;
	background:#ffffff;
	border:5px solid #990000;
	padding:20px;
	top:30%;
	-moz-border-radius:10px;
	color:#000;
}

p.message a {font-size:1.2em;font-weight:bold;}

.gray-screen
{
	background:#000000;
	opacity:0.8;
	position:absolute;
	
	width:100%;
	height:100%;
	z-index:800;
}