body {
    font-size: 11px;
}
footer {
	font-size: 12px;
}
/*----------------------------------------------------------------------------*/
header h1 {
    margin: 0 0 0 0px;
}
nav#top-nav {
    
}
div#main_data_area{
   /*max-width: 1260px;*/
   padding-left: 0px;
}
aside.margin {
    width: 25%;
}
.content {
    width: 75%;
}
.wrapper{
   max-width: 1250px;
   padding-left: 10px;
}

section.contener {
    margin: 0px;
}
/*----------------------------------------------------------------------------*/
ul.menu li{
   font-size: 13px;
/*   width: 120px;*/
   text-align: center;
}
ul.menu li a {
    color: #FFFFFF;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
}
ul.menu li.selected a {
    background-color: #FFF;
    color:#000040;
    display: block;
}
ul.category {
    margin: 0;
    padding: 0;
    list-style: none none;
/*    width: 882px;*/
}
ul.category li {
    margin: 1px 1px 0 0;
    padding: 15px 0 0 0;
    list-style: none none;
    width: 311px;
    height: 75px;
    float: left;
    display: inline-block;
/*    background-color: #E6E6E6;*/
    background-position: 10px 50%;
    background-repeat: no-repeat;
}
ul.category li.category-first {
/*    margin: 0 0 1px 0;*/
    width: 310px;
    border-right: 1px solid #DDDDDD;
}
ul.category li.category-top {
   border-bottom: 1px solid #DDDDDD;
   height: 74px;
}
ul.category li.category-bottom {
   border-top: 1px solid #DDDDDD;
   height: 74px;
}
ul.category li.category-last {
/*    margin: 1px 0 0 0;*/
    width: 310px;
    border-left: 1px solid #DDDDDD;
}
ul.category li a {
    margin: 0 20px;
    font-weight: bold;
    padding: 0 0 0 75px;
    display: block;
    font-size: 14px;
}
li.cat-1 {
    background-image: url('../gui/cat-04.png');
}
li.cat-2 {
    background-image: url('../gui/cat-02.png');
}
li.cat-3 {
    background-image: url('../gui/cat-01.png');
}
li.cat-4 {
    background-image: url('../gui/cat-09.png');
}
li.cat-5 {
    background-image: url('../gui/cat-07.png');
}
li.cat-6 {
    background-image: url('../gui/cat-05.png');
}
li.cat-7 {
    background-image: url('../gui/cat-03.png');
}
li.cat-8 {
    background-image: url('../gui/cat-06.png');
}
li.cat-9 {
    background-image: url('../gui/cat-08.png');
}
/*----------------------------------------------------------------------------*/
.content-back {
    background-image: url('../gui/content.png');
    background-repeat: repeat-y;
}

