/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
body {font-family: 'Open Sans', sans-serif; color: black; font-size: 15px;
background: url('../images/bg2.jpg') no-repeat top center fixed; background-size: cover;}
/*.white {background: white;}
.grey {background: #fafafa;}*/
 .lublin-second {text-align: center;}
 .lublin-second img {border: none; max-width: 90%;}

 .top {margin-top: 0px !important;}
.top .lublin, .top .gimnazjada,.top .szs {text-align: center;}
.top .lublin img, .top .gimnazjada img,.top .szs img {border: none !important;}
.top img {width: 90%; margin-left: 5%; border: none !important;}
.top .gimnazjada {/*background: url('../images/top-shadow.jpg') no-repeat; */}
.top .szs img{max-width: 120px;}

.lublin-second {height: 160px; }
.lublin,.gimnazjada,.szs {height: 180px !important; margin-top: 25px;}
.one-third .lublin, .one-third .szs {width: 100%; height: 100px; float: left; display: block;}
.slider {height: 340px; margin-top: 58px; position: relative;}
.slider .slide {width: 100%; height: 100%;}
.slider .slide .module {width: 100%; height: 100%;}
.slider .left-red {width: 56px; height: 93px; background: #d42b27; position: absolute; bottom: -20px;
left: -26px;}
.slider .right-green {width: 56px; height: 93px; background: #4ea637; position: absolute; 
top: -20px;
right: -26px;}
.gotolublin {width: 338px;
height: 40px;
background: #f2f1f1;
color: #8e8d8d;
text-align: center;
text-transform: uppercase;
position: relative;
margin-top: -40px;
margin-left: auto;
margin-right: auto;
font-weight: 600;
max-width: 100%;
font-size: 18px; line-height: 40px; }
.gotolublin .green {color: #4ea637;}
.gotolublin .red { color: #d41827;}



.row {float: left; width: 100%; margin-top: 40px;}
/*.home-cont {margin-top: 50px;}*/

.home-galery a {height: 200px; text-decoration: none !important;}
.galery_in a:hover .shadow {opacity:1;}
.galery_in a .shadow, .home-galery a .shadow {background:  url('../images/h-shadow.png') no-repeat;
    background-position: bottom center;
padding-bottom: 17px;
background-size: 100%;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
opacity: 0;}
.galery_in a .shadow{padding-bottom: 12px;}
.home-galery a:hover .bg {opacity: 1;}
.home-galery a:hover .shadow {opacity: 1;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.home-galery a .in {
    position: relative;
top: 44%;
padding: 6px 0;
left: 15%;
width: 70%;
text-align: center;
color: #fff !important;
z-index: 0;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
text-shadow: none !important;
 font-size: 18px; font-weight: bold;
/*    width: 100%; height: 45px; font-size: 26px; font-weight: bold; background: rgba(255,255,255,0.6); line-height: 45px; text-align: center; color: #d41827; text-transform: uppercase; position: absolute; bottom: 0px;*/
}
.home-galery .bg {width: 100%;
height: 100%;
background-color: rgba(212,43,39,0.8);
opacity: 0;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}
.home-galery .column {position: relative;/* border: 6px solid #bfbfbf; */}
.home-galery a {margin-bottom: 30px;}
h2 {font-size: 28px; color: black; text-align: center; text-transform: uppercase; margin-bottom: 10px;
    margin-top: 45px; font-weight: 400;
   
}

.news-page h1{text-align: center; font-weight: bold; color: #d41827 !important; text-transform: uppercase; 
             font-size: 26px; line-height: 36px; margin-top: 10px !important;}
.news-page .text {font-size: 16px; color: black;}
.news-page h2 {font-size: 26px; color: black; line-height: 36px; text-transform: uppercase; text-align: center;}

.koszykowka {background: url('../images/koszykowka.jpg') no-repeat center center; background-size: cover;}
.siatkowka {background: url('../images/siatkowka.jpg') no-repeat center center; background-size: cover;}
.pilka-reczna {background: url('../images/pilka-reczna.jpg') no-repeat center center; background-size: cover;}
.koszykowka,.siatkowka,.pilka-reczna {position: relative; float: left; width: 100%; height: 130px; margin-bottom: 33px;}
.home-cat {height: 112px; position: relative; /* background: rgba(255,255,255,0.7); */float: left; width: 100%; height: 100%; }
.home-cat .bg {width: 100%; height: 100%; background: rgba(255,255,255,0.75); position: absolute;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.home-cat h2 { 
    font-size: 26px;
    text-align: center;
    color: #d41827;
    text-transform: uppercase;
    font-weight: bold;
position: relative;
top: calc(50% - 26px);
padding: 6px 0;
left: 15%;
width: 70%;
text-align: center;
z-index: 0;
border-bottom: 1px solid #d41827;
border-top: 1px solid #d41827;
text-shadow: none !important;
margin-top: 0px;
margin-bottom: 0px;
opacity: 1;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
 }
 .home-cat:hover .ch {opacity: 1;}
 .home-cat:hover .dz {opacity: 1;}
 .home-cat:hover .bg {background:  rgba(212,43,39,0.8);}
 .home-cat:hover h2 {opacity: 0;}
.home-cat .ch , .home-cat .dz {
    -webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
    width: 40%; left: 0px;
    margin-left: 5%;
    margin-right: 5%;
    height: 30px; line-height: 30px;
    color: #d41827;
    float: left;
    text-decoration: none !important;
    color: white;
    position: relative;
    z-index: 1001;
text-align: center;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
text-shadow: none !important;
}
.koszykowka:hover .shadow, .siatkowka:hover .shadow , .pilka-reczna:hover .shadow  {opacity:1;}
.koszykowka .shadow, .siatkowka .shadow , .pilka-reczna .shadow  {background: url('../images/h-shadow.png') no-repeat;
background-position: bottom center;
padding-bottom: 17px;
background-size: 100%;
opacity: 0;
top: 100%;
position: absolute;
width: 100%;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}

/*.home-cat .ch {top: 0px; text-align: right;}
.home-cat .dz {bottom: 0px; text-align: left;}*/
.home-news {min-height: 450px;}
.dz , .ch {opacity: 0;}
.news-page h1,.sixteen h2, .dyscyplina h1, .dyscyplina h2, .home-sponsors h3, .fb-cont h3, .contact-home h3, .site-map h3, .home-galery h2, .home-news h2 {
     background: url('../images/h-shadow.png') no-repeat;
    background-position: bottom center;
    line-height: 10px;
    height: 60px;
    background-size: 80% 55%;
    margin-top: 45px;
    margin-bottom: 0px;
    color: black;
}
.contact-page h3 {
     background: url('../images/h-shadow.png') no-repeat;
background-position: bottom center;
height: 84px;
background-size: 80% 36%;
margin-top: 18px;
margin-bottom: 0px;
color: black;
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
line-height: 22px;
}
.contact-page .all {/*margin-top: -35px;*/}
.contact-page h3 span {
    text-transform: none;
    font-size: 16px;
}
.dyscyplina h1 { color: #d41827; text-transform: uppercase; text-align:  center; font-size: 23px;}
.dyscyplina h2 {font-size: 20px; margin-top: 70px; float: left; width: 100%;}

.dyscyplina h1,.home-news h2 {margin-top: 10px;}
.dyscyplina .news {height: 284px;
position: relative;
float: left;
width: 100%;
margin-top: 10px;}
.dyscyplina .news .caption {
    font-size: 14px;
height: 70px;
font-weight: 600;
width: calc(100% - 19px);
position: absolute;
bottom: 0px;
margin-bottom: 0px;
padding-top: 15px;
padding-bottom: 20px;
background: rgba(255,255,255,0.7);
padding-left: 10px;
padding-right: 10px;
}
.dyscyplina .news .more {text-transform: uppercase;
position: absolute;
right: 20px;
bottom: 10px;}
.dyscyplina .news .shadow {background: url('../images/h-shadow.png') no-repeat;
background-position: bottom center;
padding-bottom: 17px;
background-size: 100%;
top: 100%;
position: absolute;
width: 100%;}

.dyscyplina-right.one-third h3 {margin-top: 20px; margin-bottom: 20px;}

.pdf-messages {padding-bottom: 10px; border-bottom: solid 1px #d0d0d0; float: left;
width: 100%;}
a.zestawienie, .pdf-messages a.link {padding-left: 45px; color: black; font-weight: 600; margin-bottom: 6px; display: block; background: url('../images/pdf.png') no-repeat; height: 30px; line-height: 30px;}
a.zestawienie {float: left;
margin-top: 20px;
width: 100%;}
.pdf-messages .show-all {float: right; color: #d0d0d0; cursor: pointer;}
.home-news h2 {margin-bottom: 0px;}
a.link.mess-hide {display: none;}


.news-list .foto {height: 165px; font-size: 12px; position: relative;}
.news-list .foto .shadow {position: absolute; top: 165px; padding-bottom: 18px; width: 100%;}
.news-list .row:hover .shadow {opacity: 1;}
.news-list .short {height: 165px; color: black; position: relative; font-weight: 600; float: left; border-left: 1px solid #d0d0d0; padding-left: 10px; width: calc(100% - 10px);}
.news-list .full {margin-top: 15px; position: relative; padding-bottom: 20px; float: left; color: black; font-weight: 600; padding-left: 10px; display: none; }
.news-list .short a.more {cursor:  pointer; position: absolute; left: 11px; bottom: 0px; color: #d0d0d0; text-transform: uppercase;}
.news-list .full a.close {cursor:  pointer; position: absolute; left: 11px; bottom: 0px; color: #d0d0d0; text-transform: uppercase;}
/*.home-sponsors {margin-top: 50px; }*/
.home-sponsors .all{margin-top: 2px; }
.home-sponsors h3 {font-size: 18px; color: black; text-align: center; font-weight: 600; text-transform: uppercase;}

.fb {background: url('../images/fb.png') no-repeat; display: block; margin-left: auto; margin-right: auto; width: 91px; height: 19px; }
.contact-home h3,.site-map h3 {font-size: 18px; text-align: center; font-weight: 600;}

a.regulamin-pdf {float: right; text-align: right; padding-right: 40px;
               background: url('../images/pdf.png') no-repeat; background-position: right;
               font-size: 13px; text-decoration: none !important; color: black !important; text-transform: uppercase;}

.unslider {width: 100% !important; height: 100% !important;}
.unslider_news ul, .unslider ul {width: 100%; height: 100%;}
.unslider_news ul li, .unslider ul li{width: 100%; height: 100%; display: block; float: left; position: relative; }
ol.dots {position: absolute; bottom: 55px; right: 40px;}
ol.dots li {font-size: 0px; width: 14px; height: 14px; background: white; cursor: pointer; display: block; float: left; margin-left: 10px;}
ol.dots li.active {background: #d41827;}

#module_foto-slider-home {position: relative;

background-position: bottom center;
padding-bottom: 30px;
background-size: 75%;
    -webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}
#module_foto-slider-home:hover {
    opacity: 1;
    position: relative;
background: url('../images/h-shadow.png') no-repeat;
background-position: bottom center;
padding-bottom: 30px;
background-size: 75%;
}
#module_news-home {width: 100%; height: 382px; position: relative;
 background: url('../images/h-shadow.png') no-repeat;
    background-position: bottom center;
padding-bottom: 27px;
background-size: 100%;
margin-top: 4px;
}
#module_news-home .unslider_news {width: 100% !important; height: 100% !important;}
.unslider_news .caption {font-size: 14px; height: 70px; font-weight: 600; width: calc(100% - 19px); position: absolute; bottom: 0px; margin-bottom: 0px; padding-top: 15px; padding-bottom: 20px; background: rgba(255,255,255,0.7); padding-left: 10px; padding-right: 10px;}
/*.unslider_news:hover .caption {-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;background: rgba(78,166,55,0.8); color: white;}
*/.unslider_news ol.dots {bottom: 140px;}
.unslider_news .caption a.more {text-decoration: none; text-transform: uppercase; position: absolute; right: 20px; bottom: 10px; }

.error {text-align: center; color: #d41827; line-height: 50px;}

.thumb {width: 100%; height: 150px; margin-top: 25px;}
.thumb .bg {width: 100%;
height: 100%;
background-color: rgba(212,43,39,0.8);
opacity: 0;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}
.thumb .bg .in {
 position: relative;
top: 44%;
padding: 6px 0;
left: 10%;
width: 80%;
text-align: center;
color: #fff !important;
z-index: 0;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
text-shadow: none !important;
 font-size: 14px; font-weight: 400;
 text-decoration: none !important;
}
.thumb:hover .shadow ,.thumb:hover .bg {opacity: 1;}
a {text-decoration: none !important;}
.news-list .shadow, .thumb .shadow {background:  url('../images/h-shadow.png') no-repeat;
    background-position: bottom center;
padding-bottom: 9px;
background-size: 100%;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
opacity: 0;}

.gal-home {margin-top: 0px !important;}
.gal h1 {color: #d41827; text-transform: uppercase; font-weight: 600; font-size: 22px; text-align: center;
 background: url('../images/h-shadow.png') no-repeat;
    background-position: bottom center;
    line-height: 20px;
    height: 60px;
    background-size: 100% 55%;
    }
.gal h3 {text-align: center; font-weight: bold; color: black; margin-top: 20px; text-transform: uppercase; font-size: 20px;}
.gal .text { color: black; font-weight: 600;}
.galery_in {float: left;
width: 100%;
margin-top: 40px;}
.gal_l h1 ,.gal_r h1{text-align: center; font-weight: 600; font-size: 22px; text-transform: uppercase;  background: url('../images/h-shadow.png') no-repeat;
    background-position: bottom center;
    line-height: 20px;
    height: 60px;
    background-size: 100% 55%;
width: 60%;
margin-left: 20%;
}
.gal_l h2, .gal_r h2 {font-size: 15px; text-align: center; text-transform:  none !important;
border-bottom: 1px solid #d0d0d0; color: black; font-weight: 600; margin-top: 15px;}
.gal_r .four.columns {float: right;}
.gal table {height: 100%; width: 100%;}
.gal table td{vertical-align: middle;}
.dyscyplina-right.one-third h3 {
    background: url('../images/h-shadow.png') no-repeat;
    font-weight: 600; text-transform: uppercase; background-position: bottom center;
    line-height: 10px;
    font-size: 18px;
    height: 60px;
    float: left;
    background-size: 100% 55%;
width: 100%;
text-align: center; }

/*.top {height: 100px;}
.top img {width: 90%; margin-left: 5%; border: none !important;}
*/
a.sponsors img {/*width: 90%;*/
 -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url('grayscale.svg#greyscale'); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */}
a.sponsors:hover img {-webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* Firefox 4+ */
  filter: none; /* IE 6-9 */}
a.sponsors {margin-bottom: 15px;}
.sp-big {height: 230px;}
.sp-big img {width: 86%;}
.sp-med {height: 150px;}
.sp-med img {width: 50%;}
.sp-small {height: 110px;}
.sp-small img {width: 85%;}
.sponsors table {height: 100%; width: 100%;}


.sponsors td {vertical-align: middle;}

.teamtable_box:hover { border-color: #d41827;-webkit-box-shadow: 0px 0px 14px 0px rgba(50, 50, 50, 0.43);
-moz-box-shadow:    0px 0px 14px 0px rgba(50, 50, 50, 0.43);
box-shadow:         0px 0px 14px 0px rgba(50, 50, 50, 0.43);
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
transform: scale(1.03);
}
.teamtable_box {
    width: calc(100% - 8px);
    border: 4px solid #d0d0d0;
    height: 112px;
    background: #f2ede8; /* Old browsers */
    padding-top: 80px;
    line-height: 30px;
    font-size: 24px;
    font-weight: 700;
    color: #4ea637;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: 40px;
    -webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZWRlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjZmVmZmY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTclIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODMlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTElIiBzdG9wLWNvbG9yPSIjZmVmZmY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZWRlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left,  #f2ede8 0%, #fefff4 9%, #ffffff 17%, #ffffff 50%, #ffffff 83%, #fefff4 91%, #f2ede8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f2ede8), color-stop(9%,#fefff4), color-stop(17%,#ffffff), color-stop(50%,#ffffff), color-stop(83%,#ffffff), color-stop(91%,#fefff4), color-stop(100%,#f2ede8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f2ede8 0%,#fefff4 9%,#ffffff 17%,#ffffff 50%,#ffffff 83%,#fefff4 91%,#f2ede8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f2ede8 0%,#fefff4 9%,#ffffff 17%,#ffffff 50%,#ffffff 83%,#fefff4 91%,#f2ede8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f2ede8 0%,#fefff4 9%,#ffffff 17%,#ffffff 50%,#ffffff 83%,#fefff4 91%,#f2ede8 100%); /* IE10+ */
background: linear-gradient(to right,  #f2ede8 0%,#fefff4 9%,#ffffff 17%,#ffffff 50%,#ffffff 83%,#fefff4 91%,#f2ede8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2ede8', endColorstr='#f2ede8',GradientType=1 ); /* IE6-8 */

}


.timetable .one {float: left; width: 100%;}
.timetable .one div{float: left;}

.table .one {float: left; width: 100%;}
.table .one div{float: left;}

.container .league,.container  .cup {display: none;}
.back {cursor: pointer;}
.back .back-img {font-size: 12px; position: absolute; height: 25px;margin-left: 15px; color: #d0d0d0; padding-left: 30px; background: url('../images/back.png') no-repeat;}
.show-all {font-size: 12px; text-transform: uppercase; height: 25px; color: #d0d0d0; padding-left: 30px; background: url('../images/back.png') no-repeat;}
.boxes_show {opacity: 0;}
.league ul li {cursor: pointer; list-style: none;}
.types {text-transform: uppercase; color: #4ea637; font-size: 24px; float: left; }
.league ul {float: right;}
.league ul li {
    -webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
    float: left; height: 30px; font-weight: 600; margin-left: 8px; width: 30px; line-height: 30px; background: #f2f1f1; text-align: center; text-transform: uppercase;}
.league ul li.active, .league ul li:hover  {background: #dcdcdc;-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.43);
-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.43);
box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.43);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
.tables {display: none;}

.timetable {float: left; width: 100%;margin-top: 20px;}
.timetable .one {float: left; width: 100%; background: #f2f1f1; margin-bottom: 2px; line-height: 24px;}
.timetable .one.head {font-weight: 600; background: #dcdcdc; margin-bottom: 5px; }
.timetable .one .data{ float: left; width: 15%;}
.timetable .one .hour{ float: left; width: 15%;}
.timetable .one .gim{ float: left; width: 25%;}
.timetable .one .wynik{ float: left; width: 20%; text-align: center;}
.table {float: left; width: 100%; margin-top: 20px;}
.table .types {margin-bottom: 20px;}

.table .one {float: left; width: 100%; margin-bottom: 2px; background: #f2f1f1; margin-bottom: 2px;  line-height: 24px; }
.table .one.head {font-weight: 600; margin-bottom: 5px; background: #dcdcdc;  }
.table .one .lp {float: left; width: 10%; font-weight: 600;}
.table .one .team {float: left; width: 60%; }
.table .one .pkt {float: left; width: 10%; font-weight: 600;}
.table .one .bilans {float: left; width: 20%;}

.sign-ca {text-align: right; border-top: 2px solid #dcdcdc; padding-bottom: 40px; padding-top: 10px;}
.sign-ca img {border: none !important; max-width: 90%;}

.upper {display: none; position: fixed; bottom: 10px; right: 4px; width: 45px; height: 72px; background: url('../images/up.png') no-repeat; cursor: pointer;}

a.sponsors img { max-width: 90%;}
.sponsors td {text-align: center;}
.top .mobile {display: none;}
.one div {word-break: break-all;}
.module .row {margin-top: 10px;}
/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
        @media only screen and (max-width: 1340px) and (min-width: 1025px) {

        }
        @media only screen and (max-width: 1100px) and (min-width: 1025px) {

        }
        /**
         *   Ponizej obsługa tabletu 'a
         */
        @media only screen and (max-width: 1024px) and (min-width: 768px) {
            .home-cat h2 {font-size: 20px !important;}
        }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
        @media only screen and (max-width: 900px)  {
            
        }

        }
        @media only screen and (min-width: 768px) and (max-width: 959px) {
        }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
            .koszykowka, .siatkowka, .pilka-reczna {height: 160px;}
            .home-galery a {margin-bottom: 30px !important;}
            .slider {height: 290px;}
            .eight.sponsors, .four.sponsors {height: auto;}
            .sponsors img {width: 80% !important;}
            #module_news-home {padding-bottom: 15px; }
            #module_foto-slider-home {height: 250px;}
            .left-red,.right-green {display: none;}
            .home-news {margin-bottom: 50px !important; height: 260px;}
            .top .gimnazjada {background: none !important;}
            .top .normal {display: none;}
            .top .mobile {display: block;}
            .click_galery.columns, .columns.gal {width: 48% !important; margin-left: 1%; margin-right: 1%;}
            .column {margin-bottom: 20px !important;}
            .gal_l h1 {width: 100%; margin-left: 0%;}
            .types {float: left;
width: 100%;
height: 40px;}
            ul {float: none !important;}
            .one,.one div {font-size: 12px !important;}
            .news-page h1, .sixteen h2, .dyscyplina h1, .dyscyplina h2, .home-sponsors h3, .fb-cont h3, .contact-home h3, .site-map h3, .home-galery h2, .home-news h2 {background: none !important; line-height: 30px;}
           .news-list .short {height: auto; padding-bottom: 30px;}
           .pages {margin-top: 0px !important;}
           .top a { height: auto !important;}
           .slider {margin-top: 50px !important; }
           .home-news { margin-bottom: 40px !important;}
           .back .back-img {float: left;}
           a.zestawienie, .pdf-messages a.link {width: calc( 100% - 50px);  }
           /*.back .back-img::before { content: "<br/>";}*/
           .back .back-img {float: left; display: block;
margin-left: 40%;
margin-top: 10px;}
           .dyscyplina .news .caption {height: 100px;}
           a.sponsors img {
max-width: 60%;
margin-bottom: 20px;}
           .sp-big {height: auto;}

           .all  .four.columns {float: left; width: calc(50% - 40px) !important; float: none !important;
  /* width: 250px; */
  display: inline-block;}
        }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
        @media only screen and (min-width: 480px) and (max-width: 767px) {
        }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
       
        @media only screen and (max-width: 400px) {
             .all  .four.columns {float: left; width: calc(100% - 40px) !important; float: none !important;}
        }

         @media only screen and (max-width: 350px) {
                             
 
        }

.wykaz_sal h1{     background: url('../images/h-shadow.png') no-repeat;
    background-position: bottom center;
    
    height: 60px;
    background-size: 80% 55%;
    margin-top: 45px;
    margin-bottom: 0px;
    color: black;
    font-size: 26px; color: black; line-height: 20px; text-transform: uppercase; text-align: center;}
.wykaz_sal a {color: #4ea637;}
.wykaz_sal .text {float: left; width: 100%; margin-top: 20px; margin-bottom: 0px;}
.wykaz_sal .text h3{  color: #d41827;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 22px;
  text-align: center;
  background: url('../images/h-shadow.png') no-repeat;
  background-position: bottom center;
  line-height: 20px;
  height: 60px;
  background-size: 100% 55%;}
.wykaz_sal .list {float: left; width: 100%;}
.wykaz_sal .head_list {float: left; width: 100%;  background: rgb(244, 241, 241); padding-top: 10px; padding-bottom: 10px;}
.wykaz_sal .head_list div {float: left; font-weight: bold; font-size: 12px; text-align: center; line-height: 14px;}

.wykaz_sal .h_number {width: 5%;}
.wykaz_sal .h_name {width: 20%;}
.wykaz_sal .h_address {width: 25%;}
.wykaz_sal .h_rezydent {width: 25%;}
.wykaz_sal .h_grupa {width: 5%;}
.wykaz_sal .h_photo {width: 100%; padding-top: 10px !important; padding-bottom: 10px !important;}
.wykaz_sal .h_photo img{float: left; width: 23%; margin-left: 1%; margin-right: 1%; margin-top: 10px;}
.wykaz_sal p {margin: 0px;}


.wykaz_sal .list_in.l1{background: white;}
.wykaz_sal .list_in.l2{background: #f2fcf2;}
.wykaz_sal .list_in.l1:hover,.wykaz_sal .list_in.l2:hover{background: #e2fbe2;}
.wykaz_sal .list_in {float: left; width: 100%;}
.wykaz_sal .list_in div {float: left; text-align: center; font-size: 14px; line-height: 17px; padding-top: 3px; padding-bottom: 3px; }
.wykaz_sal b.resp {display: none;}
@media only screen and (max-width: 700px) {
    .wykaz_sal .head_list {display: none;}
    .wykaz_sal div {text-align: left !important;}
    .wykaz_sal div b.resp{display: block; font-weight: bold; margin-right: 10px; float: left;}
        .wykaz_sal .h_photo img{float: left; width: 48%; margin-left: 1%; margin-right: 1%; margin-top: 10px;}

.wykaz_sal .list_in .h_number {width: 100%;}
.wykaz_sal  .list_in .h_name {width: 100%;}
.wykaz_sal  .list_in .h_address {width: 100%;}
.wykaz_sal  .list_in .h_rezydent {width: 100%;}
.wykaz_sal  .list_in .h_grupa {width: 100%;}
        }
@media only screen and (max-width: 400px) {
        .wykaz_sal .h_photo img{float: left; width: 98%; margin-left: 1%; margin-right: 1%; margin-top: 10px;}
        .wykaz_sal h1 {background: none !important;}
        }
pre {  white-space: inherit;}