/* body styles  / reset / links / headings / other elements / tags  */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legendlegend{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}
table.styled, .styled caption, .styled tbody, .styled tfoot, .styled thead, .styled tr, .styled th, .styled td 
{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
table.styled {border-collapse:separate;border-spacing:0}
.styled caption, .styled th, .styled td{text-align:left;font-weight:normal}
html {
    background: url(../img/html.bg.gif) repeat-x center 5px;
    height: 100%;
}
body {
	background: #fff url(../img/body.bg.jpg) no-repeat center 5px;
	color: #757575;
	font: 11px Tahoma, Verdana, Arial;

}
button {cursor: pointer}
legend {display: none}
object {float:left}
strong {font-weight: bold}
.accessibility {display: none}
.wrap {
    margin: 0 auto;
    position:relative;
    width:960px; 
}
.notxt {
	font-size: 0;
	line-height: 0;
	text-indent: -9998%;
}
#header h1, #banner h2, #sidebar h3, #main-content h2 {
    background: url(../img/header.h1.bg.gif) no-repeat;
    height: 95px;
    left: 0;
    position: absolute;
    text-indent: -9998em;
    top: 18px;
    width: 320px;
}
#header h1 a {display: block;height:100%}
#banner h2, #sidebar h3, #main-content h2 {
    background-image: url(../img/banner.h2.bg.jpg);
    height: 20px;
    position: static;
    width: 624px;
}
#sidebar h3, #main-content h2 {
    background-image: url(../img/sidebar.h3.bg.gif);
    width: 100%;
}
#main-content h2 {
	padding-bottom: 5px;

}
#main-content h2.offer {background-image: url(../img/main-content.h2.offer.bg.gif)}
#main-content h2.ofirmie {background-image: url(../img/h2.ofirmie.bg.gif)}
#main-content h2.aktualnosci {background-image: url(../img/h2.aktualnosci.bg.gif)}
#main-content h2.aktualne {background-image: url(../img/h2.aktualne.bg.gif)}
#main-content h2.zrealizowane {background-image: url(../img/h2.zrealizowane.bg.gif)}
#main-content h2.hurtownia {background-image: url(../img/h2.hurtownia.bg.gif)}
#main-content h2.wypozyczalnia {background-image: url(../img/h2.wypozyczalnia.bg.gif)}
#main-content h2.praca {background-image: url(../img/h2.praca.bg.gif)}
#main-content h2.kontakt {background-image: url(../img/h2.kontakt.bg.gif)}
#main-content h5 {
	color: #df0024;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
#footer h5 {
	float: left;
	font-weight: normal;
	margin: 18px 10px 0 29px;
	width: 280px;
}
.subpage #main-content h3 {
    background: url(../img/subpage.main-content.h3.bg.gif) no-repeat 0 12px;
    color: #df0024;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0 5px 12px;
}
.subpage #main-content h5 {
    text-align:left;
    text-transform: none;
}
/* forms / notifications and errors / consistant items with normally just one class  */

/* skeleton including page furniture  */
#header, #content, #footer {position: relative}
#header {height: 384px; z-index:10}
#banner {
    background: url(../img/banner.bg.jpg) center top no-repeat;
    color: #fff;
    height: 196px;
}
    #banner .wrap {padding-left: 336px;width: 624px}
    #banner p {padding: 8px 6px}
#content {
    clear: both;
    float: left;
    padding-bottom: 20px;
    width: 100%;
}
.subpage #content {
    background: url(../img/subpage.content.bg.gif) center top no-repeat;
}
    .subpage #content .wrap {padding-top: 20px;}
    #main-content {
    	border-left: 1px solid #eaeaea;
        float: right;
        margin: 20px 0 0 0;
        padding: 0 0 0 19px;
        width: 620px;
    }
    #sidebar {
        float: left;
        margin-top: -176px;
        width: 300px;
    }
    .subpage #sidebar {
        margin-top: 21px;
    }
#footer {
    border-top: 1px solid #eaeaea;
    color: #b2b2b2;
	clear: both;
	display: block;
}
	#footer .wrap {
		background: url(../img/footer.wrap.bg.gif) right top no-repeat;
		height: 60px;
		overflow: auto;
		padding: 3px 0;
	}
