﻿body { margin: 0;	padding: 0;	background: #000 url(../img/body_bg.gif) no-repeat top; font-family: verdana; font-size: 11px; color: #000000; line-height: 16px; text-align: left; 
background-attachment:fixed;
}

a { color: #631485; text-decoration: underline; font-weight:normal;}
a:hover { color: #e94500; text-decoration: none; }
form { display: inline; }
.k { text-align: center; padding: 10px; border: 1px solid #D5D5D5; font-weight: bold; }
.e { text-align: center; padding: 10px; border: 1px solid red; font-weight: bold; }
img {border:0px;}

td { border-width: 1px; 
border-style: dotted ;

}

#description ol, ul, li {
margin: 0;
padding: 0;
margin-left:10px;
margin-top:5px;
} 


h1 {color:#1fb2ee;font-size:18px;font-weight:normal;margin:0px 0 10px 0px;font-family:tahoma;font-style:normal;}
h2 {color:#8fc230;clear:both;font-size:12px;margin:20px 0 10px 0}
h3 {color:#3399CC;font-size:12px;font-weight:normal;}

#layout {width:960px;margin:0px auto 0px auto;position:relative;}


#header {width:960px;height:115px;margin:0 auto;clear:both;overflow:hidden;}
#logo {float:left;width:170px;}
#slogan {float:left;width:400px;color:#012850;font-size:27px;line-height:32px;padding:40px 0 0 0px}
#logoRight {float:right;width:380px;text-align:right;}
#logoRight img { vertical-align:middle;margin: 20px 0 0 0; }

#mainMenu {width:930px;height:30px;background:url(../img/main_menu_bg.gif) repeat-x; padding:0 15px;overflow:hidden;margin:0 0 10px 0}
#mainMenu a {display:block;text-transform:lowercase;float:left;height:24px;color:#fff;padding:6px 15px 0 15px;font-size:13px;font-weight:bold;font-family:verdana;text-decoration:none;}
#mainMenu a:hover {background:url(../img/main_menu_bg_on.gif) repeat-x;}
#mainMenu .spacer {float:left;width:2px;height:30px;background:url(../img/main_menu_spacer.gif) no-repeat;overflow:hidden;}

#content {width:960px;height:399px;clear:both;margin:0 auto;overflow:hidden;position:relative;}
#flash {width:960px;height:399px;position:absolute;top:0px;left:0px;z-index:1}

#slideshow { position: relative; height: 398px; }
#slideshow img { position: absolute; top: 0; left: 0; z-index: 8; }
#slideshow img.active { z-index: 10; }
#slideshow img.last-active { z-index: 9; }

#mainBoxes {margin:0 0 0 0;width:920px;padding:255px 20px 0 20px;z-index:100;position:relative;}
#mainBoxes .box {width:185px;height:95px;float:left;background:url(../img/main_box_bg.png) no-repeat;padding:15px 25px 15px 20px;}
#mainBoxes .box .header {color:#002a54;font-size:13px;font-weight:bold;margin:0 0 5px 0}
#mainBoxes .box .text {margin:0 0 5px 0}
#mainBoxes .box .more img { cursor: pointer; }


#footerMenu {margin:8px 0 0 0;width:960px;height:22px;text-align:left;background:url(../img/footer_menu_bg.gif) no-repeat;padding:4px 10px 0 10px}
#footerMenu a {color:#f15a22;margin:0 10px;text-decoration:none;}
#footerMenu a:hover {text-decoration:underline;}
#footer {width:960px;margin:0 auto;clear:both;overflow:hidden;color:#fff;padding:10px 0 0 0 }
#copyright {width:400px;float:left;padding:0 0 0 20px}
#bull {width:400px;float:right;text-align:right;padding:0 20px 0 0px}
#bull a {color:#f15a22;text-decoration:none;font-weight:bold;}
#footerInformation {width:940px;overflow:hidden;color:#fff;padding:0 0 20px 20px;}
#footerInformation img {vertical-align:middle;margin:0 0 0 10px}
#footerInformation .left {width:400px;margin:0 0 20px 0}
#newsletter {width:920px;color:#fff;padding:10px 0 5px 20px}
#newsletter .header {font-size:16px;font-weight:bold;color:#F15A22}
#newsletter .input {width:140px;height:17px;background:#fff;border:1px solid #5d5d5d;color:#5d5d5d;margin:0 10px 0 0;vertical-align:middle;}
#newsletter img {vertical-align:middle;cursor:pointer;}
#newsletter span {font-weight:bold;color:#F15A22}

#newsletterBox {width:940px;}
#newsletterBox .text {float:left;}
#newsletterBox .inputSet {float:left;}

/*podstrona */
#content_s {width:960px;clear:both;margin:0 auto;overflow:hidden;background:url(../img/content_s_bg.gif) repeat-y}
#columnLeft {width:175px;float:left;}
#leftMenu {width:170px;margin:0 5px 10px 0}
#leftMenu .menu_0 {display:block;padding:4px 10px 4px 10px;color:#fff;text-decoration:none;}
#leftMenu .menu_0:hover {background:#f15a22}
#leftMenu .menu_1 {display:block;padding:4px 10px 4px 20px;color:#f15a22;text-decoration:none;}
#leftMenu .menu_1:hover {background:#f15a22;color:#FFFFFF;}
#leftMenu .line {width:170px;height:1px;overflow:hidden;background:#f15a22}

#leftMenu .menu_0_active {background:#f15a22;font-weight:bold}

#columnLeft .promotionBox {width:171px;background:url(../img/promotionbox_bg.gif) repeat-y;margin:5px 0 0px 0}
#columnLeft .promotionBox .top {width:155px;background:url(../img/promotionbox_top_bg.gif) no-repeat top;padding:10px 8px 10px 8px }
#columnLeft .promotionBox .header {color:#f15a22;font-size:13px;margin:0 0 10px 0}
#columnLeft .promotionBox .picture {text-align:center;margin:0 0 10px 0}
#columnLeft .promotionBox .picture img { cursor: pointer; }
#columnLeft .promotionBox .text {color:#fff;line-height:14px;margin:0 0 10px 0}
#columnLeft .promotionBox .text a { color:#fff; text-decoration: none; }
#columnLeft .promotionBox .text a:hover { color:#fff; text-decoration: underline; }
#columnLeft .promotionBox .more img { cursor: pointer; }
#columnLeft .promotionBox .bottom {width:171px;height:1px;overflow:hidden;background:url(../img/promotionbox_bottom_bg.gif) no-repeat;}

#columnRight {width:785px;float:right;}
#columnRight h1 { color: #631485; font-size: 18px; line-height: 22px; font-weight: bold; margin: 4px 0 20px 20px; }
#columnRight .text { padding: 0 20px 0 20px; font-size: 12px; line-height: 18px; }

#banner {margin:0 0 0px 0;width:785px;height:219px;position:relative;}
#banner { position: relative; height: 219px; }
#banner img { position: absolute; top: 0; left: 0; z-index: 8; }
#banner img.active { z-index: 10; }
#banner img.last-active { z-index: 9; }
#rotator {position:absolute;top:0px;right:0px;width:218px;height:219px;z-index: 20; }
#rotator .position {display:block;width:163px;height:53px;background:url(../img/rotator_position_bg.gif) repeat-x;clear:both;margin:0 0 0 20px;padding:10px 15px 10px 20px;text-decoration:none;}
#rotator .position .rotatorHeader {color:#fff;font-size:14px;line-height:23px;margin:0 0 5px 0}
#rotator .position .rotatorText {color:#fff;font-size:11px;line-height:14px}



#rotator .position_active {display:block;width:163px;height:53px;background:url(../img/rotator_position_active_bg.png) no-repeat;clear:both;padding:10px 15px 10px 40px;text-decoration:none;}
#rotator .position_active .rotatorHeader {color:#ed1c26;font-size:14px;line-height:23px;margin:0 0 5px 0}
#rotator .position_active .rotatorText {color:#ed1c26;font-size:11px;line-height:14px}

#columnRightContent {background:#fff;padding:20px 0 0 0;clear:both;overflow:hidden;}
#columnRightSpacer {width:785px;height:4px;overflow:hidden;background:url(../img/column_right_spacer.gif) no-repeat}

.productSet {width:755px;padding:10px 15px 10px 15px;overflow:hidden;clear:both;font-size:11px;}
.productBox {width:160px;float:left;margin:0 25px 0 0}
.productBox .picture {width:160px;height:130px;text-align:center;margin:0 0 10px 0}
.productBox .picture img { cursor: pointer; }
.productBox .price {font-weight:bold;color:#f15a22;line-height:14px}
.productBox .name {font-weight:bold;line-height:14px;margin:0 0 5px 0;}
.productBox .name a { font-weight: bold; color: #f65a22; text-decoration: none; }
.productBox .name a:hover { color: #f65a22; text-decoration: underline; }
.productBox .description {color:#000;margin:0 0 10px 0;line-height:14px;}
.productBox .more {text-align:center;}
.productBox .more img { cursor: pointer; }
#columnRight .productsLine {width:785px;height:1px;background:#000;overflow:hidden; margin:10px 0}





/* formularz kontaktu */
.formKontaktu { width: 480px; margin: 10px 0 10px 0; text-align: center; }
.formKontaktuZestaw { width: 480px; overflow: hidden; clear: both; margin: 0 0 10px 0; }
.formKontaktuLabel { float: left; width: 180px; text-align: right;margin:0 10px 0 0 ;font-weight:bold;}
.formKontaktuLabel span { color: #B62727;font-weight:bold; }
.formKontaktuPole { float: right; width: 280px; text-align: right; }
.formKontaktuPole input { width: 270px; background: #f8f9f9; color: #4b4d4f; border:1px solid #c75a5a;padding:2px 0 2px 3px;font-size:12px;font-family:tahoma; }
.formKontaktuPole select { width: 276px;color: #4b4d4f; background: #f8f9f9; font-size:12px;font-family:tahoma; }
.formKontaktuPole textarea { padding: 3px; width: 270px; height: 80px; overflow: auto; background: #f8f9f9; color: #4b4d4f;border:1px solid #c75a5a;padding:2px 0 2px 3px;font-family:tahoma;font-size:12px; }
.formKontaktuWymagane { float: left; color: #B62727;  }
.formKontaktuPrzycisk { float: right; text-align: right; }
.formKontaktuPrzycisk img { cursor: pointer; }
/* formularz kontaktu */

.ms0 { }
.ms1 { padding: 0 0 0 18px; }
.ms2 { padding: 0 0 0 36px; }


#newsletter_info { clear: both; color: red; padding: 6px 0 0 2px; }

.porcjowanie { text-align: center; clear: both; }

.newsBox { }
.newsBox .date { color: #cccccc; font-size: 11px; }
.newsBox .title { color: #ab9370; font-weight: bold; }
.newsBox .title a { color: #ab9370; font-weight: bold; }
.newsBox .title a:hover { }
.newsBox .picture { }
.newsBox .description { }
.newsBox .description .text { }
.newsBox .description .newsMore { text-align: right; margin: 5px 0 0 0; }
.newsLine { clear: both; margin: 10px 0 10px 0; height: 1px; overflow: hidden; background: #CCCCCC; }

.newsDateS { color: #cccccc; font-size: 11px; }
.newsTitleS { color: #ab9370; font-weight: bold; }
.newsTextS { padding: 5px 0 0 0; }
.newsGalleryS {  }
.newsBackS { text-align: right; margin: 10px 0 0 0; }
.newsBackS img { cursor: pointer; }

/* realizacje lista */
#projectList {width:530px;overflow:hidden;clear:both;}
#projectList .header {color:#008846;font-size:17px;line-height:23px;margin:0 0 20px 0}
#projectList .set {width:530px;overflow:hidden;clear:both;margin:0 0 25px 0}
#projectList .margin {margin:0 24px;}
#projectList .box {width:160px;float:left;}
#projectList .box .picture {width:160px;margin:0 0 10px 0}
#projectList .box .picture img { cursor: pointer; }
#projectList .box .title {width:160px;display:block;color:#5c7797;font-size:15px;text-align:center;font-weight:bold;;line-height:20px;text-decoration:none;font-family:arial;}
#projectList .box .title:hover {color:#BF7122}
#projectList .box .description {margin:2px 0 0 0}
#projectList .box .description a {text-decoration:none;}

#listSort {width:535px;text-align:center;}
#listSort a {color:#5c7797;text-decoration:none;padding:0 10px;}
#listSort a:hover {color:#BF7122}
#listSort a.active {color:#000;font-weight:bold;}
#listSort a.active:hover {color:#BF7122}
#listSort span {color:#5c7797;}
/* realizacje lista */

/* realizacje - szczegóły */
#projectBox {width:530px}
#projectBox .title {color:#008846;font-size:17px;line-height:23px;margin:0 0 20px 0}
#projectBox .picture { margin: 0 0 40px 0; overflow: hidden; }
#projectBox .smallPics {margin:0 0 25px 0;text-align:center;}
#projectBox .smallPics img {margin:0 15px 10px 0;cursor:pointer;}
#projectBox .picture_l { width: 46px; float: left; margin: 0 12px 0 0; }
#projectBox .picture_l img, #projectBox .picture_r img { margin-top: 121px; cursor: pointer; }
#projectBox .picture_c { width: 410px; height: 288px; text-align: center; float: left; margin: 0 12px 0 0; }
#projectBox .picture_r { width: 46px; float: left; }
#projectBox .description {text-align:justify;margin:0 0 20px 0}
#projectNav {width:535px;overflow:hidden;margin:20px 0 0 0;}
#projectNav a {display:block;color:#008846;text-decoration:none;font-size:11px;}
#projectNav a:hover {color:#5c7797;text-decoration:none;}
#projectNav .left {float:left;width:200px;}
#projectNav .right {float:right;text-align:right;width:200px;}
#projectNav .img1 {margin:0 5px 0 0}
#projectNav .img2 {margin:0 0 0 5px}
/* realizacje - szczegóły */

.nrKat { padding: 0 0 10px 0; }
.nrKat span { font-weight: bold; }
.opisKrotki { padding: 0 0 10px 0; }