/* Quick.Cms default stylesheet More about design modifications - http://opensolution.org/Quick.Cms/docs/?id=en-design */ /* GLOBAL STYLES */ @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,latin-ext); @import url('https://fonts.googleapis.com/css?family=Kalam:300,400,700&display=swap&subset=latin-ext'); :root { --kolor-oddzial-1: #f29b47; --kolor-oddzial-2: #70a253; --kolor-oddzial-3: #e86248; --border-oddzial-3: #d22807; } body, body *{margin:0;padding:0;border:0;} body,table{color:#5e5e5e;font-size:0.75em;font-family:'Open Sans Condensed', Verdana, Arial, sans-serif;font-weight:300;} body{padding:0;background:#fff;text-align:center;display:block;} .input, select, textarea{padding:5px 10px;border-width:2px;border-style:solid;font-size:1.33em;border-color:#e8eef4;font-family:'Open Sans Condensed';background:#fdfdfd;} .input.warning-required, select.warning-required, textarea.warning-required{border-color:#ffbcbc;} .submit, .more {background:#f29b47;padding:10px 10px;text-transform:uppercase;font-size:1em;border-radius:2px;float:right;position:relative;cursor:pointer;font-weight:700;} .submit i, .more i {border-left:1px solid #db740f;margin:0 0 0 10px;padding:0 0 0 10px;} .submit:hover, .more:hover {background:#e86248;color:#fff;} .submit:hover i, .more:hover i {border-color:#d22807} .submit:disabled, .submit:disabled:hover {background:#d0d0d0;color:#222;border-color:#e0e0e0;} .submit:disabled i {border-color:#b0b0b0;} * html .submit{padding:3px 1px !important;} * html .input{height:28px;} .form{background:transparent;border:0px;} .form label{font-size:1.23em;font-weight:300;} .form label span{padding-left:10px;color:#acb3b7;font-weight:normal;} .hide{display:none;} .clear {float:left;width:100%;clear:both;margin:5px 0;} input::-moz-focus-inner { border:0; padding:0 } a{color:#5e5e5e;text-decoration:none;} a:hover{color:#2f2f2f;} #skiplinks{position:absolute;top:0px;left:0px;} #skiplinks a{position:absolute;top:-500px;left:0px;z-index:10;min-width:200px;padding:10px;color:#fff;} #skiplinks a:focus{top:0;background:#000;color:#fff;} #container{position:relative;width:100%;margin:0 auto;padding:0;overflow:hidden;float:left;} header{float:left;width:100%;background:#2f2f2f;position:relative;min-height:120px;} section, footer {clear:both;float:left;width:100%;margin:0 auto;padding:0;} section .section-cn {width:990px;margin:0 auto;text-align:left;} /* LOGO, HEADER BACKGROUND AND SLOGAN */ #head1{background:#F00;height:120px;} #head1 .section-cn {position:relative;z-index:1010;} #head0 {position:absolute;background:url('img/header-bg.png') 100px -10px repeat-x;height:167px;top:0;z-index:101;} #logo{float:left;margin:20px 0 0 0px;} /* SEARCH FORM */ #searchForm {position:absolute;right:40px;top:14px;padding:12px 0;margin:0;} #searchForm .search_show {margin-top:8px;display:block;background:url('img/magnifier13.png') no-repeat center;height:24px;width:24px;opacity: 0.2;filter: alpha(opacity=20);cursor:pointer;} #searchForm .search_show:hover {opacity: 0.6;filter: alpha(opacity=60);} #searchForm .search_fields {display:none;border:1px solid #f0f0f0;padding:5px 5px;position:absolute;top:100px;right:-40px;width:260px;} #searchForm .search_fields .input {float:left;border:1px solid #d7d7d7;font:normal 12px Tahoma;padding:7px 5px;margin:0;border-right:0;border-left:0;background:#fff;width:185px;} #searchForm .search_close {display:block;float:left;width:28px;height:28px;border:1px solid #d7d7d7;border-right:0;background:#fff url('img/buttons.png') no-repeat 0 0;} #searchForm .search_close:hover {background-position:0 -28px;cursor:pointer;} #searchForm .search_fields .submit {background:#fff url('img/buttons.png') no-repeat -27px 0;width:35px;border:1px solid #d7d7d7;border-left:0;padding:0;color:transparent;height:30px;float:left;margin:0;} #searchForm .search_fields .submit:hover {cursor:pointer;background-position:-27px -28px;} #pBanner {height:220px;overflow:hidden;margin-top:0px;position:relative;} #pBanner .section-cn {position:absolute;font-weight:300;top:130px;width:990px;left:50%;margin:0 0 0 -495px;text-align:left;} #pBanner img {opacity:0.3;margin-top:-60px;} #pBanner .section-cn h1 {color:#fff;font-weight:700;float:left;font-size:5.417em;text-shadow:1px 1px 0 0 #000;opacity:0.8;margin-top:12px;} #pBanner .section-cn .breadcumb {float:right;margin:0px 0 0 0;color:#efefef;font-size:1.23em;} #pBanner .section-cn .breadcumb a {color:#efefef;} /* BODY STYLES - LEFT AND RIGHT COLUMN */ #body{float:left;clear:both;margin:0;width:100%;} #body .section-cn{overflow:hidden;clear:both;} /* LEFT COLUMN STYLES */ #column{float:left;width:270px;padding:10px 0;} #column .type{margin-top:25px;padding:7px 0 7px 10px;color:#fff;font-size:1.75em;letter-spacing:1px;background:#8cc128 url('img/menu2_bg.png') repeat-x;border:0;} #menu2{margin:25px 20px 10px;-webkit-box-shadow:0 -2px 7px rgba(0,0,0,.15);box-shadow:0 -2px 7px rgba(0,0,0,.15);} /* LEFT MENU */ #menu2 .type{margin-top:0;text-shadow:0px 1px 1px rgba(65,72,80,0.3),0px 2px 3px rgba(65,72,80,0.2),0px 3px 4px rgba(65,72,80,0.1);} #menu2 ul{padding:15px 0;list-style:none;background:#fff url('img/menu2_items_bg.png') repeat-x left bottom;border-bottom:2px solid #8cc128;} #menu2 li{padding:4px 0 4px 15px;background:url('img/menu2_arrow.png') no-repeat 13px 12px;} #menu2 a{display:block;width:87%;padding:2px 2% 4px 7%;color:#002d41;font-size:1.083em;background:none;} #menu2 a:hover, #menu2 .sub1 a:hover{color:#598600;background:none;} #menu2 .selected > a:first-child{color:#598600;background:none;} #menu2 .sub1{margin:0;padding:0;border:0;background:none;} #menu2 .sub1 li{padding:2px 0 2px 24px;background:url('img/circle.png') no-repeat 11px 10px;} #menu2 .sub1 a{display:block;width:100%;padding:2px 0;} /* RIGHT COLUMN STYLES */ #content{float:left;width:100%;padding:20px 0 5px;text-align:center;} #page{position:relative;width:100%;margin:0 auto;text-align:left;} .contact #content {width:100%;} .nb #content {padding-top:70px;} /* PAGE TITLE */ #page h1{margin:18px 0 10px;padding-left:10px;background:inherit;font-size:2.417em;font-weight:normal;background:inherit;} /* NAVIGATION PATH - TREE */ #page .breadcumb {position:absolute;top:-5px;padding:2px 0;color:#a6aeb3;background:inherit;font-size:1.13em;right:0;} #page .breadcumb a{background-color:inherit;color:#a6aeb3;text-decoration:none;font-weight:normal;} #page .breadcumb a:hover{text-decoration:underline;} *:first-child+html #page .breadcumb{top:-5px;} /* IE 7 hack */ * html #page .breadcumb {top:-5px;} /* IE 6 hack */ /* PAGE CONTENT */ #page div.content{padding-top:5px;font-size:1.383em;line-height:1.6em;} #page div.content ul {float:left;margin:10px 0 20px 30px;padding:0;list-style:none;width:calc(100% - 30px);} #page div.content ol {float:left;margin:10px 0 20px 30px;padding:0;width:calc(100% - 30px);} #page div.content ol ol { list-style-type:upper-alpha; } #page div.content li{margin:4px 0;padding:0;border-left:0;} #page div.content ul li:before {content:"\f006";font-family:'FontAwesome';padding-right:10px;color:#ffcc01;font-size:1.133em;} #page div.content p{padding-bottom:10px;} #page div.content ul#planZajec li:before {content:"\f017";float:left;} #page div.content ul#planZajec li {float:left;dispaly:block;width:100%;padding:10px 0;} #page div.content ul#planZajec li em {display:block;float:left;width:120px;text-decoration:none;font-style:normal;font-weight:700;} #page div.content ul#planZajec li div {float:left;width:calc(100% - 160px);} #page.contactPage div.content {clear:both;} #page div.content h3 {font-size:1.133em;} /* STRONA GŁÓWNA */ #page1 #page div.content img {float:left;} #page1 #page #opisIndex {float:right;width:46%;margin:20px 0 0;} #page1 #page div.content strong {font-family:'Kalam';color:#ec4625;font-size:1.633em;font-weight:400;} #page1 #page div.content a {display:block;float:left;width:32%;background-size: 100% 200%;background-image: linear-gradient(to top, #d22807 50%, #e86248 50%);-webkit-transition: background-position 0.5s;-moz-transition: background-position 0.5s;transition: background-position 0.5s;border-bottom:3px solid #d22807;border-radius:5px;text-align:center;text-transform:uppercase;color:#fff;line-height:1em;padding:5px 0;font-size:1.033em;} #page1 #page div.content a:first-of-type {background-image: linear-gradient(to top, #4b8e24 50%, #70a253 50%);border-color:#4b8e24;margin-right:10px;} #page1 #page div.content a:hover {background-position: 0 100%;} #page1 #page div.content ul {margin:0 0 20px 30px;} .pages{margin:0;padding:0;border:0;background:none;text-align:center;font-weight:300;} .pages li {display: inline-block;margin:0 2px;padding:0;border:0;} .pages a, .pages strong, .pages span {padding:5px 9px;display:block;float:left;font-size:1.13em;font-weight:300;background:#fff;border:1px solid #EBEBEB;text-transform:uppercase;} .pages strong, .pages a:hover {background:#fff;border:1px solid #f8e300;} .pages .title{} #page div.content strong {font-weight:700;} #subList5 {padding-bottom:20px;margin-bottom:20px;float:left;width:100%:} /* IMAGES STYLES */ #content .imagesList{list-style:none;} #content .imagesList li{margin:0 0 15px 0;background:inherit;color:#5d6771;text-align:center;} #content .imagesList li div{text-align:center;} #content .subpagesList img, #content .imagesList li img{padding:0;border:0;display:block;} #imagesList1{float:left;margin:10px 20px 0 0px;} #imagesList2{clear:right;float:right;margin:10px 0 0 20px;} #imagesList3{float:left;clear:both;width:100%;margin:20px 0 20px;} #content #imagesList3 li {margin:0;clear:none;padding:0;float:left;width:33.3%;position:relative;} #content #imagesList3 li div {opacity: 0;overflow:visible;background:rgba(0,0,0,0.7);-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;position:absolute;bottom:0;color:#fff;font-size:1.13em;padding:4px 5px;} #content #imagesList3 li:hover div {opacity: 1;} #content #imagesList3 li img {display:block;width:100%;} #content .galeria #imagesList3 li {width:25%;} #content .galeria #imagesList3 li.l1 {width:50%;} /* FILES LIST STYLES */ #filesList{width:100%;float:left;margin:15px 0 5px;list-style:none;vertical-align:middle;} #filesList a {display:block;float:left;margin:5px 0 5px 10px;padding:90px 10px 20px;border:2px solid #e0e0e0;text-align:center;position:relative;border-radius:5px;font-size:1.333em;width:120px;} #filesList a:before {position:absolute;right:-2px;color:#fff;top:10px;padding:2px 10px} #filesList a i {font-size:3em;position:absolute;width:100%;left:0;opacity:0.3;top:30px;} #filesList a.docFile {color:#1c9eec;border-color:#1c9eec;background:#e2eff7} #filesList a.xlsFile {color:#26c083;border-color:#26c083;background:#e0efe9} #filesList a.pdfFile {color:#fb6363;border-color:#fb6363;background:#f3e4e4} #filesList a.docFile:before {content:'DOC';background:#1c9eec;} #filesList a.xlsFile:before {content:'XLS';background:#26c083;} #filesList a.pdfFile:before {content:'PDF';background:#fb6363;} #formLink {position:fixed;left:-6px;top:200px;z-index:1010;} #formLink a {background:var(--kolor-oddzial-3);color:#fff;font-size:2em;padding:14px 6px 14px 8px;border-radius:5px;border-right:2px solid var(--border-oddzial-3)} #formLink span {font-family:'Kalam';color:#222;font-size:1.433em;font-weight:400;line-height:1em;text-align:center;display:block;float:right;margin:-20px 0 0 20px;padding:0 50px 40px 20px;background:url('img/arrow-form.png') no-repeat 0 20px;} /* SUBPAGES LIST STYLES */ #content .newsList, #content .subpagesList {float:left;width:100%;margin:7px 0;} #content .newsList articel {float:left;width:49.5%;margin:5px 0;padding:0;background:#EBEBEB;position:relative} #content .newsList articel .photo {float:left;margin:0 10px 0 0;width:60%;overflow:hidden;} #content .newsList articel .photo img {width:100%;} #content .newsList articel.ar-l {margin-right:1%;} #content .newsList articel h2 {padding:10px 0;} #content .newsList articel h2, #content .newsList articel h2 a {font-size:1.33em;font-weight:300;background:none;text-decoration:none;} #content .newsList articel h2 a:hover{color:#2f2f2f;background:none;} #content .newsList articel div.description, #content .subpagesList articel div.description{font-weight:300;font-size:1.13em;line-height:1.4em;} #content .newsList articel ul, #content .newsList li ol{float:left;width:96%;margin:5px 0 0 4%;padding:0;} #content .newsList articel li{padding:0;border:0;background:none;-webkit-box-shadow:none;box-shadow:none;} #content .newsList articel ul{list-style:disc;} #content .newsList articel ol{list-style:decimal;} #content .newsList articel p{padding-bottom:10px;} #content .newsList articel .date {position:absolute;background:#f8e300;top:0;left:0;padding:4px 10px;font-size:1.23em;} #content #subList2 articel, #content #subList1 articel {width:47.5%;padding:5px 1%;} #content #subList2 articel h2, #content #subList1 articel h2 {background:#EBEBEB;padding:10px 10px;font-weight:300;margin-bottom:10px;} #content .subpagesList articel {float:left;margin:10px 0;padding:0;width:33.3%;} #content #subList3 articel h2 {text-align:center;text-transform:uppercase;padding:10px;} #content #subList3 articel h2:after {content:" ";display:block;width:30px;height:2px;background:#ffcc01;margin:10px auto;} #content .subpagesList articel .photo {float:left;margin:0 0 10px;width:100%;overflow:hidden;} #content .subpagesList articel .photo img {width:100%;} #content .subpagesList articel div.description {padding:5px 20px;text-align:center;font-size:1.33em;} #content #subList1 articel div.description, #content #subList2 articel div.description {text-align:left;} #content #subList6 articel {margin:0;position:relative;} #content #subList6 articel .photo {margin:0;} #content #subList6 h2 {position:absolute;background:rgba(0,0,0,0.7);bottom:0;width:95%;padding:5px 0 5px 5%;font-weight:300;} #content #subList6 h2 a{color:#fff;} /* ACCORDING LIST */ .sub-title {cursor: pointer; margin: 0;font-weight:400;font-size:1.233em;border-bottom:1px solid #EBEBEB;float:left;width:96%;padding:20px 2%;font-family:'Kalam'} .sub-title:before {font-family:'FontAwesome';content:'\f006';float:left;font-size:0.93em;font-weight:300;padding:0 10px 0 0;color:#d33a27} .sub-title:after {font-family:'FontAwesome';content:'\f067';float:right;font-size:0.63em;font-weight:300;} .sub-title.active:after {font-family:'FontAwesome';content:'\f068'} .sub-title.active {color:#d33a27} .sub-content {display: none;font-size:1.083em;padding:20px 2%;float:left;clear:both;width:96%;} .sub-content.active {display: block;} .sub-content .photo {float:left;margin:0 20px 0 0;} /* TABS LIST */ #subList4 {float:left;width:100%;margin:20px 0;} .sub-menu {float: left;clear: both;list-style:none;width:20%;} .sub-menu li {float: left;width:100%;clear:left;background:#f5f5f5;border-bottom:1px dotted #dbdbdb;position: relative;} .sub-menu li.current {background-color: #ffcc01;z-index: 5;color:#2f2f2f;} .sub-menu li.current:after {content:" ";display:block;position:absolute;right:-5px;top:20px;color:#fff;border:solid transparent;border-right-color:#fff;border-top-color:#fff;border-width:5px;-ms-transform: rotate(-135deg); /* IE 9 */-webkit-transform: rotate(-135deg); /* Chrome, Safari, Opera */transform: rotate(-135deg);} .sub-menu li a {text-transform: uppercase;display:block;text-decoration: none;height: 50px;line-height: 50px;font-size:1.33em;padding:0 0 0 10px; } .tab-content {float: left;width: 78%;padding:0 0 0 2%;font-size:1.33em} .tab-content {display: none;} .tab-content .photo {float:right;margin-left:20px;} .tab-content strong {font-weight:700;padding-bottom:20px;display:block;} .tab-content ul, .tab-content ol {list-style:none;margin:20px 10px;} .tab-content li {padding:4px 10px;} .tab-content li:before {content:"\f05d";font-family:'FontAwesome';padding-right:10px;color:#ffcc01} .tab-content .more {margin-top:5px;} #tab-1 {display: block;} .more {font-size:0.833em;} #page div.content .sub-menu {float:left;margin:0px;padding:0;font-size:0.733em;} #page div.content .sub-menu li{margin:0;padding:0;} #page div.content .sub-menu li:before {content:"";margin:0;padding:0;display:none;} #page div.content .sub-menu li li:before {content:"\f05d";font-family:'FontAwesome';padding-right:10px;color:#ffcc01} #page div.content .sub-menu p{padding-bottom:10px;} #page div.content .tab-content {font-size:1em} /* CONTACT & ASK FORM */ .contactPage #ContactForm {float:right;width:55%;margin:10px 0 10px 20px;padding:0;border:1px solid transparent;} #ContactForm .input, #ContactForm textarea {width:94.8%;margin:0 0 10px;padding:5px 2%} #ContactForm .code {width:75%;float:right;} #ContactForm textarea {height:200px;} #ContactForm img {float:left;margin:5px 0 0 0;} #ContactForm .submit {clear:both;} #registerForm {float:left;margin:0 0 0 50px} #registerForm .input, #registerForm select {width:300px;float:left;margin:0 10px 10px 0;} #registerForm .number {width:132px;} #registerForm .opiekun {width:100px;} #registerForm .imie {width:190px;} #registerForm legend {float:left;clear:both;font-family:'Kalam';font-size:1.433em;color:#000;font-weight:400;width:30%;} #registerForm fieldset {float:left;width:100%;margin:10px 0 0;border-bottom:1px solid #e0e0e0;padding:10px 0 10px;} #registerForm div, #registerForm p {float:right;width:68%;} #registerForm p {background:#a2c68d;width:634px;float:right;margin-right:128px;padding:10px;font-size:1.233em;margin-bottom:20px;color:#396023;border:1px solid #70a253;} #registerForm #departmentSelect {width:320px;} #registerForm .req {} #registerForm div#g-recaptcha {float:left;width:auto !important;margin:0;} #registerForm div#g-recaptcha div {margin:0;float:left;} #registerForm button {margin-right:130px;} .contactPage .contact_data {float:left;border:1px solid #eeeeee;width:31%;padding:30px 2%;margin:10px 0 0;font-size:1.43em;position:relative;} .contactPage .contact_data p {float:left;width:80%;border-bottom:1px solid #eeeeee;padding:30px 0 30px 20%;position:relative;} .contactPage .contact_data p:before {font-family:'FontAwesome';position:absolute;left:10px;top:40px;font-size:2em;color:#eeeeee;} .contactPage .contact_data .cData {padding-top:0;} .contactPage .contact_data .cData:before {content:"\f041";top:0;} .contactPage .contact_data .cPhone:before {content:"\f095";} .contactPage .contact_data .cEmail:before {content:"\f0e0";top:20px;} .contactPage .contact_data .cBank:before {content:"\f19c";top:20px;} .contactPage .contact_data p.cEmail {border:0;padding:25px 0 0 20%;} .contactPage .contact_data .cBank {padding:25px 0 25px 20%;} .contactPage .contact_data span {display:block;padding:10px 0;font-size:1.0em;} .contactPage .contact_data .cName {font-family:'Kalam';font-size:1.133em;font-weight:400;} .contactPage .contact_data .oName {font-family:'Kalam';font-size:1.033em;padding:0 0 10px;} #oddzial1 {background:#f29b47;border:0;border-radius:5px;border-bottom:3px solid #db740f;color:#fff;} .contactPage #oddzial1 p {border-color:#febd7f} #oddzial1 .cName {color:#8b4500} .contactPage #oddzial1 .cBank strong {color:#8b4500;font-weight:700;} #oddzial2 {background:#70a253;border:0;border-radius:5px;border-bottom:3px solid #4b8e24;color:#fff;} .contactPage #oddzial2 p {border-color:#b2ff86} #oddzial2 .cName {color:#266700} .contactPage #oddzial2 .cBank strong {color:#266700;font-weight:700;} #oddzial3 {background:#e86248;border:0;border-radius:5px;border-bottom:3px solid #d22807;color:#fff;} .contactPage #oddzial3 p {border-color:#ffac9c} #oddzial3 .cName {color:#631000} .contactPage #oddzial3 .cBank strong {color:#631000;font-weight:700;} #oddzialyLink {position:absolute;top:-42px;} .contactPage a {display:block;float:left;background:#d0d0d0;padding:10px 10px;-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;margin-right:2px;color:#fff;font-size:0.9em;} .contactPage a#oddzialLink1 {background:var(--kolor-oddzial-1)} .contactPage a#oddzialLink2 {background:var(--kolor-oddzial-2)} .contactPage a#oddzialLink3 {background:var(--kolor-oddzial-3)} .contactPage a.active {padding:12px 15px;position:relative;top:-4px;} .contactPage .contact_data.oddzialy {margin-top:50px;} /* GOOGLE MAPS */ #mapa {float:left;clear:both;width:100%;height:500px;margin:0px 0 0;padding:0;} #mapa div.tooltip {height:65px;width:240px;} /* BOXES */ #boxes1 {float:left;width:100%;clear:both;margin:0px 0 -10px;position:relative;top:-20px;z-index:101;} #boxes1 .section-cn {position:relative;overflow:visible;height:270px;} #boxes1 .box {float:left;background:#70a253;width:29.3%;text-align:left;padding:50px 2%;color:#fff;position:relative;border-bottom:5px solid #4b8e24;} #boxes1 .box .icon {height:100px;line-height:100px;position:absolute;bottom:0px;right:40px;} #boxes1 .box img {max-width:90px;vertical-align:middle;} #boxes1 .box h2 {font-weight:300;font-size:1.933em;padding:0;font-family:Kalam;line-height:1.4em;} #boxes1 .box h2 small {display:block;font-family:'Open Sans Condensed';line-height:0.8em;font-size:0.8em;} #boxes1 .box h2 a {color:#fff;} #boxes1 .box h2 a:hover {color:#fff;} #boxes1 .box .content {font-size:1.33em;padding:0px 40px;display:none;} #boxes1 .box.i1 {border-radius: 10px 0px 0px 10px;-moz-border-radius: 10px 0px 0px 10px;-webkit-border-radius: 10px 0px 0px 10px;background-color:#f29b47;border-color:#db740f;} #boxes1 .box.i3 {border-radius: 0px 10px 10px 0px;-moz-border-radius: 0px 10px 10px 0px;-webkit-border-radius: 0px 10px 10px 0px;background-color:#e86248;border-color:#d22807;} #boxes1 .boxes-image {position:absolute;left:0;z-index:101;bottom:-35px;margin-left:-120px;} /* DZIECI */ #boxes1 .boxes-image#kids02 {left:69%;bottom:-15px;} #boxes1 .boxes-image#kids03 {left:100%;bottom:-44px;} #boxes1 .box.i2 .icon, #boxes1 .box.i3 .icon {right:100px;} #boxes1 .box ul {list-style:none;margin:40px 0 0;} #boxes1 .box li a {color:#fff;padding-left:5px;font-size:1.133em;} #boxes1 .box li:before {content:"\f006";font-family:'FontAwesome';color:#4b8e24} #boxes1 .box.i1 li:before {color:#db740f} #boxes1 .box.i3 li:before {color:#d22807} #boxes1 .box.i1 ul {margin-left:70px;} #boxes1 .box a.more {display:block;position:absolute;bottom:-12px;font-size:1.266em;background:#383838;text-transform:uppercase;color:#efefef;width:80px;padding:4px 0;left:50%;margin-left:-40px;} #boxes1 .box a.more:hover {background:#1f1f1f;} #boxes2 {width:100%;text-align:center;margin:10px 0;float:left;clear:both;} #boxes2 .box {float:left;width:18%;padding:20px 2%;margin:0 1% 0 0;color:#1f1f1f;position:relative;border:1px solid #d7d7d7;} #boxes2 .box .icon {background:#fff;border-radius: 50%;border:1px solid #e0e0e0;width:110px;height:110px;line-height:110px;margin:0px auto 20px;} #boxes2 .box img {max-width:70px;max-height:70px;vertical-align:middle;opacity:0.6;filter:alpha(opacity=60);} #boxes2 .box h2 {border-bottom:1px solid #d7d7d7;padding-bottom:10px;} #boxes2 .box h2, #boxes2 .box h2 a {color:#000;} #boxes2 .box .content {border-top:1px solid #fff;padding-top:10px;} .message{padding:50px 0;text-align:center;} .message h3{background:inherit;color:#cc0000;font-weight:normal;font-size:1.8em;} .message a {font-size:1.133em;} #ContactForm .message{padding:0 0 10px;text-align:center;} #ContactForm .message {font-size:0.8em;} /* NEWS */ #news {width:100%;height:auto;margin:0;clear:both;padding:20px 0;text-align:left;background:#f9f9f9;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;} #news #news-ds {float:left;width:100%;margin:0;padding:0;text-align:center;border-bottom:1px solid #eeeeee;margin-bottom:20px;} #news #news-ds .title, #random-comments .title {float:left;font-weight:300;font-size:1.93em;float:left;padding:5px 0px 5px 0;margin-bottom:20px;position:relative;width:100%;font-family:'Kalam'} #news #news-ds .title:after, #random-comments .title:after {display:block;height:6px;width:92px;content:" ";position:absolute;bottom:-2px;left:50%;margin-left:-46px;z-index:0;background:url('img/line.png') no-repeat;} #news #news-ds .description {clear:both;float:left;font-size:1.383em;text-align:justify;border-bottom:1px solid #fff;padding-bottom:20px;} #news .articels {float:left;width:100%;margin:0;padding:0;} #news articel {float:left;position:relative;padding:0;margin:0;width:calc(33.33% - 14px);border:2px dotted #de8125;border-radius:10px;overflow:hidden;margin:0 5px;} #news articel .photo {height:240px;overflow:hidden;} #news articel .photo a {padding:0;margin:0;} #news articel .photo a img {padding:0;margin:0;border:0;display: block;width:100%;} #news articel .mask {padding:10px 20px;} #news articel span {display:block;float:left;width:100%;font-size:1.2em;} #news articel h2 {color:#cb1a0e;float:left;font-family:'Kalam';font-weight:300;font-size:1.933em;height:70px;line-height:35px;} #news articel h2 a {color:#cb1a0e;} /* COMMENTS */ #Comments {float:left;width:100%;margin:20px 0;padding:0;border-top:1px solid #eeeeee;} #Comments .title {font-weight:300;font-size:1.83em;padding:10px 0;position:relative;} #Comments .title:after {content:" ";display:block;position:absolute;bottom:0;width:30px;height:2px;background:#ffcc01;} #Comments form {width:28%;float:left;margin:20px 0 0;} #Comments form .input, #Comments form textarea {width:95.8%;margin:0 0 10px;padding:5px 2%} #Comments form .code {width:75%;float:right;} #Comments form textarea {height:200px;} #Comments form img {float:left;margin:5px 0 0 0;} #Comments form .submit {clear:both;} #random-comments {padding:20px 0 40px;} #random-comments .title {text-align:center;margin:0 0 10px} #random-comments articel, #comments-list articel {position:relative;background:#ffcc01;padding:20px 2.5%;font-size:1.33em;text-align:left;margin:20px 2.5%;clear:both;float:left;width:90%;} #random-comments articel:after, #comments-list articel:after {content:" ";height:0;width:0;position:absolute;top:100%;border:solid transparent;border-top-color:#ffcc01;border-left-color:#ffcc01;border-width:10px;left:5%;bottom:-10px;} #random-comments articel span, #comments-list articel span {font-weight:700;position:absolute;bottom:-40px;left:0%;font-size:1.13em} #random-comments articel span em, #comments-list articel span em {font-weight:300;font-size:0.83em;font-style:normal;} #comments-list {float:right;width:70%;} #comments-list articel {background:#EBEBEB;font-size:1.13em;margin-bottom:40px;} #comments-list articel:after {border-top-color:#EBEBEB;border-left-color:#EBEBEB;} #comments-list .empty-list {text-align:center;font-size:1.333em;padding:20px 40px;border:1px solid #d7d7d7;margin:0 0 40px;} /* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */ footer{clear:both;font-size:1.283em;background:url('img/foot-bg.png')} footer .section-cn{width:990px;margin:0 auto;padding:34px 0;overflow:hidden;color:#707070;} footer a {color:#707070} #departments {float:right;width:75%;} #departments div {float:left;width:33.3%;color:#707070;} #departments div ul {list-style:none;font-size:0.966em;padding:0;margin:0;} #departments div li {padding:2px 0px 2px 20px;} #departments div li.name {font-family:'Kalam';padding:0 0 20px 0px;font-size:1.333em;} #departments div li.phone, #departments div li.email {margin-top:20px;} #departments div li i {width:14px;background:url('img/icons-footer.png') no-repeat;display:inline-block;padding-right:10px;} #departments div li.phone i {height:16px;background-position:0 0;} #departments div li.email i {height:10px;background-position:0 -70px;} #footMenu {float:left;width:25%;padding:60px 0 0;background:url('img/serce-logo.png') no-repeat;} #footMenu ul {list-style:none;margin:0 0 0 40px;float:left;} #footMenu li a {padding:1px 0;display:block;} footer .bf {clear:both;font-size:0.9em;background:#fff;color:#707070;} footer .bf .section-cn{padding:10px 0;} #copy{float:left;padding:5px 25px 0;} #powered{float:left;padding:0 25px;clear:left;} #design {float:right;padding:0 25px;} #design a {color:#000;} #media {float:right;background:url('img/arrow.png') 0 8px no-repeat;padding:0px 0 0 20px;} #media p {font-family:'Kalam';font-weight:700;color:#000;} #media a {display:block;height:26px;width:26px;line-height:26px;float:left;} #media a.fb {background:url('img/facebook.png') no-repeat;margin-left:30px;} #media a.youtube {background:url('img/youtube.png') no-repeat;margin-left:5px;} @media print{ /* PRINT STYLES */ * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;text-shadow:none !important;-webkit-box-shadow:none;box-shadow:none;} body{margin:1cm 0;} #container{width:17.2cm;height:auto;} #head1 .container, #head1{height:auto;} #logo{padding:0 0 0.2cm;} #head1 .container, #head2 .container, #body .container, #foot .container{border-width:0px !important;} #body{clear:none;} #body .container{overflow:visible;} #logo #title, #page h1{padding:0;} #page h4{position:relative;top:0;} #header .container, #body .container, #foot .container, #content, #page{float:none;width:17.2cm;padding:0;margin:0;} #column, #head2, #back{display:none;} } /* PLUGINS */ #fbSlide {position:fixed;top:25%;left:-254px;width:309px;z-index:99; -webkit-transition-duration: .6s; /* Safari */ transition-duration: .6s;} #fbSlide #fbTitle {background:url('img/facebook.png') no-repeat;width:55px;height:160px;float:right;} #fbSlide #fbContent {background:#3d579d;color:#fff;width:234px;float:left;height:258px;padding:10px;} #fbSlide #fbContent iframe {background:#fff} #fbSlide:hover {left:-1px;} /* STYLE DLA POSZCZEGÓLNYCH PODSTRON */ @media all and (min-width: 260px) and (max-width: 990px){ section .section-cn, #head1 {width:96%;margin:0 auto;} #pBanner .section-cn, #head1 {margin-left:2%;width:96%;left:0;} #menu1 {position:absolute;margin:0;float:left;z-index:103;text-align:left;} #menu1 i {font-size:1.83em;border:1px solid #fefefe;padding:5px;margin-left:5%;cursor:pointer} .menu-cn {display:none;background:#282828;margin:96px 0 0;position:absolute;width:90%;padding:0;list-style:none;z-index:1001;margin-left:5%;} .menu-cn li {border-top:1px solid #323232} .menu-cn li a {padding:6px 10px;display:block;color:#d0d0d0;font-size:1.13em;} .menu-cn li a:hover {color:#dfdfdf;} .menu-cn li ul {list-style:none;background:#323232;} .menu-cn li li {border-color:#282828;padding-left:5px;} #Comments form, #comments-list {width:100%;} #Comments form .input, #Comments form textarea {padding:5px 1.5%} #comments-list .empty-list {margin:20px 0 10px;} * {display:none;} } @media all and (max-width: 480px) { #menu1 {top:5px;left:1%;} #logo{float:left;width:100%;margin:20px 0 0 0;text-align:center;z-index:999;} #logo img {width:180px;} #logo #slogan{position:absolute;padding:5px 1%;bottom:-14px;left:5%;width:88%;} #boxes1 {top:-5px;} #boxes1 .box {width:46%;padding:10px 2%;} #boxes1 .box .icon {height:80px;line-height:80px;float:left;} #boxes1 .box img {max-width:50px;vertical-align:middle;} #boxes1 .box h2 {font-size:1.43em;} #boxes1 .box.i1 {margin-left:0%;} #boxes1 .box a.more {display:none;} #boxes1 .box.i2, #boxes1 .box.i3 {background:#ffcc01;} #boxes1 .box.i4 {background:#ffe401} #searchForm {position:absolute;left:10px;top:5px;padding:0px 0;margin:0;display:none} footer #info, footer #contact, footer #footerMenu {padding-left:2%;float:left;width:96%;margin-bottom:20px;margin-left:0;} footer #footerMenu a {padding:4px 5px;display:block;float:left;font-size:0.93em;} #news articel {float:left;position:relative;padding:0;margin:0;height:auto;width:100%;} #news articel .mask {opacity: 1;background:rgba(0,0,0,.4)} .contactPage .contact_data {float:left;border:1px solid #eeeeee;width:95%;padding:30px 2%;margin:10px 0 0;font-size:1.33em;} .contactPage #ContactForm {float:left;width:95%;margin:10px 0 10px 2%;padding:0;} #mapa {height:300px;} #content .subpagesList articel {float:left;margin:10px 0;padding:0;width:100%;} #pBanner .section-cn h1 {color:#fff;font-weight:700;float:left;font-size:2.117em;text-shadow:1px 1px 0 0 #000;opacity:0.8;margin-top:50px;} footer #contact ul {width:46%;float:left;margin:10px 0 0;padding:0;list-style:none;margin-left:4%} #content .newsList articel {width:100%;} #content .newsList articel .photo {margin:0 0 0 0;width:100%;} #content .newsList articel.ar-l {margin-right:0;} #content .newsList articel div.description, #content .subpagesList articel div.description {padding:0 10px;} .sub-menu {float: left;clear: both;list-style:none;width:100%;margin:0;} .tab-content {width: 100%;padding:5px 0 0;} .sub-menu li a {height: 30px;line-height: 30px;} .sub-menu li.current:after {top:12px;} #page div.content .tab-content ul {margin:0 0 0 5px;} /* STYLE DLA POSZCZEGÓLNYCH PODSTRON */ #page1 #pageDescription img {display:none} #page1 #pageDescription #subList5 {float:left;width:100%;margin:20px 0 0 0;} #page1 #pageDescription .articel {float:left;width:100%;margin:10px 0 10px 0;} #page1 #pageDescription .sub-title {font-size:1.00em;width:95%;padding:10px 2.5% 10px 2.5%;} .mobilBanner {float:left;width:100%;height:220px;margin-top:60px;background:url('img/main_bg.jpg') no-repeat center;} } @media all and (min-width: 481px) and (max-width: 989px){ footer #footerMenu {display:none;} #menu1 {top:30px;right:80px;} .menu-cn li a {font-size:1.23em;} #boxes1 .box h2 {font-size:1.43em;} #boxes1 .box a.more {font-weight:300;} @media all and (min-width: 481px) and (max-width: 769px){ #content .subpagesList articel {float:left;margin:10px 0;padding:0;width:50%;} #content .subpagesList articel div.description {font-size:1.2em;} .sub-menu {float: left;clear: both;list-style:none;width:100%;margin:0;} .sub-menu li {width:50%;clear:none} .tab-content {width: 100%;padding:5px 0 0;} #page div.content .tab-content ul {margin:0 0 0 5px;} #page div.content .tab-content img {max-width:300px;} #news articel {width:50%;} } #news articel .mask {opacity: 1;background:rgba(0,0,0,.4)} .contactPage .contact_data {width:41%;padding:30px 2%;} .contactPage #ContactForm {width:50%;margin:10px 0 10px 2%;padding:0;} /* STYLE DLA POSZCZEGÓLNYCH PODSTRON */ #page1 #pageDescription img {width:26%;} #page1 #pageDescription #subList5 {float:left;width:60%;margin:20px 0 0 0;} #page1 #pageDescription .articel {float:left;width:100%;margin:10px 0 10px 0;} #page1 #pageDescription .sub-title {font-size:1.00em;width:95%;padding:10px 2.5% 10px 2.5%;} footer #info, footer #contact {padding-left:2%;float:left;width:46%;margin-bottom:20px;margin-left:0;} } @media all and (min-width: 990px){ /* MENU TOP */ #menu1{float:right;padding:0;margin:40px 0px 0 0;} #menu1 ul{margin:0;list-style:none;text-align:center;position:relative;} #menu1 li{display: inline-block; padding:0;font-family: 'Kalam';margin: 0 3px;} #menu1 li a{float:left;font-size:1.47em;text-decoration:none;background:transparent;text-transform:uppercase;padding:5px 10px;border-radius:5px;border-bottom:2px solid #000;} #menu1 li a:hover, #menu1 .selected a{color:#1f1f1f;text-shadow:none;} #menu1 li.l1 a {color:#db740f;border-color:#db740f} #menu1 li.l2 a {color:#4b8e24;border-color:#4b8e24} #menu1 li.l3 a {color:#d22807;border-color:#d22807} #menu1 li.l4 a {color:#2aa6a8;border-color:#2aa6a8} #menu1 li.lL a {color:#9b478a;border-color:#9b478a} #menu1 ul div {display:block;position:absolute;visibility:hidden;opacity:0;} #menu1 .sub {display:block;position:absolute;top:40px;max-width:800px;border-top:0;float:left;z-index:102;float:left;padding:5px 0px;visibility:hidden;opacity:0;transition:visibility 0s linear 0.5s,opacity 0.5s linear;} #menu1 li:hover .sub {visibility:visible;opacity:1;transition-delay:0.2s;} #menu1 .sub ul {float:left;margin-right:10px;text-align:left;background:#fff;border-radius:5px;padding:5px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);} #menu1 .sub ul li {float:left;clear:left;padding:3px 5px;font-size:0.87em;border:0px;width:190px;} #menu1 .sub ul li a {padding:5px 0px 5px 5px;text-decoration:none;background:none;transition-duration:0.7s;width:185px;} #menu1 .sub ul li a:hover {text-decoration:none;transition-duration:0.7s;padding-left:20px;background:#ffcc01;color:#383838;width:170px;} #menu1 .sub ul li:before {display:none;} #menu1 .sub ul li.lL {border:0;} } @media all and (min-width: 1220px) { section .section-cn {width:1200px;margin:0 auto;} #pBanner .section-cn {margin-left:-600px;width:1200px;} #boxes1 .box .content {display:block;} }