/* page components -> most of styles  */
#header dl {
    background: url(../img/header.dl.bg.gif);
    color: #eed5d7;
    font-size: 12px;
    height: 167px;
    line-height: 1.50em;
    padding: 17px 0 0 21px;
    position: absolute;
    top: 115px;
    width: 299px;
}
    #header dt {
        background: url(../img/header.dt.bg.gif);
        height: 26px;
        text-indent: -9998em;
        width: 279px;
    }
    #header dd {padding: 9px 0 0 4px}
    #header dd a {color: #eed5d7;font-weight: bold; text-decoration: none}
    #header dd a:hover, #banner a.more:hover, #header dd a.more:hover {text-decoration:underline}
    #header dd a.more, #banner a.more, #main-content .listing li a.more {
        background: url(../img/header.dd.a.more.bg.gif);
        color: #df0024;;
        clear: left;
        display: block;
        font-size: 11px;
        font-weight: normal;
        height: 24px;
        margin: 15px 0 0 -2px;
        padding: 6px 3px 0 17px;
        text-decoration: none;
        width: 142px;
    }
#main-menu {
    height: 55px;
    left: 0;
    position: absolute;
    top: 299px;
    width: 100%;
}
	#main-menu li, #main-menu a {float:left;position:relative}
    #main-menu a {
        background: url(../img/main-menu.a.bg.gif);
        height: 55px;
        text-indent: -9998em;
        width: 78px;
    }
    #main-menu a:hover, #main-menu a.active, #main-menu a.current {background-position: 0 -55px}
    #main-menu #m-news a {background-position: -78px 0;width: 87px}
    #main-menu #m-news a:hover, #main-menu #m-news a.active, #main-menu #m-news a.current {background-position: -78px -55px}
    #main-menu #m-active a {background-position: -165px 0;width: 210px}
    #main-menu #m-active a:hover, #main-menu #m-active a.active, #main-menu #m-active a.current {background-position: -165px -55px}
    #main-menu #m-done a {background-position: -375px 0;width: 160px}
    #main-menu #m-done a:hover, #main-menu #m-done a.active, #main-menu #m-done a.current {background-position: -375px -55px}
    #main-menu #m-wholesale a {background-position: -535px 0;width: 147px}
    #main-menu #m-wholesale a:hover, #main-menu #m-wholesale a.active, #main-menu #m-wholesale a.current {background-position: -535px -55px}
    #main-menu #m-lending a {background-position: -682px 0;width: 152px}
    #main-menu #m-lending a:hover, #main-menu #m-lending a.active, #main-menu #m-lending a.current {background-position: -682px -55px}
    #main-menu #m-career a {background-position: -834px 0;width: 53px}
    #main-menu #m-career a:hover, #main-menu #m-career a.active, #main-menu #m-career a.current {background-position: -834px -55px}
    #main-menu #m-contact a {background-position: -887px 0;width: 73px}
    #main-menu #m-contact a:hover, #main-menu #m-contact a.active, #main-menu #m-contact a.current {background-position: -887px -55px}
    
    #main-menu li ul {
        background: #73191b url(../img/main-menu.ul.bg.gif) repeat-x;
        color: #fff;
        left: 0;
        padding: 15px 10px;
        position: absolute;
        top: 50px;
    }
    #main-menu li li a {
        background: none;
        color: #fff;
        height: auto;
        padding: 0 0 0 12px;
        text-decoration: none;
        text-indent: 0;
        width: auto;
    }
    #main-menu li li a, #main-menu li li strong {
        display: block;
        padding: 2px 0 2px 12px;
    }
    #main-menu li li a:hover {
        text-decoration: underline;
    }
    #main-menu li li strong {
        background: url(../img/main-menu.li.li.span.gif) no-repeat 0 12px;
        padding-top: 5px;
         
    }
