body { margin: 0;	padding: 0;	background: #161616 ; font-family: arial; font-size: 12px; color: #4a4a4a; line-height: 18px; text-align: left; }

a { color: #008ad2; text-decoration: none;}
a:hover { color: #008ad2; text-decoration: underline; }
form { display: inline; }
.k { text-align: center; padding: 10px; border: 1px solid #D5D5D5; font-weight: bold; margin: 0 0 5px 0; }
.e { text-align: center; padding: 10px; border: 1px solid red; font-weight: bold; margin: 0 0 5px 0; }
img {border:0px;}
h1 {font-size:27px;line-height:33px;color:#009ee0;text-transform:uppercase;margin:0 0 20px 0}
h2 {font-size:16px;color:#262626;margin:0 0 20px 0}

#bodyBg {width:100%;margin:0px auto 0px auto;background:#fff url(../img/body_bg.gif) repeat-x top}
#layout {width:980px;margin:0px auto 0px auto;overflow:hidden;}
#header {width:980px;height:126px;margin:0px auto 0px auto;border-top:4px solid #1dbbef;padding:8px 0 0 0;border-bottom:1px solid #e5e5e5}
#logo {float:left;padding:0 0 0 0px;}
#logo img { cursor: pointer; }
#mainMenu {float:right;}
#mainMenu a {display:block;float:left;height:73px;color:#000;padding:53px 23px 0 23px;background:url(../img/menu_bg.png) no-repeat center top;font-size:18px;}
#mainMenu a:hover {text-decoration:none;color:#1dbbef}
#mainMenu .spacer {float:left;width:2px;height:51px;overflow:hidden;background:url(../img/menu_spacer.gif) no-repeat;margin:36px 0 0 0}

/* slider */
#portfolioSliderBg {width:100%;padding:0px 0 40px 0;background: url(../img/portfolio_slider_bg.gif) no-repeat bottom;}
#portfolioSliderWrapper {width:979px;margin:0 auto 20px auto;height:397px;padding:0px 0px 0 0px;position:relative;overflow:hidden;border-bottom:3px solid #71cef4;border-left:1px solid #ebebeb;background:#fff;}
#portfolioSlider {float:left;width:658px;position:relative;border-top:1px solid #ebebeb;border-right:1px solid #ebebeb;height:397px}
#navPics {position:absolute;height:397px;width:658px}
#navPics .picSet {width:658px;overflow:hidden;height:397px;}
#navPrev {position:absolute;left:0;top:165px;background:url(../img/nav-arrows.png) no-repeat 0px 0px;width:34px;height:61px;behavior:url(../img/iepngfix.htc);z-index:100}
#navNext {position:absolute;right:0;top:165px;background:url(../img/nav-arrows.png) no-repeat -34px 0px;width:34px;height:61px;behavior:url(../img/iepngfix.htc);z-index:100}
.portfolioTitle {background:#71cef4;height:27px;padding:13px 0 0 20px;color:#fff;font-size:20px;position:relative;z-index:50}

#mainText {float:right;width:264px;border-top:3px solid #71cef4;border-right:1px solid #ebebeb;height:369px;padding:25px 25px 0 30px;}
#mainText h1 {font-size:22px;margin:0 0 10px 0;overflow:hidden;}
#mainText h1 cufon {display:block;float:left;margin:0 0 0px 0}
#mainText .lead {clear:both;color:#262626;font-size:15px;margin:0 0 10px 0;overflow:hidden}
#mainText .lead cufon {display:block;float:left;margin:0 0 3px 0}
#mainText .text {clear:both;margin:0 0 10px 0}

#portfolioSliderShadow {width:980px;height:7px;background:url(../img/portfolio-slider-shadow.png) no-repeat center;behavior:url(../img/iepngfix.htc);margin:0 auto}
/* slider */

#footerBg {width:100%;padding:9px 0 70px 0;background:#161616 url(../img/footer_bg.gif) repeat-x top;}
#footer {width:980px;clear:both;margin:0 auto;overflow:hidden;background:url(../img/footer_menu_bottom.png) repeat-x bottom}
#footerMenu {width:970px;overflow:hidden;background:url(../img/footer_menu_bg.gif) repeat-x top;padding:20px 0 20px 10px;}
#footerMenu .boxSet {overflow:hidden}
#footerMenu .box {float:left;width:160px;padding:0 0 0 30px;}
#footerMenu .box .title {margin:0 0 15px 0;}
#footerMenu .box .title a {color:#82d2f5;font-size:14px;}
#footerMenu .box .title a:hover {color:#fff;text-decoration:none;}
#footerMenu .box .text {color:#fff;font-size:12px;height:80px;background:url(../img/footer_text_bg.gif) repeat-y right;padding:10px 40px 0 0;position:relative;}
#footerMenu .box .text .btn {display:block;position:absolute;right:2px;top:30px;cursor: pointer;}
#copyright {width:980px;clear:both;margin:0 auto;overflow:hidden;background:url(../img/footer_line.gif) repeat-x top;padding:10px 0 10px 0;color:#4e4d4d;text-align:center;}
#footerBg .line {width:980px;height:3px;background:#1dbbef;overflow:hidden;margin:6px auto 0 auto;}


/* podstrona */

#localizer {font-size:11px;color:#b3b3b3;text-transform:lowercase;padding:20px 0 20px 50px;}
#localizer span {margin:0 5px;}
#localizer a {font-size:11px;color:#b3b3b3;text-decoration:none;font-weight:normal}
#localizer a:hover {text-decoration:underline;color:#06a0e0}
#content {width:928px;margin:0 auto;overflow:hidden;border:1px solid #e5e5e5;border-bottom:none;;padding:0px 0px 20px 50px;}
#columnLeft {float:left;width:180px;margin:0 35px 0 0;}

#leftMenu {width:180px;padding:40px 0px 0px 0px;}
#leftMenu a {display:block}
#leftMenu a.menu_0 {background:url(../img/menu_0_bg.gif) no-repeat 5px 11px;padding:5px 10px 5px 15px;color:#000;font-size:12px;}

#leftMenu a:hover {color:#fff;text-decoration:none;background: #009ee0 url(../img/menu_0_bg_hover.gif) no-repeat 5px 11px;}
#leftMenu .spacer {width:180px;height:1px;overflow:hidden;background:#e5e5e5;margin:0 0px 0 0px}
#leftMenu a.active {color:#fff;text-decoration:none;background: #009ee0 url(../img/menu_0_bg_hover.gif) no-repeat 5px 11px;}


#columnCenter {width:445px;float:left;padding:40px 0 0 0}
#columnCenter .text {margin:0 0 20px 0;}
#columnCenter .text .list {margin:12px 0 12px 0}

#contentContact { padding: 40px 50px 0 0; overflow: hidden; }

#mapa { border: 1px solid #000000; overflow: hidden; font-size: 11px; line-height: 16px; width: 600px; height: 300px;; background-position: center center; background-repeat: no-repeat; float: right; }

#siteMenu {border-top:1px solid #e5e5e5;padding:20px 0 0 0; clear: both;}
#siteMenu a {color:#000;}
#siteMenu a:hover {color:#009ee0}
#siteMenu span {color:#e5e5e5;margin:0 5px;}

#columnRight {float:right;width:239px;background:#fff;padding:0 1px 0 1px;border-left:1px solid #e5e5e5}
#columnRight .box {width:209px;padding:125px 15px 20px 15px;background:#f6f6f6 url(../img/column_right_box_bg.gif) no-repeat top;}
#columnRight .box .header {text-transform:uppercase;color:#000;font-size:18px;line-height:23px;padding:0 0 10px 0;border-bottom:1px solid #e5e5e5;margin:0 0 10px 0}
#columnRight .box .text {color:#009ee0;text-transform:uppercase;font-size:14px;}
#columnRight .box .text .position {margin:0 0 15px 0;background:url(../img/list_li_bg.png) no-repeat 0px 5px;padding:0 0 0px 12px;line-height:22px}
#columnRight .box .text .position span {height:18px !important}
#columnRight .box .btn {background:url(../img/portfolio_btn_bg.png) no-repeat bottom left;padding:0 0 30px 15px;text-align:left}

/* portfolio */
#content_portfolio {width:980px;overflow:hidden;}
#tabs {}
#tabs ul.nav {padding:0;margin:0;overflow:hidden;height:35px;background:url(../img/tabs_menu_bg.gif) repeat-x ;padding:0 0 0 40px;list-style:none;}
#tabs .tabsContent {border:1px solid #e5e5e5;border-bottom:none;border-top:none;padding:15px 13px 20px 13px}

#tabs ul.nav li {float:left;display:block;;margin:0;text-transform:uppercase;font-size:13px;color:#000;height:34px;padding:1px 0 0 0;}
#tabs ul.nav li a {display:block;height:24px;background:url(../img/tabs_menu_li_bg.gif) repeat-x;border-right:1px solid #e5e5e5;padding:10px 10px 0px 10px;color:#000}
#tabs ul.nav li a:hover {color:#009EE0;text-decoration:none}
#tabs ul.nav li.selected {padding:0;height:25px}
#tabs ul.nav li.selected a {background:#fff;border-top:1px solid #e5e5e5;color:#009EE0}
#tabs ul.nav li.selected a:hover {color:#009EE0}

#realizacje { width: 952px; overflow: hidden; }
#realizacje ul { list-style: none; margin: 0; padding: 0; }
#realizacje ul li { list-style: none; float: left; margin: 0 11px 11px 0; font-size: 11px; }
#realizacje ul li img { border: 1px solid #e5e5e5; padding: 4px; }
#realizacje ul li.nomargin { margin-right: 0 !important; }
#realizacje ul li .klient { background: #f1fbff; padding: 4px; margin: 1px 0 0 0; border: 1px solid #e7f8fe; color: #434343; text-align: center; }

#content_portfolio .select {padding:0 0 0 37px;margin:0 0 10px 0;}
#content_portfolio .select span.text {font-size:13px;text-transform:uppercase;margin:0 10px 0 0}
#content_portfolio .select select {border:1px solid #D8D8D8;width:195px;height:20px;font-size:12px;color:#000}

#projectsSlider {width:952px;margin:0 0 20px 0;background:url(../img/carousel_bg.gif) no-repeat top center}
#projectsSlider li a {display:block;width:150px;height:107px;margin:1px 0 0 0;position:relative}
#projectsSlider li a.active {margin:0}
#projectsSlider li a.active img {position:absolute;z-index:1}
#projectsSlider li a.active .border {display:block;position:absolute;z-index:10;background:url(../img/active_project_bg.png) no-repeat;width:190px;height:108px;}

.portfolioBox {width:916px;overflow:hidden;padding:0 15px 0 23px;}
.portfolioBox .pic {float:left;width:402px;position:relative;padding:0 0 20px 0;margin:0 50px 0 0}
.portfolioBox .pic .img { padding: 2px; border: 1px solid #f0f0f0; }
.portfolioBox .pic .btn {position:absolute;bottom:0px;left:87px;background:url(../img/portfolio_btn_bg.png) no-repeat bottom left;padding:0 0 30px 25px;text-align:left;width:210px;}
.portfolioBox .details {float:left;width:464px;}

.portfolioBox .details .description {margin:0 0 10px 0;color:#000;width:420px}

.porcjowanie { text-align: center; color: #095A8A; font-weight: bold; margin: 20px 0 10px 0; clear: both; font-size: 13px; }
.porcjowanie a { text-decoration: none; color: #095A8A; border: 1px solid #e7f8fe; padding: 13px 14px 13px 14px; background: #f1fbff; }
.porcjowanie a:hover { text-decoration: none; color: #095A8A; border: 1px solid #d7f3fe; background: #DBDBDB; }
.porcjowanie .selected { border: 1px solid #d7f3fe; background: #DBDBDB; }

/* formularze */
.f { width: 800px; margin: 10px auto; text-align: center; }
.fZ { width: 800px; overflow: hidden; clear: both; margin: 0 0 10px 0; }
.fL { text-align: right; margin:3px 10px 0 0; float: left; width: 200px; }
.fL span { color: #B5162A;font-weight:bold; }
.fF { width: 580px; text-align: left; float: left; }
.fF .ptext { width: 580px; border: 1px solid #ccc; color:#000000;padding:3px;}
.fF select { width: 586px;color: #000000; }
.fF textarea { padding: 3px; width: 580px; height: 200px; overflow: auto; color: #000000; border: 1px solid #ccc; font-family:tahoma; font-size: 13px; }
.fHeader { text-align: left; border-bottom: 1px solid #ccc; padding: 10px 0 10px 0; margin: 0 0 10px 0; font-size: 15px; }
.fHeader2 { text-align: left; border-bottom: 1px solid #ccc; padding: 10px 0 10px 0; margin: 0 0 10px 0; }
.fW { float: left; color: #B5162A;font-weight:bold; }
.FP { float: right; text-align: right; }
.FP img { cursor: pointer; }
/* formularze */

