* { overflow-x: hidden;}

body { text-align: center; background: url('../i/tlo.gif') repeat-x; background-color: #FFFFFF; font-family : Verdana, sans-serif; font-size: 11px; color:#000; margin:0; padding:0;}

hr {height:1px; margin-left: 3px; margin-right:3px; color:#000000;}
a {text-decoration: none; color: #747474; font-weight: normal}
a:hover {color: #747474; text-decoration: underline}
img,div, p,form, input, textarea {border: 0px none; padding:0px; margin:0px; font-size:10px}
table, td{padding: 0px; margin: 0px; font-size:10px}

.clear {clear:both;}
.left{float: left; display: inline}
.right{float: right; display: inline}
.first{border: none !important}
#first{border: none !important; padding: 0 !important}

p{margin-top: 4px; margin-bottom: 4px; clear: both}

h1, h2, h3, h4{margin: 0; padding: 0; font-size: 11px}

h2{font-size: 18px; color: #557493; letter-spacing: -1px; font-weight: bold;}
h3{font-size: 17px; color: #557493; letter-spacing: -1px; font-weight: bold;}


.center {width:774px; text-align:left;   margin-left: auto; margin-right: auto;  border: none; }


#top{width: 774px; height: 221px; background: url('../i/top.gif') no-repeat;  float: left}

	#top object{float: left; margin-top: 15px; margin-left: 10px}

	#top div{float: left; width: 170px; margin-left: 20px}
	#top div ul{margin: 0; padding: 0; list-style-type: none; margin-top: 7px; height: 162px}
	#top div ul li{float: left; width: 151px}
	#top div ul li a{
		display: block; width: 131px; height: 21px;background: url('../i/menu-off.gif') no-repeat;
		padding-top: 9px; padding-left: 20px; font-size: 11px;
	}
	
	#top div ul li a:hover{background: url('../i/menu-on.gif') no-repeat; color: #666666; font-weight: bold; text-decoration: none}

	#top fieldset{border: none; margin: 0; padding: 0; clear: both}
	#top fieldset label{width: 58px; height: 20px; background: url('../i/szukaj.gif') no-repeat; display: block; text-indent: -9999px;}
	#top fieldset input{float: left}
	.input_text{border: 1px solid #999; width: 130px; height: 17px; margin-right: 4px; margin-top: 2px; font-size: 11px; padding-top: 2px}


#content{width: 764px; float: left; background: url('../i/content.gif') repeat-y; background-color: #fff; padding-left: 10px}


	#main_menu{
		list-style-type: none; margin: 0; padding: 0; border-bottom: 3px solid #989898; height: 22px;
		margin-left: 1px; margin-top: 2px;
	}
	
	#main_menu li{
		float: left; border-right: 1px solid #E0E0E0; height: 20px; 
		margin-right: 10px; padding-right: 10px
	}
	
	#main_menu li a{font-size: 10px; display: block; padding-top: 3px; color: #A6A6A6}
	#main_menu li img{margin-left: 9px; margin-top: 2px}
	
	#submenu{list-style-type: none; margin: 0; padding: 0; clear: both}

/* ~~~~~~~~ left ~~~~~~ */

#lewa{float: left; width: 556px; position: relative}

#lewa h2{width: 536px; height: 35px; background: url('../i/h2.gif') no-repeat; color: #16160F; font-size: 14px; padding-top: 30px; padding-left: 20px; display: block}

.news{border-right: 4px solid #CBCBCB; margin-bottom: 10px; padding-left: 15px}
.news h3{color: #CA0000; font-size: 11px}


/* ~~~~~~~~ right ~~~~~~ */

#prawa{float: left; width: 204px; background: url('../i/prawa.gif') no-repeat; margin-top: 6px}


#prawa form{margin-top: 49px;}
#prawa form fieldset{border: none; margin: 0; padding: 0}
#prawa label{clear: both; display: block; height: 33px;}
	.do_prawej{text-align: right; padding-right: 20px}
	.select{padding-left: 20px;}
	.select select{width: 165px}
	
	.text{padding-left: 20px}
	.text input{width: 33px; float: left; height: 19px; background: url('../i/input.gif') no-repeat; padding-top: 2px; padding-left: 3px; font-size: 12px; margin-left: 2px}
	.text span{float: left; font-size: 12px; padding-top: 2px}
	
	.select2{padding-left: 20px; font-size: 12px}
	.select2 select{width: 108px}
	
	.submit input{background: none; width: 40px; height: 30px; float: right; margin-right: 10px; cursor: pointer}
	
#prawa form div{margin-top: 7px; text-align: right; padding-right: 15px}
#prawa form div strong{display: block}
#prawa form div{color: #787B7E}
#prawa form div a{text-decoration: underline}


#prawa h2{margin-left: 10px}
#h_info{width: 188px; height: 110px; background: url('../i/info.gif') no-repeat; text-indent: -9999px; margin-top: 20px}
#h_kalk a{display: block; width: 192px; height: 120px; background: url('../i/kalk.gif') no-repeat; margin-top: 10px; text-indent: -9999px; overflow: hidden}
#h_kredyt a{display: block; width: 192px; height: 120px; background: url('../i/kredyt.gif') no-repeat; margin-top: 10px; text-indent: -9999px; overflow: hidden}
	.inner_right{font-size: 11px; padding-left: 15px}


.lista{ position: relativee}

.lista ul{margin: 0 !important; padding: 0 !important }
.lista li{float:left; text-align: center; color: #323232; padding-top: 5px}

.lista_img{width: 158px; height: 138px; float: left; background: url('../grafika/lista-img.gif') no-repeat;}
.lista_img img{float:left; width: 140px; margin-left: 7px; margin-top: 6px;  height: 105px; border: 1px solid #969694; padding: 2px}


.lista_opis{float: left; width: 350px; background: url('../grafika/lista-tlo.jpg') no-repeat; background-position: top right}
.lista_opis p{float: left; width: 270px; margin-left: 15px; margin-top: 10px; color: #717171}
.lista_opis strong{display:block; padding-bottom: 4px; color: #191919}
.lista_opis img{margin-top: 25px}

.l1a{background: #96A1A4; color: #fff !important; width: 126px; height: 16px; border-right: 1px solid #FEFEFE}
.l1b{background: #F3F3F3; color: #181818; width: 126px; height: 32px; border-right: 1px solid #E3E3E3}
.l2a{background: #96A1A4; color: #fff !important; width: 106px; height: 16px; border-right: 1px solid #FEFEFE}
.l2b{background: #F3F3F3; color: #181818; width: 106px; height: 32px; border-right: 1px solid #E3E3E3}
.l3a{background: #96A1A4; color: #fff !important; width: 56px; height: 16px; border-right: 1px solid #FEFEFE}
.l3b{background: #F3F3F3; color: #181818; width: 56px; height: 32px; border-right: 1px solid #E3E3E3}
.l4a{background: #96A1A4; color: #fff !important; width: 77px; height: 16px}
.l4b{background: #F3F3F3 ; color: #181818; width: 77px; height: 32px}


#znaleziono{margin-top: 6px; margin-bottom: 10px; padding-bottom: 8px}
#znaleziono div{margin-left: 420px}
#znaleziono div a{color: #3B403B; font-weight: bold}

/* ~~~~~~~~ sortowanie ~~~~~~~~ */
.strony{height: 25px}
.strony a{color: #191919 !important; text-decoration: none; margin-right: 4px}
.strony a:hover{ text-decoration: underline;}


/* FORM */

.form{width: 230px; height: 14px;   padding-top: 1px; background: url(../grafika/form_tlo3.gif); border: 1px solid #CBCBCB; margin-top: 5px}
.formularz{float: left; width: 100px; text-align: right; margin-right: 20px; margin-top: 5px}
.mini{font-size: 10px; color:#999797}

.button{width: 85px; height: 22px; font-size: 13px; margin-left: 40px; padding-bottom: 2px; background-color: #989898; color: #FFFFFF}

.form3{width: 72px; height: 19px; padding-left: 8px; padding-top: 3px; float: left; border-right: 1px solid #9F9E8F; border-bottom: 1px solid #9F9E8F}
.form3 input {width: 50px; height: 16px; background: transparent; padding-top: 1px; border: 0px solid}

.label_kal{display:inline; width: 330px; height: 15px; padding: 2px; text-align-right; padding-left: 8px; padding-top: 5px; margin-left: 3px; float: left; margin-right: 10px}


.form_contact{width: 200px; height: 14px;   padding-top: 1px; background: url(../grafika/form_tlo3.gif); border: 1px solid #CBCBCB; margin-top: 5px}
.formularz_contact{float: left; width: 200px; text-align: right; margin-right: 20px; margin-top: 5px}
.mini{font-size: 10px; color:#999797}


.oferta{list-style-type: none; margin: 0; padding: 0}
.oferta li{clear: both; margin-top: 1px; margin-left: 34px}

.co{height: 16px; float: left; padding: 3px; padding-bottom: 0px; ; display: block; width: 205px; background: #96A1A4; color: #fff; border-right: 1px solid #FEFEFE; text-align: right; padding-right: 15px}
.info{height: 16px; float: left; padding: 3px; padding-bottom: 0px; display: block; width: 255px; background: #F3F3F3 ; color: #181818;}

.oferta_inner{text-align: center; padding-left: 10px}
.oferta_inner p{text-align: left}
.oferta_inner img{margin-right: 3px; margin-top: 3px}

/* ~~~~~~~~ footer ~~~~~~ */


#bottom{width: 100%; background: url(../i/bottom.gif) repeat-x; float: left; margin-top: 10px}

#footer{margin-top: 5px; padding-top: 65px; width:774px; color: #8C8C8C;  background: url(../i/bottom2.gif) repeat-x;  text-align: center; margin-left: auto; margin-right: auto; }

#copy{color: #666; width: 100%; text-align:center; font-size: 8px;}
#copy a{color: #666}