/* --- Wspólne --- */

.header {
   font-size: 18px;
   margin: 0;
   padding: 0;
   font-weight: normal;
}

.sprite {
   position: absolute;
   display: block;
   background: url(../images/sprite.png) no-repeat;
   z-index: 10;
}

.mini-slider li,
.similar-slider li {
   float: left;
}

.similar-slider .previous,
.mini-slider .previous,
.mini-slider .next,
.similar-slider .next {
   display: none;
}

.vertical-slider .previous,
.vertical-slider .next {
   display: none;
}

#globalheader {
   height: 175px;
}

#logo {
   height: 135px;
}

#logo a {
   padding-top: 30px;
   display: block;
}

#select-language {
   height: 135px;
   color: #808080;
   position: relative;
}

#select-language .label {
   margin: 25px 0 0 0;
   line-height: 24px;
   float: right;
}

#select-language .selector {
   border: 1px solid #b3b3b3;
   height: 26px;
   line-height: 28px;
   width: 210px;
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
   position: absolute;
   right: 0;
   top: 50px;
   background: #fff;
   z-index: 10;
}

#select-language .expanded {
   height: auto;
}

#select-language .selector li {
   border-top: 1px solid #f2f2f2;
   margin: 0 3px;
   position: relative;
}

#select-language .selector li.selected {
   border-top: none;
}

#select-language .selector a {
   display: block;
   padding: 0 22px 0 34px;
   color: #808080;
}


#select-language .selector .flag { 
/*   width: 24px;
   height: 20px; */
   top: 8px;
   left: 5px;
}


#select-language .selector .arrow {
   width: 15px;
   height: 20px;
   right: 3px;
   top: 4px;
   background-position: -15px -20px;
}

#select-language .expanded .arrow {
   background-position: 0 -20px;
}

/*
#select-language .selector .pl { background-position: 0 0; }
#select-language .selector .ch { background-position: -24px 0; }
#select-language .selector .en { background-position: -48px 0; }
#select-language .selector .de { background-position: -72px 0; }
#select-language .selector .es { background-position: -96px 0; }
#select-language .selector .cz { background-position: -120px 0; }
#select-language .selector .ua { background-position: -144px 0; }
*/

#globalnav {
   background: #e5e5e5 url(../images/bar-bg.png) repeat-x;
   height: 40px;
   line-height: 40px;
   border-bottom: 1px solid #79e400;
}

#globalnav ul {
   float: right;
   margin: 0;
   padding: 0;
   list-style: none;
}

#globalnav li {
   float: left;
}

#globalnav a {
   display: block;
   color: #7a7a7a;
   margin: 0 15px;
   font-size: 14px;
}

#globalnav a:hover,
#globalnav a.active {
   line-height: 32px;
   padding-top: 4px;
   border-bottom: 4px solid #79e400;
}

#breadcrumb {
   line-height: 55px;
   height: 55px;
   list-style: none;
   margin-top: 0;
   margin-bottom: 0;
   padding: 0;
}

#breadcrumb li {
   float: left;
}

#breadcrumb a {
   color: #8c8c8c;
   text-decoration: underline;
}

#breadcrumb .separator {
   padding: 0 4px;
}

#breadcrumb a.active {
   color: #808080;
   font-weight: bold;
   text-decoration: none;
}

.template .additional {
   border-top: 1px solid #c8c8c8;
   border-bottom: 1px solid #c8c8c8;
   color: #79e400;
   margin: 25px 0;
   padding: 20px 0;
   font-size: 14px;
}

#summary {
   margin-top: 30px;
   margin-bottom: 10px;
   color: #b3b3b3;
   padding: 10px 0;
   border-top: 1px solid #d9d9d9;
   border-bottom: 1px solid #d9d9d9;
}

#globalfooter {
   margin-bottom: 10px;
   line-height: 20px;
   text-align: right;
}

#copyrights {
/*   text-transform: uppercase; */
   text-align: right;
   color: #8b8b8b;
   margin-top: 0;
   margin-bottom: 0;
}

#facebook .fb-like {
   float: right;
}

/* --- Strona główna --- */
#slider {
   height: 320px;
   margin-top: 20px;
   margin-bottom: 20px;
   position: relative;
}

#slider .container {
   width: 940px;
   height: 320px;
   overflow: hidden;
}

#slider .slides {
   list-style: none;
   margin: 0;
   padding: 0;
   height: 320px;
}

