@import url('https://fonts.googleapis.com/css?family=Linden+Hill&display=swap'); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} *:focus { outline: none; } *::-moz-focus-inner { border: none; } .contact-main div { font-family:"Linden+Hill" !important; color:#F0FFFF !important; text-indent: 1.5em !important; text-align: justify !important; } .contact-main div h1{ margin-top: 0.5em !important; margin-bottom: 1em !important; font-size:16px !important; } .contact-main div h2{ font-weight:bold !important; margin-bottom: 0.5em !important; margin-top: 0.5em !important; } a { color: #eee; outline: none; text-decoration: none; } a:active { outline: none; } a:hover { color: #fff; } .clear { clear: both; } .clearfix { display: block; } .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } *:focus { outline: none; } *::-moz-focus-inner { border: none; } * html .clearfix { height: 1%; } html, body { height: 100%; } .button { background: #ddd url("../imgs/gradients.png") 0 -120px repeat-x; border: 1px solid #eee; border-bottom: 1px solid #ddd; border-radius: 2px; color: #333; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 600; height: 30px; line-height: 28px; padding: 0 15px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 1); -moz-border-radius: 2px; -webkit-border-radius: 2px; } .button:hover { background-color: #f6f6f6; background-position: 0 -160px; border-color: #fff; color: #000; } .content { position: relative; } .content a { color: #1bc4de; } .content a:hover { color: #09f; text-decoration: underline; } .content abbr { border-bottom: 1px dashed #ccc; } .content acronym { border-bottom: 1px dotted #ccc; } .content address { color: #999; font-style: italic; margin: 0 0 10px 0; } .content cite { border-bottom: 1px dashed #0066ff; } .content del { color: #f00; text-decoration: line-through; } .content em { font-style: italic; } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { color: #bbb; font-weight: bold; margin: 0 0 12px 0; } .content h1 { font-size: 24px; font-weight: normal; line-height: 1.2em; margin: 0 0 15px 0; } .content h2 { font-size: 20px; line-height: 1.3em; margin: 0 0 15px 0; } .content h3 { font-size: 18px; line-height: 1.4em; } .content h4 { font-size: 16px; line-height: 1.5em; } .content h5 { font-size: 14px; line-height: 1.6em; } .content h6 { font-size: 12px; line-height: 1.6em; } .content img { border: 0px; } .content img.center { display: block; margin-left: auto; margin-right: auto; text-align: inherit; } .content img.left { float: left; text-align: inherit; } .content img.right { float: right; text-align: inherit; } .content ins { border-bottom: 1px solid green; color: green; text-decoration: none; } .content li { line-height: 1.5em; margin: 8px 0 12px 0; padding: 0 0 0 2px; } .content ul.style-1 li { margin: 0 0 6px 0; padding: 0; } .content ol, .content ul { list-style: disc; margin: 15px 0 30px 20px; } .content ol { list-style: decimal; } .content ul.style-1 { list-style: none; margin: 15px 0 30px 0; } .content p { line-height: 1.5em; margin: 0 0 12px 0; } .content strong { font-weight: bold; } .content table.center { margin-left: auto; margin-right: auto; text-align: inherit; } .content table.left { float: left; text-align: inherit; } .content table.right { float: right; text-align: inherit; } .content th { font-size: 13px; } .content thead { background-color: #fbb; } .content tfoot { background-color: #bbf; } .content .bold { font-weight: bold; } .content .center { text-align: center; } .content .full { text-align: justify; } .content .italic { font-style: italic; } .content .left { text-align: inherit; } .content .left-box { float: left; position: relative; width: 440px; } .content .right { text-align: right; } .content .right-box { float: left; position: relative; width: 440px; } .content .underline { text-decoration: underline; } .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { border: 0; margin: 0; outline: none; padding: 0; vertical-align: top; } .fancybox-wrap { left: 0; position: absolute; top: 0; z-index: 8020; } .fancybox-skin { background: #fff; border-radius: 2px; color: #444; position: relative; text-shadow: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 10px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; height: 100%; width: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../imgs/lightbox-sprites.png'); } #fancybox-loading { background-position: 0 -108px; cursor: pointer; left: 50%; margin-left: -22px; margin-top: -22px; opacity: 0.8; position: fixed; top: 50%; z-index: 8060; } #fancybox-loading div { background: url('../imgs/loading-dark.gif') center center no-repeat; height: 44px; width: 44px; } .fancybox-close { cursor: pointer; height: 36px; position: absolute; right: 0; top: 0; width: 36px; z-index: 8040; } .fancybox-nav { background: transparent url('../imgs/lightbox-blank.gif'); cursor: pointer; height: 100%; position: absolute; text-decoration: none; top: 0; width: 40%; z-index: 8040; -webkit-tap-highlight-color: rgba(0,0,0,0); } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { height: 36px; cursor: pointer; margin-top: -18px; position: absolute; top: 50%; visibility: hidden; width: 36px; z-index: 8040; } .fancybox-prev span { background-position: 0 -36px; left: 0; } .fancybox-next span { background-position: 0 -72px; right: 0; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { left: -99999px; max-height: 99999px; max-width: 99999px; overflow: visible !important; position: absolute; top: -99999px; visibility: hidden; } .fancybox-lock { overflow: hidden; } .fancybox-overlay { background: url('../imgs/lightbox-overlay.png'); display: none; left: 0; overflow: hidden; position: absolute; top: 0; z-index: 8010; } .fancybox-overlay-fixed { bottom: 0; position: fixed; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } .fancybox-title { font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; visibility: hidden; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { bottom: 0; margin-bottom: -35px; position: absolute; right: 50%; text-align: center; z-index: 8050; } .fancybox-title-float-wrap .child { color: #fff; display: inline-block; background: transparent; background: rgba(0, 0, 0, 0.8); border-radius: 6px; font-weight: bold; line-height: 24px; margin-right: -100%; padding: 2px 20px; text-shadow: 0 1px 2px #222; white-space: nowrap; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .fancybox-title-outside-wrap { color: #fff; margin-top: 10px; position: relative; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { background: #000; background: rgba(0, 0, 0, .8); bottom: 0; color: #fff; left: 0; padding: 10px; position: absolute; } .hide { display: none; } .nivo-box { display: block; overflow: hidden; position: absolute; z-index: 5; } .nivo-box img { display: block; } .nivo-caption { background: #000; bottom: 0px; box-sizing: border-box; color: #fff; display: none; filter: alpha(opacity=8); left: 0px; opacity: 0.8; overflow: hidden; padding: 5px 10px; position: absolute; width: 100%; z-index: 8; -moz-box-sizing: border-box; -moz-opacity: 0.8; -webkit-box-sizing: border-box; } .nivo-caption a { display: inline !important; } .nivo-caption p { margin: 0; padding: 5px; } .nivo-controlNav { text-align: center; z-index: 10; } .nivo-controlNav a { background: url("../imgs/sprites.png") -80px -90px no-repeat transparent; border: 0; cursor: pointer; display: inline-block; height: 10px; padding: 0 3px; text-indent: -9999px; width: 10px; } .nivo-controlNav a.active { background-position: -80px -100px; } .nivo-directionNav a { background: url("../imgs/sprites.png") 0 -90px no-repeat; border: 0; cursor: pointer; display: block; height: 30px; opacity: 0; position: absolute; text-indent: -9999px; top: 45%; transition: all 200ms ease-in-out; width: 30px; z-index: 9; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; } .nivo-html-caption { display: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } .nivo-nextNav { right: 0px; } .nivo-prevNav { left: 0px; } .nivo-slice { display: block; height: 100%; position: absolute; top: 0; z-index: 5; } .nivoSlider { height: auto; overflow: hidden; position: relative; width: 100%; } .nivoSlider:hover .nivo-directionNav a { opacity: 1; } .nivoSlider a.nivo-imageLink { background: white; border: 0; display: none; filter: alpha(opacity=0); height: 100%; left: 0px; margin: 0; opacity: 0; padding: 0; position: absolute; top: 0px; width: 100%; z-index: 6; } .nivoSlider a.nivo-nextNav { background-position: -30px -90px; right: 0px; } .nivoSlider a.nivo-prevNav { left: 0px; } .nivoSlider img { left: 0px; max-width: none; position: absolute; top: 0px; } body { background: #101010 url('../imgs/body.jpg') center top no-repeat; background-attachment: fixed; color: #999; font-family: 'Open Sans', sans-serif; font-size: 12px; width: 100%; } #body-inner { margin: 0 auto; position: relative; width: 960px; } #body-wrap { background: url('../imgs/body-pattern.png') repeat transparent; min-height: 100%; min-width: 1020px; width: 100%; } #body-wrap:before { content: ""; float: left; height: 100%; margin-top: -999em; } #contact-content { float: left; margin: 0 40px 0 0; position: relative; width: 340px; } #contact-content li { border-bottom: 1px solid #222; font-size: 13px; line-height: 1.3em; padding: 10px 0; } #contact-content li.bold { color: #f00; font-size: 14px; font-weight: 600; } #contact-content li strong { color: #ccc; font-weight: 600; } #contact-content ul { border-top: 1px solid #222; margin: 0 0 25px 0; } #contact-content ul.small { border: none; margin: 0 0 15px 0; } #contact-content ul.small li { border: none; font-size: 11px; padding: 3px 0; } #contact-form { float: left; position: relative; width: 520px; } #contact-form h4 { background: url("../imgs/sprites.png") 0 -160px no-repeat transparent; color: #0c0; font-size: 15px; height: 30px; line-height: 28px; padding: 0 0 0 29px; } #contact-form input, #contact-form textarea { background: #222; border: 1px solid #333; border-radius: 1px; color: #999; display: block; float: left; font-family: 'Monda', sans-serif; font-size: 12px; height: 20px; line-height: 18px; outline: none; margin: 0 5px 10px 0; padding: 5px 4px; transition: all 0.25s ease-in-out; white-space: normal; width: 160px; zoom: 1; -moz-border-radius: 1px; -moz-transition: all 0.25s ease-in-out; -webkit-border-radius: 1px; -webkit-transition: all 0.25s ease-in-out; } #contact-form input.last { margin: 0 0 10px 0; } #contact-form textarea { clear: both; float: none; height: 125px; line-height: 1.5em; margin: 0; overflow-y: auto; padding: 5px 1px 5px 4px; width: 513px; } #contact-form input:focus, #contact-form textarea:focus { background-color: #333; border-color: #444; box-shadow: 0 0 4px rgba(255, 255, 255, 0.2); color: #fff; -moz-box-shadow: 0 0 4px rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 0 4px rgba(255, 255, 255, 0.2); } #contact-form input.error, #contact-form textarea.error { background-color: #900; border-color: #c00; color: #fff; } #contact-form input.error:focus, #contact-form textarea.error:focus { background: #c00; border-color: #f00; box-shadow: 0 0 3px rgba(0, 0, 0, 0.9); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.9); } #contact-loading { background: #000 url("../imgs/loading.gif") 50% 45% no-repeat; display: none; height: 100%; padding: 5px 0 0 0; position: absolute; right: 0; top: -5px; width: 520px; z-index: 999; } #contact-main { margin: 40px 0 0 0; position: relative; } #contact-map { background: #111 url('../imgs/loading-dark.gif') 50% 50% no-repeat; border-radius: 2px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); color: #111; height: 280px; margin: 0 0 0 -1px; overflow: hidden; padding: 3px 0; width: 900px; } #contact-send { background: #ddd url("../imgs/gradients.png") 0 -120px repeat-x; border: 1px solid #eee; border-bottom: 1px solid #ddd; border-radius: 2px; color: #333; cursor: pointer; display: block; font-size: 12px; font-weight: 600; height: 28px; line-height: 28px; position: absolute; right: 0; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 1); top: -5px; width: 80px; z-index: 3; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #contact-send:hover { background-color: #f6f6f6; background-position: 0 -160px; border-color: #fff; color: #000; } #contact-wrap { position: relative; } #contact-wrap h3 { color: #fff; font-size: 16px; font-weight: 700; line-height: 1.3em; margin: 0 0 20px 0; } #footer-copyright { color: #555; display: inline-block; font-size: 10px; height: 30px; line-height: 18px; padding: 25px 0 15px 0; position: relative; } #footer-copyright:hover { color: #777; } #footer-copyright img { float: right; margin: 0 0 0 2px; } #footer-partners { float: right; font-size: 11px; margin: 26px 2px 0 0; } #footer-wrap { clear: both; height: 70px; position: relative; } #gallery-category { margin: 0 0 40px 0; padding: 0 19px; position: relative; } #gallery-media { clear: both; margin: 0 0 0 9px; position: relative; } #gallery-media li { background: #000 url('../imgs/loading.gif') 50% 50% no-repeat; border: 1px solid #222; border-radius: 1px; display: block; height: 130px; float: left; margin: 0 0 10px 10px; padding: 2px; width: 170px; -moz-border-radius: 1px; -webkit-border-radius: 1px; } #gallery-wrap { padding: 30px 0 20px 0; position: relative; } #heading-wrap { background: url('../imgs/heading-bg.png') bottom no-repeat transparent; border-radius: 2px; color: #fff; height: 50px; margin: -10px 0 20px 0; position: relative; width: 900px; } #heading-wrap h1 { color: #fff; font-family: 'Courgette', cursive; font-size: 30px; height: 50px; line-height: 52px; overflow: hidden; padding: 0 0 0 12px; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.6); width: 888px; } #heading-wrap h1 a { color: #fff; } #heading-wrap h1.top { margin: 0 0 5px 0; } #heading-wrap h1 span { font-size: 44px; } #home-content { margin: 30px 0 0 0; position: relative; } #home-content h1 { color: #fff; font-family: 'Courgette', cursive; font-size: 26px; line-height: 1.2em; margin: 0 0 15px 0; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); } #home-content p { line-height: 1.6em; } #home-content p.tags { margin: 20px 0 0 0; } #home-offers { background: url('../imgs/heading-bg.png') bottom no-repeat transparent; border-radius: 2px; color: #fff; height: 50px; margin: 20px 0 15px 0; position: relative; width: 900px; } #home-offers h3 { color: #fff; float: left; font-family: 'Courgette', cursive; font-size: 30px; height: 50px; line-height: 52px; overflow: hidden; padding: 0 0 0 12px; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.6); } #home-offers h3 span { font-size: 44px; } #home-offers p { color: #fff; font-size: 16px; height: 20px; line-height: 20px; position: absolute; right: 12px; top: 23px; } #home-wrap { position: relative; } #logo { float: left; margin: 20px 0 0 0; z-index: 2; } #logo-icon { background: url('../imgs/24h.png') no-repeat transparent; display: none; height: 38px; left: 380px; position: absolute; top: 26px; width: 36px; z-index: 3; } #main-content { background-clip: padding-box; border: 1px solid rgba(190, 180, 210, 0.1); border-radius: 0 0 2px 2px; border-top: none; min-height: 120px; padding: 29px; position: relative; width: 900px; -moz-border-radius: 0 0 2px 2px; -webkit-background-clip: padding-box; -webkit-border-radius: 0 0 2px 2px; } #main-wrap { background: url('../imgs/fade-70.png') repeat transparent; border-radius: 2px; box-shadow: 0 3px 40px rgba(0, 0, 0, 0.9); position: relative; width: 960px; -moz-border-radius: 2px; -moz-box-shadow: 0 3px 40px rgba(0, 0, 0, 0.9); -webkit-border-radius: 2px; -webkit-box-shadow: 0 3px 40px rgba(0, 0, 0, 0.9); } #menu-wrap { background: url('../imgs/menu-bg.png') no-repeat transparent; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); display: block; height: 60px; position: relative; width: 960px; } #menu-wrap .menu { float: left; height: 36px; position: relative; margin: 11px 0 0 0; } #menu-wrap .menu a { color: #eee; display: inline-block; font-size: 13px; font-weight: 600; height: 36px; line-height: 35px; padding: 0 12px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); text-transform: uppercase; } #menu-wrap .menu a:hover { background: #f00 url('../imgs/gradients.png') 0 0 repeat-x; border: 1px solid #f00; border-radius: 1px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); color: #fff; height: 34px; line-height: 33px; padding: 0 11px; } #menu-wrap .menu li { float: left; height: 36px; margin: 0 12px; } #menu-wrap .menu li.active a { color: #000; font-weight: 600; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); } #menu-wrap .menu li.active a:hover { color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } #menu-wrap .payments { position: absolute; right: 10px; top: 12px; } #offers-category { margin: 0 0 40px 0; padding: 0 19px; position: relative; } #offers-content { float: right; position: relative; width: 350px; } #offers-empty { color: #666; font-size: 14px; text-align: center; } #offers-home { background: #000; border: 1px solid #161616; height: 206px; position: relative; width: 898px; } #offers-home h4 { color: #fff; font-size: 15px; font-weight: bold; line-height: 1.3em; margin: 25px 0 12px 0; padding: 0 15px; } #offers-home h4 a { color: #f00; } #offers-home h4 a:hover { color: #f60; } #offers-home li { background: #090909; border: 1px solid #181818; border-radius: 1px; display: block; float: left; height: 180px; margin: 0 0 0 10px; padding: 2px; position: relative; width: 428px; -moz-border-radius: 1px; -webkit-border-radius: 1px; } #offers-home ul { border-bottom: 1px solid #000; height: 186px; padding: 10px 0 9px 0; width: 898px; } #offers-home .age { color: #ccc; margin: 0 0 15px 0; padding: 0 15px; } #offers-home .item-content { float: left; height: 180px; position: relative; width: 201px; z-index: 3; } #offers-home .media { background: #000 url('../imgs/loading.gif') 50% 50% no-repeat; border-right: 3px solid #000; display: block; float: left; height: 180px; overflow: hidden; width: 224px; z-index: 2; } #offers-home .new-de, #offers-home .new-en, #offers-home .new-pl { background: url('../imgs/new-de.png') no-repeat transparent; display: block; height: 80px; left: 0; position: absolute; top: 0; width: 90px; z-index: 4; } #offers-home .new-en { background-image: url('../imgs/new-en.png'); } #offers-home .new-pl { background-image: url('../imgs/new-pl.png'); } #offers-home .phone { background: #090909 url('../imgs/gradients.png') 0 -140px repeat-x; color: #fff; height: 30px; line-height: 29px; padding: 0 15px; width: 174px; } #offers-home .read { background: #f00 url('../imgs/sprites.png') 0 -190px no-repeat; bottom: 0px; color: #fff; display: block; height: 40px; left: 0px; line-height: 39px; padding: 0 35px 0 15px; position: absolute; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); width: 151px; } #offers-home .read:hover { background-color: #c00; background-position: 0 -240px; } #offers-list { margin: 0 0 0 -12px; padding: 4px 0 0 0; position: relative; width: 912px; } #offers-list li { background: #000; border: 1px solid #222; border-radius: 1px; display: block; float: left; height: 258px; margin: 0 0 12px 12px; overflow: hidden; padding: 2px; position: relative; width: 286px; -moz-border-radius: 1px; -webkit-border-radius: 1px; } #offers-list .box { background: #f00 url('../imgs/gradients.png') 0 -40px repeat-x; border-top: 1px solid #f00; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.5); display: block; height: 100px; left: 2px; position: absolute; top: 218px; width: 286px; z-index: 4; } #offers-list .box a { color: #fff; display: block; font-size: 14px; line-height: 1.4em; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); padding: 10px 10px 5px 10px; } #offers-list p { color: #eee; display: none; line-height: 1.4em; padding: 0 10px 10px 10px; } #offers-list .media { background: #000 url('../imgs/loading-gif') 50% 50% no-repeat; display: block; height: 218px; overflow: hidden; width: 286px; z-index: 2; } #offers-list .new-de, #offers-list .new-en, #offers-list .new-pl { background: url('../imgs/new-de.png') no-repeat transparent; display: block; height: 80px; left: 0; position: absolute; top: 0; width: 90px; z-index: 3; } #offers-list .new-en { background-image: url('../imgs/new-en.png'); } #offers-list .new-pl { background-image: url('../imgs/new-pl.png'); } #offers-media { background: #000; border: 1px solid #222; border-radius: 1px; display: block; float: left; height: 492px; padding: 3px; position: relative; width: 522px; -moz-border-radius: 1px; -webkit-border-radius: 1px; } #offers-media, #offers-media a, #offers-media img, #offers-media li { outline: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; } #offers-media li { background: #000 url('../imgs/loading.gif') 50% 50% no-repeat; border: 1px solid #000; border-radius: 1px; cursor: pointer; display: block; height: 94px; float: left; margin: 0 6px 0 0; width: 124px; -moz-border-radius: 1px; -webkit-border-radius: 1px; } #offers-media li.active { border-color: #fff; } #offers-media ul { display: block; height: 96px; overflow: hidden; position: relative; width: 528px; } #offers-media .preview { background: #000 url('../imgs/loading.gif') 50% 50% no-repeat; border: 1px solid #000; display: block; height: 390px; margin: 0 0 4px 0; overflow: hidden; width: 520px; } .offers-media-prev, .offers-media-next { background: url('../imgs/sprites.png') 0 -490px no-repeat transparent; bottom: 4px; cursor: pointer; display: none; height: 94px; position: absolute; width: 40px; z-index: 98; } .offers-media-next { background-position: -90px -490px; right: 4px; } .offers-media-next:hover { background-position: -140px -490px; } .offers-media-prev { background-position: 0 -490px; left: 4px; } .offers-media-prev:hover { background-position: -50px -490px; } #offers-profile { border-top: 1px solid #222; margin: 0 0 35px 0; } #offers-profile li { border-bottom: 1px solid #222; color: #bbb; line-height: 1.3em; padding: 10px 5px 10px 150px; position: relative; } #offers-profile li:hover { background-color: #000; } #offers-profile li.phone { color: #f00; font-size: 13px; font-weight: 600; } #offers-profile li.phone strong { color: #f00; } #offers-profile strong { color: #999; font-size: 11px; left: 5px; position: absolute; } #offers-slideshow { background: #000; border: 1px solid #222; height: 182px; margin: 0 0 0 -1px; padding: 3px 0; position: relative; width: 898px; } #offers-wrap { position: relative; } #pages-content { position: relative; } #sexy-scrollable { height: 182px; overflow: hidden; position: relative; width: 100%; z-index: 4; } #sexy-scrollable li { background: #111 url('../imgs/loading-light.gif') 50% 50% no-repeat; border: 1px solid #000; border-radius: 1px; cursor: pointer; display: block; float: left; height: 180px; margin: 0 3px 0 0; overflow: hidden; outline: none; position: relative; user-select: none; width: 240px; -moz-border-radius: 1px; -moz-user-select: none; -webkit-border-radius: 1px; -webkit-user-select: none; } #sexy-scrollable ul { height: 182px; position: relative; width: 9999px; } #sexy-scrollable .caption { background: #e315ee; bottom: 0; color: #fff; display: none; font-size: 14px; font-weight: 600; left: 0; line-height: 1.3em; padding: 10px; position: absolute; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); width: 220px; z-index: 5; } #sexy-scrollable .caption span { display: block; font-size: 11px; font-weight: normal; padding: 4px 0 0 0; } #sexy-scrollable .new-de, #sexy-scrollable .new-en, #sexy-scrollable .new-pl { background: url('../imgs/new-de.png') no-repeat transparent; display: block; height: 80px; left: 0; position: absolute; top: 0; width: 90px; z-index: 9; } #sexy-scrollable .new-en { background-image: url('../imgs/new-en.png'); } #sexy-scrollable .new-pl { background-image: url('../imgs/new-pl.png'); } .sexy-scrollable-next, .sexy-scrollable-prev { background: url('../imgs/sprites.png') 0 -290px no-repeat transparent; cursor: pointer; display: none; height: 180px; position: absolute; top: 4px; width: 40px; z-index: 98; } .sexy-scrollable-next { background-position: -90px -290px; right: 0; } .sexy-scrollable-next:hover { background-position: -140px -290px; } .sexy-scrollable-prev { background-position: 0 -290px; left: 0; } .sexy-scrollable-prev:hover { background-position: -50px -290px; } #slideshow-content { float: left; margin: 60px 0 0 30px; overflow: hidden; width: 440px; } #slideshow-content a { background: url('../imgs/sprites.png') 0 -60px no-repeat; border-radius: 2px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4); color: #fff; display: inline-block; font-size: 16px; font-weight: 600; height: 42px; line-height: 40px; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); padding: 0 25px; position: relative; -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4); } #slideshow-content a:hover { background-position: 0 -110px; color: #fff; } #slideshow-content a span { background: url('../imgs/sprites.png') -280px -60px no-repeat; display: block; height: 42px; position: absolute; right: 0; top: 0; width: 20px; } #slideshow-content a:hover span { background-position: -280px -110px; } #slideshow-content h2 { color: #fff; font-family: 'Courgette', cursive; font-size: 24px; font-weight: 600; line-height: 1.2em; margin: 0 0 20px 0; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } #slideshow-content p { color: #eee; font-size: 14px; line-height: 1.5em; margin: 0 0 25px 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); } #slideshow-inner { background: url("../imgs/slideshow-inner.png") no-repeat transparent; display: block; height: 300px; left: 0; position: absolute; top: 0; width: 900px; z-index: 4; } #slideshow-media { display: block; height: 300px; overflow: hidden; position: absolute; right: 0; top: 0; width: 520px; z-index: 3; } #slideshow-media img { display: none; height: 300px; position: absolute; right: 0; top: 0; width: 520px; } #slideshow-wrap { background: #d80000 url('../imgs/slideshow.png') no-repeat; border-bottom: 1px solid #000; border-radius: 1px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6); color: #fff; height: 300px; margin: 0; position: relative; width: 900px; z-index: 2; } #top-contact { color: #eee; font-family: 'Courgette', cursive; font-size: 14px; height: 34px; line-height: 33px; position: absolute; right: 0px; top: 50px; text-align: right; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); } #top-contact span { margin: 0 2px 0 0; } #top-contact strong { color: #ff0; font-family: 'Open Sans', sans-serif; font-size: 24px; font-style: italic; font-weight: 600; } #top-wrap { height: 110px; position: relative; width: 960px; } #top-wrap .language { background: #000; border: 1px solid #292929; border-radius: 0 0 1px 1px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); padding: 0 3px; position: absolute; right: 0px; top: 0px; } #top-wrap .language a { background: url('../imgs/sprites.png') 0 0 no-repeat transparent; cursor: pointer; display: block; height: 26px; line-height: 26px; overflow: hidden; text-indent: -9999px; width: 30px; } #top-wrap .language a:hover { background-position: 0 -30px; } #top-wrap .language a.en { background-position: -30px 0; } #top-wrap .language a.en:hover { background-position: -30px -30px; } #top-wrap .language a.pl { background-position: -60px 0; } #top-wrap .language a.pl:hover { background-position: -60px -30px; } #top-wrap .language li { float: left; } #top-wrap .language li.active a { background-position: 0 -30px; } #top-wrap .language li.active a.en { background-position: -30px -30px; } #top-wrap .language li.active a.pl { background-position: -60px -30px; }