* {border:0; font-family:inherit;font-style:inherit; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; list-style:none}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block; margin:0}

body {margin:0 auto; padding:0; font:12px/19px Verdana, Geneva, sans-serif; color:#545454; text-align:left; background:#ececec url('img/bg_foot.gif')}
.all {background:#fff; padding:20px 0; z-index:0; position:relative; margin:0}
.container {width:928px; margin:0 auto}

header[role=banner] {height:102px; background:#3d3d3d url('img/bg_top.gif'); padding:0}

header[role=banner] .header {width:928px; height:102px; margin:0 auto; clear:both; padding:0}
header[role=banner] .header span {font:bold 32px/34px "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f4f6f9; text-align:right}
header[role=banner] .logo {margin:5px 0 0 -17px; font:700 24px/44px "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f4f6f9}
nav[role=navigation] {width:170px; float:left; margin:0 30px 0 0}
nav[role=navigation] li a {display:block; padding:7px 0 7px 10px; border-bottom:1px solid #d9d9d9; color:#545454; background:url('img/li.gif') 0 15px no-repeat}
nav[role=navigation] li a:hover {color:#0e86da}
nav[role=navigation] ul {margin:0 0 20px 0}

section {float:left; width:728px}
section.home {width:928px; margin-bottom:20px}
section.porownanie, section.porownanie article {width:928px}
article {width:728px; margin:0 0 0 0; float:left}
aside {width:285px; margin:0 0px 10px 0; float:right}

.box {width:296px; height:330px; Xbackground:#ddd;zoom: 1; *display: inline; display:inline-block}


footer {width:100%; clear:both; font-size:11px; height:90px}
.footer {width:928px; margin:0 auto; padding:27px 0 0 0}
.footer a {color:#545454; text-decoration:none; font-weight:bold}
.footer a:hover {color:#393939; text-decoration:none}

.path {font-size:11px}
.path span {font-weight:bold; margin:0 7px; color:#0e86da; font-size:10px}
.path a {color:#545454}

h1, h2 {font:300 24px/27px "Open Sans", Arial, Helvetica, sans-serif; letter-spacing:0; padding:0 0 22px 15px; margin:20px 0 25px 0; border-bottom:0px solid #d9d9d9; background:url('img/kwadracik.gif') 0 12px no-repeat, url('img/bg_h.gif') 0 42px repeat-x; text-shadow: #bbb 0 0 1px; color:#393939}
h1 b, h2 b {font:700 24px/27px "Open Sans", Arial, Helvetica, sans-serif}

h3 {font:bold 15px/15px "Open Sans", "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:0; padding:0 0 2px 15px; margin:0; text-shadow: #bbb 0 0 1px; color:#393939}

h4 {font:bold 12px/45px Verdana, Geneva, sans-serif; padding:0 0 0 10px; margin:20px 0 0 0; border-bottom:0px solid #d9d9d9; background:url('img/kwadracik.gif') 0 5px no-repeat; Xtext-shadow: #bbb 0 0 1px; color:#393939; background:#ececec url('img/bg_foot.gif'); height:45px}

table {width:100%; border-collapse:collapse}
.summary thead th, .summary2 thead th {color:#fff; background:#454545; height:40px; padding:0 8px; vertical-align:middle; font-size:11px; font-weight:normal; color:#f5f5f5}
.summary td, .summary2 td {padding:8px}
.summary2 td {font-size:11px; line-height:14px}
.summary tbody td, .summary2 tbody td {border-bottom:1px solid #d9d9d9; vertical-align:middle; border-right:1px solid #fff}
.summary tbody tr:nth-child(even), .summary2 tbody tr:nth-child(even) {background:#f5f5f5}
.summary tbody td:nth-child(4), .summary2 tbody td:nth-child(8) {border-right:0}
.summary tbody td:nth-child(1), .summary2 tbody td:nth-child(1) {width:109px}
.summary tbody td img, .summary2 tbody td img {border:5px solid #ececec; vertical-align:middle; width:100px; height:68px; Xdisplay:block}
.summary tbody td:nth-child(2) {width:120px}
.summary tbody td:nth-child(3) {font-size:11px; line-height:15px}
.summary tbody td:nth-child(4) {width:73px}
.summary2 tbody td:nth-child(8) {width:73px; font-size:12px}
.summary2 tbody td:nth-child(3), .summary2 tbody td:nth-child(4), .summary2 tbody td:nth-child(5) {Xwidth:104px}
.summary tfoot td, .summary tfoot td b, .summary2 tfoot td, .summary2 tfoot td b {font-size:11px; line-height:15px; color:#999}
table.summary ul li {padding:0 0 0 12px; background:url('img/li.gif') 0 6px no-repeat; }

.ranking thead th {color:#fff; background:#454545; height:40px; padding:0 8px; vertical-align:middle; font-size:11px; font-weight:normal; color:#f5f5f5}
.ranking td {padding:8px}
.ranking tbody td {border-bottom:1px solid #d9d9d9; vertical-align:middle; border-right:1px solid #fff}
.ranking tbody tr:nth-child(even) {background:#f5f5f5}
.ranking tbody td:nth-child(5) {border-right:0}
.ranking tbody td:nth-child(1) {width:30px; text-align:center; font:700 30px/30px "Open Sans", Verdana, Geneva, sans-serif;}
.ranking tbody td:nth-child(2) {width:100px}
.ranking tbody td img {border:5px solid #ececec; vertical-align:middle}
.ranking tbody td:nth-child(3) {width:130px}
.ranking tbody td:nth-child(5) {width:73px}
.ranking tfoot td, .summary tfoot td b {font-size:11px; line-height:15px; color:#999}

.offer thead th {color:#fff; background:#454545; height:40px; padding:0 8px; vertical-align:middle; font-size:11px; font-weight:normal; color:#f5f5f5}
.offer td {padding:8px}
.offer tbody td {border-bottom:1px solid #d9d9d9; vertical-align:middle; border-right:1px solid #fff}
.offer tbody tr:nth-child(even) {background:#f5f5f5}
.offer tbody td:nth-child(1) {width:40%; text-align:right}
.offer tbody td:nth-child(2) {width:60%; border-right:0; color:#393939}
.offer tfoot td {text-align:right}
table.offer ul li {padding:0 0 0 12px; background:url('img/li.gif') 0 8px no-repeat; }


a {color:#0e86da; text-decoration:none}
a:hover {color:#1d93e6}

a.btn {background:#0e86da; display:block; height:27px; line-height:27px; padding:0px 10px; color:#fff; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; text-shadow: 0 0 3px #48a1df; -webkit-box-shadow:0 0 6px -1px rgba(0,0,0,0.60);-moz-box-shadow:0 0 6px -1px rgba(0,0,0,0.60);box-shadow:0 0 6px -1px rgba(0,0,0,0.60);}
a.btn:hover {background:#1d93e6; -webkit-box-shadow:0 0 8px -1px rgba(0,0,0,0.80);-moz-box-shadow:0 0 8px -1px rgba(0,0,0,0.680);box-shadow:0 0 8px -1px rgba(0,0,0,0.80);}
p {padding:0 15px 10px 15px}
b {color:#393939}

.fl {float:left}
.fr {float:right}
.cr {clear:both}
/* h2 {font:bold 22px/22px "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:0px; padding:0 0 15px 15px; border-bottom:0px solid #d9d9d9; background:url('img/kwadracik.gif') no-repeat 0 8px; color:#0e86da;}*/
figure {display:inline-block; float:left; position:relative; width:200px; height:133px}
p figure:after {background: url("http://www.focusbank.pl/img/nakladka-200.png") no-repeat scroll 0 0 transparent; content: ""; height: 133px; left: 0; top: 0; width: 200px; position: absolute;display:block}
.photo {position:relative}

.tools-box {width:614px; padding:20px 8px; Xbackground:#ccc; float:right; border: 5px solid #ececec; }
.tools {width:198px; height:153px; float:left; Xbackground:#eee; margin-bottom:0; border-bottom:0}
.tools span {padding: 4px 0 0 0px; height:132px; width:127px; Xbackground:#c5c5c5; Xfont-size:11px; Xline-height:15px; display:block; float:right}
.tools img {float: left; margin:0;}



/* Navigation */
.nav-bg {margin:13px 0 0;}
.nav-container {background:url(img/nav-border.gif) left bottom repeat-x;}

#nav { padding:0; margin:0 0 20px 10px; height:61px; }

/* All Levels */
#nav li { float:left; padding:0 7px 0 0; text-align:left; position:relative; }
#nav li a {float:left; padding:19px 19px 19px; background:#fff; text-shadow: #bbb 0px 0px 1px; color:#393939; font:normal 15px/22px Verdana, Geneva, sans-serif; display:block; text-decoration:none; }
#nav li a:hover {color:#393939; border:solid 1px #d9d9d9; padding:18px 18px 20px; border-bottom:solid 0px; text-decoration:none }
#nav li a.active {padding:18px 18px 20px; border:solid 1px #d9d9d9; border-bottom:solid 0px}
#nav li a span { display:block; white-space:nowrap; cursor:pointer; }

span.image-border {
	padding:1px;
    border: 5px solid #ececec;
    display: block;
    height: 316px;
    position: relative;
    width:918px;
	background:#f5f5f5;
	margin:0 0 30px 0;
}

span.image-border:after {
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -o-transform: rotate(3deg); 
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    bottom: 14px;
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.5);
    content: "";
    height: 20%;
    position: absolute;
    right: 20px;
    width: 50%;
    z-index: -1;
}

span.image-border:before {
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg); 
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    bottom: 14px;
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.5);
    content: "";
    height: 20%;
    left: 20px;
    position: absolute;
    width: 50%;
    z-index: -1;
}


span.image-border-med {
	float:left;
	padding:1px;
	margin:4px 20px 0 0;
    border: 5px solid #ececec;
    display: block;
    height: 146px;
    position: relative;
    width: 220px;
	background:#f5f5f5;
}

span.image-border-med:after, .currency:after {
    -moz-transform: rotate(6deg);
    -webkit-transform: rotate(6deg);
    -o-transform: rotate(6deg); 
    -ms-transform: rotate(6deg);
    transform: rotate(6deg);
    bottom: 16px;
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.8);
    content: "";
    height: 20%;
    position: absolute;
    right: 5px;
    width: 50%;
    z-index: -1;
}

span.image-border-med:before, .currency:before {
    -moz-transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
    -o-transform: rotate(-6deg); 
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
    bottom: 16px;
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.8);
    content: "";
    height: 20%;
    left: 5px;
    position: absolute;
    width: 50%;
    z-index: -1;
}


.currency {width:230px; height:167px; padding:18px 15px; background:#f0f0f0 url('http://www.kredyty-mieszkaniowe.eu/img/bg_currency.png') repeat-y; float:left;position: relative;}
.currency:after, .currency:before {bottom:20px;}
.currency:after {right: 15px;}
.currency:before {left: 15px;}


.image {float:left; margin:0 15px 0 0; border:5px solid #ececec}
ul.lista {margin:0 0 0px 0; width:530px; float:left;}

ul.pkt {margin:0 0 0px 0; float:left; width:600px}
ul.pkt li, ul.lista li {padding:0 0 0 15px; background:url('img/li.gif') 1px 9px no-repeat; }

.br0 {border:0}
.ml10 {margin-left:10px}
.mr10 {margin-right:10px}
.ml20 {margin-left:20px}
.mr20 {margin-right:20px}
.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mb10 {margin-bottom:10px}
.mb20 {margin-bottom:20px}
.w300 {width:300px;}
.wa {width:620px;}
b.wyr {padding:0 0 8px 0; display:block}


/* NEW CALCULATOR */
form.calculator input, form.calculator select {border:1px solid #e5e5e5; border-top:1px solid #ccc; border-left:1px solid #ccc; padding:0 5px; height:27px; font:bold 13px/27px Verdana, Geneva, sans-serif; color:#393939; width:120px; display:inline; background:#fff; background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #f5f5f5), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #f5f5f5 1px, #FFFFFF 25px);}
form.calculator select {width:210px; font-weight:normal}
form.calculator {width:auto; padding:20px 10px 5px 10px; background:#f4f4f4; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
form.calculator p label span {width:350px; display:inline-block; text-align:right}
form.calculator p label input, form.calculator p label select {margin:0 10px}
form.calculator legend {margin:0 auto 20px auto; font-weight:bold; font-size:13px; text-align:center; width:100%; display:block; height:40px; line-height:40px; clear:both; color:#393939}
form.calculator p label input[type="radio"] {width:15px; border:0; padding:0; background:none; margin-right:5px; height:auto;}
button.btn, input.btn {background:#0e86da; display:block; height:27px; line-height:27px; padding:0px 10px; color:#fff; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; text-shadow: 0 0 3px #48a1df; -webkit-box-shadow:0 0 6px -1px rgba(0,0,0,0.40);-moz-box-shadow:0 0 6px -1px rgba(0,0,0,0.40);box-shadow:0 0 6px -1px rgba(0,0,0,0.40); border:0; margin:10px auto; font-weight:normal; width:100px; cursor: pointer;}
button.btn:hover, input.btn:hover {background:#1d93e6; -webkit-box-shadow:0 0 6px -1px rgba(0,0,0,0.60);-moz-box-shadow:0 0 6px -1px rgba(0,0,0,0.60);box-shadow:0 0 6px -1px rgba(0,0,0,0.60);}
a.white {font-weight:bold; color:#fff}
sup {vertical-align: super; font-size: smaller; }

table.dataTables {width:100%; border-collapse:collapse !important;  font:normal 12px/16px Verdana, Geneva, sans-serif !important}
table.dataTables td {padding:5px; vertical-align:middle}
table.dataTables tr {border-bottom:1px solid #1d93e6}
table.dataTables tr:nth-child(5) {border:0}
#plan_14 b, #plan b {color:#fff !important; font:bold 12px/16px Verdana, Geneva, sans-serif !important}
#plan_14, .k_res, #comparison_8, .clear_8, #plan, .result {font:12px/30px Verdana, Geneva, sans-serif !important; margin:20px auto 10px auto !important; padding:0px !important; text-align:center !important; background:#0e86da; color:#fff !important; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}

#dymek-box {
    display: none;
    right: 0;
}
#dymek-box {
    background-color: #ffffff;
    border-left: 1px solid #F0F0F0;
    border-top: 3px solid #454545;
    bottom: 0px; -webkit-box-shadow:0 0 6px -1px rgba(0,0,0,0.60);-moz-box-shadow:0 0 6px -1px rgba(0,0,0,0.60);box-shadow:0 0 6px -1px rgba(0,0,0,0.60);
    padding: 10px;
    position: fixed;
    text-align: left;
    width: 320px;
    z-index: 10000000;
}
#dymek-box h3 {font:300 20px/23px "Open Sans", Arial, Helvetica, sans-serif; letter-spacing:0; padding:0 0 18px 0; margin:0 0 15px 0; border-bottom:0px solid #d9d9d9; background:url('img/bg_h.gif') 0 36px repeat-x; text-shadow: #bbb 0 0 1px; color:#393939}

#dymek-box h3 b {font:700 20px/23px "Open Sans", Arial, Helvetica, sans-serif}
#dymek-box img {margin:0 10px 0 0; float:left}
#dymek-box p {margin:0; padding:0}

#dymek-box button {
    background: url("img/close.gif") no-repeat scroll 0 0 #FFFFFF;
    border: medium none;
    cursor: pointer;
    height: 10px;
    width: 10px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 10px;
    text-indent: -999em;
    top: 10px;
}


/* FORMULARZ REJESTRACJI */
div.register {width:auto; padding:20px 10px; margin:0 0 20px 0; background:#f4f4f4; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
form.register {margin-top:20px;}
form.register .m176 {margin-left:176px}
form.register p {clear:both; padding:7px 0; display:block; height:32px; width:464px; margin:0 auto}
form.register label {width:160px; height:32px; line-height:32px; text-align:right; font-weight:normal; display:block; float:left}
form.register input[type="text"], form.register input[type="email"], form.register input[type="password"] {border:1px solid #e5e5e5; border-top:1px solid #ccc; border-left:1px solid #ccc; padding:0 5px; height:27px; font:normal 12px/27px Verdana, Geneva, sans-serif; color:#393939; width:200px; display:inline; background:#fff; background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #f5f5f5), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #f5f5f5 1px, #FFFFFF 25px); float:left; margin-left:20px}

form.register input[type="text"]:hover, form.register input[type="email"]:hover, form.register input[type="password"]:hover {-webkit-box-shadow:0 0 9px -1px rgba(0,0,0,0.40);-moz-box-shadow:0 0 9px -1px rgba(0,0,0,0.40);box-shadow:0 0 9px -1px rgba(0,0,0,0.40)}

form.register input[type="text"].ok, form.register input[type="email"].ok, form.register input[type="password"].ok, form.register textarea.ok {border:1px solid #aede81}
.greenbox {border:1px solid #aede81; color:#2B8D0D; background:#fff}
form.register input[type="text"].error, form.register input[type="email"].error, form.register input[type="password"].error, form.register textarea.error {border:1px solid #e5bbbb}
.redbox {border:1px solid #e5bbbb; color:#dc6767; background:#fff}
form.register textarea {width:272px; padding:5px; height:180px; line-height:17px; font-weight:normal; display:block; float:right; border:1px solid #e5e5e5; border-top:1px solid #ccc; border-left:1px solid #ccc;  color:#393939; background:#fff; background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #f5f5f5), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #f5f5f5 1px, #FFFFFF 25px); float:left; margin-left:20px}

.message {text-align:center; margin:0 auto; padding:10px; width:450px}

/* Doradcy */
h2.v2 {font:300 17px/17px "Open Sans", Arial, Helvetica, sans-serif; letter-spacing:0; padding:5px 0 17px 0; margin:0px 0 17px 0; border-bottom:1px solid #d9d9d9; background:none; text-shadow: #bbb 0 0 1px; color:#393939}
.doradcy {border:1px solid #EDEDED;  width:187px; padding:20px; float:left}
.doradcy p {padding:0; margin:17px 0; font:11px/16px Verdana, Geneva, sans-serif}
.doradcy span {text-align:center; height:63px; line-height:63px; display:block; }
.doradcy span img {vertical-align:middle}

/* FORMULARZ KOMENTARZE */
div.comment {width:auto; padding:20px 10px; margin:0 0 20px 0; background:#f4f4f4; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
form.comment .m176 {margin-left:176px}
form.comment p {clear:both; padding:7px 0; display:block; height:32px; Xwidth:464px; margin:0 auto}
form.comment label {width:140px; height:32px; line-height:32px; text-align:right; font-weight:normal; display:block; float:left}
form.comment input[type="text"], form.comment input[type="email"], form.comment input[type="password"] {border:1px solid #e5e5e5; border-top:1px solid #ccc; border-left:1px solid #ccc; padding:0 5px; height:27px; font:normal 12px/27px Verdana, Geneva, sans-serif; color:#393939; width:200px; display:inline; background:#fff; background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #f5f5f5), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #f5f5f5 1px, #FFFFFF 25px); float:left; margin-left:20px}

form.comment input[type="text"]:hover, form.comment input[type="email"]:hover, form.comment input[type="password"]:hover {-webkit-box-shadow:0 0 9px -1px rgba(0,0,0,0.40);-moz-box-shadow:0 0 9px -1px rgba(0,0,0,0.40);box-shadow:0 0 9px -1px rgba(0,0,0,0.40)}

.redbox {border:1px solid #e5bbbb; color:#dc6767; background:#fff}
form.comment textarea {width:460px; padding:5px; height:80px; line-height:17px; font-weight:normal; display:block; float:right; border:1px solid #e5e5e5; border-top:1px solid #ccc; border-left:1px solid #ccc;  color:#393939; background:#fff; background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #f5f5f5), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #f5f5f5 1px, #FFFFFF 25px); float:left; margin-left:20px}

.koment {padding-bottom:10px}

.koment_autor {float: left;
display: inline;
width: 161px;
padding-right: 8px;
position: relative;
zoom: 1;
padding-bottom: 12px;
line-height: 15px;
background:url('img/koment.gif') 100% 5px no-repeat;}

.koment_txt {zoom: 1;
width: 510px;
padding: 12px 36px 12px 12px;
border: 1px solid #e5e5e5;
float: right;
display: inline;
line-height: 16px;
margin-left: -1px;}

.koment_autor span {color:#aaaaaa; font-size:11px}