/* Wszystkie czesci layoutu graficznego bez Content */

body { background-color: #fff; color: #343434; font-size: .75em; }
#logo_print { display: none; }

/* NAGLOWEK */
#header_container {  }
#header { position: relative; width: 960px; height: 112px; margin: 0 auto; z-index: 10; }

#header_bg { position: absolute; top: 35px; background: url(../img/bg/header_bg.gif) repeat-x; z-index: 9; width: 59%; height: 111px; margin-left: 41%; }

/* logo */
#header h1 { position: absolute; left: 0; top: 5px; width: 330px; background: url(../img/bg/h1.gif) repeat-x; }
#header h1 a { background: url(../img/logo.gif) no-repeat left top; width: 250px; height: 107px; display: block; padding: 0; }

/* menu */
#facebook_logo {
    height: 50px;
    left: 290px;
    position: absolute;
    top: 48px;
    width: 80px;
}
#header ul { position: absolute; right: 0; top: 35px; background: url(../img/bg/menu.gif) no-repeat left top; width: 630px; height: 45px; }
#header ul li { display: block; float: left; margin: 0 1px 0 0; }
#header ul li.first { margin: 0 1px 0 17px; }
#header ul li a { background: url(../img/bg/header_bg.gif) repeat-x; height: 45px; line-height: 45px; color: #fff; padding: 15px 9px; }
#header ul li a:hover,
#header ul li a.active { background: url(../img/bg/menu_active.gif) repeat-x; text-decoration: none; }
#header ul li a.active { font-weight: bold; }


.zp{padding:0!important;}
.borderRadius{
	border:1px solid #e0d7e0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; behavior:url('/theme/css/pie.htc');
}

#main .content #contaniner{overflow: hidden;}
#main .content #container .nbox{width:278px; margin: 0 0 13px 0;  padding:3px;}
#main .content #container #leftCol{width:286px; float:left; margin:0 0 20px 0;}
#main .content #container #projBox{height: 190px; background: url("../img/bg/sp.jpg") no-repeat scroll center center; position: relative; margin-top:15px;}

#main .content #container #projBox a#projBoxMa{width:278px; height: 188px; display: block;}

#main .content #container #projBox a#asp{background: url("../img/bg/more2span.gif") no-repeat scroll right top; position: absolute; bottom:21px; left:15px;}
#main .content #container #projBox a#asp span{background:url("../img/bg/more2.gif") no-repeat scroll left top;}

#main .content #container #newsBox{padding:14px; border:1px solid #e0d7e0; overflow: hidden; min-height: 220px; width: 626px; margin-top: 10px; margin-left: -301px;}
#main .content #container #newsBox ul.news li p.news_date{float:left; color:#ff4700; clear:both; margin: 0 0 7px 0;}
#main .content #container #newsBox ul.news li{padding: 10px 8px 10px 8px;width: 610px;float: left;}
#main .content #container #newsBox ul.news li .desc{line-height: 18px;}
#main .content #container #newsBox ul.news li h4{margin:0;}
#main .content #container #newsBox ul.news li img {margin: 0 30px 5px;}


#main .content #container #centerCont{float: left; width: 355px; margin: 0 15px 20px;}
#main .content #container #centerCont #navBox{background: url("../img/bg/navbg.gif") repeat-x; margin:0 auto 15px; overflow: hidden; width:-moz-max-content;  max-width:  intrinsic; }
#main .content #container #centerCont #navBox .nbC{width:20px; height: 24px;  display: block; }
#main .content #container #centerCont #navBox #nbL{background: url("../img/bg/lnav.gif") no-repeat; float: left;}
#main .content #container #centerCont #navBox #nbR{background: url("../img/bg/rnav.gif") no-repeat; float: right;}
#main .content #container #centerCont #navBox #sallp{display: block; float:left; background: url("../img/bg/navarrow.gif") no-repeat scroll left top; margin:0 0 0 10px; padding:2px 0 0 15px; font-size:9px; font-weight: bold; font-family: Tahoma;}
#main .content #container #centerCont #navBox #sallp:hover{text-decoration: none;}
#main .content #container #centerCont #navBox #dots{float:left;}
#main .content #container #centerCont #navBox #dots a{display: block; width:9px; height: 9px; background: url("../img/bg/dot.gif") no-repeat; text-indent: 9999px; float:left; margin:7px 3px 0 0;}
#main .content #container #centerCont #navBox #dots a.activeSlide{background: url("../img/bg/dota.gif") no-repeat;}
#main .content #container #centerCont a#nlObox{display: block; height: 100px; width: 100%; background: url("../img/bg/nlbanner.png") no-repeat; margin:13px 0 0 0;}
#main .content #container #centerCont #centerCol{}
#main .content #container #centerCont #centerCol .cBox{margin:9px 15px 7px; overflow: hidden;}
#main .content #container #centerCont #centerCol .cBox p{text-align: justify;}

