@CHARSET "UTF-8";

/*******************************/
/*  Created by Damian Bonar    */
/*  Copyright by IguanaStudio  */
/*******************************/

@import url('reset.css');

html {
	overflow-x: hidden;
	overflow-y: auto;
}

body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 12px;
	font-family: 'Tahoma', 'Arial', 'Verdana', 'Myriad Pro', Trebuchet, sans-serif;
	background: #FFF url(/include/images/hp/bg.gif) repeat-x 0 0;
	color: #3a3a3a;
}

p {
    line-height: 140%;
    padding-bottom: 15px;
}

div.wrapper {
    width: 970px;
    margin: 0 auto;
    position: relative;
}

div.wrapper h1 {
    width: 970px;
    height: 96px;
    position: relative;
}

div.wrapper h1 a {
    display: block;
    width: 404px;
    height: 52px;
    background: transparent url(/include/images/hp/logo.gif) no-repeat 0 0;
    position: absolute;
    top: 25px;
    left: 284px;
}

/* NAGLOWEK */

div#header {
    height: 240px;
    background: transparent url(/include/images/hp/bg_header.jpg) no-repeat 0 0;
    position: relative;
}

a.lang_en {
    display: block;
    border: 1px #b2b2b2 solid;
    width: 17px;
    height: 11px;
    position: absolute;
    bottom: 33px;
    right: 3px;
    z-index: 10;
}

a.lang_en:hover {
    border-color: #666666;
}

a.lang_en img {
    border: 1px #FFF solid;
}

div#right_shadow_part {
    position: absolute;
    top: 1px;
    right: -15px;
    background: transparent url(/include/images/hp/bg_right_shadow_part.jpg) no-repeat 0 0;
    width: 15px;
    height: 263px;
}

div#left_shadow_part {
    position: absolute;
    top: 1px;
    left: -15px;
    background: transparent url(/include/images/hp/bg_left_shadow_part.jpg) no-repeat 0 0;
    width: 15px;
    height: 263px;
}

ul#menu {
    width: 970px;
    height: 40px;
    background: transparent url(/include/images/hp/menu.gif) no-repeat 0 0;
    position: absolute;
    left: 0;
    bottom: 20px;
    overflow: hidden;
}

ul#menu li {
    height: 31px;
    float: left;
    padding: 9px 0 0 0;
    margin-right: 11px;
}

ul#menu li a {
    display: block;
    width: 100%;
    height: 22px;
    float: left;
}

ul#menu li.o_firmie { width: 65px; }
ul#menu li.konstrukcje_budowlane { width: 159px; }
ul#menu li.konstrukcje_technologiczne { width: 185px; }
ul#menu li.kabiny_technologiczne { width: 155px; }
ul#menu li.konstrukcje_pozostale { width: 155px; margin-right: 13px; }
ul#menu li.infrastruktura_drogowa { width: 163px; margin-right: 0; }

ul#menu li.o_firmie a:hover,
ul#menu li.o_firmie a.active { background: transparent url(/include/images/hp/menu.gif) no-repeat 0 -49px; }
ul#menu li.konstrukcje_budowlane a:hover,
ul#menu li.konstrukcje_budowlane a.active { background: transparent url(/include/images/hp/menu.gif) no-repeat -76px -49px; }
ul#menu li.konstrukcje_technologiczne a:hover,
ul#menu li.konstrukcje_technologiczne a.active { background: transparent url(/include/images/hp/menu.gif) no-repeat -246px -49px; }
ul#menu li.kabiny_technologiczne a:hover,
ul#menu li.kabiny_technologiczne a.active { background: transparent url(/include/images/hp/menu.gif) no-repeat -442px -49px; }
ul#menu li.konstrukcje_pozostale a:hover,
ul#menu li.konstrukcje_pozostale a.active { background: transparent url(/include/images/hp/menu.gif) no-repeat -608px -49px; }
ul#menu li.infrastruktura_drogowa a:hover,
ul#menu li.infrastruktura_drogowa a.active { background: transparent url(/include/images/hp/menu.gif) no-repeat -776px -49px; }

/* GLOWNA CZESC */

div#content_shadow {
    background: transparent url(/include/images/hp/bg_content_left_shadow.gif) repeat-y center center;
    margin-bottom: 30px;
    z-index: 20;
}

