/* Layout ================================================================================= */
body { background-image: url('../images/bg_body.gif'); background-position: top center; }
.wrapper { background-image: url('../images/bg_wrapper.jpg'); background-position: top center; background-repeat: no-repeat;}

.page { width:960px; margin:0 auto; padding:20px 0 0 0; text-align:left; }
.page-print { padding:20px; text-align:left; }
.page-popup { padding:20px; text-align:left; }
.main { padding:0 0 0 0; }

/* Base Columns */ 
.col-left { float:left; width:258px; }
.col-main { float:left; width:660px; line-height: 1.4em; }
.col-right { float:right; width:295px; }

/* 1 Column Layout */
.col1-layout .col-main { float:none; width:auto; }

/* 2 Columns Layout */
.col2-left-layout .col-main { float:right; width: 697px; }
.col2-right-layout .col-main { }

/* 3 Columns Layout */
.col3-layout .col-main { width:484px; margin-left:10px; }

/* Header ================================================================================ */

.header {  }
.header .logo-menu { margin: 0 19px;}
.header .menu { float: right; margin: 25px 0 0 0;}

/********** < Navigation */

.bread { margin: 8px 0; background-image: url(../images/bg_breadcrumbs.png); height: 29px; width: 960px; clear: both;}
.bread p { color: #b5b5b5; padding: 8px 0 0 20px; line-height: 1em; }

#icons { float: right; line-height: 28px; margin: 15px 8px 0 0;}
#icons input { width: 125px; height: 22px; background-image: url('../images/search_bar_bg.png'); background-color: transparent; border: 0; font-family: arial; color: #50525c; padding: 5px 5px 0 5px; font-size: 12px;}
#icons img { margin-right: 10px; }

.list {}
.list .item { background-image: url(../images/list_separator_bg.png); background-position: bottom; background-repeat: repeat-x; padding: 0 0 10px 0; margin: 0 0 10px; font-weight: bold; }
.list .item:last-child { background-image: none; padding: 0; margin: 0;}

/********** Navigation > */

/* Layout Elements ======================================================================= */

.box { margin-bottom: 20px;  }
.box .content { background-image: url(../images/bg_box.png); padding: 12px 23px 23px 23px; clear: both; }
.box .header .title { clear: both; line-height: 2em; }
.box .header .title .tleft { float: left; width: 9px; height: 43px; background-image: url(../images/bg_box_title_left.png); }
.box .header .title .tright {  float: left; width: 9px; height: 43px; background-image: url(../images/bg_box_title_right.png); }
.box .header .title p { float: left; padding: 6px 20px 0 20px; font-size: 18px; color: #b5b5b5; background-image: url(../images/bg_box_title_inner.png); height: 37px; }
.box .header .title .cfn { padding-top: 13px; height: 30px;}
.box .header .bottom { clear: both; background-image: url(../images/bg_box.png)}
.box .header .bottom img { margin-top: -1px; }
.box .more { background-image: url(../images/bg_box.png); }
.box .more .button { margin: 0 auto; width: 168px; height: 39px; background-image: url(../images/button_wiecej.png);}
.box .more .button p { color: #262627; font-size: 16px; text-align: center; padding-top: 2px; font-weight: bold;}

.square { background-color: #2b2c2c; float: left; margin: 0 0 5px 0;}
.square .padder { padding: 15px; }
.square .corner { width: 51px; height: 47px; float: right; background-image: url(../images/bg_square_tr_big.png);}
.square .padder .title { font-size: 18px; line-height: 1.3em; }

.square .corner .date { margin: 0 0 0 2px; position: relative; text-align: center; padding: 6px 0 0 3px;}
.square .corner .date .day {  font-size: 14px; font-weight: bold;}
.square .corner .date .month-year { font-size: 11px; }

.square .padder img { border: 5px solid #494a4b; margin: 10px 0;}

.news-page img { border: 3px solid #494a4b; float: left; margin: 0 20px 20px 0; }
.news-page .clr-img { border: none; float: none;}
.news-page p { margin-bottom: 20px; }
.product-page p { margin-bottom: 20px; }
.news-list-item { width: 614px; }

/* Global Styles ========================================================================= */
/* Form Elements */
input, select, textarea, button {  vertical-align:middle; font-size: 12px; font-family: Tahoma,}
input.input-text, select, textarea { color: white;  border:1px solid #151616;  background-color: #2b2c2c; }
input.input-text:focus, select:focus, textarea:focus {}
input.input-text, textarea { padding: 5px; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
input.qty { width:2.5em; }
textarea { overflow:auto; }
button.button { overflow:visible; width:auto; background:#f6f6f6; border:1px solid #717171; cursor:pointer; }
button.button span { display:block; margin:0; padding:0 8px 1px; font:bold 12px/16px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#000; }
button.disabled {}
button.disabled span {}


/* Listing */

.listing { float: left; width: 297px; height: 103px; margin: 0 4px 4px 0; }
.listing .logos {margin: 0; text-align: right; float: right;}
.listing-last { margin-right: 0; }
.listing div { padding: 5px; }
.listing-container { clear: both; }
.listing-dark { background-image: url(../images/listing_dark_bg.png); }
.listing-light { background-image: url(../images/listing_light_bg.png); }
.listing .left { height: 71px; width: 71px; border: 1px solid #7a7c80; margin: 10px 10px 0 10px; float: left;}



/* Links */
a { color: inherit; text-decoration: none; }
a:hover, a:active { text-decoration: underline;}


/* Footer ================================================================================ */

.bottom .top { background-image: url(../images/bg_bottom_top.png); background-repeat: repeat-x; height: 10px;}
.bottom .content { background-image: url(../images/bg_bottom.png); background-color: #212323; background-repeat: repeat-x;}
.bottom .content .padder { text-align: left; width: 960px; margin: 0 auto; background-image: url(../images/bg_bottom_dirt.jpg); background-position: center top; background-repeat: no-repeat; padding-top: 20px; }

.bottom .fleft { font-size: 14px; line-height: 20px; width: 49%; margin-right: 20px; background-image: url(../images/footer_fleft_bg.png); background-position: right; background-repeat: repeat-y;}
.bottom img.button { margin: 0 0 20px 0; clear: both; }

.fright ul li { margin: 0 0 5px 0; }
.fright ul li:before { content: "\00BB \0020 \0020";  }
.copyright { text-align: center; margin-top: 35px; padding: 30px 0 20px 0; background-image: url(../images/footer_copyright_bg.png); background-position: top; background-repeat: repeat-x; }

/* Mainpage ============================================================================== */

.big-button, .big-s-button { float: left; width: 318px; height: 136px; cursor: pointer;}
.big-s-button { height: 56px; }
.slideshow { margin-bottom: 5px;}

#map span, #map a { display: block; font-size: 80% !important; }


/* Colors =============================================================================== */

.blue { color: #0099e5 !important; }
.green { color: #00d58e !important;}
.orange, .yellow { color: #ffb700 !important;}
.white { color: #fff !important; }
.grey { color: #b5b5b5 !important; }
.dark-grey { color: #595959 !important; }
.black { color: black; }
.big { font-size: 24px !important;}
.bold { font-weight: bold !important; }
.center { text-align: center;}
/* Catalog =============================================================================== */

.catalog li { height: 38px; width: 213px; margin-bottom: 1px; background-image: url(../images/catalog_menu_neutral.png);}
.catalog li a { margin: 0 0 0 20px; line-height: 37px; font-weight: bold; color: white; font-size: 12px;}
.catalog li.active a { color: black; }

.catalog li.products { height: auto; background-image: none;} 
.catalog li.products ul li { height: 28px; background-image: url(../images/catalog_menu_sub.png);}
.catalog li.products ul li a { margin: 0 0 0 30px; line-height: 27px; font-weight: normal; color: white; font-size: 11px;}
.catalog ul li ul li a.active { font-weight: bold; }
.skin-portable ul li.active { background-image: url(../images/catalog_menu_portable.png); }
.skin-concert ul li.active { background-image: url(../images/catalog_menu_concert.png); }
.skin-install ul li.active { background-image: url(../images/catalog_menu_install.png); }

.skin-portable ul li ul li a.active { color: #ffb700; }
.skin-concert ul li ul li a.active { color: #0099e5 }
.skin-install ul li ul li a.active { color: #00d58e }

.skin-portable li.products ul li a.selected { color: #ffb700; font-weight: bold;}
.skin-concert li.products ul li a.selected { color: #0099e5; font-weight: bold;}
.skin-install li.products ul li a.selected { color: #00d58e; font-weight: bold;}

.product-menu-portable, .product-menu-concert, .product-menu-install { margin: 0 0 20px;}
.product-menu-portable { border-bottom: 1px solid #ffb700; }
.product-menu-concert { border-bottom: 1px solid #0099e5; }
.product-menu-install { border-bottom: 1px solid #009a66; }

.product-button { float: left; padding: 12px 12px 11px 12px; background-color: #494a4b;  }
.product-button a { font-weight: bold; color: #cccccc; }
.product-button-left { float: left; background-image: url(../images/product_menu_left.png); width: 4px; height: 38px;}
.product-button-right { float: left; background-image: url(../images/product_menu_right.png); width: 4px; height: 38px; margin-right: 1px;}

.product-menu-portable .active .product-button-left {  background-image: url(../images/product_menu_left_portable.png); }
.product-menu-portable .active .product-button-right {  background-image: url(../images/product_menu_right_portable.png); }
.product-menu-portable .active .product-button {  background-color: #ffb700; }
.product-menu-portable .active .product-button a {  color: black; }

.product-menu-concert .active .product-button-left {  background-image: url(../images/product_menu_left_concert.png); }
.product-menu-concert .active .product-button-right {  background-image: url(../images/product_menu_right_concert.png); }
.product-menu-concert .active .product-button {  background-color: #0099e5; }
.product-menu-concert .active .product-button a {  color: white; }

.product-menu-install .active .product-button-left {  background-image: url(../images/product_menu_left_install.png); }
.product-menu-install .active .product-button-right {  background-image: url(../images/product_menu_right_install.png); }
.product-menu-install .active .product-button {  background-color: #009a66; }
.product-menu-install .active .product-button a {  color: white; }

.dark-box { padding: 12px; background-color: #2b2c2c; float: left; width: 275px; margin: 0 20px 20px 0;}
.m-r { margin-right: 10px; }
.m-b { margin-bottom: 10px; }

.tech-data { width: 80%; background-color: #2b2c2c;}
.tech-data td { padding: 7px; border-bottom: 1px solid #595959; width: 50%; }