html {font-size: 62.5%;}
body{font-family: 'Ubuntu', sans-serif; color: #fff; font-size: 14px; background: #1c1c1c url('/img/all-top.jpg') 50% 0 repeat-x;}
a{color: #ed2024;}
a:hover {color: #ed2024;}
img{vertical-align: bottom;}
p {line-height: 150%;}
h1, h2, h3, h4, h5, h6{margin: 0 0 10px; line-height: 120%; font-weight: bold;}
h1{font-size: 27px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
table {background: #fff;}
.table TH, .table TD {text-align: center;}
::selection {background:#000;color:#fff;}
::-moz-selection {background:#000; color:#fff;}
::-webkit-selection {background:#000; color:#fff;}
.clearfix {clear: both;}
#main-row {width: 100%;}
#top-container, #bottom-container, #footer-container, #third-container {width: 1100px;}
#header-cont {width: 100%; float: left; background: url('/img/top.jpg') 0 0 no-repeat;}
#logo-menu {float: left; width: 550px;}
#homepage-logo-link {float: left; width: 550px; height: 99px;margin: 26px 0 0;}
#nav-top {float: left;}
#menu-top {float: right; list-style-type: none; display: table; position: relative;}
#menu-top li {display: inline; float: left;}
#menu-top li a {float: left; padding: 0 14px; height: 51px; position: relative; font-weight: bold; color: #fff; font-size: 14px; margin: 1px 2px 0 0; text-shadow: 1px 1px rgba(20, 21, 39, 0.75); line-height: 51px;}
#menu-top li a:hover, #menu-top .active a {background: #ed2024; text-decoration: none;}
#banerMainPage {float: right; width: 550px; max-height: 440px; position: relative; z-index: 0; text-align: center;}
.welcomeCont {float: left; margin: 10px 37px 0 10px;}
.welcomeCont h1 {color: #fff; font-weight: bold; font-size: 28px; font-style: italic; text-shadow: 1px 1px #000;}
.welcomeCont p {text-align: justify; line-height: 165%;}
#categoriesMenu {float: left; width: 1100px!important; height: 160px; position: relative; margin: 20px 0 0;}
.prev {float: left; width: 78px; height: 62px; background: url('/img/left_arrow.png') 0 0 no-repeat; border: 0; z-index: 5; position: absolute; top: 49px; left: 0;}
.next {float: right; width: 78px; height: 62px; background: url('/img/right_arrow.png') 0 0 no-repeat; border: 0; z-index: 5; position: absolute; top: 49px; right: 0;}
.offerPosition {float: left; width: 242px; height: 160px; margin: 0 17px 0 0; position: relative; background: #fff;}
.offerPosition img {position: absolute; top: 0; left: 0;}
.offerPosition SPAN {position: absolute; bottom: 0; left: 0; background: url('/img/spanRect.png') 100% 0 no-repeat; color: #fff; padding: 9px 30px 9px 10px; font-size: 13px; font-weight: bold;}
#catCont {width: 1019px; float: left; z-index: 2; overflow: hidden; position: absolute; top: 0; left: 41px;}
.carousel {position: relative; width: 1036px; height: 160px; overflow: hidden; margin: 0;}
.carousel li {list-style-type: none;}
#offer_6 SPAN {padding: 2px 30px 2px 10px; line-height: 136%; width: 172px;}
#promoMainPage {float: left; padding: 13px; width: 514px; background: #cecece; margin: 40px 0 0;}
#promoLeft {float: left; width: 250px; margin: 0 0 0 12px;}
#promoLeft h3 a {color: #101010; font-size: 28px; font-weight: bold; font-style: italic;}
#promoLeft h4 a {color: #101010; font-size: 16px; font-weight: bold; font-style: italic;}
#promoLeft p, #promoLeft li {font-size: 12px; color: #101010; text-align: justify; margin-bottom: 12px;}
#promoLeft SPAN {float: left; background: url('/img/spanRect.png') 100% 0 no-repeat; font-weight: bold; font-size: 16px; font-style: italic; padding: 8px 50px 9px 45px; margin: 0 0 0 -25px;}
#promoLeft .more {float: right; font-size: 16px; font-weight: bold; font-style: italic; margin: 12px 0 0;}
#promoRight {float: right; width: 231px; height: 231px; background: #fff;}
#contactMainPage {float: right; background: #ed2024; padding: 14px 28px; width: 486px; height: 229px; margin: 40px 0 0; position: relative;}
#contactMainPage h2 {font-size: 31px; font-weight: bold; font-style: italic; margin: 0 0 15px;}
#contactMainPage INPUT {float: left; border: 0; background: #c71418; -moz-box-shadow: inset 2px 2px 5px rgba(20, 21, 39, 0.49); -webkit-box-shadow: inset 2px 2px 5px rgba(20, 21, 39, 0.49); box-shadow: inset 2px 2px 5px rgba(20, 21, 39, 0.49); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; font-size: 12px; font-family: 'Ubuntu', sans-serif; clear: both; margin: 0 0 15px; padding-top: 5px; padding-bottom: 5px;}
#contactMainPage textarea {float: right; border: 0; background: #c71418; -moz-box-shadow: inset 2px 2px 5px rgba(20, 21, 39, 0.49); -webkit-box-shadow: inset 2px 2px 5px rgba(20, 21, 39, 0.49); box-shadow: inset 2px 2px 5px rgba(20, 21, 39, 0.49); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; font-size: 12px; font-family: 'Ubuntu', sans-serif; margin: -90px 0 0; padding-top: 5px; padding-bottom: 5px; width: 240px; height: 110px;}
#contactMainPage #submit-elem-cont {margin: 0 -28px 0 0; float: right;}
#contactMainPage #submit-elem-cont INPUT {background: url('/img/submit_button.png') 0 0 no-repeat; width: 143px; height: 38px; float: right; border: 0; box-shadow: none;}
#dataInfo {position: absolute; bottom: 18px; left: 28px;}
#dataInfo a {color: #fff;}
#loadingMP {float: right; width: 486px; height: 119px; background: url('/img/ajax-loader.gif') 50% 50% no-repeat;}
#slideLogo {float: left; width: 1100px!important; height: 130px; background: url('/img/carouselLoga.jpg') 0 0 no-repeat; line-height: 130px; margin: 29px 0 0;}
.carouselLogo {position: relative; width: 1100px; height: 60px; overflow: hidden; margin: 6px 0 0; padding: 24px 0 0;}
.carouselLogo li {list-style-type: none;}
.carouselLogo li div {float: left; width: 155px; height: 60px; text-align: center; line-height: 60px;}
.carouselLogo li div img {vertical-align: middle;  filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url('/desturate.svg#greyscale'); filter: gray; -webkit-filter: grayscale(1);}
.carouselLogo li div img:hover {filter: url('/desturate.svg#normalscale'); filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);}
#footer {width: 100%;}
#menuBottom {width: 100%; text-align: center; padding: 38px 0 0;}
#menu-bottom {display: inline;}
#menu-bottom li {list-style: none; display: inline;}
#menu-bottom li a {color: #fff; background: url('/img/bottomDot.gif') 0 7px no-repeat; padding: 0 10px 0 14px;}
#menu-bottom li.first a {background: none;}
#amill {float: right; color: #fff; margin: 15px 0 0; width: 100%; text-align: center;}
#amill a {color: #bfbfbf;}
#cookies {float: left; width: 100%; text-align: center; font-size: 10px; margin: 0 0 10px; color: #b2b8c0;}
#cookies a {text-decoration: underline; color: #b2b8c0;}
#cookies a:hover {text-decoration: none;}
#copy {float: left; width: 100%; text-align: center; font-size: 10px; margin: 40px 0 0; color: #b2b8c0;}
.imgCms {margin: 0 15px 10px 0;}
.priceFoto {float: right; width: 462px; margin: 0 0 0 20px;}
.priceFoto SPAN {float: left; background: url('/img/spanRect.png') 100% 0 no-repeat; font-weight: bold; font-size: 25px; font-style: italic; padding: 8px 50px 9px 11px; margin: 10px 0 0 -5px; width: 254px;}
.askLink {font-weight: bold; margin: 10px 0 0; font-size: 16px;}
#widget_social {background: url('/img/pakiet-na-start.png') no-repeat 0 0; display: block; float: right; height: 358px; padding: 0; position: fixed; right: -208px; top: 230px; width: 350px; z-index: 9;}

/* subPage */
.menuList {list-style-type: none; margin: 12px 0 0 38px; float: left;}
.menuList li {list-style-type: none; }
.menuList li a {float: left; background: url('/img/offerMenuLi.png') 100% 0 no-repeat; font-size: 12px; color: #fff; text-transform: uppercase; padding: 5px 50px 5px 31px; clear: left; margin: 0 0 1px; text-shadow: 1px 1px rgba(21, 22, 40, 0.75);}
.menuList li a:before {content: "» ";}
.menuList li a:hover, .menuList li.active a {background-position: 100% 100%; text-decoration: none;}
#listing {float: left; width: 1100px; margin: 25px 0 0;}
#listing p, #listing li {text-align: left; margin: 0 18px; }
#listing p {margin-bottom: 10px; text-align: justify; font-size: 14px; color: #fff;}
#listing p:last-child {margin-bottom: 0;}
#listing h1 {color: #fff; font-weight: bold; font-size: 28px; font-style: italic; text-shadow: 1px 1px #000; padding: 0 0 0 12px;}
#listing a {color: #ed2024;}
#listing a:hover {color: #ed2024; text-decoration: underline;}
.offerPage {float: left; border: 1px solid #303030; background: #000; margin: 0 0 20px 2px; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); padding: 0 15px;}
#listing a.offerPageF {margin-left: 30px;}
.offerPage img {-webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg);}
.offerPage:hover {border-color: #fff;}
#listing h2 {font-weight: normal; padding: 0 0 0 12px;}
.pageImages {float: right; margin: 0 0 0 20px;}
.downlContElem {border: 1px dotted #434343; padding: 5px; width: 526px;; margin: 0 0 10px 12px; float: left; background: #2a2a2a;}
.downlContElem a {color: #ffba00; text-shadow: 1px 1px rgba(18, 19, 38, 0.43);}
.dwn_ico {float: left; margin: 0 10px 0 0;}
.downlTitleElem {float: left; max-width: 79.72027972%}
.dwn_link {float: right; font-weight: bold; }
.dwonlSizeFile {font-size: 10px; }
#promoPage {float: left; padding: 13px; width: 514px; background: #cecece; margin: 0 20px 20px 0; min-height: 247px;}
#promoPage h3 a {color: #101010; font-size: 28px; font-weight: bold; font-style: italic;}
#promoPage h4 a {color: #101010; font-size: 16px; font-weight: bold; font-style: italic;}
#promoPage p {font-size: 12px; color: #101010; text-align: justify; margin-bottom: 12px;}
#promoPage SPAN {float: left; background: url('/img/spanRect.png') 100% 0 no-repeat; font-weight: bold; font-size: 16px; font-style: italic; padding: 8px 50px 9px 45px; margin: 0 0 0 -25px;}
#promo-c-form {width: 400px; width: 40rem; padding: 29px 34px; padding: 2.9rem 3.4rem; background: #f7f7f7;}
#promo-c-form h2 {margin: 0 0 5px; margin: 0 0 .5rem; font-size: 20px; font-size: 2rem; background: url('/img/11c-form-icon.jpg') 0 5px no-repeat; padding: 0 0 0 30px; padding: 0 0 0 3rem; color: #000;}
#promo-c-form p {line-height: 140%; color: #2c2c2c;}
#promo-c-form-content {border: 2px solid #fff; background: url('/img/11c-form-basic-content.gif') repeat; padding: 15px 19px; padding: 1.5rem 1.9rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 10px -7px rgba(25, 25, 29, .75); -webkit-box-shadow: 0 0 10px -7px rgba(25, 25, 29, .75); box-shadow: 0 0 10px -7px rgba(25, 25, 29, .75); margin: 20px 0 0; margin: 2rem 0 0;}
#promo-c-form-content form {margin: 0 0 5px;}
#promo-c-form-content ul {margin: 0 0 2px; margin: 0 0 .2rem; list-style-type: none;}
#promo-c-form INPUT {width: 344px; width: 34.4rem; font-family: Arial; font-size: 15px; font-size: 1.5rem; color: #000;}
#promo-c-form LABEL {display: none;}
.required, #promo-c-form-content ul li {color: #f00;}
#promo-c-form textarea {width: 344px; width: 34.4rem; height: 140px; font-family: Arial; font-size: 15px; font-size: 1.5rem; color: #696967;}
#submit-elem-cont {width: 359px; width: 35.9rem; margin: 11px 0 0; margin: 1.1rem 0 0; text-align: center}
#submit-elem-cont INPUT { float: right; width: 152px; height: 41px; background: url('/img/11c-form-submit-button.png') 0 0 no-repeat; font-size: 15px; color: #fff; font-weight: bold; border: 0;}
#submit-elem-cont INPUT:hover {background: url('/img/11c-form-submit-button.png') 0 100% no-repeat; }
.contactContainer {float: left; width: 400px;}
.logo_prod {margin: 0 0 0 15px;}
#listing .promonagl {padding: 0 0 0 12px; font-size: 24px; font-style: italic; margin-top: 60px; font-weight: bold;}
.workBlock {float: left; width: 530px; margin: 0 40px 20px 0;}
#listing .workBlock h2 {font-weight: bold;}

/* Formularz kontaktowy - nie zmieniać */
#basic-c-form {width: 400px; width: 40rem; padding: 29px 34px; padding: 2.9rem 3.4rem; background: #2e2e2e;}
#basic-c-form h2 {margin: 0 0 5px; margin: 0 0 .5rem; font-size: 20px; font-size: 2rem; background: url('/img/11c-form-icon-r.jpg') 0 5px no-repeat; padding: 0 0 0 30px; padding: 0 0 0 3rem; color: #d7d7d7;}
#basic-c-form p {line-height: 140%; color: #d7d7d7; padding: 0; margin: 0 0 10px;}
.red {color: #f00;}
#basic-c-form-content {border: 2px solid #fff; background: url('/img/11c-form-basic-content.gif') repeat; padding: 15px 19px; padding: 1.5rem 1.9rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 10px -7px rgba(25, 25, 29, .75); -webkit-box-shadow: 0 0 10px -7px rgba(25, 25, 29, .75); box-shadow: 0 0 10px -7px rgba(25, 25, 29, .75); margin: 20px 0 0; margin: 2rem 0 0;}
#basic-c-form-content form {margin: 0 0 5px;}
#basic-c-form-content ul {margin: 0 0 2px; margin: 0 0 .2rem; list-style-type: none;}
#basic-c-form INPUT {width: 344px; width: 34.4rem; font-family: Arial; font-size: 15px; font-size: 1.5rem; color: #696967; background: #d7d7d7;}
#basic-c-form LABEL {display: none;}
.required, #basic-c-form-content ul li {color: #f00;}
#basic-c-form textarea {width: 344px; width: 34.4rem; height: 140px; font-family: Arial; font-size: 15px; font-size: 1.5rem; color: #696967; background: #d7d7d7;}
#submit-elem-cont {width: 359px; width: 35.9rem; margin: 11px 0 0; margin: 1.1rem 0 0; text-align: center}
#submit-elem-cont INPUT { float: right; width: 152px; height: 41px; background: url('/img/11c-form-submit-button.png') 0 0 no-repeat; font-size: 15px; color: #fff; font-weight: bold; border: 0;}
#submit-elem-cont INPUT:hover {background: url('/img/11c-form-submit-button.png') 0 100% no-repeat; }
#loading {height: 444px; width: 468px; background: url('/img/ajax-loader.gif') 50% 50% no-repeat;}
#cForm #loading {height: 468px; width: 470px; background: url('/img/loader_c.gif') 50% 50% no-repeat;}


/* const elem */
.noMarginRight {margin-right: 0!important;}
.no-margin { margin: 0;}
.dnone {display: none;}

.no-js .askLink{
    display: none;
}

#cookies-message {position: fixed; z-index: 9999;top: 10%; left: 40%; padding: 6px 0; background: #6D6D6D; border-top: 1px solid #dedede; color: #fff; font-size: 13px; font-family: Verdana; bottom: 0; width: 220px;height: 100px; border: 1px solid #000;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 15px; }
#cookies-message STRONG {font-size: 16px; font-style: italic; font-family: 'Ubuntu', sans-serif; color: #fff; }
#cookies-message a {color: #fff;margin-top: 10px;}
#cookies-container {position: relative; margin: 0 auto;}
#accept-cookies-checkbox {float: right; position: absolute; top: -16px; right: -4px; background: url(/img/close_icon.png) top right no-repeat; width: 18px; height: 18px;}
.dislayNone {display: none;}