div#content {
    background: transparent url(/include/images/hp/bg_content.gif) repeat-y 236px 0;
    overflow: hidden;
    height: 100%;
    padding: 25px 0 14px 0;
    position: relative;
}

div#bg_content_bottom_shadow {
    width: 13px;
    height: 35px;
    position: absolute;
    bottom: 0;
    left: 236px;
    background: transparent url(/include/images/hp/bg_content_shadow.gif) no-repeat 0 0;
    z-index: 20;
}

div#bg_content_bottom_shadow_left {
    width: 11px;
    height: 35px;
    position: absolute;
    bottom: 0;
    left: -10px;
    background: transparent url(/include/images/hp/bg_content_shadow_left.gif) no-repeat 0 0;
    z-index: 20;
}

/* LEWY SIDEBAR */

div#left {
    float: left;
    width: 236px
}

div#left ul#left_menu {
    line-height: 130%;
    width: 199px;
    float: left;
    margin: 25px 0 0 0;
    padding-left: 18px;
}

div#left ul#left_menu li {
    background: transparent url(/include/images/hp/bg_li_arrow.gif) no-repeat 187px 13px;
    width: 100%;
    overflow: hidden;
    height: 100%;
    float: left;
    border-bottom: 1px #e6e6e6 solid;
    margin-top: 1px;
    padding-bottom: 1px;
}

div#left ul#left_menu li a {
    display: block;
    color: #3a3a3a;
    font-weight: bold;
    text-decoration: none;
    padding: 7px 10px 7px 10px;
    font-size: 12px;
    float: left;
    width: 187px;
}

div#left ul#left_menu li a.active,
div#left ul#left_menu li a:hover {
    background: #4382b6 url(/include/images/hp/bg_li_arrow.gif) no-repeat 187px 13px;
    color: #FFF;
}

/* PRAWA CZESC STRONY */

div#right {
    float: right;
    width: 704px;
    padding-left: 30px;
}

div#right h2 {
    font-size: 23px;
    color: #0058a0;
    padding-bottom: 12px
}

/* OFERTA - Strona glowna */

ul#oferta_items {
    padding-bottom: 15px;   
}

ul#oferta_items li {
    border: 3px #e7e7e7 solid;
    width: 321px;
    float: left;
    position: relative;
    margin: 0 35px 22px 0;
}

ul#oferta_items li.right_element {
    margin-right: 0;
}

ul#oferta_items li img {
    display: block;
}

ul#oferta_items li span {
    display: block;
    background: #4B4B4B url(/include/images/hp/bg_oferta_desc.jpg) no-repeat 0 0;
    width: 291px;
    height: 56px;
    padding: 10px 15px 0 15px;
}

ul#oferta_items li span a {
    color: #efeff0;
    text-decoration: none;
    font-size: 11px;
        line-height: 125%;
}

ul#oferta_items li span a:hover, ul#oferta_items li span a:hover strong {
    text-decoration: underline;
}

ul#oferta_items li span a strong {
    display: block;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 2px;
}

ul#oferta_items li div.oferta_shadow {
    width: 283px;
    height: 15px;
    background: transparent url(/include/images/hp/bg_oferta_shadow.jpg) no-repeat 0 0;
    position: absolute;
    bottom: -18px;
    left: 0;
}

/* STOPKA */

div#footer {
    border-top: 3px #73a3cb solid;
}

div#footer div.wrapper {
    padding: 12px 15px;
    width: 940px;
    overflow: hidden;
    height: 100%;
}

div#footer div#copyright {
    font-size: 11px;
    color: #606060;
    float: left;
}

div#footer div#copyright span {
    padding-left: 6px;
}

div#footer a.site_map_link {
    display: block;
    float: right;
    color: #888b8d;
    font-size: 11px;
    text-decoration: none;
    background: transparent url(/include/images/hp/ico_sitemap.gif) no-repeat 0 1px;
    padding-left: 19px;
}

div#footer a.site_map_link:hover {
    text-decoration: underline;
}

ul#sitemap li { line-height: 25px; padding-left: 10px; background: transparent url(/include/images/hp/bg_li_arrow.gif) no-repeat 0 center; }
ul#sitemap li a {
    color: #333;
    text-decoration: none;
        line-height: 25px;
}