html, body { font-size:16px;line-height:18px;height:100%;color:#000;font-family: 'Roboto', sans-serif; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, ul, p, blockquote, pre, a, big, em, img, q, small, strong, tt, var, b, u, i, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0;margin: 0;outline: 0;padding: 0; }
/* css/style_more.css - more css */
/* fonts/dir_name/font_name_font.css - more fonts */
.mourning { width:40px !important;margin-left:40px !important; }
.szkola-select
{
display: none !important;
visibility: hidden !important;
}
@media screen and (min-width: 1201px) {
.no-comp { display:none !important; }
.top {
float:left;
width:100%;
height:53px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
z-index:45;
background:#3dba5d;
}
.top .wrap {
width:1170px;
height:100%;
position:relative;
margin:0 auto;
}
.logo {
float:left;
position:absolute;
height:250px;
top:0;
left:0;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
align-items:center;
align-content:center;
}
.logo img {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.quick {
float:right;
margin:19px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.quick a {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 18px;
text-decoration:none;
cursor:pointer;
color:#fff;
}
.quick a:hover {
color:#fff;
text-decoration: underline;
text-underline-offset: 5px;
}
.quick .phone img {
float:left;
margin:0px 10px 0px 40px;
position:relative;
}
.quick .mail img {
float:left;
margin:0px 10px 0px 0px;
position:relative;
}
.wrapper {
float:left;
width:100%;
height:85px;
position:relative;
top:0px;
left:0;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
z-index:35;
background-position:bottom !important;
background: url(images/wrapper_background.png) no-repeat;
}
.wrapper .wrap {
width:1170px;
height:100%;
position:relative;
margin:0 auto;
}
.wrapper nav {
width:auto;
float:right;
margin:35px 0px 0px 0px;
font-size:16px;
line-height:18px;
font-family: 'Roboto', cursive;
font-weight:700;
}
.wrapper nav ul {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.wrapper nav ul li {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
list-style: none;
text-transform: uppercase;
cursor:pointer;
background: url(images/wrapper_menu_hr.png) top 5px left no-repeat;
}
.wrapper nav ul .small-menu {
padding:0px 10px 0px 10px !important;
}
.wrapper nav ul li a {
color: #565656;
text-decoration:none;
padding:0px 25px 0px 25px;
display: inline-block;
}
.wrapper nav ul li a:hover {
color:#3dba5d;
}
.wrapper nav ul li:first-child,
.wrapper nav ul li:last-child
{
background:none !important;
}
.wrapper nav ul li:last-child
{
background:none !important;
padding:0px 0px 0px 0px !important;
}
.wrapper nav ul li:last-child a {
padding:0px 0px 0px 0px !important;
}
.wrapper nav ul li .search-ikon {
float:left;
width:40px;
height:40px;
margin:-12px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
cursor:pointer;
font-size:0px;
font-weight:100;
background:#f9a72b url(images/v2_icon_search.svg) center no-repeat;
background-size: 25px !important;
border-radius: 5px !important;
}
#podmenu {
display:none;
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:absolute;
left:0;
top:138px;
z-index:30;
overflow:hidden;
}
#podmenu .wrap {
width:600px;
height:100%;
position:relative;
margin:0 auto;
top:0;
left:314px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-end;
align-items:flex-start;
align-content:flex-start;
background-color:#3dba5d;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 14% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 14% 100%);
}
#podmenu .wrap .box {
float:right;
width:70%;
margin:20px 10% 0px 0px;
padding:0px 0px 40px 0px;
position:relative;
}
#podmenu .wrap .box-all {
float:left;
width:100%;
margin:40px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
#podmenu .wrap .box h3 {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 10px 0px;
font-family: 'Amatic SC', cursive;
font-size: 38px;
font-weight: 700;
line-height: 38px;
text-transform: uppercase;
border-bottom:1px solid #fff;
}
#podmenu .wrap .box h3 a {
text-decoration:none;
color:#fff;
}
#podmenu .wrap .box h3 a:hover {
}
#podmenu .wrap .box ul {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
#podmenu .wrap .box ul li {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
list-style: none;
font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 26px;
}
#podmenu .wrap .box ul li a {
color:#fff;
text-decoration:none;
}
#podmenu .wrap .box ul li a:hover,
#podmenu .wrap .box ul li .active
{ border-bottom:1px solid #fff; }
.container {
float:left;
width:100%;
height:41vw;
position:relative;
margin:-85px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
border-bottom-left-radius: 120px;
border-bottom-right-radius: 120px;
}
.container .wrap {
width:100%;
height:100%;
position:relative;
margin:0 auto;
}
.container .slide-1 {
float:left;
width:100%;
height:100%;
position:relative;
z-index:1;
overflow:hidden;
}
.container .slides {
float:left;
width:100%;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
background-size:cover !important;
background-position: top !important;
}
.container .slides .box {
display:none;
}
.container .owl-nav {
display:none !important;
}
.container .owl-dots {
display:none !important;
}
.additional {
display:none !important;
}
.s-container {
float:left;
width:100%;
height:150px;
top:0;
left:0;
position:relative;
margin:-90px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
background: url(../../images/galerie/12-72.jpg) bottom no-repeat;
}
.s-container .wrap {
width:1170px;
height:100%;
position:relative;
margin:0 auto;
}
.dir {
float:right;
margin:95px 0px 0px 0px;
padding:10px 10px 10px 10px;
position:relative;
background:#fff;
background-color: rgba(255, 255, 255, 0.6);
background: rgba(255, 255, 255, 0.6);
}
.dir a {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #000;
font-family: Roboto;
font-size: 14px;
font-weight: 300;
line-height: 14px;
text-decoration:none;
}
.dir a span {
float:left;
margin:0px 0px 0px 0px;
padding:0px 8px 0px 8px;
position:relative;
font-family: Roboto;
font-size: 14px;
font-weight: 100;
line-height: 14px;
}
.dir a:hover {
color:#000;
}
.dir a:hover span {
color:#000;
}
.fast-box {
float:left;
width:100%;
height:115px;
position:relative;
margin:-70px 0px 0px 0px;
z-index:25;
}
.fast-box .wrap {
width:1170px;
height:100%;
position:relative;
margin:0 auto;
border-radius: 45px;
background-color: #f9a72b;
padding:0px 0px 0px 0px;
}
.fast-box .wrap h3 {
display:none;
visibility:hidden;
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-family: 'Amatic SC', cursive;
font-size: 40px;
font-weight: 700;
line-height: 40px;
color:#000;
}
.fast-box .wrap .box {
float:left;
width:25%;
height:155px;
margin:-70px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background: url(images/fast_box_box_bg.png) center no-repeat;
}
.fast-box .wrap .box .ikon {
float:left;
width:100%;
height:145px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
z-index:5;
}
.fast-box .wrap .box:nth-of-type(1) .ikon { background: url(images/fast_box_ikon_1.png) top center no-repeat; }
.fast-box .wrap .box:nth-of-type(2) .ikon { background: url(images/fast_box_ikon_2.png) top center no-repeat; }
.fast-box .wrap .box:nth-of-type(3) .ikon { background: url(images/fast_box_ikon_3.png) top 5px center no-repeat; }
.fast-box .wrap .box:nth-of-type(4) .ikon { background: url(images/fast_box_ikon_4.png) top 10px center no-repeat; }
.fast-box .wrap .box .title {
float:left;
width:204px;
margin:-10px 0px 0px -102px;
padding:0px 0px 0px 0px;
font-family: 'Roboto', cursive;
font-size: 20px;
line-height: 47px;
font-weight: 900;
position:absolute;
left:50%;
bottom:0;
text-align:center;
text-decoration:none;
color: #565656;
background-color: #ffffff;
border-radius:20px;
z-index:4;
}
.fast-box .wrap .box:hover .title {
color:#3dba5d;
}
.fast-box .wrap .box .text {
display:none;
visibility:hidden;
}
.fast-box .wrap .box .more {
display:none;
visibility:hidden;
}
/* Wygl�d w podzak�adkach */
.fast-right {
height:710px;
position:relative;
margin:0px 0px 0px 0px;
z-index:5;
overflow:hidden;
}
.fast-right .wrap {
width:100% !important;
}
.fast-right .wrap .box {
width:100%;
height:135px;
margin:30px 0px 0px 0px;
}
/* Na skr�ty */
.short-link {
display:none;
}
/* Home - News - v1 */
.newslista {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
overflow:hidden;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-start;
align-content:center;
}
.newslista .news-box {
float:left;
width:32%;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.news-box .news-new {
float:left;
position:absolute;
left:0;
top:0;
margin:40px 0px 0px 0px;
padding:0px 15px 0px 15px;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 27px;
z-index:3;
text-align:center;
color:#fff;
background:#98be45;
}
.news-left {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.news-foto {
float:left;
width:100%;
height:260px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
overflow:hidden;
border-radius:40px;
}
.news-foto img {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:100%;
object-fit: cover;
}
.news-data {
float:left;
width:100%;
margin:30px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
left:0;
bottom:0;
color: #98be45;
font-family: Roboto;
font-size: 14px;
font-weight: 700;
line-height: 14px;
z-index:3;
text-align:center;
border-radius:25px;
}
.news-right {
float:left;
width:90%;
height:200px;
margin:5px 0px 0px 0px;
padding:0px 5% 0px 5%;
position:relative;
}
.news-header {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #231f20;
font-family: Roboto;
font-size: 20px;
font-weight: 900;
line-height: 25px;
text-align:center;
}
.news-text {
float:left;
width:100%;
margin:10px 0px 20px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #676767;
font-family: Roboto;
font-size: 14px;
font-weight: 300;
line-height: 21px;
text-align:center;
}
.news-more {
float:left;
margin:0px 0px 0px -67px;
padding:0px 25px 0px 25px;
position:relative;
left:50%;
top:0;
color: #231f20;
font-family: Roboto;
font-size: 14px;
font-weight: 500;
line-height: 41px;
border: 1px solid #fdd221;
background-color: rgba(207, 238, 255, 0);
border-radius:20px;
}
.start-2 {
float:right;
position:absolute;
top:5px;
right:0;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
}
.start-2 .wrap {
width:auto !important;
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.start-2 .wrap p {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.start-2 .wrap p a {
float:left;
margin:0px 0px 0px 0px;
padding:0px 20px 0px 20px;
text-decoration:none;
font-family: 'Roboto', cursive;
font-size: 12px;
font-weight: 700;
line-height: 40px;
text-align:center;
color: #fff;
background:#fecc2c;
border-radius:20px;
text-transform: uppercase;
}
.start-2 .wrap p a:hover {
color:#000;
}
.start-3 {
display:none;
visibility:hidden;
}
.start-4 {
float:left;
width:100%;
position:relative;
padding:40px 0px 100px 0px;
margin:0px 0px 0px 0px;
z-index:5;
overflow:hidden;
}
.start-4 .wrap {
width:1170px;
height:100%;
position:relative;
margin:0 auto;
}
.start-4 .wrap h4 {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-family: 'Roboto', cursive;
font-size: 40px;
font-weight: 900;
line-height: 40px;
color: #231f20;
text-align:center;
text-transform: uppercase;
background: url(images/start_4_h4_bg.png) center no-repeat;
}
.partners {
float:left;
width:100%;
margin:40px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.partners .owl-carousel {
float:left;
width:84%;
height:90px;
margin:0px 0px 0px 8%;
padding:0px 0px 0px 0px;
position:relative;
}
.partners .owl-stage-outer {
position:relative;
z-index:10;
}
.partners .partners-box {
float:left;
width:100%;
height:100%;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
display:flex;
justify-content:center;
align-items:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border:0px solid #000;
}
.partners .partners-box .img {
max-width:80%;
max-height:80%;
object-fit: contain;
}
.partners .owl-nav {
float:left;
width:100%;
position:relative;
margin:-100px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
z-index:5;
}
.partners .owl-nav .owl-prev {
float:left;
width:97px;
height:85px;
margin:25px 0px 0px -98px;
padding:0px 0px 0px 0px;
position:relative;
cursor:pointer;
font-size:0px;
background: url(images/partners_arrow_left.png) center no-repeat;
}
.partners .owl-nav .owl-next {
float:right;
width:97px;
height:85px;
margin:25px -98px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
cursor:pointer;
font-size:0px;
background: url(images/partners_arrow_right.png) center no-repeat;
}
.partners .owl-dots {
display:none;
}
.start-5 {
float:left;
width:100%;
height:530px;
position:relative;
margin:60px 0px 40px 0px;
padding:0px 0px 0px 0px;
z-index:4;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
align-items:center;
align-content:center;
}
.start-5 .wrap {
width:850px;
position:relative;
margin:0 auto;
}
.start-5 .wrap .text {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-family: 'Roboto', cursive;
text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
color: #ffffff;
font-size: 50px;
font-weight: 400;
line-height: 60px;
text-align:center;
font-style:italic;
}
.start-5 .wrap .autor {
float:left;
width:100%;
margin:25px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-family: 'Roboto', cursive;
font-size: 30px;
font-weight: 300;
line-height: 30px;
color:#fff;
text-align:center;
font-style: italic;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
}
.start-6 {
float:left;
width:100%;
height:200px;
position:relative;
margin:0px 0px 20px 0px;
background: #fff;
overflow:hidden;
}
.start-6 .wrap {
width:1160px;
height:100%;
position:relative;
margin:0 auto;
border:3px solid #f2f3f3;
border-radius:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.start-6 .wrap .header {
float:left;
width:100%;
position:relative;
margin:40px 0px 20px 0px;
padding:0px 0px 0px 0px;
}
.start-6 .wrap .header .godlo {
float:left;
width: 45px;
margin:5px 20px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.start-6 .wrap .header .name {
float:left;
width: calc(100% - 80px);
margin:5px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-size: 22px;
line-height: 28px;
font-weight: 700;
color: #000;
text-transform: uppercase;
}
.start-6 .wrap .header .subname {
float:left;
width: calc(100% - 80px);
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #000;
}
.start-6 .wrap .box-1 {
float:left;
width:60%;
height:100%;
margin:0px 0px 0px 5%;
padding:0px 0px 0px 0px;
position:relative;
}
.start-6 .wrap .box-1 .text {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.start-6 .wrap .box-1 .text .ikon {
float:left;
width:22px;
height:32px;
position:relative;
padding:0px 0px 0px 0px;
font-size:40px;
line-height:40px;
color:#32c7f2;
}
.start-6 .wrap .box-1 .text .ikon-1 {
float:left;
width:35px;
height:35px;
margin:5px 20px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
background: url(images/start_6_left_ikon_1.png) center no-repeat;
}
.start-6 .wrap .box-1 .text .ikon-2 {
float:left;
width:35px;
height:35px;
margin:5px 20px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
background: url(images/start_6_left_ikon_2.png) center no-repeat;
}
.start-6 .wrap .box-1 .text .ikon-1 i, .start-6 .wrap .box-1 .text .ikon-2 i {
display:none;
}
.start-6 .wrap .box-1 .text .left {
float:left;
width:40%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.start-6 .wrap .box-1 .text .right {
float:left;
width:60%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.start-6 .wrap .box-1 .text .info {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #231f20;
font-family: Roboto;
font-size: 16px;
font-weight: 500;
line-height: 22px;
}
.start-6 .wrap .box-1 .text .info a {
text-decoration:none;
color: #231f20;
}
.start-6 .wrap .box-1 .text .info a:hover {
color: #fdc742;
}
.start-6 .wrap .box-2 {
float:right;
width:30%;
height:100%;
margin:0px 5% 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.start-6 .wrap .box-2 .left {
float:left;
width:100%;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.start-6 .wrap .box-2 .left .ikon {
float:left;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-size:37px;
line-height:37px;
text-decoration:none;
opacity:1;
}
.start-6 .wrap .box-2 .left .icon-facebook-sign { color:#3b5998; }
.start-6 .wrap .box-2 .left .icon-google-plus-sign { color:#d74633; }
.start-6 .wrap .box-2 .left .icon-linkedin-sign { color:#007bb6; }
.start-6 .wrap .box-2 .left .icon-pinterest-sign { color:#cb2027; }
.start-6 .wrap .box-2 .left .icon-twitter-sign { color:#1da1f2; }
.start-6 .wrap .box-2 .left .icon-youtube-sign { color:#ee1c1b; }
.start-6 .wrap .box-2 .left .icon-bip { margin-top:2px;}
.start-6 .wrap .box-2 .right {
display:none;
}
.middle {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:60px 0px 0px 0px;
}
.middle .wrap {
width:1170px;
position:relative;
margin:0 auto;
}
.middle .wrap h1 {
float:left;
width:100%;
margin:0px 0px 40px 0px;
padding:0px 0px 0px 0px;
font-family: 'Roboto', cursive;
font-size: 40px;
font-weight: 900;
line-height: 50px;
text-transform:uppercase;
color: #231f20;
}
.home h1 {
text-align:center;
background: url(images/packet_up_header_line.png) left no-repeat;
}
.page h1 {
font-size: 30px !important;
line-height: 40px !important;
text-align:left;
border-bottom:1px solid #d9d9d9;
}
.home .left { float:left;width:100%;overflow:hidden; }
.home .right { float:right;display:none; }
.page .left { float:left;width:70%;overflow:hidden;margin-bottom:50px; }
.page .right { float:right;width:25%;margin-bottom:50px; }
.middle .wrap .left h2 {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 5px 0px;
font-family: 'Amatic SC', cursive;
color:#1d56e7;
font-size: 36px;
font-weight: 700;
line-height: 40px;
border-left:0;
display: inline-block;
}
.middle .wrap .left h3 {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 5px 0px;
font-family: 'Amatic SC', cursive;
color:#000;
font-size: 34px;
font-weight: 700;
line-height: 38px;
border-bottom:1px solid #1d56e7;
}
.middle .wrap .left h4 {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 5px 0px;
font-family: 'Amatic SC', cursive;
font-size: 32px;
font-weight: 700;
line-height: 36px;
border-bottom:1px solid #1d56e7;
}
.middle .wrap .left h5 {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 5px 0px;
font-family: 'Amatic SC', cursive;
color:#000;
font-size: 30px;
font-weight: 700;
line-height: 34px;
border-bottom:3px solid #1d56e7;
}
.middle .wrap .left h6 {
float:left;
width:99%;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 1%;
font-family: 'Amatic SC', cursive;
color:#000;
font-size: 28px;
font-weight: 700;
line-height: 32px;
border-left:2px solid #1d56e7;
}
.middle .wrap .left h7 {
float:left;
width:97.7%;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 2%;
font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 22px;
}
.middle .wrap .left .zdjecie-glowne {
position:relative;
z-index:5;
overflow:hidden;
}
.middle .wrap .left .zdjecie-glowne .img {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:100%;
object-fit: cover;
}
.middle .wrap .left .left-s {
float:left;
width:350px;
height:260px;
margin:5px 30px 0px 0px;
}
.middle .wrap .left .right-s {
float:right;
width:350px;
height:260px;
margin:5px 0px 0px 30px;
}
.middle .wrap .left .panoramic {
float:left;
width:100%;
height:350px;
margin:0px 0px 30px 0px;
}
.middle .wrap .left .big {
float:left;
width:100%;
height:550px;
margin:0px 0px 20px 0px;
}
.middle .wrap .left .a4-s {
float:left;
width:220px;
height:325px;
margin:5px 20px 20px 0px;
padding:0px 0px 0px 0px;
}
.middle .wrap .left .a4-b {
float:left;
width:100%;
height:470px;
margin:0px 0px 30px 0px;
padding:20px 0px 20px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
align-items:center;
align-content:center;
background:#f4f4f4;
}
.middle .wrap .left .a4-b .img {
width:auto !important;
height:470px !important;
}
.middle .wrap .opis {
float:left;
width:100%;
position:relative;
margin:15px 0px 0px 0px;
padding:0px 0px 0px 0px;
bottom:20px;
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 24px;
}
.middle .wrap .opis strong { font-weight:700; }
.middle .wrap .opis a { color:#1d56e7;text-decoration:underline; }
.middle .wrap .opis a:hover { text-decoration:none; }
.middle .wrap .opis ul {
float:left;
width:100%;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
position:relative;
list-style: none;
}
.middle .wrap .opis ul li {
float:left;
width:98%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 2%;
background: url(images/li_bg.png) top 7px left no-repeat;
}
.middle .wrap .opis ul li ul li,
.middle .wrap .opis ol li ul li {
float:left;
width:98%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 2%;
background: url(images/li_li_bg.png) top 7px left no-repeat;
}
.middle .wrap .opis ol {
float:left;
width:100%;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .wrap .opis ol li {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 17px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
.middle .wrap .opis table {
float:left !important;
width:100% !important;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 22px;
border-spacing: 0;
border: 0;
border-collapse: collapse;
text-align:left;
}
.middle .wrap .opis table thead {
background-color:#1d56e7;
}
.middle .wrap .opis table thead tr td {
color:#fff;
border:1px solid #e0e0e0;
text-align:center;
}
.middle .wrap .opis table tfoot {
background-color:#fff;
}
.middle .wrap .opis table tfoot tr td {
color:#000;
border:1px solid #e0e0e0;
text-align:center;
font-size:12px;
padding:5px 0px 5px 0px;
border:0px;
border-bottom:1px solid #e0e0e0;
}
.middle .wrap .opis table tr td {
margin:0px 0px 0px 0px !important;
max-width:200px !important;
padding:17px 10px 17px 10px;
border:1px solid #e0e0e0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.middle .wrap .opis table tr:nth-child(even) {
background:#f8f8f8;
}
.middle .wrap .opis table ul {
float:left;
width:auto !important;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
list-style: none;
}
.middle .wrap .opis table ul li {
width:auto !important;
padding:0px 0px 0px 15px !important;
clear:both;
}
.middle .wrap .opis blockquote {
float:left;
width:90%;
margin:0px 0px 0px 0px;
padding:20px 5% 20px 5%;
position:relative;
font-style:italic;
background:#f1f1f1 url(images/blockquote_bg.png) top 20px left 20px no-repeat;
}
.middle .wrap .opis pre {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:20px 4% 20px 4%;
position:relative;
font-style:italic;
border:1px solid #000;
border-style:dashed;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.middle .wrap .pliki {
float:left;
width:100%;
position:relative;
padding:0px 0px 0px 0px;
margin:20px 0px 30px 0px;
}
.middle .wrap .pliki .plik {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:15px 0px 15px 0px;
position:relative;
color: #000;
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 22px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 1px solid #e0e0e0;
}
.middle .wrap .pliki .plik-tytul {
float:left;
width:85%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 2%;
}
.middle .wrap .pliki .plik .more {
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .wrap .pliki .plik-ikona {
float:right;
width:35px;
margin:2px 0px 0px 10px;
padding:0px 0px 0px 0px;
position:relative;
font-size: 15px;
font-weight: 400;
line-height: 22px;
color:#1d56e7;
}
.middle .wrap .pliki a { text-decoration:none;color: #000; }
.middle .wrap .pliki a:hover { text-decoration:none;color:#1d56e7; }
.middle .wrap .galeria {
float:left;
width:100%;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
align-items:center;
align-content:center;
}
.middle .wrap .galeria .gallery-box {
float:left;
position:relative;
overflow:hidden;
}
.middle .wrap .galeria .gallery-box .img {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:100%;
object-fit: cover;
}
.middle .wrap .galeria .gallery-box .hover {
width:100%;
height:100%;
position:absolute;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
opacity:0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
background: rgba(154, 191, 76, 0.7) url(images/ikon_zoom.png) center no-repeat;
}
.middle .wrap .galeria .gallery-box:hover .hover { opacity:1; }
.middle .wrap .galeria .gallery-box .title {
float:left;
width:94%;
position:absolute;
left:0;
bottom:0;
margin:0px 0px 0px 0px;
padding:14px 3.5% 10px 3.5%;
color: #000;
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 24px;
background-color: #fff;
border-bottom:1px solid #c8c8c8;
}
.middle .wrap .galeria .none-title { display:none; }
.middle .wrap .galeria .three-in-one {
width:33%;
height:200px;
margin-bottom:3px;
}
.middle .wrap .galeria .two-in-one {
width:49.5%;
height:280px;
margin-bottom:3px;
}
.middle .wrap .galeria .one-in-one {
width:100%;
height:500px;
margin-bottom:10px;
}
.middle .wrap .galeria .one-in-one-title {
width:100%;
height:500px;
margin-bottom:10px;
}
.fb-like-box { float:left;width:100%;margin:30px 0px 30px 0px;position:relative; }
.middle .wrap .error {
float:left;
width:100%;
position:relative;
margin:0px 0px 30px 0px;
padding:15px 2% 15px 2%;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
border-width:3px;
border-style:dotted;
text-align:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-color:#ef0000;
}
.middle .wrap .error strong {
font-family: 'Roboto', sans-serif;
}
.middle .wrap .info {
float:left;
width:100%;
position:relative;
margin:0px 0px 30px 0px;
padding:15px 2% 15px 2%;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
border-width:3px;
border-style:dotted;
text-align:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-color:#00a600;
}
.middle .wrap .info strong {
font-family: 'Roboto', sans-serif;
}
.middle .wrap .error a, .middle .wrap .info a {
text-decoration:none;
color:#28c6f5;
}
.middle .wrap .form-password-box {
float:left;
width:100%;
margin:0px 0px 40px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.form-password-input {
float:left;
width:49%;
height:50px;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 20px;
text-align:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.form-password-submit {
float:right;
width:49%;
height:50px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size: 20px;
font-weight: 500;
line-height: 20px;
font-family: 'Roboto', sans-serif;
border:none;
cursor:pointer;
background:#29c7f6;
}
.middle .ankieta {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .ankieta .title {
float:left;
width:100%;
margin:0px 0px 20px 0px;
padding:0px 0px 10px 0px;
position:relative;
font-size: 18px;
font-weight: 500;
line-height: 18px;
font-family: 'Roboto', sans-serif;
border-bottom:1px solid #d7d8d8;
color: #fdc742;
}
.middle .ankieta .radio-box {
float:left;
width:100%;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .ankieta .radio-box label p {
float:left;
width:95%;
margin:8px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-size: 15px;
font-weight: 300;
line-height: 15px;
font-family: 'Roboto', sans-serif;
}
.middle .ankieta .radio-submit {
float:left;
margin:15px 0px 0px 0px;
padding:10px 20px 10px 20px;
position:relative;
color:#fff;
font-size: 18px;
font-weight: 100;
line-height: 18px;
font-family: 'Roboto', sans-serif;
border:0;
cursor:pointer;
background-color:#28c6f5;
}
.middle .ankieta .qua-all {
float:left;
margin:27px 0px 0px 20px;
padding:0px 0px 0px 0px;
position:relative;
font-size: 15px;
font-weight: 300;
line-height: 15px;
font-family: 'Roboto', sans-serif;
}
input[type="checkbox"] {
display:none;
}
input[type="checkbox"] + label span {
float:left;
display:inline-block;
width:30px;
height:30px;
margin:0px 10px 0px 0px;
vertical-align:middle;
background:url(images/check_off.png) center no-repeat;
cursor:pointer;
}
input[type="checkbox"]:checked + label span {
background:url(images/check_on.png) center no-repeat;
}
input[type="radio"] {
display:none;
}
input[type="radio"] + label span {
float:left;
display:inline-block;
width:30px;
height:30px;
margin:0px 10px 0px 0px;
vertical-align:middle;
background:url(images/check_off.png) center no-repeat;
cursor:pointer;
}
input[type="radio"]:checked + label span {
background:url(images/check_on.png) center no-repeat;
}
#mapa-box { width:100%;height:400px;float:left;margin:20px 0px 0px 0px;overflow:hidden;border: 0px solid #c0c0c0 }
.mapa-toltip { float:left;width:200px; }
.mapa-tytul { float:left;width:100%;color:#4d4d4d;font-size:14px;font-weight:bold; }
.mapa-ulica { float:left;width:100%;color:#000000;font-size:12px; }
.mapa-miasto { float:left;width:100%;color:#000000;font-size:12px; }
/* Plan Zaj�� */
.middle .wrap .left .plan-newslista {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .wrap .left .plan-newslista .szkola-select {
float:left;
width:100%;
margin:0px 0px 30px 0px;
padding:0px 0px 0px 0px;
position:relative;
border-bottom:1px solid #1d56e7;
}
.middle .wrap .left .plan-newslista .szkola-select p {
float:left;
margin:0px 0px 0px 0px;
padding:0px 35px 0px 35px;
position:relative;
color: #252628;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 60px;
cursor:pointer;
background-color: #fff;
border-top:1px solid #1d56e7;
border-right:1px solid #1d56e7;
}
.middle .wrap .left .plan-newslista .szkola-select p:hover,
.middle .wrap .left .plan-newslista .szkola-select .active-p
{
color:#fff;
background-color: #1d56e7;
}
.middle .wrap .left .plan-newslista .szkola-box {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .wrap .left .plan-newslista .box-klasa {
float:left;
width:100%;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
position:relative;
border-bottom:1px solid #e1e1e1;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
align-content:center;
}
.middle .wrap .left .plan-newslista .box-klasa .rocznik {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 5px 0px;
position:relative;
color: #000;
font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 18px;
}
.middle .wrap .left .plan-newslista .box {
float:left;
width:32%;
height:150px;
overflow:hidden;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #1d56e7;
font-family: 'Roboto', sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 150px;
text-decoration:none;
text-align:center;
background:#f8f8f8;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border:1px solid #e1e1e1;
}
.middle .wrap .left .plan-newslista .box:hover {
color:#fff;
background-color: #1d56e7;
}
.search {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 40px 0px;
position:relative;
}
.search .search-input {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 2%;
position:relative;
width:100%;
height:64px;
font-family: Roboto;
border:0;
font-size: 32px;
font-weight: 100;
line-height: 38px;
border:1px solid #cccccc;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
footer {
float:left;
width:100%;
position:relative;
padding:0px 0px 40px 0px;
background-color:#fff;
}
footer .wrap {
width:1050px;
height:100%;
position:relative;
margin:0 auto;
position:relative;
}
footer nav {
width:auto;
float:right;
margin:35px 0px 0px 0px;
font-family: Roboto;
font-size: 16px;
font-weight: 900;
line-height: 16px;
text-transform: uppercase;
}
footer nav ul {
float:left;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
footer nav ul li { float:left;margin:0px 0px 0px 0px;position:relative;list-style: none; }
footer nav ul li a { color: #231f20;text-decoration:none;padding:0px 0px 0px 0px;display: inline-block; }
footer nav ul li a:hover, footer nav ul li a.active {color:#81c815; }
footer nav ul li .menu-hr-footer { float:right;margin:2px 30px 0px 30px; }
footer nav ul li:last-child .menu-hr-footer { display:none; }
footer nav ul li .arrow { float:right;margin:5px 0px 0px 9px;position:relative; }
.scooli-tip{ display:inline;position: relative;opacity: 1 }
.scooli-tip:hover:after { background: #333;background: rgba(0,0,0,.8);border-radius: 5px;bottom: 26px;color: #dc407f;content: attr(title);left: 0px;padding: 5px 10px;text-align:center;position: absolute;z-index: 98;width: 140px;font-size:11px; }
.scooli-tip:hover:before { border:solid;border-color:rgba(0,0,0,.8) transparent;border-width: 6px 6px 0 6px;bottom: 20px;content: "";left: 40%;position: absolute;z-index: 99; }
.scooli-tip:hover { opacity: 1;transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-webkit-transition: opacity .5s ease-in-out; }
.scooli a{ float:left;margin:27px 0px 0px 0px; }
.scooli img { width:50px; }
.scooli-bip a{ float:left;margin:26px 0px 0px 20px; }
.facebook {
margin-top:50px;
z-index:60;
border:3px solid #4a6ea9;
width:330px;
height: 214px;
position: fixed;
right: -336px;
top:90px;
}
.facebook img {
float:left;
margin:-3px 0px 0px 0px;
width:50px;
position: absolute;
top: 0px;
left: -50px;
}
.facebook .fb-page {
float:left;
margin:0px 0px 0px 0px;
position:relative;
width:330px;
height:220px;
}
#cookie_info { position:fixed;width:465px;height:100px;z-index:99999;right:0;bottom:0;background:#181617; background:rgba(0,0,0,0.8); }
#user_information { float:left;width:385px;margin:25px 0px 0px 30px;color:#fff;position:relative; }
#close_info_cookie { position:absolute;left:0;top:0;margin:0px 0px 0px -52px;background-color:#df2157;color:#fff;width:52px;height:52px;font-size:23px;text-align:center;cursor:pointer;font-weight:100; }
#close_info_cookie p { float:left;width:100%;text-align:center;margin:16px 0px 0px 0px; }
.user_information_nag { float:left;width:100%;font-size:14px;line-height:14px;color:#fff;font-weight:bold;margin:0px 0px 5px 0px; }
.user_information_text { float:left;width:100%;font-size:11px;line-height:16px;color:#fff;margin:0px 0px 0px 0px; }
}
@media screen and (min-width: 0px) and (max-width: 1200px) {
.no-phone { display:none !important; }
#podmenu {
display:none !important;
}
.popup {
float:left;
width:100%;
height:100%;
position:relative;
top:0;
left:0;
background-color: rgba(0, 0, 0, 0.7);
background: rgba(0, 0, 0, 0.7);
z-index:100;
}
.popup .close {
float:right;
margin:0px 0px 0px 0px;
padding:0px 22px 0px 22px;
position:relative;
top:0;
right:2%;
font-family: 'Roboto', sans-serif;
font-size: 20px;
line-height: 46px;
font-weight:500;
cursor:pointer;
background-color:#fff;
color:#1d56e7;
}
.popup .wrap {
float:left;
position:relative;
width:96%;
min-height:300px;
margin:5px 0px 0px 2%;
padding:0px 0px 0px 0px;
background-color:#fff;
}
.popup .wrap .title {
float:left;
width:90%;
margin:25px 0px 25px 5%;
padding:0px 0px 15px 0px;
font-family: 'Roboto', sans-serif;
color:#001d43;
font-size: 22px;
line-height: 28px;
font-weight:500;
text-align:center;
border-bottom:3px solid #1d56e7;
}
.popup .wrap .text {
float:left;
width:90%;
margin:0px 0px 15px 5%;
padding:0px 0px 15px 0px;
font-family: 'Roboto', sans-serif;
color: #6c6c6c;
font-size: 14px;
line-height: 20px;
font-weight:300;
text-align:justify;
}
.top {
float:left;
width:100%;
height:35px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
z-index:45;
background:#3dba5d;
}
.top .wrap {
width:96%;
height:100%;
position:relative;
margin:0 auto;
}
.logo {
float:left;
width:220px;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.logo img {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.quick {
float:right;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.quick a {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-family: 'Roboto', sans-serif;
font-size: 0px;
font-weight: 500;
line-height: 17px;
text-decoration:none;
cursor:pointer;
color:#fff;
}
.quick a:hover {
color:#000;
}
.quick .phone img {
float:left;
margin:0px 10px 0px 0px;
position:relative;
}
.quick .mail img {
float:left;
margin:0px 20px 0px 20px;
position:relative;
}
.sand {
display:none;
}
.wrapper {
float:left;
width:100%;
min-height:45px;
position:relative;
top:0px;
left:0;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
z-index:35;
background:#fff !important;
}
.wrapper .wrap {
width:96%;
height:100%;
position:relative;
margin:0 auto;
}
.wrapper nav {
display:none;
float:right;
width:100%;
margin:5px 0px 0px 0px;
padding:0px 0px 20px 0px;
font-size:21px;
line-height:35px;
font-family: 'Roboto', cursive;
font-weight:700;
text-align:right;
}
.wrapper nav ul {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.wrapper nav ul li {
float:right;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
list-style: none;
text-transform: uppercase;
cursor:pointer;
clear:both;
}
.wrapper nav ul li a {
color: #565656;
text-decoration:none;
padding:0px 0px 0px 0px;
display: inline-block;
}
.wrapper nav ul li a:hover {
color:#3dba5d;
}
.wrapper nav ul li .search-ikon {
float:left;
width:33px;
height:34px;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
cursor:pointer;
font-size:0px;
font-weight:100;
background: url(images/wrapper_search.png) center no-repeat;
background-size: cover !important;
}
.wrapper .menu-tel {
float:right;
font-size:45px;
margin:1px 0px 0px 0px !important;
cursor:pointer;
color:#3e3f43;
}
#podmenu {
display:none !important;
}
.container {
float:left;
width:100%;
height:70vw;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
}
.container .wrap {
width:100%;
height:100%;
position:relative;
margin:0 auto;
}
.container .slide-1 {
float:left;
width:100%;
height:100%;
position:relative;
z-index:1;
overflow:hidden;
}
.container .slides {
float:left;
width:100%;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
background-size:cover !important;
}
.container .slides .box {
display:none;
}
.container .owl-nav {
display:none !important;
}
.container .owl-dots {
display:none !important;
}
.additional {
display:none !important;
}
.s-container {
float:left;
width:100%;
height:60px;
top:0;
left:0;
position:relative;
margin:-20px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
background:#f4f4f4;
}
.s-container .wrap {
width:96%;
height:100%;
position:relative;
margin:0 auto;
}
.dir {
float:right;
margin:40px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.dir a {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #000;
font-family: Roboto;
font-size: 12px;
font-weight: 300;
line-height: 12px;
text-decoration:none;
}
.dir a span {
float:left;
margin:0px 0px 0px 0px;
padding:0px 3px 0px 3px;
position:relative;
font-family: Roboto;
font-size: 12px;
font-weight: 100;
line-height: 12px;
}
.dir a:hover {
color:#000;
}
.dir a:hover span {
color:#000;
}
.fast-box {
float:left;
width:100%;
background-color: #45a400;
position:relative;
margin:-30px 0px 0px 0px;
padding:20px 0px 30px 0px;
z-index:25;
}
.fast-box .wrap {
width:96%;
height:100%;
position:relative;
margin:0 auto;
border-radius: 45px;
padding:0px 0px 0px 0px;
}
.fast-box .wrap h3 {
display:none;
visibility:hidden;
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-family: 'Amatic SC', cursive;
font-size: 40px;
font-weight: 700;
line-height: 40px;
color:#000;
}
.fast-box .wrap .box {
float:left;
width:50%;
height:155px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background: url(images/fast_box_box_bg.png) center no-repeat;
}
.fast-box .wrap .box .ikon {
float:left;
width:100%;
height:145px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
z-index:5;
}
.fast-box .wrap .box:nth-of-type(1) .ikon { background: url(images/fast_box_ikon_1.png) top center no-repeat; }
.fast-box .wrap .box:nth-of-type(2) .ikon { background: url(images/fast_box_ikon_2.png) top center no-repeat; }
.fast-box .wrap .box:nth-of-type(3) .ikon { background: url(images/fast_box_ikon_3.png) top 5px center no-repeat; }
.fast-box .wrap .box:nth-of-type(4) .ikon { background: url(images/fast_box_ikon_4.png) top 10px center no-repeat; }
.fast-box .wrap .box .title {
float:left;
width:96%;
margin:-10px 0px 0px 2%;
padding:0px 0px 0px 0px;
font-family: 'Roboto', cursive;
font-size: 14px;
line-height: 47px;
font-weight: 900;
position:absolute;
left:0;
bottom:0;
text-align:center;
text-decoration:none;
color: #565656;
background-color: #ffffff;
border-radius:20px;
z-index:4;
}
.fast-box .wrap .box:hover .title {
color:#45a400;
}
.fast-box .wrap .box .text {
display:none;
visibility:hidden;
}
.fast-box .wrap .box .more {
display:none;
visibility:hidden;
}
/* Wygl�d w podzak�adkach */
.fast-right {
height:710px;
position:relative;
margin:0px 0px 0px 0px;
z-index:5;
overflow:hidden;
}
.fast-right .wrap {
width:100% !important;
}
.fast-right .wrap .box {
width:100%;
height:135px;
margin:30px 0px 0px 0px;
}
/* Na skr�ty */
.short-link {
display:none;
}
/* Home - News - v1 */
.newslista {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
overflow:hidden;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-start;
align-content:center;
}
.newslista .news-box {
float:left;
width:100%;
margin:0px 0px 40px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.news-box .news-new {
float:left;
position:absolute;
left:0;
top:0;
margin:40px 0px 0px 0px;
padding:0px 15px 0px 15px;
font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 27px;
z-index:3;
text-align:center;
color:#fff;
background:#98be45;
}
.news-left {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.news-foto {
float:left;
width:100%;
height:260px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
overflow:hidden;
border-radius:40px;
}
.news-foto img {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:100%;
object-fit: cover;
}
.news-data {
float:left;
width:100%;
margin:30px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
left:0;
bottom:0;
color: #98be45;
font-family: Roboto;
font-size: 14px;
font-weight: 700;
line-height: 14px;
z-index:3;
text-align:center;
border-radius:25px;
}
.news-right {
float:left;
width:90%;
margin:5px 0px 0px 0px;
padding:0px 5% 0px 5%;
position:relative;
}
.news-header {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #231f20;
font-family: Roboto;
font-size: 20px;
font-weight: 900;
line-height: 25px;
text-align:center;
}
.news-text {
float:left;
width:100%;
margin:10px 0px 20px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #676767;
font-family: Roboto;
font-size: 14px;
font-weight: 300;
line-height: 21px;
text-align:center;
}
.news-more {
float:left;
margin:0px 0px 0px -67px;
padding:0px 25px 0px 25px;
position:relative;
left:50%;
top:0;
color: #231f20;
font-family: Roboto;
font-size: 14px;
font-weight: 500;
line-height: 41px;
border: 1px solid #fdd221;
background-color: rgba(207, 238, 255, 0);
border-radius:20px;
}
.start-2 {
float:right;
width:100%;
position:relative;
top:0;
right:0;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
}
.start-2 .wrap {
width:100% !important;
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.start-2 .wrap p {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.start-2 .wrap p a {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-decoration:none;
font-family: 'Roboto', cursive;
font-size: 12px;
font-weight: 700;
line-height: 40px;
text-align:center;
color: #fff;
background:#fecc2c;
border-radius:20px;
text-transform: uppercase;
}
.start-2 .wrap p a:hover {
color:#000;
}
.start-3 {
display:none;
visibility:hidden;
}
.start-4 {
float:left;
width:100%;
position:relative;
padding:40px 0px 60px 0px;
margin:0px 0px 0px 0px;
z-index:5;
overflow:hidden;
}
.start-4 .wrap {
width:96%;
height:100%;
position:relative;
margin:0 auto;
}
.start-4 .wrap h4 {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-family: 'Roboto', cursive;
font-size: 30px;
font-weight: 900;
line-height: 30px;
color: #231f20;
text-align:center;
text-transform: uppercase;
}
.partners {
float:left;
width:100%;
margin:-30px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.partners .owl-carousel {
float:left;
width:60%;
height:130px;
margin:0px 0px 0px 20%;
padding:0px 0px 0px 0px;
position:relative;
}
.partners .owl-stage-outer {
position:relative;
z-index:10;
}
.partners .partners-box {
float:left;
width:100%;
height:100%;
margin:30px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
display:flex;
justify-content:center;
align-items:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border:0px solid #000;
}
.partners .partners-box .img {
max-width:60%;
max-height:60%;
object-fit: contain;
}
.partners .owl-nav {
float:left;
width:100%;
position:relative;
margin:-100px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
z-index:5;
}
.partners .owl-nav .owl-prev {
float:left;
width:97px;
height:85px;
margin:25px 0px 0px -98px;
padding:0px 0px 0px 0px;
position:relative;
cursor:pointer;
font-size:0px;
background: url(images/partners_arrow_left.png) center no-repeat;
}
.partners .owl-nav .owl-next {
float:right;
width:97px;
height:85px;
margin:25px -98px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
cursor:pointer;
font-size:0px;
background: url(images/partners_arrow_right.png) center no-repeat;
}
.partners .owl-dots {
display:none;
}
.start-5 {
float:left;
width:100%;
height:301px;
position:relative;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
z-index:4;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
align-items:center;
align-content:center;
background-size:cover !important;
}
.start-5 .wrap {
width:90%;
position:relative;
margin:0 auto;
}
.start-5 .wrap .text {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-family: 'Roboto', cursive;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
font-size: 22px;
font-weight: 400;
font-style: italic;
line-height: 28px;
color:#fff;
text-align:center;
}
.start-5 .wrap .autor {
float:left;
width:100%;
margin:15px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-family: 'Roboto', cursive;
text-shadow: 1px 2px 2px rgba(0, 0, 0, 1);
font-size: 16px;
font-weight: 300;
line-height: 16px;
color:#fff;
text-align:center;
font-style: italic;
}
.start-6 {
float:left;
width:100%;
position:relative;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
background: #fff;
overflow:hidden;
}
.start-6 .wrap {
float:left;
width:96%;
position:relative;
margin:0px 0px 0px 2%;
padding:40px 0px 40px 0px;
border:3px solid #f2f3f3;
border-radius:30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.start-6 .wrap .header {
float:left;
width:100%;
position:relative;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
}
.start-6 .wrap .header .godlo {
float:left;
width: 45px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.start-6 .wrap .header .name {
float:left;
width: 100%;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-size: 22px;
line-height: 28px;
font-weight: 700;
color: #000;
text-transform: uppercase;
}
.start-6 .wrap .header .subname {
float:left;
width: 100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #000;
}
.start-6 .wrap .box-1 {
float:left;
width:90%;
height:100%;
margin:0px 0px 0px 5%;
padding:0px 0px 0px 0px;
position:relative;
}
.start-6 .wrap .box-1 .text {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.start-6 .wrap .box-1 .text .ikon {
float:left;
width:22px;
height:32px;
position:relative;
padding:0px 0px 0px 0px;
font-size:40px;
line-height:40px;
color:#32c7f2;
}
.start-6 .wrap .box-1 .text .ikon-1 {
float:left;
width:35px;
height:35px;
margin:1px 20px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
background: url(images/start_6_left_ikon_1.png) center no-repeat;
}
.start-6 .wrap .box-1 .text .ikon-2 {
float:left;
width:35px;
height:35px;
margin:1px 20px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
background: url(images/start_6_left_ikon_2.png) center no-repeat;
}
.start-6 .wrap .box-1 .text .ikon-1 i, .start-6 .wrap .box-1 .text .ikon-2 i {
display:none;
}
.start-6 .wrap .box-1 .text .left {
float:left;
width:100%;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.start-6 .wrap .box-1 .text .right {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.start-6 .wrap .box-1 .text .info {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #231f20;
font-family: Roboto;
font-size: 14px;
font-weight: 500;
line-height: 19px;
}
.start-6 .wrap .box-1 .text .info a {
text-decoration:none;
color: #231f20;
}
.start-6 .wrap .box-1 .text .info a:hover {
color: #fdc742;
}
.start-6 .wrap .box-2 {
float:left;
width:90%;
height:100%;
margin:40px 0px 0px 5%;
padding:0px 0px 0px 0px;
position:relative;
}
.start-6 .wrap .box-2 .left {
float:left;
width:100%;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.start-6 .wrap .box-2 .left .ikon {
float:left;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-size:37px;
line-height:37px;
text-decoration:none;
opacity:1;
}
.start-6 .wrap .box-2 .left .icon-facebook-sign { color:#3b5998; }
.start-6 .wrap .box-2 .left .icon-google-plus-sign { color:#d74633; }
.start-6 .wrap .box-2 .left .icon-linkedin-sign { color:#007bb6; }
.start-6 .wrap .box-2 .left .icon-pinterest-sign { color:#cb2027; }
.start-6 .wrap .box-2 .left .icon-twitter-sign { color:#1da1f2; }
.start-6 .wrap .box-2 .left .icon-youtube-sign { color:#ee1c1b; }
.start-6 .wrap .box-2 .left .icon-bip { margin-top:2px;}
.start-6 .wrap .box-2 .right {
display:none;
}
.middle {
float:left;
width:100%;
position:relative;
margin:0px 0px 0px 0px;
padding:40px 0px 0px 0px;
}
.middle .wrap {
width:96%;
position:relative;
margin:0 auto;
}
.middle .wrap h1 {
float:left;
width:100%;
margin:0px 0px 40px 0px;
padding:0px 0px 10px 0px;
font-family: 'Roboto', cursive;
font-size: 25px;
font-weight: 900;
line-height: 30px;
text-transform:uppercase;
color: #231f20;
}
.home h1 {
text-align:center;
border-bottom:1px solid #d9d9d9;
}
.page h1 {
text-align:left;
border-bottom:1px solid #d9d9d9;
}
.home .left { float:left;width:100%;overflow:hidden; }
.home .right { float:right;display:none; }
.page .left { float:left;width:100%;overflow:hidden;margin-bottom:50px; }
.page .right { display:none;float:right;width:25%;margin-bottom:50px; }
.middle .wrap .left h2 {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 5px 0px;
font-family: 'Amatic SC', cursive;
color:#1d56e7;
font-size: 32px;
font-weight: 700;
line-height: 36px;
border-left:0;
display: inline-block;
}
.middle .wrap .left h3 {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 5px 0px;
font-family: 'Amatic SC', cursive;
color:#000;
font-size: 30px;
font-weight: 700;
line-height: 34px;
border-bottom:1px solid #1d56e7;
}
.middle .wrap .left h4 {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 5px 0px;
font-family: 'Amatic SC', cursive;
font-size: 28px;
font-weight: 700;
line-height: 32px;
border-bottom:1px solid #1d56e7;
}
.middle .wrap .left h5 {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 5px 0px;
font-family: 'Amatic SC', cursive;
color:#000;
font-size: 26px;
font-weight: 700;
line-height: 30px;
border-bottom:3px solid #1d56e7;
}
.middle .wrap .left h6 {
float:left;
width:99%;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 1%;
font-family: 'Amatic SC', cursive;
color:#000;
font-size: 24px;
font-weight: 700;
line-height: 28px;
border-left:2px solid #1d56e7;
}
.middle .wrap .left h7 {
float:left;
width:97.7%;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 2%;
font-family: 'Roboto', sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 26px;
}
.middle .wrap .left .zdjecie-glowne {
position:relative;
z-index:5;
overflow:hidden;
}
.middle .wrap .left .zdjecie-glowne .img {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:100%;
object-fit: cover;
}
.middle .wrap .left .left-s {
float:left;
width:100%;
height:260px;
margin:0px 0px 20px 0px;
}
.middle .wrap .left .right-s {
float:left;
width:100%;
height:260px;
margin:0px 0px 20px 0px;
}
.middle .wrap .left .panoramic {
float:left;
width:100%;
height:350px;
margin:0px 0px 30px 0px;
}
.middle .wrap .left .big {
float:left;
width:100%;
height:450px;
margin:0px 0px 30px 0px;
}
.middle .wrap .left .a4-s {
float:left;
width:220px;
height:325px;
margin:5px 20px 20px 0px;
padding:0px 0px 0px 0px;
}
.middle .wrap .left .a4-b {
float:left;
width:100%;
height:370px;
margin:0px 0px 30px 0px;
padding:20px 0px 20px 0px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
align-items:center;
align-content:center;
background:#f4f4f4;
}
.middle .wrap .left .a4-b .img {
width:auto !important;
height:470px !important;
}
.middle .wrap .opis {
float:left;
width:100%;
position:relative;
margin:15px 0px 0px 0px;
padding:0px 0px 0px 0px;
bottom:20px;
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 24px;
text-align:justify;
}
.middle .wrap .opis strong { font-weight:700; }
.middle .wrap .opis a { color:#1d56e7;text-decoration:underline; }
.middle .wrap .opis a:hover { text-decoration:none; }
.middle .wrap .opis ul {
float:left;
width:100%;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
position:relative;
list-style: none;
}
.middle .wrap .opis ul li {
float:left;
width:95%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 5%;
background: url(images/li_bg.png) top 7px left no-repeat;
}
.middle .wrap .opis ul li ul li,
.middle .wrap .opis ol li ul li {
float:left;
width:95%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 5%;
background: url(images/li_li_bg.png) top 7px left no-repeat;
}
.middle .wrap .opis ol {
float:left;
width:100%;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .wrap .opis ol li {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 17px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
.middle .wrap .opis table {
float:left !important;
width:100% !important;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-family: 'Roboto', sans-serif;
font-size: 13px;
font-weight: 300;
line-height: 20px;
border-spacing: 0;
border: 0;
border-collapse: collapse;
text-align:left;
}
.middle .wrap .opis table thead {
background-color:#1d56e7;
}
.middle .wrap .opis table thead tr td {
color:#fff;
border:1px solid #e0e0e0;
text-align:center;
}
.middle .wrap .opis table tfoot {
background-color:#fff;
}
.middle .wrap .opis table tfoot tr td {
color:#000;
border:1px solid #e0e0e0;
text-align:center;
font-size:12px;
padding:5px 0px 5px 0px;
border:0px;
border-bottom:1px solid #e0e0e0;
}
.middle .wrap .opis table tr td {
margin:0px 0px 0px 0px !important;
max-width:200px !important;
padding:17px 10px 17px 10px;
border:1px solid #e0e0e0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.middle .wrap .opis table tr:nth-child(even) {
background:#f8f8f8;
}
.middle .wrap .opis table ul {
float:left;
width:auto !important;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
list-style: none;
}
.middle .wrap .opis table ul li {
width:auto !important;
padding:0px 0px 0px 15px !important;
clear:both;
}
.middle .wrap .opis blockquote {
float:left;
width:90%;
margin:0px 0px 0px 0px;
padding:20px 5% 20px 5%;
position:relative;
font-style:italic;
background:#f1f1f1 url(images/blockquote_bg.png) top 20px left 20px no-repeat;
}
.middle .wrap .opis pre {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:20px 4% 20px 4%;
position:relative;
font-style:italic;
border:1px solid #000;
border-style:dashed;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.middle .wrap .pliki {
float:left;
width:100%;
position:relative;
padding:0px 0px 0px 0px;
margin:20px 0px 30px 0px;
}
.middle .wrap .pliki .plik {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:15px 0px 15px 0px;
position:relative;
color: #000;
font-family: 'Roboto', sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 1px solid #e0e0e0;
}
.middle .wrap .pliki .plik-tytul {
float:left;
width:60%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 2%;
}
.middle .wrap .pliki .plik .more {
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .wrap .pliki .plik-ikona {
float:right;
width:35px;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
position:relative;
font-size: 15px;
font-weight: 400;
line-height: 22px;
color:#1d56e7;
}
.middle .wrap .pliki a { text-decoration:none;color: #000; }
.middle .wrap .pliki a:hover { text-decoration:none;color:#1d56e7; }
.middle .wrap .galeria {
float:left;
width:100%;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
position:relative;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
align-items:center;
align-content:center;
}
.middle .wrap .galeria .gallery-box {
float:left;
position:relative;
overflow:hidden;
}
.middle .wrap .galeria .gallery-box .img {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:100%;
object-fit: cover;
}
.middle .wrap .galeria .gallery-box .hover {
width:100%;
height:100%;
position:absolute;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
opacity:0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
background: rgba(151, 191, 76, 0.7) url(images/ikon_zoom.png) center no-repeat;
}
.middle .wrap .galeria .gallery-box:hover .hover { opacity:1; }
.middle .wrap .galeria .gallery-box .title {
float:left;
width:94%;
position:absolute;
left:0;
bottom:0;
margin:0px 0px 0px 0px;
padding:14px 3.5% 10px 3.5%;
color: #000;
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 24px;
background-color: #fff;
border-bottom:1px solid #c8c8c8;
}
.middle .wrap .galeria .none-title { display:none; }
.middle .wrap .galeria .three-in-one {
width:49%;
height:180px;
margin-bottom:3px;
}
.middle .wrap .galeria .two-in-one {
width:49%;
height:180px;
margin-bottom:3px;
}
.middle .wrap .galeria .one-in-one {
width:100%;
height:240px;
margin-bottom:10px;
}
.middle .wrap .galeria .one-in-one-title {
width:100%;
height:240px;
margin-bottom:10px;
}
.fb-like-box { float:left;width:100%;margin:30px 0px 30px 0px;position:relative; }
.middle .wrap .error {
float:left;
width:100%;
position:relative;
margin:0px 0px 30px 0px;
padding:15px 2% 15px 2%;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
border-width:3px;
border-style:dotted;
text-align:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-color:#ef0000;
}
.middle .wrap .error strong {
font-family: 'Roboto', sans-serif;
}
.middle .wrap .info {
float:left;
width:100%;
position:relative;
margin:0px 0px 30px 0px;
padding:15px 2% 15px 2%;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
border-width:3px;
border-style:dotted;
text-align:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-color:#00a600;
}
.middle .wrap .info strong {
font-family: 'Roboto', sans-serif;
}
.middle .wrap .error a, .middle .wrap .info a {
text-decoration:none;
color:#28c6f5;
}
.middle .wrap .form-password-box {
float:left;
width:100%;
margin:0px 0px 40px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.form-password-input {
float:left;
width:49%;
height:50px;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 20px;
text-align:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.form-password-submit {
float:right;
width:49%;
height:50px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size: 20px;
font-weight: 500;
line-height: 20px;
font-family: 'Roboto', sans-serif;
border:none;
cursor:pointer;
background:#29c7f6;
}
.middle .ankieta {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .ankieta .title {
float:left;
width:100%;
margin:0px 0px 20px 0px;
padding:0px 0px 10px 0px;
position:relative;
font-size: 18px;
font-weight: 500;
line-height: 18px;
font-family: 'Roboto', sans-serif;
border-bottom:1px solid #d7d8d8;
color: #fdc742;
}
.middle .ankieta .radio-box {
float:left;
width:100%;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .ankieta .radio-box label p {
float:left;
width:80%;
margin:8px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
font-size: 13px;
font-weight: 300;
line-height: 18px;
font-family: 'Roboto', sans-serif;
}
.middle .ankieta .radio-submit {
float:left;
margin:15px 0px 0px 0px;
padding:10px 20px 10px 20px;
position:relative;
color:#fff;
font-size: 18px;
font-weight: 100;
line-height: 18px;
font-family: 'Roboto', sans-serif;
border:0;
cursor:pointer;
background-color:#28c6f5;
}
.middle .ankieta .qua-all {
float:left;
margin:27px 0px 0px 20px;
padding:0px 0px 0px 0px;
position:relative;
font-size: 15px;
font-weight: 300;
line-height: 15px;
font-family: 'Roboto', sans-serif;
}
input[type="checkbox"] {
display:none;
}
input[type="checkbox"] + label span {
float:left;
display:inline-block;
width:30px;
height:30px;
margin:0px 10px 0px 0px;
vertical-align:middle;
background:url(images/check_off.png) center no-repeat;
cursor:pointer;
}
input[type="checkbox"]:checked + label span {
background:url(images/check_on.png) center no-repeat;
}
input[type="radio"] {
display:none;
}
input[type="radio"] + label span {
float:left;
display:inline-block;
width:30px;
height:30px;
margin:0px 10px 0px 0px;
vertical-align:middle;
background:url(images/check_off.png) center no-repeat;
cursor:pointer;
}
input[type="radio"]:checked + label span {
background:url(images/check_on.png) center no-repeat;
}
#mapa-box { width:100%;height:400px;float:left;margin:20px 0px 0px 0px;overflow:hidden;border: 0px solid #c0c0c0 }
.mapa-toltip { float:left;width:200px; }
.mapa-tytul { float:left;width:100%;color:#4d4d4d;font-size:14px;font-weight:bold; }
.mapa-ulica { float:left;width:100%;color:#000000;font-size:12px; }
.mapa-miasto { float:left;width:100%;color:#000000;font-size:12px; }
/* Plan Zaj�� */
.middle .wrap .left .plan-newslista {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .wrap .left .plan-newslista .szkola-select {
float:left;
width:100%;
margin:0px 0px 30px 0px;
padding:0px 0px 0px 0px;
position:relative;
border-bottom:1px solid #1d56e7;
}
.middle .wrap .left .plan-newslista .szkola-select p {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #252628;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 30px;
cursor:pointer;
background-color: #fff;
border-top:1px solid #1d56e7;
border-right:1px solid #1d56e7;
text-align:center;
}
.middle .wrap .left .plan-newslista .szkola-select p:hover,
.middle .wrap .left .plan-newslista .szkola-select .active-p
{
color:#fff;
background-color: #1d56e7;
}
.middle .wrap .left .plan-newslista .szkola-box {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
.middle .wrap .left .plan-newslista .box-klasa {
float:left;
width:100%;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
position:relative;
border-bottom:1px solid #e1e1e1;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
align-content:center;
}
.middle .wrap .left .plan-newslista .box-klasa .rocznik {
float:left;
width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 5px 0px;
position:relative;
color: #000;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 16px;
}
.middle .wrap .left .plan-newslista .box {
float:left;
width:100%;
height:150px;
overflow:hidden;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
position:relative;
color: #1d56e7;
font-family: 'Roboto', sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 150px;
text-decoration:none;
text-align:center;
background:#f8f8f8;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border:1px solid #e1e1e1;
}
.middle .wrap .left .plan-newslista .box:hover {
color:#fff;
background-color: #1d56e7;
}
.search {
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 40px 0px;
position:relative;
}
.search .search-input {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 2%;
position:relative;
width:100%;
height:64px;
font-family: Roboto;
border:0;
font-size: 32px;
font-weight: 100;
line-height: 38px;
border:1px solid #cccccc;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
footer {
float:left;
width:100%;
position:relative;
padding:0px 0px 40px 0px;
background-color:#fff;
}
footer .wrap {
width:90%;
height:100%;
position:relative;
margin:0 auto;
position:relative;
}
footer nav {
display:none;
}
.scooli-tip{ display:inline;position: relative;opacity: 1 }
.scooli-tip:hover:after { background: #333;background: rgba(0,0,0,.8);border-radius: 5px;bottom: 26px;color: #dc407f;content: attr(title);left: 0px;padding: 5px 10px;text-align:center;position: absolute;z-index: 98;width: 140px;font-size:11px; }
.scooli-tip:hover:before { border:solid;border-color:rgba(0,0,0,.8) transparent;border-width: 6px 6px 0 6px;bottom: 20px;content: "";left: 40%;position: absolute;z-index: 99; }
.scooli-tip:hover { opacity: 1;transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-webkit-transition: opacity .5s ease-in-out; }
.scooli a{ float:left;margin:27px 0px 0px 0px; }
.scooli img { width:50px; }
.scooli-bip a{ float:left;margin:26px 0px 0px 20px; }
.facebook {
margin-top:50px;
z-index:60;
border:3px solid #4a6ea9;
width:330px;
height: 214px;
position: fixed;
right: -336px;
top:100px;
}
.facebook img {
float:left;
margin:-3px 0px 0px 0px;
width:50px;
position: absolute;
top: 0px;
left: -50px;
}
.facebook .fb-page {
float:left;
margin:0px 0px 0px 0px;
position:relative;
width:330px;
height:220px;
}
#cookie_info { position:fixed;width:100%;height:100px;z-index:99999;right:0;bottom:0;background:#181617; background:rgba(0,0,0,0.8); }
#user_information { float:right;width:100%;margin:25px 0px 0px 0px;color:#fff;position:relative; }
#close_info_cookie { position:absolute;left:0;top:0;margin:0px 0px 0px 0px;background-color:#df2157;color:#fff;width:52px;height:52px;font-size:23px;text-align:center;cursor:pointer;font-weight:100; }
#close_info_cookie p { float:right;width:100%;text-align:center;margin:16px 0px 0px 0px; }
.user_information_nag { float:right;width:80%;font-size:12px;line-height:12px;color:#fff;font-weight:bold;margin:0px 0px 5px 0px; }
.user_information_text { float:right;width:80%;font-size:11px;line-height:16px;color:#fff;margin:0px 0px 0px 0px; }
}
.calendar {
float:left;
width:90%;
position:relative;
font-family: 'Roboto', sans-serif;
font-size: 12px;
border-collapse:collapse;
margin:0px 0px 0px 5%;
padding:0px 0px 0px 0px;
z-index:4;
height:210px;
text-align: center;
}
/* Nazwa miesi�ca */
.calendar tr:first-child th {
cursor:pointer;
color:#000;
font-weight:300;
font-size:16px !important;
line-height:16px !important;
}
.calendar tr:first-child th:hover {
color:#00c0eb !important;
}
/* Strza�ki */
.calendar #prev, .calendar #next { font-size: 30px !important; }
/* Nazwa tygodnia */
.calendar thead tr:nth-child(2) th {
color: #1fc2ea;
padding: 10px 0px 5px 0px;
}
/* Puste pola */
.calendar .pMDate, .calendar .nMDate { color: #dcdcdc;cursor:default !important; }
.calendar .pMDate:hover, .calendar .nMDate:hover { background:none !important; }
/* Data dzisiejsza */
.calendar #today {
text-align:center;
cursor:pointer;
padding: 5px 3px;
color: #00c0eb;
}
.calendar #today:hover { color: #000; }
.calendar #today:active { color: #000; }
/* Aktywne dni */
.calendar td a { color: #000;text-decoration:none; }
/* Wydarzenie w danym dniu */
.active-date { background-color: #7e7e7e; }
.active-date a { color: #fff !important; }
/* Obecny dzie� */
.calendar #currDay { color: #1aa4d8;font-weight:bold;background-color: #1fc2ea; }
.calendar #currDay a { color: #fff; }
/* Pozosta�e ustawienia */
.calendar span { padding:3px 0px 3px 0px;display:block; }
.calendar tr td { width:14.2%; }
/* Kolor t�a po najechaniu i aktywny klik */
.calendar .date:not(.disabled):hover, .calendar .pMDate:not(.disabled):hover, .calendar .nMDate:not(.disabled):hover, .calendar .month:hover { background-color: #E2E2E2; }
.calendar .date:not(.disabled):active, .calendar .pMDate:not(.disabled):active, .calendar .nMDate:not(.disabled):active, .calendar .month:active { background-color: #E2E2E2; }
/* Wyb�r miesi�ca */
.calendar .month { padding: 15px;cursor: pointer; }