#main .content #container #rightCol{width:286px; float:right; margin:0 0 20px 0;}
#main .content #container #inwBox{height: 190px; background: url("../img/bg/si.jpg") no-repeat scroll center center; position: relative; margin-top:15px;}
#main .content #container #inwBox a#inwBoxMa{width:278px; height:188px; display: block;}
#main .content #container #inwBox a#ainw{position: absolute; bottom: 24px; right: 18px;}
#main .content #container #rightCol #nlBox{text-align: center; padding-top:10px;}
#main .content #container #rightCol #fbBox{height: 181px; width:264px; background: #f2f2f2; padding:9px 11px; text-align: center;}
#main .content #container #rightCol #idpBox{width:286px; height: 75px; background: url("../img/bg/idp.jpg") no-repeat; margin:0 0 13px 0; position:relative;}
#main .content #container #rightCol #idpBox a#aidp{position: absolute; bottom:5px; right:5px;}
#main .content #container a#ytBox{display:block; width:286px; height: 138px; background: url("../img/bg/yt.jpg") no-repeat; text-indent: -9999px; margin-top: 21px;}


/* banner */
/* a) na stronie glownej */

#main #branding { height: 205px; border-top:1px solid #e8e8e7; border-bottom:1px solid #ebebeb; background: #ffffff url(../img/bg/branding_main.gif) repeat-x left center; }
#main #branding ul { width: 1046px; margin: 12px auto 0; background: url("../img/bg/fly.png") no-repeat scroll right 45px; position: relative;}
#main #branding ul #slideshow{width:960px; margin:0 auto;}
#main #branding ul li{height: 178px; width:960px; margin:auto; background: #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position:relative; behavior:url('/theme/css/pie.htc'); overflow: hidden;}
#main #branding ul li .about{position:absolute; top:25px; left:200px; width:500px; height: 135px; }
#main #branding ul li .about h1{font-size:28px; color:#7b197b;}
#main #branding ul li .about p{margin:20px 0 0;}
#main #branding ul li .about .ps{float:left!important; clear:both; margin:10px 0 0 0;}
#main #branding ul .circle{position:absolute; top:0; right:232px; z-index:9999; height: 178px; width:37px ; background:url("../img/bg/circle.png") no-repeat;}
#main #branding ul li .projBox{position: absolute; right: 0; top:0; width:214px; height: 178px; overflow: hidden;}
#main #branding ul li .projBox img{
	position:relative;	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
behavior:url('/theme/css/pie.htc');
}

/* b) na podstronach */
#branding { height: 149px; background: transparent url(../img/bg/branding.gif) repeat-x left top; }
#branding h2 { display: block; width: 960px; height: 149px; background: url(../img/bg/branding/strefa_inwestora.jpg) no-repeat left top; text-indent: -9999px; padding: 0; margin: 0 auto; }
#branding h2.o_nas { background: url(../img/bg/branding/o_nas.jpg) no-repeat left top; }
#branding h2.zasady { background: url(../img/bg/branding/zasady.jpg) no-repeat left top; }
#branding h2.pytania { background: url(../img/bg/branding/pytania.jpg) no-repeat left top; }
#branding h2.projekty { background: url(../img/bg/branding/projekty.jpg) no-repeat left top; }
#branding h2.zglos_projekt { background: url(../img/bg/branding/zglos_projekt.jpg) no-repeat left top; }
#branding h2.aktualnosci { background: url(../img/bg/branding/aktualnosci.jpg) no-repeat left top; }
#branding h2.strefa_inwestora{background: url(../img/bg/branding/strefa_inwestora.jpg) no-repeat left top; }
#branding h2.kontakt{background: url(../img/bg/branding/kontakt.jpg) no-repeat left top; }
#branding h2.przetargi{background: url(../img/bg/branding/zamowienia.jpg) no-repeat left top; }
#branding h2.informacje_prasowe{background: url(../img/bg/branding/informacje_prasowe.jpg) no-repeat left top; }
#branding h2.strefa_projektodawcy{background: url(../img/bg/branding/strefa_projektodawcy.jpg) no-repeat left top; }
/* breadcrumbs */
#breadcrumbs { border-bottom: 1px solid #e5e5e3; margin: 0; padding: 0; padding: 2px 2px 11px; }
#breadcrumbs li { display: inline; background: transparent url(../img/arrows/breadcrumbs.gif) no-repeat 5px 5px; white-space: nowrap; color: #8d8d8d; padding: 0 0 0 16px; margin: 0 0 0 0; }
#breadcrumbs li.first { background: none; padding-left: 0; }
#breadcrumbs li a { text-decoration: none; color: #8d8d8d; }
#breadcrumbs li a strong { color: #5a5a5a; }
#breadcrumbs li a:hover { text-decoration: underline; }

/* SIDEBAR */
/* boxy ciemne/jasne */
/* a) strona glowna */
#main #sidebar { float: right; width: 267px; }

