@charset "utf-8";
/* CSS Document */

body {
	background: #000000 url(../gfx/bg.jpg) fixed center top no-repeat;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: 12px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	color: #FFFFFF;
}

input, textarea, select{
	font-size: 12px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
}

a img {border: none;}

#main {
	width: 900px;
	margin: 0 auto;
	padding: 0 0 20px 0;
}

#top {
	width: 900px;
	height: 100px;
	padding: 15px 0;
}

#logo1 {
	width: 115px;
	float: left;
}
#logo2{
	width: 90px;
	float: left;
}
#logo3{
	width: 695px;
	float: left;
	text-align: center;
	height: 100px;
	line-height: 100px;
	overflow: hidden;
	font-size: 2.2em;
	font-weight: bold;
	color: #bad6ff;
}

#navi {
	width: 900px;
	height: 51px;
	line-height: 51px;
	background: url(../gfx/belka.png) top left no-repeat;
	text-align: center;
}

#navi h1 {
	display: inline;
	margin: 0;
	font-size: 1.1em;
	line-height: 51px;
}
#navi a {margin: 0 20px; color: #FFFFFF; text-decoration: none; display: inline;}
#navi a:hover {color: #f0ff00; text-decoration: none;}

#content {
	width: 800px;
	padding: 20px 50px;
}

#content h1, #content h2 {
	margin: 0 0 20px 0;
	color: #f0ff00;
	font-size: 1.6em;
}

#content h2 {
	font-size: 1.2em;
	margin: 0 0 15px 0;
}

#content p, #content li {
	text-align: justify;
	margin: 0 0 7px 0;
	line-height: 1.5em;
}

#content a:link, #content a:visited, #content a:active {color: #9bfeff; text-decoration: none;}
#content a:hover {color: #f0ff00; text-decoration: underline;}

div.strGlowna {
	padding: 20px 0 0 0;
}
#officebox {
	float: left;
	width: 210px;
	text-align: center;
	padding-top: 50px;
}
#officeinfo {
	float: left;
	width: 550px;
	padding: 5px 0 0 40px;
}
#officeinfo h1 {
	font-size: 2.5em;
	margin: 0 0 5px 0;
}
#officeinfo h2 {
	text-align: justify;
	font-size: 1.0em;
	line-height: 1.5em;
}
#officeinfo ul {margin: 0 0 20px 0; padding: 0 0 0 40px;}
#officeinfo li {
	text-align: left;
	margin: 0 0 5px 0;
	font-weight: bold;
}

#officeinfo label {
	display: block;
	color: #f0ff00;
	line-height: 1.5em;
	margin: 0 0 20px 5px;
}
#ctl00_ContentPlaceHolder1_zasady {margin-right: 10px; float: left;}

#bottom {
	width: 860px;
	height: 15px;
	padding: 0 20px;
	background: url(../gfx/bottom.png) top left no-repeat;
	line-height: 15px;
	font-size: 0.8em;
	color: #375193;
	text-align: right;
}

table.register, table.logowanie, table.zamowienie, table.podsumowanie {
	position: relative;
	width: 75%;
	margin: 0 0 30px 20px;
}
table.logowanie, table.podsumowanie {
	width: 100%;
}
table.zamowienie {
	width: 780px;
}

table.register td, table.logowanie td, table.zamowienie td, table.podsumowanie td {
	padding: 8px 0;
	width: 50%;
	vertical-align: top;
}
table.podsumowanie td {
	line-height: 20px;
}
table.podsumowanie td.lewa {
	width: 20%;
	font-weight: bold;
}
table.podsumowanie td.prawa {
	width: 80%;
	font-weight: bold;
	font-size: 1.2em;
	color: #9BFEFF;
}
table.podsumowanie td.zaplata {
	border-top: dotted 1px #516cb2;
}
table.podsumowanie td.prawa.zaplata {
	font-size: 1.3em;
}
table.logowanie td {
	width: 33%;
}
table.zamowienie td.lewa, table.zamowienie td.prawa {
	width: 460px;
	line-height: 25px;
}
table.zamowienie td.prawa {
	width: 320px;
}

table.register td div.label {
	width: 90px;
	float: left;
	margin: 0 15px 0 0;
	line-height: 25px;
}
table.zamowienie td div.label {
	margin: 0 25px 0 0;
}
table.logowanie td div.label {
	width: 75px;
}
table.register td div.labelInfo {
	line-height: 25px;
	font-weight: bold;
	color: #9BFEFF;

	float: left;
}

div.labelInfo input {
	margin: 6px 5px 0 0;
	float: left;
}

table.register input[type="text"], table.register input[type="password"], table.zamowienie td textarea {
	padding: 4px 2px;
	border: 1px solid #203565;
	background: #d2dff9;
	color: #02194f;
}
table.register input[type="text"], table.register input[type="password"] {
	float: left;
}
table.zamowienie td textarea {
	width: 250px;
	height: 50px;
}

table.register td label.error, p.regulamin label.error {
	display: block;
	padding: 5px 0 0 0;
	font-size: 0.9em;
	clear: both;
	color: #ff0000;
}

input.button, table.logowanie input.button {
	height: 31px;
	line-height: 31px;
	background: url(../gfx/button.png) repeat-x top left;
	border: solid 1px #000000;
	color: #000000;
	font-weight: bold;
	padding: 0 25px;
}
table.logowanie input.button {
	height: 25px;
	line-height: 25px;
	padding: 0 15px;
}

div.logowanie {
	margin: -10px -45px 0 0;
	font-size: 0.9em;
	text-align: right;
	display: inline;
	float: right;
	color: #b6cdff;
}

div.qtip-wrapper {
	font-weight: bold;
	font-size: 0.9em;
}

br {clear: both;}

span.spacer {margin: 0 5px; color: #4b72c8;}
.textL {text-align: left;}
.textR {text-align: right;}
.textC {text-align: center;}
.green {color: #f0ff00;}
.fontB {font-weight: bold;}
.floatL {float: left;}
.floatR {float: right;}
.clear {clear: both;}