#content-right {
    width: 100%;
    margin: 0;
    display: inline;
    float: left;
    text-align: left;
}
dl.index {
    margin: 0;
    padding: 0;
}
dl.index dd {
    margin: 0;
    padding: 0;
}
dl.index dd.banner {
    border-bottom: 1px solid #FFF;
}
dl.index dd img {
    display: block;
}
dl.left {
/*    width: 240px;*/
    margin: 0px 20px;
}
dl.left dd {
/*    width: 240px;*/
    margin: 0px;
}
dl.left dd ol {
    margin: 5px 0;
    padding: 0 0 0 25px;
}
dl.left dd p {
    margin: 10px 0;
    border-left: 5px solid #CECECE;
    padding: 0 0 0 10px;
}
dl h2 {
    margin: 0 0 5px 0;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
#content-left form {
/*    width: 270px;
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    color: #1A1A1A;*/
}
#content-left fieldset {
    width: 240px;
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    color: #1A1A1A;
    border: 0 none;
}
#content-left fieldset ul {
    width: 240px;
    margin: 0;
    padding: 0;
    list-style: none none;
}
#content-left fieldset ul li {
    width: 240px;
    margin: 3px 0 3px 0;
    padding: 0 0 3px 0;
    list-style: none none;
    border-bottom: 1px solid #CECECE;
}
#content-left form textarea, #content-left form input, #content-left form select, #content-left form option {
/*    padding: 2px;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    color: #1A1A1A;*/
}
dl.center {
/*    width: 860px;*/
    margin-top: 10px;
}
dl.center dd.product-title {
    padding: 5px 0 5px 0;
    margin: 0 5px 0 0;
/*    width: 840px;*/
/*    border-bottom: 1px solid #E6E6E6;*/
    clear: both;
    display: block;
}
dl.center dd.fat-line {
/*    border-bottom: 5px solid #E6E6E6;*/
}
dl.center dd.details {
    background-color: #E6E6E6;
    padding: 10px 0 10px 0;
}
dl.center dd.product-photo {
    width: 200px;
    float: left;
    display: inline;
    margin: 10px 30px 0 0;
}
dl.center dd.product-photo-short {
    width: 110px;
}
dl.center dd.product-photo img {
    display: block;
    padding: 2px;
    border: 1px solid #E6E6E6;
}
dl.center dd.product-info {
    width: 670px;
    float: left;
    display: inline;
    margin: 10px 0 10px 0;
}
dl.center dd.product-info-short {
    width: 430px;
}
dl.center dd.to-right {
    width: 220px;
}
dl.center dd.product-info-short-card {
    width: 320px;
    margin: 10px 30px 0 0;
}
dl.center dd.to-right-card {
    width: 220px;
    margin: 10px 0 0 30px;
}
dl.center dd.product-title p.to-basket {
    float: right;
}
dl.center dd.product-title p.more {
    width: 180px;
    height: 37px;
    line-height: 37px;
    background-image: url('../gui/more.png');
    background-repeat: no-repeat;
    float: left;
}
dl.center dd.product-title p.more a {
    color: #FFF;
    font-weight: bold;
    margin: 0 0 0 10px;
    font-size: 12px;
}
dl.center dd.product-title h2 {
    margin: 0 0 5px 0;
    font-size: 22px;
}
dl.center dd.product-title span {
    color: #565656;
    margin: 0 10px 0 0;
}
dl.center dd.product-title span.product-name {
    font-size: 16px;
    margin: 0 20px 0 0;
}
dl.center dd.product-info table {
    width: 100%;
    margin: 0;
    border: 0;
}
dl.center dd.product-info table tr td {
    width: 50%;
    padding: 2px 0 2px 10px;
    vertical-align: middle;
    text-align: right;
    border-bottom: 1px solid #E6E6E6;
}
td.price, .price {
    white-space: nowrap;
    font-size: 1.1em;
    color: #002B4A;
    font-weight: bold;
}
td.discount, .discount {
    white-space: nowrap;
}
a.table-basket img {
    display: block;
    float: right;
    margin: 0 auto;
}
dl.center dd.product-title h3 {
    margin: 20px 0 0 0;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
}
dl.center dd.product-title h3 a.link-arrow {
    /*background-image: url('../gui/arrow-red-down.png');*/
    background-repeat: no-repeat;
    background-position: right 50%;
    padding: 0 15px 0 0;
    color: #9E9E9E;
}
dl.center dd.product-title h3.on a.link-arrow {
    /*background-image: url('../gui/arrow-red-up.png');*/
}

dl.center dd.product-title h3.documents {
    margin: 0 0 0 0;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
}

dl.center dd.product-title .fat-line {
    border-bottom: 5px solid #E6E6E6;
}
table.full {
    border-collapse: separate;
    border-spacing: 1px;
    width: 100%;
    margin: 0;
    border: 0;
}
table.full tr td {
    vertical-align: middle;
}
table.dokumenty tr td {
    vertical-align: middle;
    background-color: #F2F2F2;
}
.table-formularz-rejestracji tr {
    background-color: #E6E6E6;
    background-repeat: repeat;
}
.table-formularz-rejestracji tr td {
    vertical-align: middle;
    padding: 10px;
}
.table-formularz-rejestracji tr td.to-right {
    width: 130px;
    font-weight: bold;
}
table.koszyk-end thead tr th {
    vertical-align: middle;
    padding: 3px;
    color: #555;
    font-size: 11px;
    font-weight: normal;
    border-bottom: 1px solid #ececec;
    
}

table.koszyk-end  tr:nth-child(2n) {
    background-color: #ececec;
}

