* {border: 0px; margin: 0px; padding: 0px;  font-family: Arial}
html, body {overflow-x: hidden;}
body {text-align: center; background: #0d0e0e;}
a {outline-style: none; color: #dfef61; text-decoration: none}
a:hover {color: #25a3f1;}
.right {text-align: right}
.fright {float: right}
p, form {overflow: hidden; text-align: justify; font-size: 12px; line-height: 18px;}
h1, h2, h3, h4, h5, h6 {overflow: hidden; }

#menu {position: absolute; margin-top: 43px; margin-left: 372px;}
#menu a {background: url('images/menu.png') 0px 0px; height: 31px; display: block; float: left} 
#menu a:hover {background-position: 0px -31px}
#menu .menu_1 {width: 116px;}
#menu .menu_2 {width: 71px; background-position: -116px 0px}
#menu .menu_2:hover {background-position: -116px -31px}
#menu .menu_3 {width: 162px; background-position: -187px 0px}
#menu .menu_3:hover {background-position: -187px -31px}
#menu .menu_4 {width: 86px; background-position: -349px 0px}
#menu .menu_4:hover {background-position: -349px -31px}
#menu .menu_5 {width: 64px; background-position: -435px 0px}
#menu .menu_5:hover {background-position: -435px -31px}
#menu .menu_6 {width: 39px; background-position: -499px 0px}
#menu .menu_6:hover {background-position: -499px -31px}
#menu .menu_7 {width: 70px; background-position: -538px 0px}
#menu .menu_7:hover {background-position: -538px -31px}
#menu a.active, #menu a.active:hover  {background-position: 0px -62px}
#menu a.active2, #menu a.active2:hover {background-position: -116px -62px}
#menu a.active3, #menu a.active3:hover {background-position: -187px -62px}
#menu a.active4, #menu a.active4:hover {background-position: -349px -62px}
#menu a.active5, #menu a.active5:hover {background-position: -435px -62px}
#menu a.active6, #menu a.active6:hover {background-position: -499px -62px}
#menu a.active7, #menu a.active7:hover {background-position: -538px -62px}

#top {height: 6px; background: url('images/vertical.png') repeat-x; }
#container {width: 100%;  background: #191b1c; padding-bottom: 40px}
#width {width: 980px; margin: 0px auto; text-align: left; background: url('images/main_bg.png') no-repeat; min-height: 580px}
.width {width: 980px; margin: 0px auto; text-align: left;}
#bg_left {background: url('images/bg_left.gif') no-repeat; width: 310px; position: absolute; left: 50%; top: 6px; margin-left: -800px; height: 250px}
#bg_right {background: url('images/bg_right.gif') no-repeat; width: 310px; position: absolute; left: 50%; top: 13px; margin-left: 490px; height: 580px}
#cross {width: 980px; height: 220px;}
#cross img {position: absolute;}
.link1 {width: 200px; height: 40px; display: block; position: absolute; z-index: 20}
.link2 {margin-left: 210px; width: 200px; height: 40px; display: block; position: absolute; z-index: 20}
.link3 {margin-left: 440px; width: 200px; height: 40px; display: block; position: absolute; z-index: 20}

#bottom {background: url('images/vertical.png') 0px -6px repeat-x; }
#right {width: 240px; position: absolute; margin-left: 740px;}
.home_margin { padding-top: 52px}
#logo {display: block; width: 287px;}

.btn {display: block; cursor: pointer}
.btn:hover {background-position: 0px -100%}
.btn_next {width: 97px; height: 23px; background: url('images/btn_wiecej.png'); float: right; margin-top: 30px}
.btn_zglos {width: 240px; height: 51px; background: url('images/btn_zglos.png');}
.btn_send {width: 54px; height: 23px; background: url('images/btn_send.png'); float: right; margin-top: 10px}
.lost_form .btn_send {margin-top: 0px; margin-bottom: 20px}

.header {width: 240px; height: 31px; display: block; background: url('images/headers.png') no-repeat; margin-bottom: 21px }
#right .header {width: 240px; height: 33px; display: block; background: url('images/headers2.png') no-repeat; margin-bottom: 21px; margin-top: 30px }
#right .box2 {position: static; width: 240px; margin: 0px}
#right .box2 .header {background-position: 0px -33px; margin: 0px 0px 20px 0px;}
#right .referencje .header {background-position: 0px -66px; margin: 15px 0px 20px 0px;}
#right .referencje .quote {width: 220px; padding: 0px 0px 0px 20px}
#right .referencje .quote p {padding-bottom: 10px; width: 204px; padding: 0px 3px;}

.box1 {width: 365px; padding-top: 33px;}
.box2 {width: 280px; padding-top: 33px; margin-left: 405px; position: absolute;}
.box1 h1, .box2 h1 {color: #25a3f1; font-size: 13px; font-weight: bold; padding-left: 12px}
.box1 p, .box2 p {color: #fff; margin-left: 32px; margin-top: 15px; line-height: 18px}
.box2 ul {margin-left: 32px; margin-top: 12px; list-style: none}
.box2 li {font-size: 12px; color: #fff; padding-left: 30px; background: url('images/li.png') 0px 8px no-repeat; line-height: 24px; list-style: none; text-align: left}
.box2 .header {margin-left: 10px; background-position: 0px -64px}

.referencje {clear: both; margin-top: 16px}
.referencje .bg {width: 690px; height: 156px; background: url('images/ref_bg.gif');  }
.referencje .quote {width: 280px; float: left; padding: 20px 10px 0px 40px; }
.referencje .quote p {font-style: italic; color: #b8b8b8; min-height: 94px; width: 278px; padding: 0px 3px}  
.referencje b {color: #fff; font-size: 12px}
.referencje .company {font-size: 11px; color: #656565}
.referencje .header {background-position: 0px -32px}
.arrow_l {background: url('images/arrow_l.png'); width: 21px; height: 19px; position: absolute; margin-left: 10px; margin-top: 55px;}
.arrow_r {background: url('images/arrow_r.png'); width: 21px; height: 19px; position: absolute; margin-left: 660px; margin-top: 55px;}

.news_element {margin-bottom: 25px}
.news_element .date {font-size: 11px; color: #656565; float: right; margin-top: 2px}
.news_element h1 {margin-bottom: 15px}
.news_element h1 a {color: #fff; font-size: 13px; font-weight: bold;}
.news_element h1 a:hover {color: #25a3f1}
.news_element p { background: url('images/li2.png') no-repeat 0px 6px; padding-left: 30px}
.news_element p a {color: #b8b8b8; font-size: 12px;}
.news_element p a:hover {color: #fff}
.news_element p .more {color: #dfef61; font-size: 10px; float: right; background: none}
.news_element p .more:hover {color: #25a3f1}

#bottom {color: #b8b8b8; font-size: 11px; padding-bottom: 20px}
#bottom a {color: #b8b8b8; font-size: 11px;}
#bottom .links a {line-height: 60px}
#bottom a:hover{color: #dfef61}
#bottom .poz {font-size: 11px; color: #373737}
#bottom .poz h1 {font-size: 11px; color: #373737; font-weight: normal; display: inline}
#bottom .copyright {color: #656565; font-size: 11px;}
#bottom .contact {float: right; text-align: right; color: #b8b8b8; font-size: 11px; line-height: 20px; margin-top: 18px}
#bottom .contact b {font-weight: normal; color: #656565}

.content_top {width: 690px; background: url('images/content_top.png') no-repeat; height: 46px}
.content_top .header {margin-top: 8px; background: url('images/headers3.png'); width: 280px}
.content_top .head_cennik {background-position: 0px -31px;}
.content_top .head_kontakt {background-position: 0px -62px;}
.content_top .head_utrata {background-position: 0px -93px;}
.content_top .head_regulamin {background-position: 0px -124px;}
.content_top .head_faq {background-position: 0px -155px;}
.content_top .head_referencje {background-position: 0px -186px;}
.content_top .head_odzysk {background-position: 0px -217px;}
.content_top2 {background: url('images/content_top2.png')}

.content {width: 690px; background: url('images/content_bg.png') repeat-x #5d5d5d; min-height: 184px}
.content h1 {color: #dfef61; font-size: 15px; margin: 15px 20px}
.content p {color: #fff; font-size: 12px; margin: 0px 20px 20px 20px; line-height: 20px}
.content b {color: #b8b8b8; font-weight: normal}
.content .right {margin-right: 20px}
.content .quote {padding: 20px 10px 20px; width: 320px; float: left; height: 130px;}
.content .quote p {font-style: italic; color: #b8b8b8; margin: 0px 20px; padding: 0px 3px;} 
.content .quote b {color: #fff; font-size: 12px; font-weight: bold}
.content .company {font-size: 11px; color: #dfef61}
.content ul {margin-left: 32px; list-style: none; margin-bottom:  20px}
.content li {font-size: 12px; color: #fff; padding-left: 30px; background: url('images/li.png') 0px 8px no-repeat; line-height: 24px; list-style: none; text-align: left}
#container div, #container p {overflow: hidden}


.content_bottom {width: 690px; background: url('images/content_bottom.png') no-repeat; height: 4px}

.phone {float: right; margin-top: 15px}
.phone_main {position: absolute; margin-left: 744px; z-index: 100; margin-top: 15px}

.black_top {width: 670px; background: url('images/black_top.png') no-repeat; height: 6px; margin-left: 10px; margin-top: 4px;}
.black_bottom {width: 670px; background: url('images/black_bottom.png') no-repeat; height: 6px;  margin-left: 10px; margin-bottom: 6px;}
.black {background: #131516;  margin-left: 10px; width: 670px;}
.black h1 {font-size: 12px; color: #25a3f1; margin: 0px; padding: 5px 0px 15px 10px; clear: both;}
.black p {font-size: 11px; margin: 10px 0px 0px 10px; clear: both;}
.black form p {font-size: 12px;}
.black .black_box1 {width: 310px; float: left; height: 50px; background: url('images/black_box1.png'); font-size: 12px; color: #fff; text-align: center; line-height: 25px; margin: 0px 20px 10px 10px;}
.black .black_box2 {width: 310px; float: left; height: 30px; background: url('images/black_box2.png'); font-size: 12px; color: #fff; text-align: center; line-height: 30px; margin: 0px 20px 10px 10px;}
.black .right_box {margin-right: 0px}
.black .text_one_line {line-height: 50px}


.map {margin: 20px; cursor: pointer;}

.contact_right {float: right; width: 280px}
.contact_right p {line-height: 25px}

.contact_form {background: url('images/contactform_bg.png'); width: 690px; height: 196px; margin-top: 20px}
.input {width: 212px; height: 32px; background: url('images/input.png'); }
.input input {background: none; font-size: 12px; color: #dfef61; margin: 7px; width: 196px}
.textarea {width: 259px; height: 112px; background: url('images/textarea.png'); }
.textarea textarea {background: none; font-size: 12px; color: #dfef61; margin: 6px; width: 247px; height: 100px; overflow: auto}

.lost_form table {width: 670px}
.lost_form .input {width: 480px; height: 32px; background: url('images/input2.png'); }
.lost_form .input input {background: none; font-size: 12px; color: #dfef61; margin: 7px; width: 466px}
.lost_form .textarea {width: 480px; height: 102px; background: url('images/textarea2.png'); }
.lost_form .textarea textarea {background: none; font-size: 12px; color: #dfef61; margin: 6px; width: 468px; height: 90px; overflow: auto}

.error, .lost_form .error {background-position: 0px -100%;}
.error input, .lost_form .error input, .error textarea, .lost_form .error textarea {color: #000}


table {margin-top: 15px}
td {font-size: 12px; color: #fff; padding: 3px 10px; vertical-align: top; line-height: 30px}
.width100 {width: 100%; }

.form_body {position: absolute; margin-left: 300px}

.second_header {margin-top: 20px}

.red {color: red;}
p.red {color: red; margin: 0px; padding: 0px; line-height: 14px}
label {padding-left: 5px;}

.message {position: absolute; text-align: right; margin-top: 30px; width: 350px; display: none}
.lost_form .message {position: absolute; text-align: right; margin-top: 30px; width: 645px; display: none}

.loader {text-align: center; padding: 80px; display: none}

form p {padding: 20px; color: #fff; font-size: 12px;}
form {min-height: 170px}

.hide {display: none}

.overlay {
	width: 100%;
	height: 200px;
	background: black;
	display: none;
	position: absolute;
	z-index: 999;
}

#map {
	width: 600px; 
	height: 400px;
	border: 3px solid black;
}

.map_handler {
	width: 600px; 
	text-align: center;
	position: absolute;
	margin-top: -200px;
	margin-left: -300px;
	left: -50%;
	top: 50%;
	z-index: 10000;
}

.map_link {
	cursor: pointer;
}

.map_close {
	width: 100px;
	height: 20px;
	line-height: 20px;
	color: white;
	font-weight: bold;
	text-align: center;
	margin: 0px auto;
	text-decoration: none;
	background: black;
	display: block;
	font-size: 12px;
}