#slider .slides li {
   float: left;
   width: 940px;
   height: 320px;
}

#slider .previous,
#slider .next {
   position: absolute;
   top: 145px;
}

#slider .previous a,
#slider .next a {
   display: block;
   width: 30px;
   height: 30px;
   background: url(../images/sprite.png) no-repeat;
}

#slider .previous { left: -30px; }
#slider .previous a { background-position: 0 -40px; }

#slider .next { right: -30px }
#slider .next a { background-position: -30px -40px; }

#slider .navigation {
   position: absolute;
   right: 5px;
   bottom: 10px;
   margin: 0;
   padding: 0;
   list-style: none;
}

#slider .navigation li {
   float: left;
   margin: 0 2px;
}

#slider .navigation a {
   display: block;
   width: 20px;
   height: 20px;
   background: url(../images/sprite.png) no-repeat -30px -20px;
}

#slider .navigation a:hover,
#slider .navigation a.active {
   background-position: -50px -20px;
}

#boxes {
   margin: 0 0 0 0;
   padding: 0;
   list-style: none;
}

#boxes .grid-4 {
   height: 160px;
   background: #e5e5e5 url(../images/box-bg.png) repeat-x;
   border-bottom: 1px solid #79e400;
   position: relative;
   color: #565656;
}

#boxes a {
   color: #565656;
}

#boxes li .title {
   line-height: 40px;
   text-align: right;
   margin: 0 10px;
   padding: 0;
   font-weight: normal;
   font-size: 16px;
}

#boxes .sprite {
   width: 60px;
   height: 60px;
   top: 0;
   left: 0;
}

#boxes .box-1 .mini-slider {
   width: 200px;
   height: 120px;
   overflow: hidden;
   margin: 0 50px;
}

#boxes .box-1 .mini-slider ul {
   list-style: none;
   margin: 0;
   padding: 0;
   text-align: center;
   height: 120px;
}

#boxes .box-1 .mini-slider li {
   height: 120px;
   width: 200px;
}

#boxes .box-1 .mini-slider li a {
   display: block;
   height: 120px;
   width: 200px;
   text-align: center;
}

#boxes .box-1 .previous,
#boxes .box-1 .next {
   position: absolute;
   top: 80px;
   z-index: 10;
}

#boxes .box-1 .previous a,
#boxes .box-1 .next a {
   display: block;
   background: url(../images/sprite.png) no-repeat;
   width: 30px;
   height: 30px;
}

#boxes .box-1 .previous { left: 10px; }
#boxes .box-1 .previous a { background-position: 0 -40px; }

#boxes .box-1 .next { right: 10px; }
#boxes .box-1 .next a { background-position: -30px -40px; }

#boxes .box-1 .sprite {
   background-position: 0 -70px;
}

#boxes .box-2 .previous,
#boxes .box-2 .next {
   position: absolute;
   left: 20px;
   z-index: 10;
}

#boxes .box-2 .previous a,
#boxes .box-2 .next a {
   display: block;
   background: url(../images/sprite.png) no-repeat;
   width: 30px;
   height: 30px;
}

#boxes .box-2 .previous { top: 66px; }
#boxes .box-2 .previous a { background-position: -60px -40px; }

#boxes .box-2 .next { top: 96px; }
#boxes .box-2 .next a { background-position: -90px -40px; }

#boxes .box-2 .vertical-slider {
   width: 220px;
   height: 84px;
   overflow: hidden;
   margin: 0 10px 0 70px;
}

#boxes .box-2 .vertical-slider ul {
   list-style: none;
   margin: 0;
   padding: 0;
   width: 220px;
}

#boxes .box-2 .vertical-slider li {
   width: 220px;
   height: 32px;
   padding: 5px 0;
}

#boxes .box-2 li a {
   text-decoration: underline;
}

#boxes .box-2 li a:hover {
   text-decoration: none;
}

#boxes .box-2 .sprite {
   background-position: -60px -70px;
}

#boxes .box-3 {
   background: url(../images/box-contact.png) no-repeat;
   text-align: right;
}

#boxes .box-3 p {
   margin: 0 10px;
   font-size: 16px;
}

#boxes .box-3 .contact {
   margin-top: 16px;
   margin-bottom: 20px;
   line-height: 24px;
}

#boxes .box-3 .email {
   font-size: 13px;
}

#boxes .box-3 .sprite {
   background-position: -120px -70px;
}