table.koszyk-end tbody tr {
    vertical-align: middle;
}
table.koszyk-end tbody tr td {
    vertical-align: middle;
    padding: 10px 5px;
    font-size: 11px;
/*    border-bottom: 1px solid #DADADA;*/
}
table.koszyk-end tbody tr td.koszyk-produkt {
    font-size: 14px;
    font-weight: bold;
}
table.koszyk-end tbody tr td.koszyk-foto {
    width: 105px;
    text-align: center;
}
table.koszyk-end tbody tr td.koszyk-cena {
    font-size: 12px;
    text-align: right;
}
table.koszyk-end tbody tr td.koszyk-wartosc {
    font-size: 13px;
    font-weight: bold;
    color: #FF5725;
    text-align: right;
}
table.koszyk-end tbody tr td img {
    text-align: center;
    margin: 0 auto;
    display: block;
    border: 0px solid #E6E6E6;
}
table.koszyk-end tbody tr td a img {
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 3px;
}
p.koszyk-all {
   margin: 10px 0 20px 0;
   font-size: 14px;
   text-align: right;
}
p.koszyk-all strong {
   font-weight: bold;
   color: #df7a1c;
   font-size: 20px;
}



form.form-formularz-rejestracji textarea.oferta-uwagi {
    width: 500px;
}


input.check-one {
    padding: 0;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    margin: 0 auto;
}

select.pages {
    padding: 2px;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    border: 1px solid #DADADA;
    width: 50px;
}
select.action {
    padding: 2px;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    border: 1px solid #DADADA;
    width: 100px;
}
input.date-picker {
    padding: 2px;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    border: 1px solid #DADADA;
    width: 90px;
}
.datepicker {
   z-index: 100;
}

h4 {
/*    font-size: 16px;
    margin: 0 0 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;*/
}

p.komunikat {
    text-align: center;
    margin: 10px 0;
}

p.komunikat a {
    margin: 0 10px;
}

.to-right {
    text-align: right;
}

.to-left {
    text-align: left;
}

.to-center {
    text-align: center;
}
.special-icons a {
    display: block;
    margin: 4px;
}
.special-icons-widok3 a {
    display: inline-block;
    margin: 4px;
    float: right;
}

p.options-list {
    height: 25px;
    line-height: 14px;
    margin: 20px 0;
    display: block;
}

p.options-list span {
    margin: 0 0 0 10px;
}

a.widok {
    width: 16px;
    height: 14px;
    display: inline-block;
    text-indent: -999999px;
    background-repeat: no-repeat;
    margin: 0;
    border: 1px solid #E6E6E6;
    padding: 3px;
    background-position: center center;
}

a.widok1 {
    background-image: url('../gui/w11.png');
}

a.widok2 {
    background-image: url('../gui/w12.png');
}

a.widok3 {
    background-image: url('../gui/w33.png');
}

a.widok1:hover, a.widok1-wybrany {
    background-image: url('../gui/w1.png');
}

a.widok2:hover, a.widok2-wybrany {
    background-image: url('../gui/w2.png');
}

a.widok3:hover, a.widok3-wybrany {
    background-image: url('../gui/w3.png');
}

a.widok-koszyk {

}
a.widok-usun {
   width: 16px;
   height: 16px;
}
a.widok-f5 {
   
}
a.widok-help {
   background-image: url('../gui/help.png');
}

ul.none-list {
    margin: 0;
    padding: 0;
    list-style: none none;
}
ul.none-list li {
    margin: 0;
    padding: 0;
    list-style: none none;
}

ul.tabs {
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none none;
    height: 50px;
}
ul.tabs li {
    margin: 0 1px 0 0;
    padding: 0;
    list-style: none none;
    float: left;
    width: 170px;
}
ul.tabs li a {
    display: block;
    background-color: #DADADA;
    font-weight: bold;
    padding: 15px;
    height: 20px;
}
ul.tabs li a:hover {
    background-color: #003366;
    color: #FFF;
}
ul.tabs li a.active {
    background-color: #FFF;
    color: #006296;
}

.accordionContent {
    background-color: #E6E6E6;
    padding: 10px 0 10px 0;
}
.tabContents {
    min-height: 350px;
    height: auto;
    background-color: #FFF;
    padding: 20px;
    margin: 0 10px;
}

.tabContents a.fancyboxgroup {
    display: inline-block;
    float: left;
    margin: 5px;
    padding: 2px;
    border: 1px solid #E6E6E6;
}

ul.paginacja li {
    margin: 0;
    padding: 0;
    list-style: none none;
    display: inline-block;
}
ul.paginacja li a {
    font-size: 11px;
    border: 1px solid #CECECE;
    padding: 5px 8px;
}
ul.paginacja li a:hover, ul.paginacja li a.current {
    background-color: #003366;
    border: 1px solid #003250;
    color: #FFF;
}

