body {
	margin: 0;
	padding:0 ;
	text-align: center;
	background: #f6f6ea;
	font-size: 13px;
	color: #333;
	font-family: tahoma, arial, verdana;
        background:url(../images/bg.jpg) 0 0 repeat;
}

a img {
	border: none;
}
input[type=submit],
input[type=button]
{
	cursor:pointer
}
ol,ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

a{
	text-decoration: none;
	color:inherit;
}

p{
	margin: 0;
	padding: 0
}

.err{
	color:#cc0000;padding-left:20px;
}

#wrapper,
#top-wrapper,
#footer-wrapper
{
    margin:0 auto;
    text-align:left;
    position: relative;
    width:970px;
    overflow:visible;
}
#footer-wrapper{overflow:hidden;font-family:arial;}
#d-right{
    float:right;
   font-size:11px;
    width:180px

}
#d-right img{margin-bottom:3px}
#d-right > * { float:right;color:#333}
#d-left{float:left}
#d-left p:first-child{font-size:12px;margin:5px 0 3px 0}
#d-left p{font-size:11px;}
#d-left a:hover{color:#cc0000}
#d-left a{color:#333}
p.creatum a:hover{background-position: right -12px;}
p.creatum a{
   
    display:block;
   
    height:10px;
    padding:0 60px 2px 0;
    background:url(../images/creatum.png) right top no-repeat;
}
p.creatum{ margin-top:10px}
#wrapper{
    overflow:hidden;;
    padding:0 40px;
    width:910px;
    min-height:570px;
}

#top-wrapper div.logo{
    cursor: pointer;
    display:block;
    width:282px;
    height:40px;
    float:left;
    margin:35px 0 0 0;
    background:url(../images/logo_top_houseman.png) 0 bottom no-repeat;
}

#top-wrapper .title-bar,.contact-top{
    font-size:16px;
    font-family: arial;
    color:#333;
    float:left;
    margin:54px 0 0 20px;
    text-transform: lowercase;
    color:#767572;
    font-size:20px;
}

.contact-top{float:right}

#top-wrapper{
    overflow:hidden;
    padding:0 0 12px 0;
    background:url(../images/fade_top.png) 0 bottom no-repeat;
}
#footer-wrapper{
    padding:16px 0 40px 0;
    background:url(../images/fade_down.png) 0 top no-repeat;
}
.bg_index{   
    background:url(../images/bg_box/bg_box_homepage.jpg) 10px 0 no-repeat;
}
.bg_object{
    background:url(../images/bg_inside.jpg) 10px 0 repeat-y;
}
.bg_wnetrzarskie{
    background:url(../images/bg_box/bg_projekty2.jpg) 10px 0 repeat-y;
}
.bg_ogolnobudowlane{
    background:url(../images/bg_box/bg_projekty1.jpg) 10px 0 repeat-y;
}
.bg_site_kredyty{
    background:url(../images/bg_box/bg_box_kredyty.jpg) 10px 0 repeat-y;
}
.bg_site_kontakt{
    background:url(../images/bg_box/bg_box_kontakt.jpg) 10px 0 repeat-y;
}
.bg_site_projekty{
    background:url(../images/bg_box/bg_box_projekty.jpg) 10px 0 repeat-y;
}
.bg_site_onas{
    background:url(../images/bg_box/images_onas.jpg) 10px 0 repeat-y;
}


#menu-img{
    margin-top:25px;
    overflow: hidden;
    float:left;
    padding:0;
}
#menu-img > div:first-child{ margin-left:0 }
#menu-img > div{
    width:146px;
    height:202px;
    float:left;
    margin-left:45px;
    background:url(../images/obraz_hosueman.png) 0 0 no-repeat;

}

#menu-img a{ color:#666 }
#menu-img a:hover,p a.hover{ color:#ff3333 !important}

#menu-img > div > p{
    font-size:12px;
    text-align:center;
}

div.img-box{
  overflow:hidden;
  height:158px;
  width:110px;
  position:relative;
  margin:4px auto 0 auto;
}


.area1:hover p a,.area2:hover p a{color:#fff;}
.area1,.area2{
    cursor:pointer;
    height:inherit;
    width:55px;
    text-align:center;
    position:absolute;
    left:0;top:0;
    color:#666;
    z-index:1000000;
    height:150px;
}
.area2{right:0;width:55px;margin:0 0 0 55px;}
div.img-box > img{ position:absolute;}

.el11{
    z-index:11;
    vertical-align: top;
}
.el12{
    margin-top:-150px;
    z-index:10;

}
.el21{
    margin:0 0 0 -109px;
    z-index:11;
    vertical-align: top;
}
.el22{
    margin:-150px 0 0 -109px;
    z-index:10;

}
.el31{
    margin:0 0 0 -218px;
    z-index:11;
    vertical-align: top;
}
.el32{
    margin:-150px 0 0 -218px;
    z-index:10;

}
.el41{
    margin:0 0 0 -327px;
    z-index:11;
    vertical-align: top;
}
.el42{
    margin:-150px 0 0 -327px;
    z-index:10;

}
.el51{
    margin:0 0 0 -436px;
    z-index:11;
    vertical-align: top;
}
.el52{
    margin:-150px 0 0 -436px;
    z-index:10;

}

#menu-right{
    position:absolute;
    float:right;
    width:295px;
    left:700px;
    top:250px;
}

