/*
Theme Name: Kredyty
Theme URI: http://dpro.pl
Author: DPRO
Version: 1.0
*/

h1, h2, h3, h4, a, ul{
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	margin: 0;
	padding: 0;
}
body{
	background: #eaedf6 url(images/page-background.gif) repeat-x 0 0;
	font-family: Tahoma;
	font-size: 12px;
	color: #466787;
	margin: 0;
	height: 100%;
	width: 100%;
}
a {
	color: #466787;
	text-decoration: none;
}
a:hover {
	color: #466787;
	text-decoration: underline;
}
img{
	border: 0;
}
#background{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/top-background.jpg) no-repeat 0 0;
}
#page{
	width: 1013px;
	margin: 0 auto;
}
#top{
	width: 1013px;
	height: 212px;
	background: url(images/top.gif) no-repeat 0 0;
	float: left;
	position: relative;
}
#top #logo{
	width: 345px;
	height: 65px;
	position: absolute;
	top: 35px;
	left: 50px;
}
#top #menu{
	position: absolute;
	bottom: 40px;
	left: 15px;
}
#top #menu li{
	display: inline;
	float: left;
	margin: 0 5px;
}
#top #menu li a{
	float: left;
	height: 25px;
	font-size: 15px;
	color: #fff;
	padding: 5px 10px 0;
	font-family: Calibri;
	font-weight: normal;
}
#top #menu li .bg-left{
	height: 30px;
	float: left;
}
#top #menu li .bg-right{
	height: 30px;
	float: left;
}
#top #menu li:hover a{
	background: url(images/menu-left.gif) no-repeat 0 0;
	text-decoration: none;
}
#top #menu li:hover .bg-left{
	background: url(images/menu-center.gif) repeat-x 0 0;
}
#top #menu li:hover .bg-right{
	background: url(images/menu-right.gif) no-repeat 100% 0;
}


#top #menu li.home a{
	width: 117px;
}
#top #menu li.news a{
	width: 103px;
	background-position: -123px 0;
}
#top #menu li.how-to a{
	width: 103px;
	background-position: -231px 0;
}
#top #menu li.calculator a{
	width: 163px;
	background-position: -338px 0;
}
#top #menu li.faq a{
	width: 59px;
	background-position: -524px 0;
}
#top #menu li.contact a{
	width: 139px;
	background-position: -614px 0;
}
#top #menu li a:hover{
	background-position: 0 100%;
}
#top #menu li.news a:hover{
	background-position: -123px 100%;
}
#top #menu li.how-to a:hover{
	background-position: -231px 100%;
}
#top #menu li.calculator a:hover{
	background-position: -338px 100%;
}
#top #menu li.faq a:hover{
	background-position: -524px 100%;
}
#top #menu li.contact a:hover{
	background-position: -614px 100%;
}
#top #breadcrumbs{
	position: absolute;
	bottom: 8px;
	left: 7px;
}
#top #breadcrumbs li{
	display: inline;
	padding: 0 13px 0 8px;
	background: url(images/arrow-right.gif) no-repeat 100% 60%;
	font-size: 9px;
}
#top #breadcrumbs li.bold{
	background: none;
	font-weight: bold;
}
#left{
	width: 200px;
	float: left;
	padding-top: 6px;
}
h1{
	float: left;
	font: bold 18px Calibri;
        padding-bottom: 6px;
}
#left h2,
#right h2,
#big-panel h2{
	width: 167px;
	height: 31px;
	background: url(images/left-headline.gif) no-repeat 0 0;
	float: left;
	font: normal 17px Calibri;
	color: #fff;
	padding: 5px 0 0 33px;
}
#right h2{
	width: 270px;
	height: 29px;
	padding-top: 6px;
	background: url(images/right-headline.gif) no-repeat 0 0;
}
#big-panel h2{
	width: 980px;
	height: 28px;
	padding-top: 6px;
	background: url(images/big-panel-headline.gif) no-repeat 0 0;
}
#left .panel{
	width: 200px;
	background: url(images/left-center.gif) repeat-y 0 0;
	float: left;
}
#left .panel .bg{
	width: 100%;
	background: url(images/left-bottom.gif) no-repeat 0 100%;
	height: 100%;
	float: left;
	padding-bottom: 10px;
}
#left .navigation{
	float: left;
	padding: 3px 0 0 20px;
	width: 180px;
}
#left .navigation li{
	width: 100%;
	float: left;
	background: url(images/border-bottom.gif) no-repeat 0 100%;
	list-style-type: none;
}
#left .navigation li.last{
	background: none;
}
#left .navigation li a{
	color: #fff;
	padding: 4px 0;
	float: left;
}
#left .navigation li a:hover{
	text-decoration: none;
	background: #a5202f;
	padding: 4px 7px;
}
#left .advert{
	text-align: center;
	padding: 10px 0;
	float: left;
	width: 191px;
}
#main{
	width: 500px;
	float: left;
	background: url(images/main-center.gif) repeat-y 0 0;
	margin: 6px 0 0 5px;
	line-height: 16px
}
#main .content{
	width: 100%;
	float: left;
	padding-bottom: 15px;
}
#main .content p{
	margin: 0;
	padding: 0 0 10px; 0;
}
#main-bg-top,
#main-bg-bottom{
	width: 100%;
	height: 100%;
	float: left;
	background: url(images/main-top.gif) no-repeat 0 0;
}
#main-bg-bottom{
	background: url(images/main-bottom.gif) no-repeat 0 100%;
	padding: 18px 25px 18px 15px;
	width: 460px;
}
#main h2{
	font: normal 16px Calibri;
	color: #6086ab;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 5px;
	margin-bottom: 10px;
	line-height: normal;
}
#main h3{
	font-size: 16px;
	padding: 10px 0;
	font-weight: normal;
	color: #6086ab;
}
#right{
	width: 303px;
	float: right;
	padding-top: 6px;
}
#right .advert{
	text-align: center;
	width: 100%;
	float: left;
	padding-bottom: 10px;
}
#right .panel{
	width: 303px;
	float: left;
	background: url(images/right-center.gif) repeat-y 0 0;
}
#right .panel .bg{
	width: 100%;
	height: 100%;
	float: left;
	background: url(images/right-bottom.gif) no-repeat 0 100%;
	padding-bottom: 10px;
}
#right .navigation{
	float: left;
	padding: 10px 0 0 25px;
	width: 247px;
}
#right .navigation li{
	float: left;
	width: 100%;
	list-style-type: none;
	background: url(images/border-bottom-right.gif) no-repeat 0 100%;
}
#right .navigation li.last{
	background: none;
}
#right .navigation li a{
	width: 100%;
	padding: 4px 0;
	display: inline-block;
}
#right .navigation li a:hover{
	text-decoration: none;
	background: #4b71a2;
	color: #fff;
	padding: 4px;
}
#big-panel{
	width: 1013px;
	float: left;
	margin-top: 10px;
}

