@import "reset.css";

html, body {
    height:100%;
}

html {
    background:#000 url(../img/body.png) 0 0 repeat-x;
}
body {
    background:transparent url(../img/top.png) 50% 111px no-repeat;
    color:#bcbcbc;
    font-family: "Myriad Pro", "Myriad Web", Arial, Verdana, sans-serif;
}

.cols > div {
    float:left;
}
.col-50 {
    width:49.8%;
}
.col-30 {
    width:29%;
}

#mainWrapper {
    margin:0 auto;
    width:930px;
    min-height:100%;
}

#top {
    height:110px;
    overflow:hidden;
}
#top h1 {
    margin-top:38px;
    margin-left:3px;
}
#socialmedia ul {
    text-align:right;
    margin:38px 0 0 0;
}
#socialmedia ul li {
    display:inline;
}
#head {
    line-height:287px;
    height:287px;
    overflow:hidden;
}
#head img {
    margin-top:50px;
}
#player {
    margin-top:12px;
}
#content {
    font-size:14px;
}

#zapraszamy {

}
#form {
    margin:0 5.5%;
}
#info {

}
#zapraszamy p, #info p {
    line-height:1.2em;
    margin-top:10px;
}

#content h2 {
    font-size:16px;
    height:20px;
    line-height:20px;
    padding:15px 0;
    margin-bottom:15px;
}
	#content h2.whitepaper {
	    padding:0 0;
	    height: 50px;
	}
#content h2 img {
    vertical-align:middle;
}
#content ul {
    
    padding:0 0 0 0px;
}
#content ul li {
    background:url(../img/li.png) 0 8px no-repeat;
    line-height:1.2em;
    padding:2px 5px 2px 10px;
}
#content p.box {
    background:url(../img/box.png) 0 0 repeat-x;
    color:#bbb;
    padding:10px 15px;
    margin:10px 0;
    font-size:16px;
    height:180px;
}

form {

}

form p {
    clear:both;
    height:30px;
}
form p label {
    color:#efeeee;
    line-height:20px;
    margin-right:5px;
    width:38%;
    text-align:left;
}
form p input {
    border-width:1px;
    border-style:solid;
    border-color:#303030 #303030 #1d1d1d #303030;
    background:#141414 url(../img/input-bg.png) 0 100% repeat-x;
    color:#efeeee;
    height:18px;
    width:57%;
}
form input.error {
    border-color:#FFFEEC;
}
form div.zgoda {
    background:url(../img/box.png) 0 0 repeat-x;
    margin:5px 0;
    padding:10px;
}
form div.zgoda label {
    font-size:1.15em;
    width:auto;
}
form div.zgoda label input {
    width:auto;
}
form div.zgoda input.submit {
    font:bold 12px Arial, sans-serif;
    float:right;
    border:none;
    color:#fff;
    background:#00666f;
    padding:3px 6px;
    cursor: pointer;
}

a.pdf {
	color: #fff;
	padding: 0px 0px 0px 30px;
	background: url(../img/pdf.png) no-repeat 0 50%;
	font-size: .917em;
	display: block;
	margin: 1em 0 0em;
	line-height: 24px;
}

	p.info small {
		color: #BCBCBC;
		font-size: .917em;
		display: block;
		text-decoration: none;
		padding-left: 30px;
	}

cite {
	font-style: italic;
	color: #00d5e8;
}

.citefrom {
	display: block;
	font-size: .917em;
	text-align: right;
	margin-top: 10px;
	color: #fff;
	
}

.patrons .title {
	display: block;
	margin-bottom: 5px;
	color: #00d5e8;
}
.patrons img {
	margin-right:15px;
}

form p.info {
	color: #f70;
	font-size: 80%;
}

#footer {
    font-size:11px;
    height:29px;
    line-height:29px;
    padding:20px 0;
}
#footer img {
    vertical-align:middle;
}