#menu-right ul{ width:295px}
#menu-right ul li{}
#menu-right ul li a:hover{ background-position: 0 -39px }
#menu-right ul li a{
    display:block;
    width:295px;
    height:39px;
}
.o-nas{
    background:url(../images/bt_right_onas.png) 0 0 no-repeat;
    margin:0 0 18px 0;
}
.el1{
    background:url(../images/bt_right_projekty.png) 0 0 no-repeat;
}
.el2{
    background:url(../images/bt_right_kredyty.png) 0 0 no-repeat;
    margin:0 0 18px 0;
}
.el3{
    background:url(../images/bt_right_szukaj.png) 0 0 no-repeat;
}
.el4{
    background:url(../images/bt_right_dodaj.png) 0 0 no-repeat;
    margin:0 0 32px 0;
}
.el5{
    background:url(../images/bt_right_wyszukiwarka.png) 0 0 no-repeat;
}
.el6{
    background:url(../images/bt_right_kontakt.png) 0 0 no-repeat;
}


#content{float:left}

.bt-back:hover{ background-position: 0 -50px }
.bt-back{
    position:absolute;
    bottom:30px;
    left:-4px;
    width:173px;
    height:50px;
    background:url(../images/bt_powrot_down.png) 0 0 no-repeat;
    float:left;
    clear:both;
    
    cursor:pointer;
}

.mini-back:hover{ background-position: 0 -39px }
.mini-back{
    width:173px;
    height:39px;
    background:url(../images/bt_powrot_down_mini.png) 0 0 no-repeat;
    float:left;
    clear:both;
    margin:0px 0 20px -44px;
    cursor:pointer;
}

#social-media-fb{
    width:232px;
    height:420px;
    background: url(../images/fb_bg.png) 0 0 no-repeat;
    position:fixed;
    right:-205px;

    top:100px;
    cursor:pointer;
    z-index:100000;

}
#social-media-fb div:first-child{
    position: absolute;
    width:32px;
    height:120px;
    left:0;top:0;
}

.up-contener{
    top:80px;
    left:285px;
    width:385px;
    height:380px;
    padding:20px;
    z-index:11118888;
    background:url(../images/fade_box.png) 0 0 no-repeat;
    position: absolute;
    display: none;
}



.up-contener > div.form-content{

    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width:365px;
height:360px;
    background:#fff;
    padding:10px;
    overflow:auto

}

.bt_close{ background-position: 0 -40px }

.bt_close{
    z-index:1111119999;
    position:absolute;
    top:30px;right:5px;
    display: block;
    width:72px;
    height:40px;
    cursor:pointer;
    background:url(../images/bt_close.png) 0 0 no-repeat;
}

.bt_close3{
    background:url(../images/bt_close3.png) 0 0 no-repeat;
    width:29px;
    height:39px;
    z-index:11119999;
    position:absolute;
    top:30px;right:5px;
    display: block;
    cursor:pointer;
     position:absolute;
}

.search-form input[type='submit']:hover{background-position: 0 -22px}
.search-form input[type='submit']
{
    display:block;
    border:none;
    width:103px;
    height:22px;
    background:url(../images/bt_szukaj.png) 0 0 no-repeat;
}

.search-form input[name='sendRequest'],
.search-form input[name='tellfriend']
{
    background:url(../images/bt_wyslij.png) 0 0 no-repeat;
}

.search-form input, .search-form select, .search-form textarea{
    
    margin:0 0 10px 30px;
}
.search-form select,
.search-form input[type=text]
{
    min-width: 290px;
    padding: 3px 5px;
    border:1px solid #ccc
}

.search-form textarea{
    width:290px;
    border:1px solid #ccc;
    height:60px;
    padding:3px 5px;
}

.search-form h2{
    float:left;
    font-size:14px;
    color:#000;
    margin:4px 0 10px 30px;
    padding:0;
   
    font-weight: bold;
}
.search-form{ margin:20px 0 0 0;}

.td-err{display:none;color:#cc0000;font-weight:bold}
.td-err span{font-weight:normal}

th.header{cursor:pointer}

.sd-logo a{text-decoration:none;color:inherit}
.sd-logo{
    float:left;
    clear:both;
    margin:30px 0 15px 0;
    color:#000;
}