#slideshow {
    height: 264px;
    left: 320px;
    overflow: hidden;
    position: absolute;
    top: 35px;
    width: 640px;
}
#banner a.more, #main-content .listing li a.more {
    background-image: url(../img/banner.a.more.bg.gif);
    color: #fff;
    font-size: 11px;
    height: 22px;
    left: 336px;
    margin: 0;
    padding: 8px 3px 0 19px;
    position: absolute;
    top: 125px;
    width: 147px;
}
dl.photos {
    border: 1px solid #eee;
    margin: 12px 0 0 0;
    padding: 2px;
    position: relative;
}
    dl.photos dd {
        background: #6f171b url(../img/sidebar.dd.bg.gif) top repeat-x;
        color: #eed5d7;
        line-height: 1.64em;
        padding: 6px 10px 11px;
    }
    dl.photos dd a, #main-content dl.photos dd a {
        color: #eed5d7;
        display: block;
        text-decoration: none;
    }
    dl.photos dd a:hover, #main-content dl.photos dd a:hover {text-decoration: underline}
    dl.photos .corner {
        background: url(../img/sidebar.corner.bg.png);
        padding: 0;
        height: 12px;
        position: absolute;
        right: -1px;
        top: -1px;
        width: 12px;
    }
    #main-content dl.photos {
    	float: right;
    	margin-left: 31px;
    	margin-top: 15px;
    	width: 294px;
    }
    #main-content .photo-gallery, #main-content .listing, #main-content .simple-listing   {
        display: block;
        overflow: auto;
        padding: 10px 0 5px;
    }
    #main-content .photo-gallery li, #main-content .listing li {
        background: none;
        float: left;
        padding: 0;
        margin: 10px 20px 10px 0;
    }
    #main-content .photo-gallery img, #main-content .listing img {
        background: #fff;
        border: 1px solid #eaeaea;
        padding: 2px;
    }
    #main-content .photo-gallery a:hover img, #main-content .listing a:hover img {border-color: #bfbfbf}
    #main-content .listing li {
        background: url(../img/main-content.listing.li.bg.gif) right top no-repeat;
        border-bottom: 1px solid #eaeaea;
        height: 150px;
        margin-right: 0px;
        padding-right: 25px;
        width: 275px;    
    }
    #main-content .listing li.odd {background: none;padding-left: 20px}
    #main-content .listing li.last-line {border:0}
    #main-content .listing li a.more {
        background-image: url(../img/listing.a.more.bg.gif);
        color: #eed5d7;
        clear: none;
        float: right;
        padding: 7px 3px 1px 19px;
        position: static;
        width: 117px;
    }
    #main-content .listing li a.more:hover {text-decoration: underline}
    #main-content .listing li img {float: left}
    #main-content .listing li p {
        color: #df0024;
        clear: both;
        display: block;
        font-weight: bold;
    }
    #main-content .simple-listing li {
        background: none;
        margin: 10px 20px 10px 0;
        padding: 0;
        float: left;
    }
    #main-content .simple-listing li.odd {
        margin-right: 0;
    }
    #main-content .simple-listing li a {
         background: url(../img/subpage.main-content.li.bg.gif) no-repeat 19px 21px;
        border: 1px solid #eaeaea;
        float: left;
        font-weight: bold;
        height: 45px;
        padding: 15px 30px 0 30px;
        text-decoration: none;
        width: 238px;
    }
    #main-content .simple-listing li a:hover {
        text-decoration: underline;
    }
#main-content a {color: #df0024}
#main-content a:hover {color:#000}
#main-content em {
    background:#eaeaea;
    font-style: normal;
    padding: 2px 4px;
}
#main-content ul li {
    background: url(../img/subpage.main-content.li.bg.gif) no-repeat 1px 9px;
    padding: 2px 10px;
}
#main-content p {padding: 5px 0 15px}
#footer address {
	float: left;
	font-style:normal;
	margin: 18px 0 0 2px;	
}
#footer address a {
	color: #df0024;
	font-weight: bold;
	text-decoration: none;
}
#footer address a:hover {text-decoration: underline}
#footer ul {
	background: url(../img/footer.ul.bg.gif) right top no-repeat;
	border-left: 1px solid #eaeaea;
	padding: 0 2px;
	position: absolute;
	right: 0;
	top: 3px;
	width: 160px;
}
#footer ul li {
	background: url(../img/footer.ul.li.bg.gif) no-repeat 0 19px;
	float: right;
}
#footer ul li a {
	background: url(../img/footer.ul.a.bg.gif) no-repeat 13px -21px;
	color: #b2b2b2;
	float: left;
	padding: 20px 13px 15px 30px;
	text-decoration: none;
}
#footer ul li.back {background: none}
#footer ul li.back a {background-position: 13px 20px}
#footer ul li a:hover {color:#df0024; text-decoration: underline}
/* specyfic, unpredicted  styles, trynigs  */