/* Author: Mariusz Adamiec */ @import url(../fonts/font.css); * { margin: 0; padding: 0; box-sizing: border-box; border: none; } img { height: auto; max-width: 100%; } body { font-family: 'Open Sans', Arial, Tahoma sans-serif; font-size: 14px; font-weight: normal; color: #515151; } a { color: #000000; } a:hover { text-decoration: none; } /* Float */ .float-left { float: left; } .float-right { float: right; } .float-none { float: none; } /* Text align */ .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } /* Positions */ .absolute { position: absolute; } .relative { position: relative; } .fixed { position: fixed; } /* Default columns */ .col-4 { position: relative; overflow: hidden; float: left; margin-bottom: 30px; max-height: 220px; max-width: 220px; } /* Default margin sizes */ .m-r10 { margin-right: 10px; } .m-r15 { margin-right: 15px; } .m-r20 { margin-right: 20px; } .m-l10 { margin-left: 10px; } .m-l15 { margin-left: 15px; } .m-l20 { margin-left: 20px } .m-t10 { margin-top: 10px; } .m-t15 { margin-top: 15px; } .m-t20 { margin-top: 20px; } .m-b10 { margin-bottom: 10px; } .m-b15 { margin-bottom: 15px; } .m-b20 { margin-bottom: 20px; } /* Default fonts in current project (change if needed) */ .main-font { font-family: 'Open Sans Condensed'; } .second-font { font-family: 'Open Sans' } .bold { font-weight: 700; } .regular { font-weight: 400; } .light { font-weight: 300; } .text-size { font-size: 14px; } .text-color { color: #515151; } .header-color { color: #131d2a;} /* Other default settings for current project */ .separator { display: inline-block; margin-left: 16px; font-size: 12px;} .block { display: block; } .display-none { display: none !important;} .no-type { list-style-type: none; } .no-border { border: none; } .no-margin { margin-right: 0px !important; } .radius { border-radius: 5px; } #frame a { text-decoration: none; } #frame h2 { font-size: 26px; margin: 38px 0px 38px 0} #frame h3 { font-size: 20px; margin: 20px 0px; } .odd-even:nth-child(odd) { background: #fff; } .odd-even:nth-child(even) { background: #e8e8e8; } select { -webkit-appearance: none; -moz-appearance: none; } select:focus, input:focus{ outline: 0; } ::-webkit-input-placeholder { color: #515151; } /* WebKit browsers */ :-moz-placeholder { color: #515151; } /* Mozilla Firefox 4 to 18 */ ::-moz-placeholder { color: #515151; } /* Mozilla Firefox 19+ */ :-ms-input-placeholder { color: #515151; } /* Internet Explorer 10+ */ /* END OF DEFAULTS */ #frame { width: 100%; overflow: hidden; } #menu-trigger { display: none; } .top-fixed { position: fixed; top: 0px; left: 0px; width: 100%; min-height: 80px; } .content-wrapper { position: relative; max-width: 980px; margin: auto; padding: 15px 20px; overflow: hidden; } .max-wrapper { width: 100%; overflow: hidden; } .big-header { background: #e8e8e8; } ul.horizontal-menu { right: -14px; bottom: 10px;} ul.horizontal-menu li { display: inline-block; padding: 0 10px; } ul.horizontal-menu li a { font-family: 'Open Sans'; font-size: 14px; color: #515151; } .btn-wrapper { margin: 24px 24px 0 0; float: right; } #top { overflow: hidden; max-width: 980px; width: auto; min-height: 80px; height: auto; margin: 0 auto; padding: 15px 20px; position: relative; } #logo { display: block; width:140px; height:50px; } #search-rwd { overflow: hidden; padding: 15px 20px; display: none; margin-top: 30px;} #top form legend { line-height: 24px; } #top form input[type="submit"], #tests-categories form input[type="submit"] { width: 35px; height: 26px; background: url('../images/search.jpg') no-repeat; border: none; border-radius: 3px; right: -1px; top: -1px; } .input-wrapper { border: 1px solid #afafaf; width: 296px; height: 26px; } .input-wrapper input, select { position: absolute; border: none; height: 100%; font-family: 'Open Sans'; font-size: 12px;} .input-wrapper input[type="text"] { left: 10px; border-right: 1px solid #afafaf; width: 120px; } .input-wrapper select { width: 120px; background: url('../images/select.png') no-repeat 90px 10px; padding-left: 10px; padding-right: 30px; left: 140px; color: #515151; } .login { width: 126px; height: 26px; background: #131d2a; background-image: url('../images/login.png'); background-repeat: no-repeat; background-position: 20px 5px; margin-left: 5px; border-radius: 3px; color: #fff; font-size: 12px; padding: 4px 0px 4px 50px; } .logout { width: initial; height: 26px; background: #131d2a; background-repeat: no-repeat; background-position: 20px 5px; margin-left: 5px; border-radius: 3px; color: #fff; font-size: 12px; padding: 4px 5px 4px 5px; } .category-list { width: 100%; overflow: hidden; margin: auto; } .category-list div { margin-right: 20px; } #tests-categories h2 { margin: 5px 0px 38px 0; } #tests-categories .test-description { background: rgba(0,0,0,0.75); width: 100%; position: absolute; top: 166px; left: 0px; height: 100%; color: #fff; font-size: 18px } #tests-categories .test-description:hover { cursor: pointer; } #tests-categories .test-description p.test-header { padding: 15px 0; } #tests-categories .test-description p.test-details { padding: 10px 20px; font-size: 14px; margin-bottom: 20px; } #tests-categories .test-description a.more { padding: 8px 16px; font-size: 14px; color: #fff; border: 1px solid #fff; border-radius: 3px; } #recommended-test { margin-bottom: 30px; } #recommended-test .recommended-list { overflow: hidden;} #recommended-test .recommended-list .single-test { min-height: 80px; height: auto; overflow: hidden; } #recommended-test .recommended-list .single-test .left-image { width: 80px; height: 80px; line-height: 80px; text-align: center; margin: 4px 10px 4px 10px; } #recommended-test .recommended-list .single-test .left-image img { vertical-align: middle; } #recommended-test .recommended-list .single-test .middle-content { width: 622px; padding-top: 10px; padding-bottom: 10px; } #recommended-test .recommended-list .single-test .middle-content p { line-height: 35px; } #recommended-test .recommended-list .single-test .middle-content ul { overflow: hidden; } #recommended-test .recommended-list .single-test .middle-content ul li { float: left; padding-right: 30px; } #recommended-test .recommended-list .single-test .middle-content ul li span.test-duration { background: url(../images/time.png) no-repeat left center; padding-left: 28px; } #recommended-test .recommended-list .single-test .middle-content ul li span.test-rate { background: url(../images/star.png) no-repeat left center; padding-left: 25px; } .test-details-btn { width: 148px; height: 32px; line-height: 32px; background: #131d2a; border-radius: 3px; color: #fff; font-size: 16px; display: inline-block; text-align: center; } .show-all-btn { display: block; margin: 45px auto 0px auto; text-align: center; } #articles { background: #e8e8e8; } #articles p.more a, #articles-list p.more a { color: #515151; text-decoration: underline; } #articles p.name a, #articles-list p.name a { font-size: 16px; line-height: 36px; } .article-list { max-width: 940px; margin: 40px 0px 40px 0px; } html>body .article-list, html>body .article-list .article-lead { overflow: hidden; } .article-list .article-lead { width: 50%; float: left; margin-bottom: 20px; } .article-list .article-lead .img { float: left; width: 150px; height: 150px; line-height: 158px; text-align: center; margin-right: 20px; } .article-list .article-lead .img img { vertical-align: middle; } .article-list .article-lead .desc { float: left; max-width: 280px; } .article-list .article-lead .desc p.name { color: #515151; padding-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .article-list .article-lead .desc p.name a { color: #515151; font-family:'Open Sans Condensed'; font-weight: 700; font-size: 20px; } .article-list .article-lead .desc p.intro { color: #515151; line-height: 24px; font-family:'Open Sans'; font-size: 14px } .article-list .article-lead .desc p.more { font-weight: 600; line-height: 24px; padding-top: 8px; font-size: 14px; } .article-list .article-lead .desc p.more a { font-family:'Open Sans'; font-weight: 400; font-size: 14px; text-decoration: underline;} #articles .show-all-text, #articles-list .show-all-text { text-decoration: underline; padding-left: 10px; } .pagination { width: 100%; margin: 52px auto; } .pagination p { text-align: center; } .pagination span, .pagination a { width: 34px; height: 34px; display: inline-block; line-height: 35px; border: 1px solid #bfbfbf; color: #515151; font-family: 'Open Sans'; font-weight: 300; font-size: 14px; } .pagination span.active { background: #e8e8e8; color: #515151; } #footer { max-width: 100%; position: relative; text-align: left; background: #e8e8e8; } #footer .content { padding-bottom: 22px;} #footer #ue { padding: 60px 0px 0px 0px; text-align: center; width: 100%; background: #fff; margin: auto;} #footer #ue img { width: 540px; } #footer ul { text-align: center; list-style: none; padding-top: 70px; } #footer ul li { display: inline; white-space: pre; font-size: 14px; line-height: 25px; font-weight: 300; padding: 0px 10px; } #footer ul li a { text-decoration: none; font-size: 14px; color: #515151; font-weight: 400; font-family: 'Open Sans'; } #footer #footer-credits { max-width: 980px; } #footer #footer-credits #copyrights { float: left; padding: 15px 0; font-size: 14px; color: #515151; font-weight: 400; font-family: 'Open Sans'; } #footer #footer-credits #realization { float: right; padding: 15px 0; font-size: 14px; color: #515151; font-weight: 400; font-family: 'Open Sans';} #footer #footer-credits #realization a { text-decoration: none; color: #515151; } #footer #footer-credits {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} /* SLIDER STYLES */ #slider { width: 100%; min-height: 390px; height: auto; margin: 0 auto; margin-bottom: 0px; position: relative; } html>body #slider { overflow: hidden; } #slider #slider-nav { height: 40px; padding-top: 350px; position: relative; z-index: 999; } #slider #slider-nav #slider-bullets { position: absolute; top: 340px; left: 15px; z-index: 99999; } #slider #slider-nav #slider-bullets a { text-decoration: none; margin: 0px 5px; display: inline-block; *display:inline; *zoom:1; width: 22px; height: 19px; background: url('../images/slider-bullets2.png') no-repeat 0 0; } #slider #slider-nav #slider-bullets a:hover, #slider #slider-nav #slider-bullets a.active { background-position: -18px 0px; } #slider .icube-slide { display: none; width: 100%; position: relative; } #slider #slider-slides div.icube-slide:first-child { display: block; } .slider-1 {width: 100%; min-height: 390px; height: auto; position: relative; background: url('../images/slider1.jpg') no-repeat center top; } html>body .slider-1 { overflow: hidden; } .slider-2 {width: 100%; min-height: 390px; height: auto; position: relative; background: url('../images/slider1.jpg') no-repeat center top; } html>body .slider-2 { overflow: hidden; } .slider-3 {width: 100%; min-height: 390px; height: auto; position: relative; background: url('../images/slider1.jpg') no-repeat center top; } html>body .slider-3 { overflow: hidden; } .slider-1-text { width: 420px; float: left; padding: 60px 0px 20px 0px; margin: 0px 0px 20px 10px; } .slider-1-text p { font-size: 50px; padding-bottom: 30px; } .slider-1-text p.smaller-header{ font-size: 40px; padding-bottom: 30px; width: 520px; } .slider-1-text img { margin-top: 10px; } .slider-1-text p.small { width: 320px; float: left; font-size: 20px; line-height: 30px;} .slider-text-content { overflow: hidden; max-width: 980px; width: auto; margin: 0 auto; padding: 0 20px; } /* END SLIDER STYLES */ .big-header p { line-height: 30px; margin-bottom: 38px; } /*.big-header .content-wrapper { background: #e8e8e8 url('../images/header-bg.png') no-repeat right center; background-size: contain;}*/ .big-header .show-all { float: left; margin: 47px 0px 38px 10px; } #available-categories .content-wrapper .article-list .article-lead p.more a { width: 140px; height: 32px; display: block; background: #131d2a; border-radius: 3px; color: #fff; font-weight: 700; padding: 5px 16px; font-family: 'Open Sans Condensed'; font-size: 16px; text-align: center; line-height: 23px; } #test-content {} #test-content .left-menu { width: 230px; overflow: hidden; margin-top: 48px; padding-right: 10px; } #test-content .left-menu ul { width: 204px; overflow: hidden; } #test-content .left-menu ul li { padding: 15px 0px 15px 32px; border-bottom: 1px solid #bfbfbf; background: url('../images/menu-arrow.png') no-repeat 10px 20px; } #test-content .left-menu ul li a { font-family: 'Open Sans'; font-size: 13px; color: #515151; } #test-content .right-test { width: 710px; overflow: hidden; padding-left: 10px; } #test-content .right-test .test { overflow: hidden; margin-top: 48px; margin-bottom: 30px; } #test-content .right-test .buy-test { width: 100%; min-height: 94px; border-radius: 10px; background: #f3f3f3; } #test-content .right-test .buy-test p { padding-top: 24px; font-size: 26px} #test-content .right-test .buy-test p a { display: inline-block; background: #131d2a; width: 220px; border-radius: 5px; color: #fff; padding: 8px; font-size: 22px; margin-left: 10px; } #test-content .right-test .test .test-image { width: 140px; height: 140px; line-height: 140px; text-align: center; background-size: cover; margin-right: 20px; } #test-content .right-test .test .test-image img { max-width: 140px; vertical-align: middle; } #test-content .right-test .test .test-details { } #test-content .right-test .test .test-details h2 { margin: 20px 0px 10px 0; } #test-content .right-test .test .test-details p { padding: 10px 0; } #test-content .right-test .test .test-details ul li { float: left; padding-right: 20px; } #test-content .right-test .test .test-details ul li span.test-duration { background: url(../images/time.png) no-repeat left center; padding-left: 28px; } #test-content .right-test .test .test-details ul li span.test-rate { background: url(../images/star.png) no-repeat left center; padding-left: 25px; } #test-content .right-test .long-description { margin-bottom: 30px; } #similar-test { margin-bottom: 40px; } #similar-test .similar-list {} #similar-test .similar-list .single-test { min-height: 80px; height: auto; overflow: hidden; } #similar-test .similar-list .single-test .left-image { width: 80px; height: 80px; } #similar-test .similar-list .single-test .middle-content { width: 100%; } #similar-test .similar-list .single-test .middle-content p { line-height: 28px; } #similar-test .similar-list .single-test .middle-content ul { overflow: hidden; } #similar-test .similar-list .single-test .middle-content ul li { float: left; padding: 10px; } #similar-test .similar-list .single-test .middle-content ul li.btn { padding: 3px; } #similar-test .similar-list .single-test .middle-content ul li span.test-duration { background: url(../images/time.png) no-repeat left center; padding-left: 28px; } #similar-test .similar-list .single-test .middle-content ul li span.test-rate { background: url(../images/star.png) no-repeat left center; padding-left: 25px; } #similar-test .similar-list .single-test .middle-content .btn-wrapper { margin: 0; float: right; } #login-section, #register-section { background: #E8E8E8; } .register-form { width: 500px; border-radius: 5px; padding: 15px 20px; margin: 60px auto; background: #fff; } .register-form h3 { font-family: 'Open Sans Condensed'; font-size: 22px; color: #585858; text-align: center; } .register-form form.user-register { width: 100%; margin: 10px 0; position: relative; } .register-form form.user-register input[type="password"], .register-form form.user-register input { width: 100%; height: 40px; padding: 10px; background: #fff; border: 1px solid #d0d0d0; margin: 5px 0; } .CIF-Error { color: #ff0000; display: none; font-family: 'Open Sans'; font-size: 14px; font-weight: 700; } .login-option p, .social-login-title p { text-align: center; font-family: 'Open Sans'; font-size: 14px; font-weight: 700; margin: 10px 0; } .register-form form.user-register .submit { height: 65px; } .register-form form.user-register .submit input { background: #131d2a; color: #fff; font-family: 'Open Sans Condensed'; font-size: 19px; font-weight: 700; width: 100%; height: 100%;} /*.repeat-password { margin-top: 30px; }*/ .regulations, .newsletter { font-size: 14px; font-weight: 400; color: #585858; font-family: 'Open Sans'; margin: 10px 0; padding-left: 30px; position: relative; } .register-form form.user-register input[type="checkbox"] { width: 20px; height: 20px; position: absolute; left: 0px; top: 0px; padding: 0; margin: 0; } .register-form form.user-register legend { margin-bottom: 12px; font-size: 17px; font-weight: 600; color: #585858; font-family: 'Open Sans'; } .register-form form.user-register fieldset { margin: 20px 0px; } /* RWD STARTS HERE */ @media screen and (max-width: 996px ) { .category-list { margin: 0; text-align: center; } .col-4 { float: none; display: inline-block; } .no-margin { margin-right: 20px !important; } #recommended-test { padding: 15px 0; } #recommended-test h2 { text-align: center; margin-top: 0px; } #recommended-test .recommended-list .single-test { float: left; width: 50%; min-height: 300px; background: #fff; border-top: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8; padding-bottom: 20px; } #recommended-test .recommended-list .single-test .left-image { float: none; margin: 10px auto; } #recommended-test .recommended-list .single-test .middle-content { width: auto; padding: 0 15px; float: none; } #recommended-test .recommended-list .single-test .middle-content p { text-align: center; } #recommended-test .recommended-list .single-test .middle-content ul { text-align: center;} #recommended-test .recommended-list .single-test .middle-content ul li { float: none; padding: 8px 0; } #similar-test { padding: 15px 0; } #similar-test h2 { text-align: center; margin-top: 0px; } #similar-test .similar-list .single-test { float: left; width: 50%; min-height: 300px; background: #fff; padding-bottom: 20px; } #similar-test .similar-list .single-test .left-image { float: none; margin: 10px auto; } #similar-test .similar-list .single-test .middle-content { width: auto; padding: 0 15px; float: none; } #similar-test .similar-list .single-test .middle-content p { text-align: center; } #similar-test .similar-list .single-test .middle-content ul { text-align: center;} #similar-test .similar-list .single-test .middle-content ul li { float: none; padding: 8px 0; } #similar-test .similar-list .single-test .middle-content .btn-wrapper { float: none; margin: 10px auto; } .btn-wrapper { margin: 10px auto; float: none; } .article-list .article-lead { width: 100%; } .article-list .article-lead .desc { width: 70%; float: left; max-width: 100%; } #test-content .left-menu { width: 100%; } #test-content .left-menu ul { width: 100%; } #test-content .left-menu ul li { float: left; width: 250px; border: none; } #test-content .right-test { width: 100%; padding: 0; } } @media screen and (max-width: 950px ) { } @media screen and (max-width: 780px ) { .login-position .login { float: none; color: #fff; margin: 0; border-radius: 0px; width: 100%; height: 100%; background-position: calc(100% - 20px) center; } #logo { float: none; padding: 15px 20px; min-height: 80px; } #top { padding: 0; } #top form { margin-top: 20px; float: left; } ul.horizontal-menu { position: relative; right: 0px; top: 0px; } ul.horizontal-menu li { display: block; padding: 0; border-top: 1px solid #c8c8c8; } ul.horizontal-menu li a { width: 100%; display: block; padding: 10px 15px; } ul.horizontal-menu li a:hover { background: #131d2a; color: #fff; } #search-rwd form { float: none; margin-bottom: 35px; } #search-rwd form legend { width: 100%; text-align: center; font-size: 20px; } #search-rwd form .input-wrapper { border: none; width: 100%; height: auto; } #search-rwd form .input-wrapper input, select { width: 100%; padding: 10px 8px; margin: 5px 0; border: 1px solid #afafaf; position: static; border-radius: 3px; font-size: 14px; } #search-rwd form .input-wrapper select { width: 100%; background: url('../images/select2.png') no-repeat right center; } #search-rwd form input[type="submit"] { width: 100%; height: auto; background: #B10000; border: none; border-radius: 3px; color: #fff; } #menu-trigger { position: absolute; top: 0px; right: 0px; display: block; width: 88px; height: 80px; border-left: 1px solid #c8c8c8; background: url('../images/menu.png') no-repeat center center; } #test-content .left-menu { margin-top: 0px; } #test-content .left-menu ul { display: none; } #test-content .left-menu h3 { display: none; } .separator { display: none; } } @media screen and (max-width: 740px ) { #similar-test .similar-list .single-test { width: 100%; border-bottom: 1px solid #bfbfbf; } #recommended-test .recommended-list .single-test { width: 100%; } .article-list .article-lead { width: 100%; } .article-list .article-lead .desc { width: 68%; max-width: 400px; } #test-content .right-test .test .test-image { float: none; margin: auto; } #test-content .right-test .test .test-details h2 { text-align: center; } #test-content .right-test .test .test-details p { text-align: center; } #test-content .right-test .test .test-details ul li { float: none; padding: 10px; text-align: center; } #similar-test .similar-list .single-test .middle-content ul li.btn { padding: 50px 0px 0px 0px; } } @media screen and (max-width: 620px) { #articles h2, #articles-list h2 { text-align: center; } .article-list .article-lead .img { width:158px; height: 158px; float: none; margin: auto; } .article-list .article-lead .desc { float: none; text-align: center; width: 100%; margin: 20px auto; } #available-categories .content-wrapper .article-list .article-lead p.more a {margin: auto; } .register-form { width: 100%; border-radius: 0px; } .slider-1, .slider-2, .slider-3 { background-size: 300% 100%; } } @media screen and (max-width: 490px ) { #test-content .right-test .buy-test p { font-size: 22px; } #test-content .right-test .buy-test p a { width: 115px; } #footer #footer-credits #copyrights, #footer #footer-credits #realization { float: none; text-align: center; } #footer #footer-credits { height: auto; } .slider-1-text { width: 100%; } .slider-1-text p { font-size: 38px; } .slider-1, .slider-2, .slider-3 { background: #e8e8e8; } } @media screen and (max-width: 400px ) { .big-header .show-all { margin: 5px; } } /* Added */ #subpage { width: 980px; margin: 12px auto 0px auto; padding: 30px 0px; text-align: left; position: relative; border-top: 1px solid #afafaf; } html>body #subpage, html>body #subpage .left-1 { overflow: hidden; } #subpage.no-subpage-border { border-top: 0px; margin-top: 0px; } #subpage .left-13 { width: 260px; float: left; } #subpage .left-13-offer { width: 260px; float: left; } #subpage .right-23 { width: 700px; float: right; } #subpage .right-23-offer { width: 700px; float: right; } #subpage .left-1 { width: 980px; float: left; } /* Lewe editable */ .left-editable { width: -moz-calc(100% - 20px);width: -webkit-calc(100% - 20px);width: calc(100% - 20px); background-color: #fff; padding: 20px 10px; } .left-editable p, .left-editable ul, .left-editable ol, .left-editable blockquote { line-height: 21px; font-size: 14px; } .left-editable ul, .left-editable ol { list-style-position: outside; margin-left: 20px; margin-top: 16px; margin-bottom: 16px; } .left-editable ul { list-style-image: url('../images/li-bullet.png'); } .left-editable ol ul { margin-top: 6px; margin-bottom: 6px; } .left-editable ul.submenu { list-style: none; width: 240px; margin-left: 0px; border-top: 1px solid #d8d8d8; } .left-editable ul.submenu li a { width: 230px; height: auto; line-height: 21px; display: block; margin-bottom: 1px; background-color: #fff; border-bottom: 1px solid #d8d8d8; padding: 8px 0px 8px 10px; font-size: 14px; color: #444444; } .left-editable ul.submenu li a:hover, .left-editable ul.submenu li a.active { text-decoration: none; background-color: #000; color: #fff; } .left-editable ul.submenu li ul { list-style: none; width: 220px; margin-left: 10px; margin-top: 0px; margin-bottom: 0px; } .left-editable ul.submenu ul li a { width: 220px; height: auto; line-height: 21px; display: block; margin-bottom: 1px; background-color: #fff; border-bottom: 1px solid #d8d8d8; padding: 4px 0px 4px 10px; font-size: 14px; color: #444444; } .left-editable ul.submenu ul li a:hover, .left-editable ul.submenu ul li a.active { text-decoration: none; background-color: #000; color: #444444; } .left-editable blockquote { color: #444444; padding: 10px 10px 10px 10px; background: #e8e8e8; border-left: 4px solid #000; font-style: italic; } #frame .left-editable h1, #frame .left-editable h2, #frame .left-editable h3, #frame .left-editable h4, #frame .left-editable h5, #frame .left-editable h6 { font-size: 20px; font-family: "Open Sans Condensed"; font-weight: bold; margin: 0; margin-bottom: 6px; color: #3b3b3b; } #frame .left-editable h1 { font-size: 22px; } #frame .left-editable h2 { font-size: 18px; } #frame .left-editable h3 { font-size: 16px; } #frame .left-editable h4 { font-size: 14px; } #frame .left-editable h5 { font-size: 13px; } #frame .left-editable h6 { font-size: 12px; } .left-editable table, .left-editable tr, .left-editable td { border-spacing: 0; border-collapse: collapse; border: none; } .left-editable table { width: 100%; margin: 16px 0px 16px 0px; } .left-editable table thead tr { background: #f0f0f0; } .left-editable table thead td { width: auto; text-align: center; font-size: 14px; color: #000; border: 1px solid #d8d8d8; padding: 8px 4px 8px 4px; } .left-editable table tbody tr { background: #fff; } .left-editable table tbody tr.alt { background: none; } .left-editable table tbody tr td { padding: 6px 6px; text-align: center; border: 1px solid #d8d8d8; } .left-editable table tbody tr td.small { font-size: 10px; } .left-editable table tfoot tr { background-color: none; } .left-editable table tfoot tr td { padding: 8px 0px; } .left-editable table tbody tr.choose th, .left-editable table tbody tr.choose td { background: #202020; color: #fff; padding: 4px 0px; } .left-editable table tfoot tr td { padding: 8px 8px; text-align: center; border: 1px solid #d8d8d8; } .left-editable table tfoot tr.grey { background: #f0f0f0; } .left-editable table tfoot tr td.align-right { text-align: right; } .left-editable table tr td.align-left { text-align: left; } .right-23 .editable { background-color: #fff; padding: 20px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .editable h1, .editable h2, .editable h3, .editable h4, .editable h5, .editable h6 { margin-bottom: 6px; color: #3b3b3b; font-weight: normal; color: #000; } .editable h1 span, .editable h2 span, .editable h3 span, .editable h4 span, .editable h5 span, .editable h6 span { font-weight: 200; color: #7c7c7c; } .editable h1 { font-size: 26px; } .editable h1 span { font-size: 22px; } .editable h2 { font-size: 24px; } .editable h2 span { font-size: 20px; } .editable h3 { font-size: 22px; } .editable h3 span { font-size: 18px; } .editable h4 { font-size: 20px; } .editable h4 span { font-size: 16px; } .editable h5 { font-size: 18px; } .editable h5 span { font-size: 14px; } .editable h6 { font-size: 16px; } .editable h1.header, .editable h2.header, .editable h3.header, .editable h4.header, .editable h5.header, .editable h6.header { font-size: 16px; border-bottom: 1px solid #dfdfdf; padding-bottom: 14px; margin-bottom: 16px; text-transform: uppercase; } .editable h4.header { margin-top: 20px; } .pagination { width: 100%; padding-top: 20px; font-weight: 600; } html>body .pagination { overflow: hidden; } .pagination p span, .pagination p a { width: 40px; color: #737373; background: #fff; text-align: center; height: 28px; line-height: 28px; border: 1px solid #d2d2d2; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; display: inline-block; *display:inline; *zoom:1; margin-right: 3px; } .pagination p span.current, .pagination p span.active { background: #000; border-color: #000; color: #fff; } .pagination p a:hover { background: #000; border-color: #000; color: #fff; text-decoration: none; } .pagination p a.next, .pagination p a.prev { width: auto !important; padding-left: 10px; padding-right: 10px; } .left-1 .editable { padding: 20px; background: #fff;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .left-23 .editable { padding: 20px; background: #fff; } .editable h1 { } .editable h1, .editable h2, .editable h3, .editable h4, .editable h5, .editable h6 { font-family: "Open Sans Condensed", 'Open Sans', Arial, sans-serif; font-weight: bold; color: #3b3b3b; font-size: 26px; margin-bottom: 12px; } .editable h2, .editable h3 { font-size: 24px; } .editable h4, .editable h5 { font-size: 22px; } .editable h6 { font-size: 18px; } .editable h1.grey, .editable h2.grey, .editable h3.grey, .editable h4.grey, .editable h5.grey, .editable h6.grey { color: #7f7f7f; } .editable .header { font-weight: 700; font-size: 26px; text-transform: uppercase; margin-bottom: 20px; } .editable .header-article { font-weight: 700; font-size: 26px; margin-bottom: 20px; padding-bottom: 6px; } .editable p.details { font-size: 11px; font-style: italic; margin-bottom: 16px; } .editable p.details a { color: #767676; } .editable p { line-height: 21px; } .editable ul, .editable ol, .editable table, .editable blockquote { line-height: 21px; } .editable blockquote { margin: 16px; color: #999; border-left: 4px solid #000; padding-left: 1em; font-style: italic; } .editable ol { padding-bottom: 26px; list-style-position: inside; } .editable ol li { margin-top: 12px; } .editable ul { list-style: none; padding-bottom: 26px; } .editable ul li { margin-top: 12px; background: url('../images/arrow-right-li.png') no-repeat left 6px; padding-left: 20px; } .editable ul.polish-aplha { list-style: none; } .editable ul.polish-aplha li { display: inline; background: none; padding: 4px; } .editable table {*border-collapse: collapse; border-spacing: 0;width: 100%;} .editable table {border: solid #ccc 1px;} .editable tbody tr:nth-child(even) {background: #f5f5f5;} .editable table tr:hover, .editable tbody tr:nth-child(even):hover {background: #ffeac7;-o-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} .editable table td, .editable table th {border-left: 1px solid #ccc;border-top: 1px solid #ccc;padding: 10px;text-align: left;} .editable table th, .editable table thead td {background: #f0f0f0; font-weight: 600;border-top: none;} .editable table td:first-child, .editable table th:first-child {border-left: none;} span.float-left { float: left; padding-right: 30px; padding-bottom: 4px; padding-top: 0px; } span.float-right { float: right; padding-left: 30px; padding-bottom: 4px; padding-top: 0px; } .gallery-slider { margin-bottom: 20px; width: 660px; position: relative; } html>body .gallery-slider, html>body .gallery-slider .controls { overflow: hidden; } .gallery-slider .current-photo { width: 660px; height: 440px; line-height: 440px; text-align: center; background: url('../images/loader.gif') no-repeat center center; } .gallery-slider .current-photo img { vertical-align: middle; } .gallery-slider .gs-controls { width: 660px; height: 90px; margin-top: 10px; position: relative; } .gallery-slider .gs-controls a.prev { position: absolute; left: 10px; top: 0px; width: 36px; height: 90px; display: block; background: url('../images/arrows-gallery.png') no-repeat -72px center; } .gallery-slider .gs-controls a.prev:hover { background-position: -108px center; } .gallery-slider .gs-controls a.next { position: absolute; right: 15px; top: 0px; width: 36px; height: 90px; display: block; background: url('../images/arrows-gallery.png') no-repeat 0px center; } .gallery-slider .gs-controls a.next:hover { background-position:-36px center; } .gallery-slider .gs-controls .thumbs-box { width: 512px; height: 90px; position: absolute; left: 73px; top: 0px; overflow: hidden; } .gallery-slider .gs-controls .thumbs-box .all-thumbs { position: absolute; left: 0px; top: 0px; width: 99999px; height: 90px; } .gallery-slider .gs-controls .thumbs-box .all-thumbs a { width: 120px; height: 90px; line-height: 90px; margin: 0px 8px 0px 0px; padding: 0; float: left; display: block; text-align: center; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8 */ filter: alpha(opacity=70); /* IE 5-7 */ -moz-opacity: 0.7; /* Netscape */ -khtml-opacity: 0.7; /* Safari 1.x */ opacity: 0.7; /* Good browsers */ } .gallery-slider .gs-controls .thumbs-box .all-thumbs a.active { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */ filter: alpha(opacity=100); /* IE 5-7 */ -moz-opacity: 1.0; /* Netscape */ -khtml-opacity: 1.0; /* Safari 1.x */ opacity: 1.0; /* Good browsers */ } .article-parts { width: 660px; padding-top: 20px; } html>body .article-parts { overflow: hidden; } .article-parts p span, .article-parts p a { width: 28px; color: #626262; text-align: center; height: 28px; line-height: 28px; border: 1px solid #dbdbdb; display: inline-block; *display:inline; *zoom:1; margin-right: 4px; } .article-parts p span { background: #000; border-color: #000; color: #fff; } .article-parts p a:hover { background: #000; border-color: #000; color: #fff; text-decoration: none; } .article-parts p a.next { width: auto !important; padding-left: 10px; padding-right: 10px; } .gallery-standard { width: 660px; } html>body .gallery-standard { overflow: hidden; } .gallery-standard .row { width: 200px; height: 200px; line-height: 200px; float: left; margin-right: 20px; margin-bottom: 20px; text-align: center; } .gallery-standard .row img { vertical-align: middle; } html .gallery-standard .odd { margin-right: 0px; } #guides h2.main-font a { color: #3d3d3d; } .left-13 .apply-box { padding: 20px 20px 30px 20px; width: 200px; background: #fff; margin-bottom: 20px; } .left-13 .apply-box p.header { font-size: 18px; font-weight: 600; color: #363636; text-align: center; margin-bottom: 20px; } .left-13 .apply-box p a { padding: 10px 44px; font-size: 20px; background: #17396f; font-weight: 300; color: #fff; text-align: center; } .left-13 .apply-box p a:hover { text-decoration: none; background: #244d8d; } .left-13 .notification-submit-box { padding: 20px 20px 20px 20px; width: 200px; background: #c7ddff; margin-bottom: 20px; text-align: center; } .left-13 .notification-submit-box p .glicon { font-size: 72px; } .left-13 .notification-submit-box p { padding-bottom: 10px; color: #363636; font-size: 16px; font-weight: 400; } .left-13 .notification-submit-box p.submit { margin-top: 20px; } .left-13 .notification-submit-box p.submit a { padding: 10px 44px; font-size: 20px; background: #d8000b; font-weight: 300; color: #fff; text-align: center; } .left-13 .notification-submit-box p.submit a:hover { text-decoration: none; background: #e9252f; } .left-13 .recommended-articles { width: 240px; position: relative; background-color: #fff; padding: 20px 0px; } #frame .left-13 .recommended-articles h2 { font-size: 20px; font-family: "Open Sans Condensed"; font-weight: bold; margin: 0; margin-bottom: 10px; } .left-13 .recommended-articles .article { width: 100%; position: relative; border-bottom: 1px solid #d0d0d0; padding: 10px 0; } #frame .left-13 .recommended-articles .article h3 { font-size: 18px; font-family: "Open Sans Condensed"; font-weight: normal; margin: 5px 0px; } #frame .left-13 .recommended-articles .article h3 a { text-decoration: none; } .left-13 .recommended-articles .article p { padding: 10px 0; font-size: 13px; position: relative; font-weight: 200; } .left-13 .recommended-articles .article p span { position: absolute; right: 2px; bottom: 0; display: block; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(65%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */ width: 50px; text-align: right; } #newsletter-art { float: left; width: 260px; min-height: 250px; margin-bottom: 30px; background: #091b38; text-align: center; } #newsletter-art p { color: #fff; font-weight: 300; font-size: 14px; } #newsletter-art p.title { text-transform: uppercase; font-weight: 700; font-size: 16px; padding-top: 30px; } #newsletter-art p.regulamin { color: #818181; font-weight: 300; font-size: 12px; padding: 10px 0; } #newsletter-art small { color: #818181; font-size: 12px; } #newsletter-art small a { color: #818181; } #newsletter-art form { width: 260px; margin: 20px 0px 10px 0px; } #newsletter-art form input[type=text] { width: 200px; border: 1px solid #000; background: #fff; padding: 10px 10px; font-size: 16px; font-weight: 300; } #newsletter-art form input[type=submit] { margin-top: 10px; font-size: 16px; font-weight: 600; padding: 6px 20px; background: #d8000b; cursor: pointer; text-align: center; color: #fff; } #newsletter-art form input[type=button] { margin-top: 10px; font-size: 16px; font-weight: 600; padding: 6px 20px; background: #d8000b; cursor: pointer; text-align: center; color: #fff; } #newsletter-art .newsletter-error-info { color: red; } #newsletter-art .newsletter-info { display: inline-block; color: #fff; font-size: 13px; } #simple-search { width: 100%; height: 100px; background: #ececec; position: relative; } #simple-search form { width: 980px; height: 100px; position: relative; margin: 0 auto; text-align: left; } #simple-search form #phrase {width: 860px; line-height: 50px; height: 50px; padding: 0px 100px 0px 20px; background: #fff; border: none; color: #9b9a9a; font-size: 16px; position: absolute; left: 0px; top: 25px; } #simple-search form #simple-search-submit { border: none; position: absolute; right: 0px; top: 25px; width: 80px; height: 50px; cursor: pointer; background: url('../images/simple-search.png') no-repeat 0px 0px; } #simple-search form #simple-search-submit:hover { background-position: 0px -50px; } /* Start Data Table */ .data-table { clear: both; width: 100%; } div.dataTables_info { float: left; } div.dataTables_paginate { float: right; } div.dataTables_length { padding: 6px; display: inline-block; max-width: 200px; float: left; } div.dataTables_filter { padding: 6px; display: inline-block; max-width: 300px; float: right; } div.dataTables_paginate { padding: 0; } div.dataTables_info { padding: 10px 0; width: 100%; text-align: right; } /* Self clearing - */ div.dataTables_wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .dataTables_wrapper { display: block; } * html .dataTables_wrapper { height: 1%; } div.dataTables_wrapper a.paginate_button, div.dataTables_wrapper a.paginate_active, div.dataTables_wrapper .dataTables_paginate .current { display: inline-block; margin-left: 2px; cursor: pointer; *cursor: hand; text-decoration: none; color: #626262; padding: 6px 8px; background: #fff; /* Old browsers */ border: 1px solid #dbdbdb; } div.dataTables_wrapper a.paginate_active, html div.dataTables_wrapper .dataTables_paginate .current { background: #0563fb; /* Old browsers */ background: -moz-linear-gradient(top, #0563fb 0%, #1c3d75 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0563fb), color-stop(100%,#1c3d75)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0563fb 0%,#1c3d75 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0563fb 0%,#1c3d75 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0563fb 0%,#1c3d75 100%); /* IE10+ */ background: linear-gradient(to bottom, #0563fb 0%,#1c3d75 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0563fb', endColorstr='#1c3d75',GradientType=0 ); /* IE6-9 */ border: 1px solid #257850; color: #fff; } div.dataTables_wrapper a.paginate_button_disabled, div.dataTables_wrapper a.paginate_button_disabled:hover { color: #3d6672; background: #ececec; } div.dataTables_wrapper a.paginate_button:hover { background: #0563fb; /* Old browsers */ background: -moz-linear-gradient(top, #0563fb 0%, #1c3d75 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0563fb), color-stop(100%,#1c3d75)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0563fb 0%,#1c3d75 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0563fb 0%,#1c3d75 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0563fb 0%,#1c3d75 100%); /* IE10+ */ background: linear-gradient(to bottom, #0563fb 0%,#1c3d75 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0563fb', endColorstr='#1c3d75',GradientType=0 ); /* IE6-9 */ border: 1px solid #257850; color: #fff; } div.dataTables_paginate span>a {width: 15px; text-align: center; } /* formularze */ div.dataTables_length select, div.dataTables_filter input { display: inline-block; *display:inline; *zoom:1; border: 1px solid #dbdbdb; font-size: 12px; font-family: 'Open Sans', arial, sans-serif; font-weight: 400; padding: 5px 5px 5px 5px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #eef0f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eef0f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eef0f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eef0f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eef0f2 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#eef0f2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eef0f2',GradientType=0 ); /* IE6-9 */ } /* End Data Table */ #choosed-filters-options { max-width: 100%; padding: 10px 0px; margin-top: 10px; text-align: left; } #choosed-filters-options span { font-size: 12px; margin-right: 4px; margin-bottom: 2px; padding: 1px 5px; background: #5e7395; color: #fff; display: inline-block; *display:inline; *zoom:1; } #choosed-filters-options span a { font-size: 14px; padding: 2px; color: #000; text-decoration: none; } #filters-box ul { list-style: none; } #results-content ul#joboffer-filters li p.see-more-filter a { background: none; border: 0; width: 100%; text-align: center; padding: 10px 0px; font-size: 13px; } #results-content ul#joboffer-filters li p.see-more-filter a:hover { color: #000; } #results-content .invitation { margin: 30px 0px; min-height: 108px; background: #8f8f8f url('../images/invitation-icon2.png') no-repeat 20px 32px; position: relative; padding-left: 100px; max-width: 100%; } #results-content .invitation a.action { position: absolute; right: 0px; top: 0px; width: 140px; height: 108px; background: #d8000b; text-decoration: none; display: block; text-align: center; line-height: 108px; color: #fff; font-size: 18px; font-weight: 600; text-transform: uppercase; } #results-content .invitation h3 {padding: 20px 0 0 0; color: #fff; font-weight: 600; font-size: 18px; } #results-content .invitation h3.szkolenia {padding: 0; position: absolute; left: 88px; top: 43px; color: #fff; font-weight: 600; font-size: 18px; } #results-content .invitation p {padding: 0; color: #fff; font-weight: 400; font-size: 14px; } #results-content .invitation form#subscribe-form { width: 100%; position: relative; } #results-content .invitation form#subscribe-form input[type=text] { border: none; padding: 5px; height: 30px; width: 70%; background-color: #fff; margin-top: 20px; margin-bottom: 20px; } #results-content .invitation form#subscribe-form button[type=submit].auth { color: #fff; display: inline-block; font-size: 16px; text-transform: uppercase; text-align: center; min-height: 40px; padding: 0 10px; background-color: #000; cursor: pointer; position: absolute; right: 0; top: 0; margin-right: -140px; margin-top: -66px; min-height: 108px; border: none; } #results-content .invitation form#subscribe-form button[type=submit].unauth { color: #fff; display: inline-block; font-size: 16px; position: absolute; right: 20px; top: 14px; text-transform: uppercase; text-align: center; min-height: 40px; padding: 0 10px; background-color: #000; cursor: pointer; border: none; } #results-content .invitation form#subscribe-form button[type=submit]:hover { background-color: #ff9409; } #results-content .invitation form#subscribe-form .warning { display: inline-block; } #results-content .invitation form#subscribe-form .warning .error { background-color: #D8000B; color: #fff; text-shadow: 1px 1px #000; padding: 7px; margin-bottom: 20px; } .offer-details { background: #fff; padding: 0px; margin-bottom: 30px; min-height: 170px; border: 1px solid #d2d2d2; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } html>body .offer-details { overflow: hidden; } .offer-details .left-13 ul { list-style: none; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; } .offer-details .left-13 ul li { margin: 6px 0px 2px 0px; min-height: 36px; height: auto !important; height: 36px; } .offer-details .left-13 ul li a { padding: 7px 0px 7px 47px; } a.icon-fav, .icon-fav { background: url('../images/sprite-icons-32.png') no-repeat 0px 0px; } a.icon-see, .icon-see { background: url('../images/sprite-icons-32.png') no-repeat 0px -96px; } a.icon-email, .icon-email { background: url('../images/sprite-icons-32.png') no-repeat 0px -192px; } a.icon-note, .icon-note { background: url('../images/sprite-icons-32.png') no-repeat 0px -288px; } a.icon-position, .icon-position { background: url('../images/sprite-icons-32.png') no-repeat 0px -384px; } a.icon-clock, .icon-clock { background: url('../images/sprite-icons-32.png') no-repeat 0px -480px; } .offer-details .right-23 h1 { color: #363636; font-weight: 600; font-size: 28px; margin-left: 20px; margin-top: 20px; } .offer-details .right-23 p.employer { margin-left: 20px; padding-top: 4px; } .offer-details .right-23 p.employer, .offer-details .right-23 p.employer a { font-weight: 400; font-size: 18px; } .offer-details .right-23 .extra-details { width: 660px; margin-left: 20px; margin-top: 16px; padding-top: 24px; background: url('../images/rozporek.png') repeat-x center top; position: relative; } .offer-details .right-23 .extra-details span { padding: 7px 30px 7px 40px; } .offer-details .right-23 .extra-details span#clock { padding: 7px 0 7px 0; } .offer-details .right-23 .extra-details span.clock_info{ padding: 7px 0 7px 0; } .left-13-offer .apply-box { padding: 20px 20px 30px 20px; width: 240px; border: 1px solid #e0e0e0; background: #fff; margin-bottom: 20px; } .left-13-offer .apply-box p.header { font-size: 18px; font-weight: 600; color: #363636; text-align: center; margin-bottom: 20px; } .left-13-offer .apply-box p a { padding: 10px 44px; font-size: 20px; background: #17396f; font-weight: 300; color: #fff; text-align: center; } .left-13-offer .apply-box p a:hover { text-decoration: none; background: #244d8d; } .left-13-offer .apply-box .offer-apply-input-line .offer-apply-select-location { width: 100%; border: 1px solid #d0d0d0; padding: 5px; } .left-13-offer .apply-box .offer-apply-input-line input { border: 0; background: #000; color: #fff; font-size: 18px; font-weight: 700; width: 100%; margin-top: 20px; padding: 10px; cursor: pointer; } .left-13-offer .notification-submit-box { padding: 20px 20px 20px 20px; width: 240px; background: #e0e0e0; margin-bottom: 20px; text-align: center; } .left-13-offer .notification-submit-box p .glicon { font-size: 72px; } .left-13-offer .notification-submit-box p { padding-bottom: 10px; color: #363636; font-size: 16px; font-weight: 400; } .left-13-offer .notification-submit-box p.submit { margin-top: 20px; } .left-13-offer .notification-submit-box p.submit a { padding: 10px 44px; font-size: 20px; background: #d8000b; font-weight: 300; color: #fff; text-align: center; } .left-13-offer .notification-submit-box p.submit a:hover { text-decoration: none; background: #e9252f; } .left-13-offer .notification-submit-box #subscribe-form-viewoffer div input { padding: 0 10px; width: 178px; height: 30px; border: 1px solid #98B0D3; } .left-13-offer .notification-submit-box #subscribe-form-viewoffer .warning p { padding-top: 10px; color: red; font-size: 12px; } .left-13-offer .notification-submit-box #subscribe-form-viewoffer button { border: 0; padding: 10px 15px; margin-top: 10px; color: #fff; background: #000; width: 100%; font-size: 16px; font-weight: 200; cursor: pointer; } #subscribe-form-viewoffer-rwd div input { padding: 0 10px; width: 70%; height: 30px; border: 1px solid #98B0D3; } #subscribe-form-viewoffer-rwd .warning p { padding-top: 10px; color: red; font-size: 12px; } #subscribe-form-viewoffer-rwd button { padding: 10px 15px; margin-top: 10px; color: #fff; background: #193C76; width: 70%; font-size: 16px; font-weight: 200; cursor: pointer; } .left-13-offer .check-out-salary {width: 240px; padding: 20px; background-color: #32B2A3; color: #ffffff; } .left-13-offer .check-out-salary h3 { text-align: center; font-size: 32px; } .left-13-offer .check-out-salary p.subtext { font-size: 18px; text-align: center; margin-bottom: 20px; } .left-13-offer .visit-cv-pl { width: 240px; padding: 20px; background-color: #20407D; color: #ffffff; } .left-13-offer .visit-cv-pl h3 { font-size: 32px; color:#ffffff; } .left-13-offer .visit-cv-pl p.subtext { font-size: 12px; margin: 20px 0; } .left-13-offer .visit-cv-pl a.more {color: #fff; border: 1px solid #fff; display: inline-block; width: 100%; height: 40px; line-height: 40px; } .left-13-offer .visit-cv-pl a.more:hover { text-decoration: none; background: #fff; color: #464646; } .right-23-offer .notification-footer-box {display: none;} .jobtitle-intro { max-width: 240px; padding: 20px; background: #fff; margin-bottom: 20px; } .jobtitle-intro h3 { font-size: 14px; padding-bottom: 10px; } .services_info{width: 100%; margin: 20px 0; border: 1px solid #D0D0D0; padding: 10px; display: none;} @media screen and (max-width: 1000px) { #subpage { width: auto; max-width: 980px; margin: 10px;} } @media screen and (max-width: 639px) { .left-13 .recommended-articles, #newsletter-art { display: none; } #subpage .header-info h4{padding: 10px;} #subpage .right-23{width: 100%;} #subpage .left-13{width: 100%;} #subpage .left-13 #filters-box{width: 100%; margin-bottom: 40px;} /* podstrona */ .left-editable ul.submenu{width: 100%;} .left-editable ul.submenu li a{width: auto;} .left-editable ul.submenu li ul{width: auto;} .left-editable ul.submenu ul li a{width: auto;} } @media screen and (max-width: 359px) { #subpage .header-info h3{font-size: 13px;} #subpage .header-info h5{font-size: 24px;} #subpage .left-1 .editable .pagination{text-align: center;} #subpage .left-1 .editable .pagination .next{margin-top: 20px;} } /* Cube Interactive Password */ .password-strength { display: block; width: 40%; height: 15px; line-height: 15px !important; display: block; font-size: 10px; margin-top: 10px; } .password-strength span { line-height: 15px !important; padding-left: 4px; } .password-strength-0 { width: 100%; background: #cccccc; } .password-strength-1 { width: 20%; background: #ff0000; } .password-strength-2 { width: 40%; background: #ff5f5f; } .password-strength-3 { width: 60%; background: #56e500; } .password-strength-4 { width: 80%; background: #4dcd00; } .password-strength-5 { width: 100%; background: green; color: #ffffff; } /* CONTACT FORM */ #contact-form { width: 100%; max-width: 980px; margin: 20px auto; } #contact-form form { width: 100%; } #contact-form form input[type=text], #contact-form form select, #contact-form form textarea { font-family: 'Open Sans', Arial; margin-top: 10px; background-color: #fff; border: 1px solid #d2d2d2; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; line-height: 26px; font-size: 14px; width: 90%; padding: 6px 10px; position: relative; height: 42px; } #contact-form form textarea { font-family: 'Open Sans', Arial; height: 100px; line-height: 20px; } #contact-form form select {-webkit-appearance: menulist; -moz-appearance: menulist;} #contact-form form .CIF-Error { font-size: 12px; padding-bottom: 4px; } #contact-form form input[type=submit] { padding: 10px 20px; margin-top: 30px; background: #000000; cursor: pointer; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; color: #fff; font-family: 'Open Sans';} /* Cube Interactive Forms */ .CIF-Error { color: #ff0000; display: none; } .CIF-ErrorField { border-color: #ff0000 !important; } .CIF-Loader { display: none; } .CIF-Ajax-Ok { display: none; } .CIF-Ajax-Error { display: none; color: #ff0000; } .CIF-Modal-Loader { display: none; position: fixed; width: 100%; height: 100%; background: url('../images/cif-modal.png'); z-index: 99999; } .CIF-Modal-Loader div { width: 100%; height: 100%; background: url('../images/loader.gif') no-repeat center center; } form.ci-form .CIF-Loader, form.ci-form .CIF-Ajax-Ok { } form.ci-form .CIF-Ajax-Ok { font-size: 16px; font-family: 'Open Sans', Arial, sans-serif; color: #77a01f; font-weight: 600; padding-top: 10px; }