/* --- Kontakt --- */

#contact {
}

#contact p {
   margin: 0 10px;
}

#contact .subheader {
   font-size: 16px;
}

#contact .contact {
   margin-top: 16px;
   margin-bottom: 20px;
   line-height: 24px;
}

#contact.email {
   font-size: 13px;
}

#contact .sprite {
   background-position: -120px -70px;
}

#sidebar {
   
}

#sidebar .header {
   line-height: 40px;
   margin: 0;
   padding: 0;
   font-weight: normal;
   font-size: 16px;
   color: #a6a6a6;
}

#sidebar .series {
   margin-top: 25px;
   margin-bottom: 10px;
}

#categories {
   padding: 0;
   list-style: none;
   border-bottom: 1px solid #c8c8c8;
}

#categories > li > a {
   height: 40px;
   line-height: 40px;
   color: #666;
   padding: 0 13px;
   background: #f1f1f1;
   border-top: 1px solid #c8c8c8;
   border-bottom: 1px solid #fff;
   display: block;
}

#categories > li.first a {
   border-top: none;
}

#categories > li > a:hover {
   background: #e2e2e2 url(../images/categories-bg.png) repeat-x;
   border-bottom: 1px solid #79e400;
}

#categories > li ul {
   background: #e2e2e2;
   list-style: none;
   margin: 0;
   padding-left: 20px;
   /*padding: 0 25px 20px 25px;*/
}

#categories > li.expanded {
   border-bottom: 1px solid #79e400;
}

#categories > li.expanded > a {
   border-bottom: none;
   background: #e2e2e2 url(../images/categories-bg.png) repeat-x; 
}

#categories > li.expanded ul {
   display: block;
}

#categories > li ul a {
   display: block;
   padding: 0 20px;
   line-height: 24px;
   color: #666;
   position: relative;
}

#categories > li ul a.active {
   font-weight: bold;
}

#categories > li ul a .sprite {
   width: 15px;
   height: 20px;
   background-position: -70px -20px;
   left: 0;
   top: 2px;
}

#categories > li ul a.active .sprite,
#categories > li ul a:hover .sprite {
   background-position: -85px -20px;
}

#similar {
   border-top: 1px solid #c8c8c8;
   border-bottom: 1px solid #c8c8c8;
   padding: 15px 0;
   position: relative;
   margin-bottom: 35px;
}

#similar .similar-slider {
   width: 240px;
   height: 230px;
   overflow: hidden;
   margin: 0 30px;
}

#similar .similar-slider ul {
   list-style: none;
   margin: 0;
   padding: 0;
   text-align: center;
   height: 230px;
}

#similar .similar-slider li {
   height: 230px;
   width: 240px;
}

#similar .similar-slider li a {
   display: block;
   height: 230px;
   width: 240px;
   line-height: 230px;
}

#similar .similar-slider .previous,
#similar .similar-slider .next {
   position: absolute;
   top: 157px;
   z-index: 10;
}

#similar .similar-slider .previous a,
#similar .similar-slider .next a {
   display: block;
   background: url(../images/sprite.png) no-repeat;
   width: 30px;
   height: 30px;
}

#similar .similar-slider .previous { left: 0; }
#similar .similar-slider .previous a { background-position: 0 -40px; }

#similar .similar-slider .next { right: 0; }
#similar .similar-slider .next a { background-position: -30px -40px; }

#text {
   position: relative;
   margin-top: 40px;
}

#text .header {
   color: #c2c2c2;
   font-weight: normal;
   font-size: 36px;
   margin: 0;
   padding: 0;
   line-height: 40px;
   position: absolute;
   z-index: 10;
   top: 40px;
   left: 30px;
}

/* --- Strona produktu --- */
#product .presentation {
   border: 1px solid #79e400;
   padding: 10px 0;
}

#product .presentation .name {
   color: #79e400;
   font-weight: normal;
   font-size: 26px;
   margin: 0;
   padding: 0 10px;
   line-height: 30px;
}

#product .presentation .image {
   text-align: center;
   line-height: 285px;
}

#product .presentation .info {
   margin-top: 0;
   margin-bottom: 0;
   margin-left: 7px;
   border-left: 1px solid #79e400;
   padding: 10px 0;
}

#product .presentation .info table {
   margin: 0 20px;
   width: 256px;
}

#product .presentation .info tr {
   line-height: 30px;
   border-bottom: 1px solid #e2e2e2;
}