p.alert {
   margin: 20px 0 20px 0;
   padding: 15px 20px 15px 70px;
   background-repeat: no-repeat;
   background-position: 10px center;
   background-repeat: no-repeat;
   background-position: 20px center;
   font-size: 12px;
}
p.uwaga {
   background-color: #FFFFD4;
   border: 1px solid #DC0000;
   background-image: url('../pic/message_error.png');
}
p.ostrzezenie {
   background-color: #FFFFD4;
   border: 1px solid #E3CC24;
   background-image: url('../pic/message_warning.png');
}
p.akceptacja {
   background-color: #FFFFD4;
   border: 1px solid #319600;
   background-image: url('../pic/message_ok.png');
}

table.produkty-widok2 {
    border-collapse: separate;
    border-spacing: 1px;
    width: 100%;
    margin: 0 0 20px 0;
    border: 0;
    background-color: #E6E6E6;
}
table.produkty-widok2 tr th {
    padding: 5px;
    background-color: #F2F2F2;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
table.produkty-widok2 tr td {
    padding: 10px 5px;
    background-color: #FFF;
    vertical-align: top;
}
table.widok2-border tr td {
    padding: 20px 5px;
    background-color: #FFF;
    vertical-align: top;
    border-bottom: 3px solid #E6E6E6;
}
td.long {
    width: 230px;
}
table.produkty-widok2 tr td.image {
    font-size: 12px;
}
table.produkty-widok2 tr td.image img {
    float: left;
    margin: 0 15px 0 0;
}


table.produkty-widok2 tr td table {
    background-color: #FFF;
    margin: 0 0 0 0;
}
table.produkty-widok2 tr td table td {
    padding: 0 3px;
    background-color: #FFF;
    width: 50%;
    vertical-align: middle;
    border: 0 none;
}
table.produkty-widok2 tr td table td.product-what {
    text-align: right;
}
table.display thead th {
    border-bottom: 1px solid black;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 18px 3px 10px;
}
table.display td {
    padding: 3px 10px;
}

tr.odd {
    background-color: #E6E6E6;
}
tr.even {
    background-color: white;
}

.okno{
    color: #1A1A1A;
    font-family: Arial,Tahoma,Verdana,Geneva,Helvetica,sans-serif;
    font-size: 11px;
    text-align: justify;
}
.daneInfo{
    background-color: #fff;
    color: #1A1A1A;
    font-family: Arial,Tahoma,Verdana,Geneva,Helvetica,sans-serif;
    margin: 20px;
    font-size: 13px;
    line-height: 15px;
    text-align: justify;
}
/*----------------------------------------------------------------------------*/
#tooltip {
    position: absolute;
    border: 1px solid #C2C2C2;
    background: #F2F2F2;
    padding: 10px;
    color: #333;
    display: none;
    font-size: 12px;
    width: auto;
    z-index: 100000;
    text-align: left;
}
#basket-added {
   position: fixed;
   top: 10px;
   right: 10px;
   height: 48px;
   width: 63px;
   /*background-image: url('../gui/new_basket_added.png');*/
   background-position: left top;
   background-repeat: no-repeat;
}




