/*	Puchary Nagrody - Main stylesheet
	Author: Mateusz Pietrowiak <mateusz@fluidagency.pl> */

@import url(reset.css);

.display_none { display: none !important; }

input, textarea, body {font-family: Arial, Helvetica, sans-serif; color: #2a231c;}
body, html {background: #090b0e;}

#index.intro { background: url(../gfx/intro-bg.png) repeat-x; padding-bottom: 7px; }

#index.home,
#index.sub { /*background: #090b0e url(../gfx/bg.png) repeat-x;*/ }

#index.home .bg,
#index.sub .bg { background: url(../gfx/new-bg.jpg) no-repeat 50% 0; padding-top: 120px; }

#index.home .bg2,
#index.sub .bg2 { /*background: url(../gfx/bg.jpg) no-repeat 50% 115px;*/ }

/* Intro page */
#intro { margin: 0 auto; width: 959px; height: 550px; background:url(../gfx/intro-bg2.png) no-repeat; }
#intro #top { width: 100%; height: 204px; position: relative; padding-bottom:1px; }
#intro #top #logo { position: absolute; top: 50px; left: 47px; }
#intro #top .slogan { width: 275px; height: 19px; text-indent: -9999em; overflow: hidden; background: url(../gfx/intro-slogan.png) no-repeat; position:absolute; left: 49px; top: 123px;}
#intro #top .quote { width: 370px; height: 35px; text-indent: -9999em; overflow: hidden; background: url(../gfx/intro-quote.png) no-repeat 100% 0; position:absolute; left: 50px; top: 156px;}
#intro #language { width: 100%; height: 243px; position: relative; }
#intro #language h1 { font-weight: bold; text-transform: uppercase; font-size: 23px; color: #fff; line-height:30px; position: absolute; top: 86px; left: 371px; }
#intro #language h2 { color: #667d94; font-weight: bold; font-size: 14px; line-height: 20px; top: 118px; left: 371px; position: absolute; }
#intro #language .pl { font-size: 13px; text-transform: uppercase; display: block; position: absolute; top: 32px; left: 42px; width: 135px; padding-top: 158px; height: 24px; line-height: 24px; text-align: center; color:#fff; background: url(../gfx/pl.png) no-repeat; }
#intro #language .en { font-size: 13px; text-transform: uppercase; display: block; position: absolute; top: 32px; left:198px; width: 135px; padding-top: 158px; height: 24px; line-height: 24px; text-align: center; color:#fff; background: url(../gfx/en.png) no-repeat; }
#intro #footer { height: 57px;  padding: 15px 0 15px 59px; }
#intro #footer p.tel, #intro #footer p.email { margin-bottom:2px; float: left; color: #54677b; height: 20px; line-height: 20px; font-size: 12px; font-weight: bold; }
#intro #footer p.tel { margin-right: 17px; }
#intro #footer p.tel strong , #intro #footer p.email a { color: #ffffff; }
#intro #footer p.email a:hover { text-decoration: underline; }
#intro #footer .copy { clear: both; height: 44px; line-height: 44px; color: #464d56; }
#intro #footer .copy a { color: #464d56; }
#intro #footer .copy a:hover { text-decoration:underline; }

#index .slogan2 { position: absolute; bottom: 0; right: -10px; z-index: 99999 !important;  padding: 50px 45px 14px 300px; color: #fff; font-size:26px; background: url(../gfx/slogan-overlay.png) no-repeat 0 100%; /* background: #111; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; -moz-border-radius: 8px; border-radius: 8px; */ }

/* Normal pages */
#wrapper {width: 990px; margin: 0 auto; font-size: 11px; }
#wrapper #top { overflow: hidden; width: 100%; position: relative; height: 108px; padding-bottom: 7px; position: absolute; top: 0; left: 0; background: url(../gfx/bg_menu_top.png) repeat-x; }
#wrapper #top .inner-top {width: 990px; margin: 0 auto; position: relative;}
#wrapper #top .nav { padding-left: 226px; height: 108px; width: 110%;}
#wrapper #top .nav li { float: left; height: 108px; padding-left: 1px; background: url(../gfx/nav-separator.png) no-repeat 0 100%; }
#wrapper #top .nav li:first-child { padding-left: 0; background: none ; }
#wrapper #top .nav li a { background: url(../gfx/nav-hover.png) repeat-x 0 -9999em; float: left; height: 108px; line-height: 108px; color: #fff; padding: 0 25px; font-size: 13px; font-weight: bold; }
#wrapper #top .nav li a:hover,
#wrapper #top .nav li a.active { background-position: 0 0; }
#wrapper #top #logo { position: absolute; top: 34px; left: 1px; }
#wrapper #main { width: 100%; padding: 25px 0 39px 0;  }
#wrapper #footer { height: 129px; padding-top: 1px; width: 100%; }
#wrapper #footer p { height: 70px; line-height: 70px; color: #6d757f; padding: 0 5px; }
#wrapper #footer .copy { float: left;}
#wrapper #footer p span { color: #90959c; }
#wrapper #footer p a { color: #90959c; }
#wrapper #footer p a:hover { text-decoration: underline; }
#wrapper #footer .realisation { float: right; }
#wrapper #main {width: 100%; /* overflow: hidden; */}

/* Home */
#home { }
#home .slideshow { width: 100%; position: relative;  height: 349px; padding-bottom: 14px; background: url(../gfx/slideshow-bottom.png) no-repeat 0 100%; }
#home .slideshow .slides { width: 990px; height: 349px; overflow: hidden; }
#home .slideshow .slides img { display: block; }
#home .slideshow .slides a { display: block; width: 990px; height: 349px; overflow: hidden; position: relative; }
#home .slideshow .pasek { width: 8px; height : 122px; background: url(../gfx/pasek.png); text-indent: -9999em; overflow: hidden; position: absolute; right: -8px; top: 68px; }
#home .slideshow .pager { z-index: 9999; width: 14px; height : 121px; padding-top: 25px;  background: url(../gfx/slideshow-pager.png); text-indent: -9999em;  position: absolute; left: 0 ; top: 55px; }
#home .slideshow .pager a { margin-top: 5px; margin-left: -6px; width: 12px; height: 12px; display: block; text-indent: -9999em; overflow: hidden; background: url(../gfx/slideshow-pager-item.png); }
#home .slideshow .pager a:first-child { margin-top: 0; }
#home .slideshow .pager a.activeSlide { background-position: 0 100%; }

#home .categories { }
#home .categories .header { height: 84px; width: 100%; /*background: url(../gfx/home-categories-header.png);*/ background: url(../gfx/new-header.png);overflow: hidden; }
#home .categories .header h1 { padding-left: 24px; height: 79px; line-height:79px; color: #ffffff; font-size:18px; }
#home .categories ul { height: 295px; width: 100%; /*background: url(../gfx/home-categories-list.png);*/ background: url(../gfx/new-hb.png);overflow: hidden; }
#home .categories ul li { float: left; width: 197px; border-left:1px solid #272829; height: 295px; position: relative;}
#home .categories ul li:first-child { border: 0; padding-left: 1px; }
#home .categories ul li .head { position: absolute; left: 0; bottom: 1px; height: 49px; padding-top: 18px; width: 100%; background: url(../gfx/home-category-header.png); }
#home .categories ul li .head.subtitle { height: 54px; padding-top: 13px; }
#home .categories ul li .head .title { color: #ffffff; font-weight: bold; font-size: 18px; padding-left: 15px; height:24px; line-height: 24px;}
#home .categories ul li .head .subtitle { color:#fff;  font-size: 12px; padding-left: 15px; }
#home .categories ul li .head a { width: 100%; height: 67px; position: absolute; text-indent: -9999em; overflow: hidden; top:0;left:0;}
#home .categories ul li.first{}
#home .categories ul li.last {}
#home .categories ul li:hover .head { background-position: 0 100%; }

/* Subpages */
#sub { width: 100%; position: relative;  }
#sidebar { float: left; width : 221px;  background: url(../gfx/side.png) no-repeat 0 100%; padding-bottom: 25px;}
#container { width: 769px; background: #fff url(../gfx/container.png) no-repeat; float: right;  }
#container > .inner { padding: 0 15px 24px 20px;padding-bottom: 24px; background:url(../gfx/container-bottom.png) no-repeat 100% 100%; min-height: 420px; }
#sub > .pasek { width: 11px; height: 67px; position: absolute; text-indent: -9999em; overflow: hidden; background: url(../gfx/pasek2.png); right: -11px; top: 14px;  }

/* Sidebar */
.side-contact  { }
.side-contact  h2 { height: 99px; background: url(../gfx/side-contact-header.png); text-indent: -9999em; overflow: hidden; display: block; margin-bottom: 5px; }
.side-contact p { padding: 10px 15px 10px 19px; color:#ffe6d9; line-height: 1.5;margin:0 4px;}
.side-contact p strong { color: #fff; font-weight: bold; }
.side-contact p.tel,
.side-contact p.fax,
.side-contact p.email { margin-left: -3px; padding-left: 22px; background: url(../gfx/kreska.png) no-repeat; }
.side-contact p.tel strong,
.side-contact p.fax strong { display: block; font-size: 18px; font-weight:bold;}
.side-contact p.email a { display: block;  font-size: 14px;font-weight:bold; color:#fff;}
.side-contact p.email a:hover {text-decoration: underline; }

.side-categories {}
.side-categories h2  {height: 71px; background: url(../gfx/side-categories-header.png); text-indent: -9999em; overflow: hidden; display: block;  }
.side-categories > ul > li { position: relative; }
.side-categories > ul > li > span  { background: url(../gfx/mm-bullet.png) no-repeat 0 0; position: absolute; top: 22px; left: 15px; width: 4px; height: 7px; display: block; cursor: pointer; }
.side-categories > ul > li > a {  background: url(../gfx/bg-mm.png) repeat-x 0 100%;  padding: 10px 0 10px 32px; line-height: 29px;  color:#fff; font-weight: bold; font-size: 15px; display:block; border-top: 1px solid #fb752e; }
.side-categories ul  ul { background: #fff; }
.side-categories ul  ul li a { background: url(../gfx/arrow.png) no-repeat 12px 13px; font-size:11px;font-weight:bold; color: #e34c00; line-height: 15px; padding: 8px 15px 8px 34px; display: block;}
.side-categories ul  ul li a:hover {text-decoration: underline; }
.side-categories ul ul { padding: 10px 0 5px 0; }

/* Contact */
#contact {width:100%;overflow:hidden;border-top:1px solid #eeeeee; }
#contact .form { float:left;width:307px; padding-left: 41px; }
#contact .form h2 {margin-left: -41px; height:88px;font-size:18px;color:#2e3135;line-height:65px;font-weight: bold; padding-left: 100px; background: url(../gfx/contact-form-header.png);}
#contact .form label { color:#8d8781;height:28px;line-height:28px;display:block;}
#contact .form input { border:1px solid #e5e5e5; height:14px;line-height: 14px; padding: 6px 10px;width:285px;}
#contact .form textarea { border:1px solid #e5e5e5; height:107px;line-height: 14px; padding: 6px 10px;width:285px; resize: none; }
#contact .form input+label{margin-top:10px;}
#contact .form .submitReplacement { margin-top: 35px; display:block;width:124px;height:39px; padding-left:45px; line-height: 39px; overflow:hidden;background:url(../gfx/button-submit.png); font-size: 11px; font-weight:bold;text-transform:uppercase;color:#2a231c; }
#contact .data{float:left;width:350px; padding-left: 9px;}
#contact .data h2 {height:65px;font-size:18px;color:#2e3135;line-height:65px;margin-bottom:22px; font-weight: bold; padding-left: 19px; border-bottom: 1px solid #ececec; }
#contact .data #google-map { width:350px;height:373px; overflow:hidden;}
#contact .bottom { margin-top: 158px;clear:both; border-top: 1px solid #e6e6e6; padding-top: 22px; padding-left: 3px; }
#contact .bottom .back { display:block; width:104px; height: 35px; background: url(../gfx/button-back.png);text-indent: -9999em; overflow:hidden; }
#contact .form .error { border-color: #ea0a0a; }

/* Product list */
#product-list {}
#product-list .header h1 {margin-bottom: 19px; border-bottom: 1px solid #ececec; padding-left: 20px; color: #2e3135; font-size: 18px; height:64px; line-height: 64px;}
#product-list .list { width:110%;overflow:hidden; }
#product-list .list li { position : relative; padding: 0 5px 1px 6px; float: left; width:167px; height: 255px; background: url(../gfx/product-list-item.png); overflow: hidden;margin-right:7px;margin-bottom:14px; }
#product-list .list li .head { border-bottom: 1px solid #eaeaea; padding-left:11px; padding-top:11px;padding-bottom:10px;}
#product-list .list li .head h2  { color:#2a231c; line-height: 1.5;font-size:12px;}
#product-list .list li .head h2 a { color:#2a231c;}
#product-list .list li .head h2 a:hover { text-decoration: underline;}
#product-list .list li .category { color:#8b8680;font-size:11px;}
#product-list .list li .category a { color:#ec5900;}
#product-list .list li .category a:hover { text-decoration: underline; }
#product-list .list li .price { float: left; width: 100px; text-align: right; color: #2a231c; font-size: 24px; height:46px;line-height:46px;margin-right:5px;}
#product-list .list li .currency {float:left; font-size:12px;color:#8d8d8d;width: 36px; line-height:32px;}
#product-list .list li .more { position: absolute; bottom: 1px ; right: 1px; width: 37px; height: 46px; text-indent:-9999em; overflow:hidden; background: url(../gfx/more.png) }
#product-list .list li .more:hover { background-position:100% 0; }
#product-list .pagination { border-top: 1px solid #e6e6e6; padding-top: 22px; height: 25px; }
#product-list .pagination .inner { float: right; height: 25px;  }
#product-list .pagination .inner p {float: left; height: 25px; color:#8b8680; line-height:25px; padding-right: 13px; }
#product-list .pagination .inner ul {float: left; height: 25px; }
#product-list .pagination .inner ul li {float: left; height: 25px; line-height:25px;  padding-left: 6px;}
#product-list .pagination .inner ul li:first-child {padding-left: 0;}
#product-list .pagination .inner ul li a { color: #8b8680; width: 24px; height: 23px; display: block; line-height: 23px; border: 1px solid #e5e5e5; text-align: center;}
#product-list .pagination .inner ul li a.active { font-weight: bold; color : #fff; background: #f86900 url(../gfx/pagination-active.png) repeat-x;border:0;height:25px; line-height:25px;}

/* Product details */
#product {}
#product .header h1 {margin-bottom: 19px; border-bottom: 1px solid #ececec; padding-left: 20px; color: #2e3135; font-size: 18px; height:64px; line-height: 64px;}
#product .main { width: 750px; overflow: hidden; margin-left: -20px; background: url(../gfx/product.png) no-repeat; }
#product .main .left{ float: left;  width: 336px; overflow: hidden; }
#product .left .head { height: 61px; padding-left: 35px; }
#product .left h2 { color: #2f3135; font-size: 18px; line-height: 1.3; font-weight: bold; }
#product .left .category { color: #777777; line-height: 1.3;}
#product .left .category a { color: #e34c00;}
#product .left .category a:hover { text-decoration: underline; }
#product .main .left img { display: block; margin-bottom: 4px;}
#product .main .left .call { margin-left:20px;width: 249px; height: 73px; background: url(../gfx/pytanie.png); text-indent: -9999em; overflow: hidden; margin-bottom: 8px; }
#product .main .left .email {margin-left:20px; display: block; width: 227px; height: 73px; background: url(../gfx/zapytanie-ofertowe.png); text-indent: -9999em; overflow: hidden; margin-bottom: 8px; }
#product .main .right{ float: right; padding: 2px 2px 0 2px; width: 410px;  overflow: hidden; }
#product .main .right img { margin-bottom: 20px; display: block; }
#product .bottom {margin-top: 16px; clear:both; border-top: 1px solid #e6e6e6; padding-top: 22px; padding-left: 3px; }
#product .bottom .back { display:block; width:104px; height: 35px; background: url(../gfx/button-back.png);text-indent: -9999em; overflow:hidden; }
#product .description { font-size:12px; color:#2a231c; border-bottom: 1px solid #e5e5e5; table-layout: fixed; border-collapse: collapse; width: 100%; margin-bottom: 35px; }
#product .description td { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 1em; text-align: center; vertical-align: middle; }
#product .description .header td { color:#fff; font-weight: bold; padding: 1em 0.6em; border-left: 1px solid #f5631a; background: #e34c00; font-size:12px; }
#product .description tr.a { background:#f8f8f8;}
#product .description td.center {text-align: center; }
#product .order { width: 169px; height: 39px; display: block; text-indent: -9999em; overflow: hidden; background: url(../gfx/order-button.png); float:right; }


/* Default styles */
#default .header h1 {margin-bottom: 19px; border-bottom: 1px solid #ececec; padding-left: 20px; color: #2e3135; font-size: 18px; height:64px; line-height: 64px;}
#default {font-size: 12px; }
#default p { margin-bottom: 25px; line-height: 2;}
#default a { color: #f45517; font-weight: bold;}
#default a:hover { text-decoration: underline; }
#default ul { margin-bottom: 25px; list-style: none;}
#default ul li {line-height: 2; padding: 2px 0 2px 25px; background: url(../gfx/arrow3.png) no-repeat 0 6px;}
#default ul ol,#default ul ul,#default ol ul,#default ol ol {margin-bottom:0;}
#default ol { margin-left: 28px; margin-bottom: 25px; list-style: decimal outside;}
#default ol >li {line-height: 2; padding: 2px 0;}
#default table { margin-bottom: 25px; }
#default table { border: 1px solid #ececec; width: 100%; margin-bottom: 30px; }
#default table tr,
#default table td,
#default table th { border: 1px solid #ececec; line-height: 1.5;}
#default table td, #default table th { padding: 1em; }
#default table th { font-weight: bold; }
#default .bottom {margin-top: 16px; clear:both; border-top: 1px solid #e6e6e6; padding-top: 22px; padding-left: 3px; }
#default .bottom .back { display:block; width: 104px; height: 35px; background: url(../gfx/button-back.png);text-indent: -9999em; overflow:hidden; }

#koszykTable { width: 100%; margin: 20px 0 0 0; }
#koszykTable .ilosc { width: 120px; text-align: center; vertical-align: middle;  }
#koszykTable .ilosc input { width: 30px; padding: 3px; border: 1px soldi #e7e7e7; text-align: center; }
#koszykTable > tbody > tr > td { padding: 10px; }
#koszykTable > tbody > tr > td span { color: #aaa; line-height: 150%; display: block; padding: 4px 0 0 0; }
#koszykTable > tbody > tr > td span a { font-size: 11px; font-weight: normal; }
#koszykTable > tbody > tr > td a { font-weight: bold; font-size: 18px; color: #e34c00; }
#koszykTable .row1 { background: #f7f7f7; }
#koszykTable .row2 { background: #f1f1f1; }
#koszykTable > tbody > tr > td table { margin: 5px 0; width: 100%;}
#koszykTable > tbody > tr > td table td { padding: 5px; line-height: 150%; width: 160px; border-left: 1px solid #d7d7d7; }

#cennik > table { width: 100%; }
#cennik > table > tbody > tr > td { padding: 0 0 25px 0; }
#cennik > table > tbody > tr > td > table { width: 100%; }
#cennik > table .img { width: 100px; text-align: center;}
#cennik > table .img a {display: block; width: 100px; height: 100px; position: relative; overflow: hidden; } 
#cennik > table .img a img { display: block; }
#cennik > table .img .promocja-sticker { position: absolute; top: 0; left: 0; z-index: 200 !important;}
#cennik > table .path { padding: 0 0 10px 0; color: #555; }
#cennik > table .path a { font-weight: bold; color: #e34c00; font-size: 12px; }
#cennik .full-prices table { width: 100%; }
#cennik .full-prices table td { text-align: center; vertical-align: middle; border: 1px solid #e5e5e5; padding: 6px; width: auto; }
#cennik .full-prices table tr.header td { background: #e34c00; color: #fff; font-weight: bold; padding: 10px 6px; }

.prod-list li { position: relative; }
.prod-list li .promocja-sticker { position:absolute; top: 51px; left: 0; z-index: 200 !important;}

p.success,
p.notice,
p.error { font-size: 11px; }

p.success a,
p.notice a,
p.error a { color: #2f2d1d; text-decoration: underline; }

p.error
{
 background: #ffd2d3 url("../gfx/error_icon.png") 15px 2px no-repeat;
 color: #2f2d1d;
 font-family: "Arial";
 font-weight: normal;
 padding-top: 14px;
 padding-bottom: 14px;
 padding-left: 65px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 text-align: left;
}

p.success,
p.notice
 {
 background: #d4ffcd url("../gfx/success_icon.png") 15px 2px no-repeat;
 color: #2f2d1d;
 font-family: "Arial";
 font-weight: normal;
 padding-top: 14px;
 padding-bottom: 14px;
 padding-left: 65px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 text-align: left;
} 


#response { padding: 10px 0; }

.order-form {  }
.order-form .div { clear: both; padding: 4px 0 5px 0; }
.order-form .div .label { display: block; float: left; width: 100px; padding: 0 10px 0 0; text-align: right; line-height: 27px; }
.order-form .div .text3 { font-size: 12px; width: 210px; padding: 6px 10px; border: 1px solid #e1e1e1; background: url(../gfx/bg-input.png) repeat-x 0 100%; }
.order-form .div textarea.text3 { height: 50px; background: url(../gfx/bg-textarea.png) repeat-x 0 100%;  }

.promocja-image { float: left; margin: 7px 20px 19px 0;}

#promocje { }
#promocje li { background: none !important; padding: 0 !important; clear: both; overflow: hidden; padding: 12px 0 0 0; margin: 0 0 15px 0; }
#promocje li .news-img { width: 180px; float: left; }
#promocje li .news-content { font-size: 11px; }
#promocje li .news-content h4  {font-size: 12px; padding: 0 0 20px 0; }

.total-table { width: 100%; }
.total-table td { text-align: left; padding: 20px 0; }
.total-table td .realizacja { float: right; }
.total-table td .realizacja { float: right; }

.order-info { padding: 0 0 15px 0; }

label.error { color: #e80505; padding-left: 10px; }


#cennik { overflow: hidden; clear: both; }
.cennik-box {  background: url(../gfx/cennik-box-top.png) no-repeat 0 0; float: left; margin: 0 16px 8px 0; }
.cennik-inner { width: 348px; background: url(../gfx/cennik-box-bottom.png) no-repeat 0 100%; clear: both; overflow: hidden; }

.main-img-link { padding: 5px 20px 5px 2px; float: left; }

.sm-lista { padding: 22px 15px 15px 0px; }
.sm-lista h2 { padding: 0 0 10px 0; }
.sm-lista h2 a { font-weight: bold; font-size: 18px; color: #2f3135; line-height: 125%; }
.sm-lista ul { overflow: hidden;}
.sm-lista ul li {padding: 4px 0 4px 15px; background: url(../gfx/sm-arrow.png) no-repeat 0 9px; }
.sm-lista ul li a { color: #e34c00; font-size: 11px; line-height: 16px;  }

.brutto { color: #6a6a6a; font-size: 11px; line-height:150%; }

.price-info { padding: 0 0 15px 5px; position: relative; top: -20px; color: #8a8a8a; }

.home-lang-info { clear: both; width: 500px; font-size: 11px; color: #54677b; padding: 10px 0; line-height: 140%; text-align: justify; }


.slideshow {position:relative;}
.slideshow #catalog {position: absolute; z-index: 999999; left:30px; top:28px; background: url(../gfx/new-catalog.png) no-repeat; width:159px; height:286px;}
.slideshow #catalog a {display:block; height:39px; text-indent:-9999em;margin:0 !important}
.slideshow #catalog .view {margin-top:193px !important;}

.cw {font-size:12px; line-height:150%;margin:10px 0;}
.lang a {
    margin: 0px!important;
    padding: 11px 9px!important;
}


.nowosc {
	position: absolute;
	top: 44px;
	right: 8px;
	background: url(../gfx/nowosc.png);
	width: 50px;
	height: 40px;
	text-indent: -9999em;
	overflow: hidden;
}