#big-panel .panel{
	width: 1013px;
	float: left;
	background: url(images/big-panel-center.gif) repeat-y 0 0;
}
#big-panel .panel .bg{
	width: 100%;
	height: 100%;
	float: left;
	background: url(images/big-panel-bottom.gif) no-repeat 0 100%;
}
#big-panel table{
	width: 1013px;
	float: left;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
#big-panel table .bank{
	width: 165px;
}
#big-panel table .desc{
	width: 436px;
}
#big-panel table .parital-payment{
	width: 147px;
}
#big-panel table .agio{
	width: 134px;
}
#big-panel table .more{
	width: 124px;
}
#big-panel table th{
	background: #f0f0f0;
}
#big-panel table th,
#big-panel table td{
	padding: 10px 0;
	border: 1px solid #d7d7d7;
	text-align: center;
}
#big-panel table td.desc{
	width: 406px;
	padding-left: 15px;
	text-align: left;
	padding-right: 15px;
	line-height: 16px;
}
#big-panel table td{
	color: #626262;
}
#big-panel table td.parital-payment,
#big-panel table td.agio{
	font-weight: bold;
	color: #575656;
}
#big-panel table td.parital-payment span,
#big-panel table td.agio span{
	color: #9a1222;
}
#big-panel table td.more a{
	width: 89px;
	height: 43px;
	display: block;
	background: url(images/order-button.gif) no-repeat 0 0;
	margin-left: 17px;
}
#big-panel table td.more a:hover{
	background-position: 0 100%;
}
#foot{
	width: 973px;
	float: left;
	padding: 0 20px 25px;
	background: url(images/foot.gif) no-repeat 50% 100%;
}
#foot .left{
	float: left;
	font-weight: bold;
	padding-top: 20px;
}
#foot .right{
	float: right;
	padding-top: 10px;
}
#foot span.developer{
	float: right;
	padding-top: 5px;
}

/* comments */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #FF4B33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}



/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	margin: 24px 0;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
	float: left;
	width: 100%;
}
#respond p {
	margin: 0;
	text-align: left;
	padding: 0 !important;
}
#respond .comment-notes {
	margin-bottom: 1em !important;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin:0 0 9px;
	width:98%;
}
#respond textarea {
	width:98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	width: auto;
	font-size: 14px;
}
#nav-below{
	width: 100%;
	float: left;
}
#nav-below .nav-previous{
	float: left;
}

#nav-below .nav-next{
	float: right;
}