@charset "utf-8";
/*:first-child+html #logo{

#00c1e4 - niebieski
*/

html {
	width:100%;
	height:100.1%;
	font-size:100.1%;
}

body{
	background:url(/images/preorder/bg.jpg) center top no-repeat #000000;
	font:0.7em Verdana, Arial, Helvetica, sans-serif;
	line-height:1.6em;
	width:100%;
	height:100%;
	color:#ffffff;
}

body,h1,h2,h3,h4,h5,h6,p,form,fieldset,ul,img, table{	
	margin:0;
	padding:0;
}


/* General
--------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,ul, table{
	padding-bottom:1.2em;
}
h1{
	font-size:1.5em;
}
h2{
	font-size:1.3em;
}	
h3{
	font-size:1.1em;
}
a{
	color:#aba000;	
	text-decoration:none;
}
a:hover{
	text-decoration:underline
}
a img{
	border:none;
}	
a.noUnderline{
	text-decoration:none;
}
a.noBg{
	background:none;
}
ul{
	padding-left:1.5em;
}
ul li{
	padding:.2em 0 .2em 2.25em;	
}
ul li.noBullet{
	background:none;
}

.dist{
	color:#ed1c24;
}
.clear{
	clear:both;	
	line-height:1px;
	height:2px;	
	font-size:1px;
}
.tcenter{
	text-align:center;
}
.tleft{
	text-align:left;
}
.tright{
	text-align:right;
}
.just {
	text-align:justify;
}
.left{
	float:left;
}
.right{
	float:right;
}
.noMP{
	margin:0;
	padding:0;
}
.pt{
	padding-top:1.2em;
}
.pl{
	padding-left:1.2em;
}
.pr{
	padding-right:1.2em;
}
.pb{
	padding-bottom:1.2em;
}
.mt{
	margin-top:1.2em;
}	
.cl{
	clear:left;
}
.cr{
	clear:right;
}
.cb{
	clear:both;
}
.line{
	height:1.6em;
	border-top:solid 1px #333333;
}

.half {
	width:50%;
}
.setka{
	width:100%;
}



/*Container
--------------------------------------------------*/
#container{
	width:1000px;
	margin:0 auto;
	min-height:2328px;
	position:relative;
}

#header{
	width:100%;
	height:68px;
	background:url(/images/preorder/headerBg.png) left top no-repeat;
}


#formContainer{
	width:100%;
	height:500px;
	background:url(/images/preorder/okladka.jpg) 92px 30px no-repeat;
	position:relative;
}

#formContainer form{
	width:428px;
	height:407px;
	position:absolute;
	right:74px;
	top:30px;
	background:url(/images/preorder/formBg.png) left top no-repeat;
}

#formContainer form input{
	background:none;
	background-color:#222222;
	border:solid 1px #333333;
	width:230px;
	height:18px;
	padding:0 5px;
	color:#f9f9f9;	
}
#formContainer form .i1, #formContainer form .i2, #formContainer form .i3, #formContainer form .i4, #formContainer form .i5, #formContainer form .i6, #formContainer form .i7, #formContainer form .i8, #formContainer form .i9, #formContainer form .i10{
	position:absolute;
	left:173px;	
}
#formContainer form .i1{
	top:45px;
}
#formContainer form .i2{
	top:75px;
}
#formContainer form .i3{
	top:105px;
}
#formContainer form .i4{
	top:134px;
}
#formContainer form .i5{
	top:163px;
}
#formContainer form .i6{
	top:191px;
}
#formContainer form .i7{
	top:220px;
}
#formContainer form .i8{
	top:249px;
}
#formContainer form .i9{
	top:277px;
}
#formContainer form .i10{
	top:306px;
}

#formContainer form input.submit{
	width:171px;
	height:72px;
	background:url(/images/preorder/kupPreorder.png) left top no-repeat;
	background-position:-200px 0;
	border:none;
	display:block;
	position:absolute;
	left:96px;
	bottom:0;
}
#formContainer form input.submit:hover{
	background-position:0 0;
}

#formContainer .clock{
	width:50px;
	height:50px;
	position:absolute;
	bottom:83px;
	left:536px;
}

#abyDokonac{
	background:url(/images/preorder/abyDokonacZakupuPlyty.png) left top no-repeat #222222;
	padding:15px;
	padding-bottom:5px;
	padding-top:30px;
	width:800px;
	height:110px;
	margin:0 auto;
	overflow:auto;
}
#abyDokonac p{
	padding:0;
}


#trackList{
	position:absolute;
	width:834px;
	height:385px;	
	background:url(/images/preorder/trackList.png) left top no-repeat;
	top:751px;
	left:92px;
}
#trackList ul{
	display:none;
}

#moreText{
	position:absolute;
	width:885px;
	height:421px;
	overflow:auto;
	top:1200px;
	left:51px;
	padding:15px;
}

#youtube{
	position:absolute;
	top:1665px;
	left:71px;
	width:860px;
	height:344px;
}	
#youtubeClip1{

}
#youtubeClip2{

}
#wydawca{
	width:100px;
	height:193px;
	background:url(/images/preorder/wydawca.png) left top no-repeat;
	position:absolute;
	top:2135px;
	left:450px;
}

#patroniMedialni{
	position:absolute;
	top:2040px;
	left:65px;
	width:870px;
	height:70px;
}	

#w2b{
	position:absolute;
	top:2300px;
	left:400px;
	font-size:10px;
}


/* popup
--------------------------------------------------*/
#popup, #popup2{
	display:none;
	font-weight:800;
	padding:10px;
	padding-top:35px;
	border-style:solid;
	border-width:1px;
	background-position:5px 5px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:1;
	border-left:none;
	border-right:none;
	top:100px;
	left:100px;
	width:380px;
	height:360px;
	overflow:auto;
}
#popup2{
	height:30px;
	padding:5px;
	padding-top:6px;
	padding-left:50px;
	font-weight:normal;
	left:515px;
	top:87px;
}
.popupInfo{
	border-color:#009900;
	background-image:url(/images/infoIcon.gif);
	background-color:#d9ecd4;
	color:#009900;
}
.popupWarning{
	border-color:#de6c28;
	background-image:url(/images/warningIcon.gif);
	background-color:#f8e3d3;
	color:#de6c28;
}
.popupError{
	border-color:#ed1c24;
	background-image:url(/images/errorIcon.gif);
	background-color:#fdddcf;
	color:#ed1c24;
}