/* box ciemny/jasny - czesci wspolne */
#main .sidebar_box_dark_top,
#main .sidebar_box_light_top { margin: 0 0 15px; }
#main .sidebar_box_dark,
#main .sidebar_box_light { margin: 0; }
#main .sidebar_box_light h3,
#main .sidebar_box_dark h3 { margin: 0 0 10px; }
#main .sidebar_box_dark ul,
#main .sidebar_box_light ul { padding: 0 0 10px; margin: 0; }
#main .sidebar_box_dark ul li,
#main .sidebar_box_light ul li { margin: 0 0 5px; }

/* box ciemny */
#main .sidebar_box_dark_top { background: url(../img/bg/sidebar_box_dark_top.gif) no-repeat left top; padding: 7px 0 0 0; }
#main .sidebar_box_dark_bottom { background: url(../img/bg/sidebar_box_dark_bottom.gif) no-repeat left bottom; padding: 0 0 7px; }
#main .sidebar_box_dark { background: url(../img/bg/sidebar_box_dark.gif) repeat-y; padding: 0 12px 0 15px; }
#main .sidebar_box_dark h4 { font-size: 1em; margin: 0; }
#main .sidebar_box_dark ul li { background: url(../img/arrows/art_read_more.gif) no-repeat left 4px; padding: 0 0 0 19px; }

/* box jasny */
#main .sidebar_box_light_top { background: url(../img/bg/sidebar_box_light_top.gif) repeat-y left top; padding: 0; }
#main .sidebar_box_light_bottom { background: url(../img/bg/sidebar_box_light_bottom.gif) no-repeat left bottom; padding: 0 0 12px; }
#main .sidebar_box_light { background: url(../img/bg/sidebar_box_light.gif) no-repeat; padding: 7px 12px 0 15px; }
#main .sidebar_box_light ul.faq { background: url(../img/bg/faq.gif) no-repeat right 20px; }
#main .sidebar_box_light ul.links a { color: #363636; }
#main .sidebar_box_light ul.links a:hover { color: #8b1b8b; text-decoration: none; }

/* b) podstrona */
#sidebar { width: 241px; }

#menu_sidebar_top { float: left; background: url(../img/bg/sidebar_menu_top.gif) no-repeat left top; padding: 7px 0 0 0; margin: 0 0 15px; }
#menu_sidebar_bottom { background: url(../img/bg/sidebar_menu_bottom.gif) no-repeat left bottom; padding: 0 0 7px; }
#menu_sidebar { width: 227px; background: url(../img/bg/sidebar_menu.gif) repeat-y; padding: 0 7px; margin: 0; }
#menu_sidebar li { display: block; background: none; border-top: 1px solid #e9e9e9; padding: 0; margin: 0; }
#menu_sidebar li a { display: block; width: 201px; background: url(../img/arrows/menu_sidebar.gif) no-repeat 8px 13px; height: auto; color: #363636; text-decoration: none; padding: 6px 5px 6px 20px; margin: 3px 0; }
#menu_sidebar li a:hover { color: #7b197b; text-decoration: underline; }
#menu_sidebar li a.active { background: url(../img/bg/menu_sidebar_active.gif) no-repeat 0 0; color: #fff; }

#menu_sidebar .invis { display: none; }
#menu_sidebar .vis { display: block; }

#menu_sidebar li ul { width: 217px!important; font-size: .92em; border: none; padding: 0px; margin: 0; }
#menu_sidebar li ul li { border: 0; }
#menu_sidebar li ul li a { display: block; width: 175px; background: url(../img/arrows/next_hover.gif) no-repeat 20px 7px; color: #5f0b5f; padding: 0 0 0 35px; }
#menu_sidebar li ul li a.active { background: url(../img/arrows/next_hover.gif) no-repeat 20px 7px; color: #5f0b5f; font-weight: bold; padding: 0 0 0 35px; }

#menu_sidebar div.vis { display: block; }
#menu_sidebar div.invis { display: none;}

/* STOPKA */
#sponsor { width: 924px; height: 78px; background: #f2f2f2 url(../img/bg/sponsor.gif) no-repeat left top; padding: 18px; margin: 0 auto 18px; }
#sponsor .strategy { float: left; }
#sponsor .desc { display: block; float: left; width: 430px; color: #787777; line-height: 120%; margin: 25px 0 0 10px; }
#sponsor .unia { float: right; }

#footer { width: 960px; margin: 0 auto; }

#footer_menu { border-bottom: 3px solid #56ac2a; text-align: center; padding: 10px 0; margin-bottom: 10px;  }
#footer_menu li { display: inline; }
#footer_menu li a { padding: 5px 10px; border-right: 1px solid #e4e4e4; color: #7d7d7d; text-decoration: none; }
#footer_menu li a:hover,
#footer_menu li a.active { color: #000; }
#footer_menu li a.active { font-weight: 700 }
#footer_menu li.first a { border-left: 1px solid #e4e4e4;  }

/* copyright i realizacja */
#footer { border-top: 1px solid #cecec9; font-size: .92em; color: #666 }
#footer p { padding: 10px 0; }
#footer a { color: #8b1b8b; }
#footer p.copyright { float: left; }
#footer p.realisation { text-align: right; }
#footer p.bip { margin: 0 0 25px; }