#product .presentation .info tr.first {
   border-top: 1px solid #e2e2e2;
}

#product .presentation .info .label {
   color: #a8a8a8;
   padding-right: 10px;
}

#product .specification {
   margin: 20px 0;
   width: 100%;
}

#product .specification th {
   background: #ababab;
   color: #fff;
   text-align: left;
   line-height: 30px;
   padding: 0 7px;
   font-weight: normal;
}

#product .specification tr {
   line-height: 30px;
   margin: 1px 0;
   border-top: 1px solid #e2e2e2;
   border-bottom: 1px solid #e2e2e2;
}

#product .specification .even {
   background: #ededed;
}

#product .specification td {
   padding: 0 7px;
}

/* --- Listing --- */
#listing ul,
#listing ol {
   margin: 0;
   padding: 0;
   list-style: none;
}

#listing .list a {
   display: block;
   border: 1px solid #79e400;
   width: 198px;
   height: 198px;
}

#listing .list a:hover {
   border: 1px solid #777;
}

#listing .list li {
   float: left;
   margin: 0 0 10px 10px;
   position: relative;
}

#listing .list li.first {
   margin-left: 0;
}

#listing .list li .name {
   margin: 0;
   padding: 0;
   font-weight: normal;
   color: #808080;
   font-size: 12px;
   padding: 10px;
   position: absolute;
   z-index: 10;
   top: 0;
   left: 0;
   width: 180px;
}

#listing .list li .image {
   text-align: center;
   width: 198px;
   height: 140px;
   line-height: 140px;
   padding-top: 30px;
   overflow: hidden;
}

#listing .list li .more {
   color: #808080;
   text-decoration: underline;
   padding: 5px 10px 3px 10px;
   text-align: right;
   line-height: 20px;
}

#listing .pagination {
   float: right;
   margin: 10px 0 20px 0;
}

#listing .pagination li {
   float: left;
}

#listing .pagination a {
   padding: 0 3px;
   color: #808080;
}

#listing .pagination a:hover {
   color: #333333;
}

/* --- Formularz --- */
#example-form {
   margin: 25px 10px;
}

.form .header {
   margin-bottom: 25px;
}

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

.form li {
   margin: 10px 0;
   line-height: 26px;
}

.form label {
   float: left;
   text-align: right;
}

.form .field {
   float: left;
}

.form textarea {
   border: 1px solid #d9d9d9;
   width: 204px;
   height: 200px;
   line-height: 18px;
   padding: 4px 7px;
}

.form textarea:focus {
   outline: none;
   border: 1px solid #79e400;
}

.form input[type="text"] {
   border: 1px solid #d9d9d9;
   width: 204px;
   height: 18px;
   line-height: 18px;
   padding: 4px 7px;
}

.form input[type="text"]:focus {
   outline: none;
   border: 1px solid #79e400;
}

.form input[type="submit"] {
   margin-left: 160px;
   background: #eee;
   border: 1px solid #d9d9d9;
   padding: 0 30px;
   height: 28px;
   line-height: 28px;
   text-transform: uppercase;
}

.form input[type="submit"]:hover {
   border: 1px solid #bababa;
   color: #222;
}

.form input[type="submit"]:active {
   border: 1px solid #79e400;
}

.form .error {
   color: #c00a0a;
   font-style: italic;
}

/* --- Komunikaty --- */
.notification {
   text-align: center;
   padding: 10px 0;
   line-height: 18px;
   margin-bottom: 25px;
}

.notification.success {
   border: 1px solid #79e400;
}

.notification.warning {
   border: 1px solid #fa8508;
}

.notification.error {
   border: 1px solid #c00a0a;
}

/* --- Lista aktualności --- */
#text .list {
   list-style: none;
   margin: 25px 0;
   padding: 0;
}

#text .list li {
   padding: 20px 0;
   border-bottom: 1px solid #C8C8C8;
}

#text .list li.last { border-bottom: none; }

#text .list li .title {
   margin: 0;
   padding: 0;
   font-weight: normal;
   font-size: 16px;
   color: #565656;
}

#text .list li .title .date {
   font-size: 11px;
   padding-left: 5px;
}

#text .list li .more {
   height: 18px;
   line-height: 18px;
   margin: 0;
   padding: 0 25px 0 0;
   text-align: right;
}

#text .list li .more .date {
   float: left;
   color: #A6A6A6;
}