/* default * ============================================ */ * {margin: 0; padding: 0; outline: 0 none;} blockquote {margin-left: 20px;} table {border-color: #beb9b9; margin-bottom: 20px} table td {border-color: #beb9b9; padding-left: 5px;} p {padding: 0 0 20px 0;} p img {vertical-align: middle} a {color: inherit; text-decoration: none; -webkit-transition: color 0.4s;-moz-transition: color 0.4s;-ms-transition: color 0.4s;-o-transition: color 0.4s;transition: color 0.4s;} a:hover {text-decoration: underline;} hr {border-top: 1px solid #939393; border-width:1px 0 0 0; height: 0; margin: 10px 0;} h1,h2,h3,h4,h5,h6 {color: #323135; font: normal 28px/1.3 'klavika_lightregular', Arial, sans-serif; margin: 10px 0;} h2 {border-bottom: 1px solid #c8c8c8; margin-bottom: 25px;} h3 {font-size: 23px;} h4,h5,h6 {margin-bottom: 5px; font-size: 18px;} #wrapper {font: normal 14px/1.4 'klavika_lightregular', Arial, sans-serif; color: #7f7f7f; text-align: left; min-height: 100%; overflow: hidden} #body {overflow: hidden; position: relative;} /* content default * ============================================ */ .content ul, .content ol {margin-left: 20px; margin-bottom: 10px;} .content ul > li {list-style: outside disc;} .content ol > li {list-style: outside decimal;} .content img {max-width: 100%; height: auto !important;} .content img.left {margin-bottom: 10px; margin-right: 20px; float: left} .content img.right {margin-bottom: 10px; margin-left: 20px; float: right} .content iframe {border: 1px solid #beb9b9; max-width: 100%;} ::selection {background: #d1d2d3; color: #fff} ::-moz-selection {background: #d1d2d3; color: #fff} /* dafault form * ============================================ */ form input[type=text], form select {display:block; width:100%; height:32px; line-height: 32px;} form input[type=text], form select, form textarea {background:#f0f0f0; padding-left:10px; border:1px solid #d2d2d2; margin-bottom:7px; font-family: inherit; color: #5D5757;} form input[type=text]:focus, form select:focus, form textarea:focus {border-color: #adaa9f} form select {padding: 4px 3px 3px 10px;} form select option {padding: 2px 10px;} form textarea {padding:8px 10px; width:100%; max-width:100%; min-width:100%; overflow:auto;} form label {line-height: 28px !important;} form input[type=submit] {background: #403C3D; border: 0 none; color: #fff; height: 32px; line-height: 32px; display: block; cursor: pointer; margin-top: 7px; float: right; padding: 0 20px; border-radius: 3px} form input[type=submit]:hover {background: #6e6b6b} form input[type=submit]:active {background: #525050} .form-wrap {width: 100%;} form .one-half {width: 49%; float: left;} form .one-half:nth-child(2n+1) {margin-right: 2%} form .captcha-wrap {float: left;} form .captcha, form #captcha {float: left; margin-right: 10px; margin-top: 7px} form input[name=kod], form input[name=kod2] {width: 110px; float: left; margin-right: 0; margin-top: 7px} /* dafault sidebar * ============================================ */ .sidebar {margin: 0;} .sidebar .box {list-style: none outside none; margin-bottom: 15px} .sidebar .box:last-child {margin-bottom: 0;} .sidebar h3.box-title {border-bottom: 1px solid #c8c8c8; margin-bottom: 25px; font-size: 28px;} .sidebar .button {float: right} /* class * ============================================ */ .content01 {float: left; width: 45%;} .content02 {float: left; width: 45%; margin-left: 10%;} .content03 {float: left; width: 100%; clear: both} .wrongVal {background: #ee8282 !important; border-color: #d83939 !important} .msg {clear: both; padding: 10px 0 15px;} .strong {font-weight: bold} .wrap {width: 980px; margin: 0 auto;} .clearfix:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0;} .clearfix {display: block;} .button {background: #737678; color: #fff; padding: 5px 25px; border-radius: 3px; display: inline-block; font-family: 'klavika_regularregular'; font-size: 14px} .button:hover {text-decoration: none;} .button:active {box-shadow: 0 0 10px rgba(0,0,0,0.2) inset; -webkit-transition: all 0.1s; -moz-transition: all 0.1s;-ms-transition: all 0.1s; -o-transition: all 0.1s;transition: all 0.1s;} .special-container {background: #ebebec; padding: 30px 100px 10px; color: #fff; font-size: 18px; line-height: 1.3} .one-third {width: 33.33%; float: left; padding: 0 40px 20px} /* common * ============================================ */ .form-wrap, form textarea, form input[type=text], #main, .content img, #logo, .desc-wrap, .special-container, .one-third {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #nav a, #header a, #nav:not(.active), .button, .slider-content-nav .slider-prev, .slider-content-nav .slider-next {-webkit-transition: all 0.4s; -moz-transition: all 0.4s;-ms-transition: all 0.4s; -o-transition: all 0.4s;transition: all 0.4s;} /* header * ============================================ */ #header {position: relative} #header a {text-decoration: none} #header a:hover {opacity: 0.8} #top {background: url('../images/bg-top.jpg') repeat-x; width: 100%; height: 400px; position: absolute; left: 0; right: 0; top: 0; z-index: -1} #logo {margin: 0 auto; padding: 12px 0 4px; line-height: 110px; display: block;text-align: center; /*float: left;*/} #logo img {max-width: 100%; max-height: 100%; vertical-align: middle;} .links {float: right; padding-top: 25px; padding-right: 10px; font-size: 13px} .links li {display: inline-block; margin-left: 20px} #langs {background: #F4F4F4; position: absolute; right: 0; top: 0; padding: 10px 10px; line-height: 0.8} #langs li, #langs li span, #langs li a {display: inline-block} #langs li {margin: 0 5px} #langs li span, #langs li a {background: url('../images/langs.png') no-repeat; background-size: cover; width: 22px; height: 14px; text-indent: -20px; overflow: hidden;} #langs li.active {opacity: 0.5} #langs li.lang-pl span, #langs li.lang-pl a {background-position: left top} #langs li.lang-en span, #langs li.lang-en a {background-position: left -16px} #langs li.lang-de span, #langs li.lang-de a {background-position: left -33px} /* main * ============================================ */ #main {padding-bottom: 30px; position: relative} .box-text {margin-bottom: 15px} .page-sidebar-column #content {width: 650px; float: left} #sidebar-column {float: left; width: 310px; margin-left: 20px} .sidebar-column-left.page-sidebar-column #content {float: right} .sidebar-column-left #sidebar-column {margin-left: 0} .page-template-3-box #content {padding: 20px 0} .page-template-3-box .one-third {background: #fcfbfb; padding-top: 20px} .page-template-3-box .one-third-second {background: #FAFAFA; position: relative; padding: 40px 40px 40px; margin-top: -20px; margin-bottom: -20px; border-radius: 4px} .page-template-3-box .one-third-second:before, .page-template-3-box .one-third-second:after {background: url('../images/box-shadow.png') no-repeat; content: ""; width: 7px; height: 290px; display: inline-block; position: absolute; top: 0; bottom: 0; margin: auto;} .page-template-3-box .one-third-second:before {background-position: left center; left: -7px} .page-template-3-box .one-third-second:after {background-position: right center; right: -7px} .page-template-3-box #content h3 {border-bottom: 1px solid #d1cfcf; padding-bottom: 10px; margin-bottom: 15px} .mapa-iframe iframe {display: block; width: 100% !important;} /* nav (horizontal) * ============================================ */ #nav {float: right} #nav .menu {padding: 20px 0 20px;} #nav .menu li {list-style: none outside none; white-space: nowrap; position: relative;} #nav .menu > li {display: inline-block; margin: 0 10px;} #nav a {text-decoration: none; font: normal 16px/1.3em 'klavika_lightregular', Arial, sans-serif, Tahoma, Verdana; color: #48484a; display: block; padding: 6px 15px 5px; border-radius: 4px; text-transform: uppercase;} #nav .menu > li:hover > a, #nav .menu > li > a.current-link, #nav .menu > li.current-parent > a {color: #fff; opacity: 1} #nav .menu > li.parent:hover > a {border-radius: 4px 4px 0 0} #nav .menu > li:last-child {margin-right: 0} /* submenu */ #nav .menu ul {background: #fff; position: absolute; left: 0; top: 31px; display: none; padding: 15px 15px 10px; z-index: 196; min-width: 115%; visibility: hidden; border-radius: 0 4px 4px 4px;} #nav .menu ul li {border-bottom: 1px dotted #fff} #nav .menu li:last-child ul {left: auto; right: 0;} #nav .menu li:hover > ul {display: block; visibility: visible} #nav .menu ul li a {padding: 7px 30px 7px; font-size: 16px; text-transform: none; padding-left: 15px; float: none !important; margin: 0; -webkit-transition: background-color 0.4s;-moz-transition: background-color 0.4s;-ms-transition: background-color 0.4s;-o-transition: background-color 0.4s;transition: color 0.4s;} #nav .menu ul li a:before {content: "→"; float: left; font: normal 13px/1.7 Arial, Helvetica, sans-serif; text-indent: -9px; overflow: hidden; margin-right: 15px; display: inline-block; height: auto; width: auto} #nav .menu ul li:last-child {border: none;} #nav .menu ul a:hover {opacity: 1} #nav .menu ul ul {left: 100%; top: -15px;} /* level 3 */ #button-mobile-menu {display: none; overflow: hidden} #button-mobile-menu a {background: url('../images/nav-mob.png') #f4f4f6 no-repeat center center; display: block; display: block; float: right; width: 50px; height: 50px; text-indent: -100px; border: 0 none; overflow: hidden; padding: 0 !important; border-radius: 50px; opacity: 0.55} #button-mobile-menu a:hover {opacity: 1} /* slider * ============================================ */ .slider-content-wrap {background: url('../images/loading.gif') #fff no-repeat center center; padding: 0; position: relative; margin-bottom: 25px;} ul.slider-content {background: #fff; padding: 0; margin: 0; overflow: hidden;} .slider-content li.item {background: none; display: block; padding: 0; max-width: 100%; float: left; position: relative} .slider-content img {max-width: 100%; width: 100%;} .slider-content .layer-mask {background: url('../images/slider-mask.png'); display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%} .slider-content-slides {overflow: hidden} .slider-content-loader {height: 0; padding: 0 0 39.5%} .slider-content-wrap .desc-wrap:before {background: #bfbfbf; content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.9} .slider-content-wrap .desc-wrap {position: absolute; z-index: 10; color: #fff; left: -12px; bottom: 0; top: 0; margin: auto; width: 420px; height: 155px; color: #fff; padding: 5px 5px 5px 50px; line-height: 1.2} .slider-content-wrap .desc-wrap:after {background: url('../images/slider-desc-corner.png'); content: ""; width: 12px; height: 7px; display: inline-block; position: absolute; left: 0; bottom: -7px} .slider-content-wrap .desc-wrap h3 {color: inherit; font-size: 30px; padding: 0;} .slider-content a {width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; z-index: 10} .slider-content-nav {position: absolute; right: -12px; bottom: 0; top: 0; margin: auto; z-index: 10; height: 45px;} .slider-content-nav .slider-prev, .slider-content-nav .slider-next {background-image: url('../images/arrows-slider.png'); background-repeat: no-repeat; width: 45px; height: 45px; font-size: 18px; line-height: 18px; vertical-align: middle; display: block; color: #fff; margin: 55px 0 0 1px; text-align: center; text-indent: -2000em; opacity: 0.8} .slider-content-nav .slider-prev {background-position: 12px 8px; float: left} .slider-content-nav .slider-next {background-position: -48px 8px; float: left;} .slider-content-nav.dark-color .slider-prev {background-position: 12px -44px; float: left} .slider-content-nav.dark-color .slider-next {background-position: -48px -44px; float: left;} .slider-content-nav .slider-prev:hover, .slider-content-nav .slider-next:hover {opacity: 1; text-decoration: none} .slider-content-paging-wrap {text-align: center; padding: 0; margin-top: -34px; position: relative; z-index: 10} .slider-content-paging:before {background: url('../images/corner-paging.png') no-repeat left top; content: ""; width: 15px; height: 34px; display: inline-block; position: absolute; left: -15px; top: 0} .slider-content-paging {background: url('../images/bg-paging.png') no-repeat right top; position: relative; display: inline-block !important; padding: 10px 25px 10px 10px; line-height: 0.1em;} .slider-content-paging a span {background: #cecdcd; display: inline-block; width: 11px; height: 11px; border: 1px solid #fff; overflow: hidden; text-indent: -2000em; border-radius: 13px;} .slider-content-paging a {border: 1px solid #cecdcd; border-radius: 13px; margin: 0 4px; display: inline-block !important;} .slider-content-paging a.selected span {background: #595959} .caroufredsel_wrapper {background: #fff; overflow: hidden} .slider-content-paging, .slider-content-nav .slider-prev, .slider-content-nav .slider-next, .slider-content img, .slider-content .desc-wrap, .slider-content-wrap > .desc-wrap {display: none} .caroufredsel_wrapper .slider-content img {display: block;} .slider-content-nav .slider-prev.disabled, .slider-content-nav .slider-prevdisabled {visibility: hidden} /* footer * ============================================ */ .footer {background: #ECEDEE; color: #000; display: block; margin-bottom: 30px} .footer .wrap {min-height: 70px; position: relative; font: normal 11px Tahoma, Verdana, Arial;} #footer-box {margin-bottom: 30px;} #copy {float: left; margin: 28px 0 0 20px; color: inherit; opacity: 0.7} #design-by {float: right; margin: 20px 20px 0 0; text-align: right; color: inherit; opacity: 0.7} #design-by strong {display: block;} #design-by a {text-decoration: none; color: inherit;} /* gallery * ============================================ */ .gallery-wrap {margin: 26px 0; width: 100%; clear: both} .gallery-wrap .item {background-color: #F2F2EF; display: block; float: left; text-align: center; vertical-align: middle; margin: 0 10px 10px 0; position: relative; overflow: hidden;} .gallery-photo-frame .item { display: flex; flex-direction: column; justify-content: center; padding: 8px;} .gallery-wrap .item > a {display: block; text-align: center; vertical-align: middle;} .gallery-wrap .item:hover {filter:alpha(opacity: 90); -moz-opacity: 90%; opacity: 0.9;} .gallery-wrap .item .title {padding: 5px 0 0 5px; line-height: 16px; font-weight: bold;} .gallery-wrap .item img {vertical-align: middle; margin: auto;} .gallery-photo-frame .item .title {padding: 5px 0 0 0;} .galleryPaging {display: table; width: 95%; clear: both; margin: 5px 0; padding-right: 20px;} .fleft {float:left;} .fright {float:right;} /* form * ============================================ */ #form-contact textarea {height: 332px} /* cookies * ============================================ */ #cookies {background: #50575E; background: rgba(80,87,94,0.95); width: 600px; color: #fff; border-top: 1px solid #DDDDDD; font: 13px Arial, Helvetica, sans-serif; display:none; padding: 10px 0; position: fixed; bottom: 40px; right: 60px; z-index: 20; border-radius: 10px} #cookies p {padding: 5px 20px; padding-right: 50px} #cookies a {background: url('../images/close-button.png') no-repeat; display: block; width: 23px; height: 23px; text-indent: -100px; overflow: hidden; position: absolute; right: 10px; top: 10px;} #cookies a:hover {opacity: 0.7; color:#000;} /* facebook * ============================================ */ #slide-box-fblike {cursor: pointer; position: fixed; right: -326px; top: 126px; z-index: 15;} .no-touch #slide-box-fblike {transition: right 0.4s ease-out 0s, z-index 0.01s ease-in 0.4s;} .no-touch #slide-box-fblike:hover {right: 0; transition: right 0.4s ease-out 0s, z-index 0.01s ease-in 0s; z-index: 15;} #slide-box-fblike .inside {background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #39579B; height: 250px; padding: 10px; position: relative; width: 302px; z-index: 2;} #slide-box-fblike .belt {background: url("../images/bt_social.png") repeat scroll 0 0 #3B5999; border-radius: 3px 0 0 3px; color: #FFFFFF; font-family: Verdana; font-size: 1px; font-weight: bold; height: 49px; left: -47px; position: absolute; top: 0; width: 47px; z-index: 0;} #slide-box-fblike:hover .belt {background-position: 0 -49px;} /* default (news, catalog) * ============================================ */ .listing h3.title, .listing h3.title a {margin-top: 0; text-transform: none; padding-top: 0; padding-left: 0; font-size: 18px; font-weight: normal; text-transform: uppercase; /*text-align: center*/} .listing h3.title a {text-decoration: none; padding: 5px 0; display: block;} .listing .item {padding: 10px 0; width: 100%;} .listing .item:last-child {border: 0 none;} .listing .thumbwrap {float: left; margin-right: 20px;} .single h3.title {font-size: 30px; text-transform: uppercase; margin: 0 0 20px; padding: 0 0 10px 0; border-bottom: 1px solid #777575;} .single .thumbwrap {background: #FBFAF8; float:left; margin-right: 20px} .single .thumbwrap img {display: block; margin: 0; width: 100%} .single .thumbwrap .loading {position: absolute; width: 100%; text-align: center; color: #a0a0a1; height: 20px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0} /* default paging * ============================================ */ .paging {text-align: center; border-top: 1px solid #D4D1D1; padding-top: 5px; margin-top: 10px} .paging a, .paging span {margin: 0 2px; font-size: 15px;} .paging a.prev, .paging a.next, .paging span.prev, .paging span.next {font-size: 14px; padding: 4px 2px; float: left;} .paging span.prev, .paging span.next {filter:alpha(opacity: 20); -moz-opacity: 20%; opacity: 0.2;} .paging a.next, .paging span.next {float: right} .paging a.number, .paging span.number {padding: 4px 1px; display: inline-block;} /* mobile * ============================================ */ @media only screen and (min-width: 767px){ #nav {position: static !important; top: 0 !important} #nav .menu {display: block !important;} } @media only screen and (max-width: 999px){ .wrap {width: 768px;} #main iframe {max-width: 100%;} #main img {max-width: 100%; height: auto !important;} #nav a {padding: 6px 10px 5px;} #nav .menu > li {margin: 0 2px} #logo img {max-width: 95%} .page-sidebar-column #content {width: 530px;} #sidebar-column {width: 220px; margin-left: 18px} .one-third .box-text {height: auto !important} } @media only screen and (max-width: 767px){ .wrap {width: 100%;} .one-third {float: none; margin: 0; width: auto; position: static} #sidebar-column {padding-bottom: 0} .page-sidebar-column #content, #sidebar-column {width: auto; margin: 0; float: none} #main {padding: 0 15px 15px 15px; margin: 0} #nav {background: transparent; top: 10px; right: 20px; position: fixed; margin: 0; width: 50px; z-index: 50} #nav .menu {background: #F4F4F6; display: none; width: 300px; position: absolute; z-index: 60; padding: 0; margin: 0; top: 55px; right: 5px} #nav li {width: 100% !important} #nav .menu li a, #nav .menu ul > li > a {text-align: center; color: #22150f; float: none; padding: 8px 0; height: auto; border-radius: 0} #nav .menu li {margin: 0; float: none; border: 0 none !important;} #nav .menu > li:last-child {border: 0 none} #nav .menu ul {min-width: 100%; position: static; padding: 0; border: 0 none; display: block !important; visibility: visible !important; opacity: 1 !important; border-radius: 0} #nav .menu ul a {background: #e8e8e8; color: #222 !important} #nav .menu ul ul a {background: #d9d9d9; } #nav .menu ul a:hover {background: #b9bbbd !important;} #nav .menu > li a:before {display: none; visibility: hidden} #nav .menu > li:hover > a, #nav .menu > li > a.current-link, #nav .menu > li.current-parent > a {background: #ABABAB; color: #fff !important} #top {top: -100px} #logo {margin-left: 20px} #button-mobile-menu {display: block;} #langs {top: 20px; right: 75px} #footer-box {padding: 30px 30px 10px} #cookies {width: 90%; margin: 0 5%; right: 0; bottom: 30px;} } @media only screen and (max-width: 480px){ #logo {width: 90%; float: none; padding: 0; margin: 0 auto; display: block; text-align: center} #logo img {padding-left: 0; display: block; padding: 20px 0; display: inline-block;} .content img.left, .content img.right {float: none; display: block; margin-left: 0; margin-right: 0} table {width: 100% !important} .slider-content-nav {right: 5px} .slider-content-nav .slider-prev, .slider-content-nav .slider-next {margin-top: 20px;} #main {margin-bottom: 0} .slider-content-wrap > .desc-wrap, .slider-content-paging-wrap {display: none !important} .slider-content-wrap {border-bottom: 15px solid #d5d2d2} #langs {top: 0; right: auto; left: 0} #top {display: none} #footer-box, #footer {margin: 0} #footer .wrap {padding-top: 20px} #footer-foo {padding-bottom: 10px} #copy, #design-by {float: none; text-align: center; margin: 0 auto 5px; padding: 0; display: block;} #design-by strong {display: inline-block} }