aside.social a {
    font-size: 24px;
}
/* ---------------------------------- klasa solar-smart-form ----------------------------- */
.solar-smart-form p {
   position: relative;
}
.solar-smart-form filedset {
   margin: 0 auto;
   padding: 0;
   width: 100%;
   border: 0 none;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.solar-smart-form input[type="text"].auto-width,
.solar-smart-form input[type="password"].auto-width,
.solar-smart-form textarea.auto-width,
.solar-smart-form select.auto-width {
   width: auto;
   display: inline-block;
   vertical-align: middle;
}
.solar-smart-form select option {
   outline: none;
   color: #3F4152;
   padding: 5px 0.5%;
}

.solar-smart-form input[type="checkbox"],
.solar-smart-form input[type="radio"] {
   width: auto;
   display: inline-block;
   vertical-align: middle;
}

.solar-smart-form input[type="text"].input-icon,
.solar-smart-form input[type="password"].input-icon {
   vertical-align: middle;
   height: 40px;
   padding: 0 0.5%;
   line-height: 40px;
   margin-left: 10px;
}
.solar-smart-form input.input-icon:first-child {
   margin-left: 0;
}
.solar-smart-form input.input-icon + i {
   padding: 0;
   vertical-align: middle;
   display: inline-block;
   line-height: 40px;
   background-color: #B4B6C5;
   width: 35px;
   text-align: center;
}

.solar-smart-form input[type="text"].input-icon-absolute,
.solar-smart-form input[type="password"].input-icon-absolute {
   vertical-align: middle;
   margin: 0;
   height: 40px;
   line-height: 40px;
   position: relative;
   padding: 5px 5px 5px 40px;
}
.solar-smart-form input[type="text"].input-icon-absolute + i {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   padding: 0 10px;
   line-height: 40px;
}


.solar-smart-form button.default{
   background-color: #df7a1c;
   color: #fff;
}

.solar-smart-form button[type="submit"]:before,
.solar-smart-form button[type="button"]:before,
.solar-smart-form button[type="reset"]:before {
   display: inline-block;
   font-family: FontAwesome;
   padding: 0 10px 0 0;
}
.solar-smart-form button[type="submit"] i,
.solar-smart-form button[type="button"] i,
.solar-smart-form button[type="reset"] i {
   display: inline-block;
   padding: 0 5px 0 0;
}
.solar-smart-form button[type="button"].arrow:before {
  content: "\f00c";
}
.solar-smart-form button[type="submit"].arrow:before {
   content: "\f061";
}
.solar-smart-form button[type="reset"].reset:before {
   content: "\f12d";
}
/* ---------------------------------- /klasa solar-smart-form ----------------------------- */
.input-round { -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.icon-round { -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.full-round { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
::-webkit-input-placeholder {color: #989AAF;}
:-moz-placeholder {color: #989AAF;}
::-moz-placeholder {color: #595B73;}
:-ms-input-placeholder {color: #989AAF;}
.solar-smart-form input:focus,
.solar-smart-form textarea:focus,
.solar-smart-form select:focus {
   border: 1px solid #0092DC;
   outline: 1px solid #B1E2FF;
}
.solar-smart-form input:focus + i,
.solar-smart-form textarea:focus + i,
.solar-smart-form select:focus + i {
   background-color: #003366;
   color: #FFF;
}

/* ostylowanie przygotowane na potrzeby
   konkretnych rozwiązań
*/

/* ---------------------------------- filtrowanie na marginesie ----------------------------- */
#filtrowanie-margines {
   margin: 0px auto;
   width: 300px;
}
#filtrowanie-margines input.input-icon-absolute{
   padding: 5px 5px 5px 40px;
}
#filtrowanie-margines select{
   height: 40px;
}
#filtrowanie-margines form p {
   margin: 10px auto;
}
#filtrowanie-margines form h4 {
   margin: 10px 0 5px 0;
   font-size: 12px;
   font-weight: bold;
   color: #8D8FA7;
}

/* ---------------------------------- rejestracja / logowanie ----------------------------- */

#rejestracja p {
   position: relative;
   top:5px;
}


#katalog .solar-smart-form input[type="radio"] + label {
   margin: 0 0 0 5px;
   padding: 0 0 0 20px;
   height: 21px;
   line-height: normal;
}
#katalog .solar-smart-form input[type="radio"] + label:before {
   width: 21px;
   height: 21px;
   font-size: 21px;
   line-height: normal;
}
#katalog .solar-smart-form input[type="radio"] + label.uklad1:before {
   content: "\f039";
}
#katalog .solar-smart-form input[type="radio"] + label.uklad2:before {
   content: "\f03a";
}
#katalog .solar-smart-form input[type="radio"] + label.uklad3:before {
   content: "\f00b";
}
#katalog .solar-smart-form input[type="radio"]:checked + label:before,
#katalog .solar-smart-form input[type="radio"]:checked + label:before,
#katalog .solar-smart-form input[type="radio"]:checked + label:before {
   color: #003366;
}
#katalog .solar-smart-form input[type="checkbox"] + label {
   margin: 0 0 0 20px;
}
#katalog .solar-smart-form input[type="checkbox"]:checked + label:before {
    
}


.solar-smart-form button[type="submit"] i,
.solar-smart-form button[type="button"] i {
   padding: 0 0 0 0;
}
/* ---------------------------------- clear ----------------------------- */
.clearfix:before, .clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    margin: 0;
}
/*#back-top {*/
   /*position: fixed;*/
   /*bottom: 10px;*/
   /*right: 5px;*/
    /*z-index: 200;*/
/*}*/
/*#back-top a {*/
   /*width: 50px;*/
   /*height: 50px;*/
   /*display: block;*/
   /*text-indent: -99999px;*/
   /*background-image: url('../pic/to-top.png');*/
   /*background-repeat: no-repeat;*/
   /*background-position: left top;*/
   /*outline: none;*/
/*}*/
/*#back-top a:hover {*/
   /*background-position: right top;*/
/*}*/