@import url('http://www.2cd.pl/css/cpBox.css');

body, aside, section, header, article, content, hgroup, nav, footer { margin:0px; padding:0px; }

body { font-size:1em;  font-family: 'Caveat', cursive; color:#333333; background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); }

#ybox {color:#fff; font-size:0.9em; background:#ff6600; width:100%; height:100%; min-height:600px; margin-top:0px;}
#ybox .yc {float:left; width:50%; height:100%; min-height:300px;   }
#ybox .yc h4 {border-left:8px solid #ffc600; text-align:left; padding:5px 5px 5px 10px; margin:0px;font-size:1.2em; width:380px; text-transform:uppercase; font-weight:400; }
#ybox .yc div {width:450px; margin-top:65px; margin-right:20px; float:right; padding:15px;     }
#ybox .yc:nth-child(2) {background:url(images/y2.jpg) no-repeat center center;}
#ybox .yc:nth-child(3) {background:url(images/y3.jpg) no-repeat center center;}
#ybox .yc:nth-child(4) div {width:450px; margin-top:35px; margin-left:20px; float:left; padding:15px; vertical-align: middle;  }

#gc { position:absolute; z-index:9999; top:5px; right:5px; cursor:pointer;}
#fb { position:absolute; z-index:9999; top:120px; left:15px; cursor:pointer;}
#yt { position:absolute; z-index:9999; top:170px; left:15px; cursor:pointer;}
a {color:#E31E25;}
a:hover {color:#000;}

#menu button {display:none; border:0px; text-indent:-2000px; width:30px; height:33px; background:url(images/lines.png) no-repeat; display:table; position:absolute; top:15px; right:9px; cursor:pointer; z-index:9997;}
 
.bp {text-align:center; font-size:2em; line-height:400px; }

.wn {  width:650px; text-align:center;}

footer {
color:#fff;
background:#107400;
text-align:center;
margin:0px;
padding:15px;
}


#search {  height:20px;  background:#fff;   display:table; padding:0px; margin:11px auto;  }
#search input {font-family: 'Caveat', cursive;  border:none;  background:#fff;  font-size:1.2em; padding:8px 15px; line-height:20px; font-weight:100;  color:#000; width:280px; border:1px solid #888 !important;}
#search .submit {  float:right;  cursor:pointer; background:url(images/lupa.png) #fff no-repeat center 8px ; background-size: 20px 20px;  margin:0px 0px 0px 2px; display:block;  width:42px; height:38px; overflow:hidden; text-indent:-2000px;}


footer a, footer a:hover {color:#fff;}
footer div {line-height:65px; font-size:1.3em;}
footer span {font-size:1.3em;}

#menu {
    padding:0px; margin:0px; overflow:hidden; width:100%; display:block; font-size:1em; height:110px;
       background:#ffc600;
    }


#menu li { display:inline-table; margin:0px 40px; }
#menu li:nth-child(2) {
  margin-right:500px;
}
#menu li a { text-decoration:none; color:#ff6600; font-size:1.4em; font-weight:100; line-height:160px;}

.logo { position:absolute; width:350px; height:auto; left:50%; margin:8px auto auto -185px; }
.fb  { right:15px; top:15px; width:25px; height:auto; position:absolute;  }
#menu ul {display:table;  padding:0px; margin:0px auto;  }

header  ul li:hover ul ul { display:table; }

#menu li ul {z-index:999; margin:-65px 0px; text-align:left  !important; padding:20px  !important; position:absolute; display:none; background:#000; width:800px; }
#menu li ul li {margin:5px 10px !important; display:inline-table; width:230px; }
#menu li ul li a {color:#fff; margin:0px; font-size:1.4em; line-height:35px;}

i {
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 2px;
  margin-left:3px;
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

#slideshow-box {position:relative; padding:0px; margin:0px 0px 30px 0px;  padding-top:0px;}

.points { position:absolute; width:80px; z-index:2; bottom:10px; left:10px; }
.points div { width:15px; height:15px; background:#ff7200; margin:5px; float:left;}
.points .this { background:#ffc600;}

.left, .right { position:absolute; width:25px; height:23px; background: url(images/left.png) no-repeat; z-index:2; top:50%;  left:10px; margin:-15px 0px 0px 0px; cursor:pointer; }

.right { background: url(images/right.png) no-repeat;  cursor:pointer; top:50%; right:10px; left:auto; margin:-30px auto 0px auto;}

#slideshow { 
    margin:0px;
    background:#fff; 
    width: 100%; 
    height: 450px; 
    padding: 0px;
    overflow:hidden;
    z-index:1;
    overflow:hidden; 
}



#slideshow > div {
    height:450px;
    width:100%;
    position: absolute; 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px;
   overflow:hidden;
    background-repeat: no-repeat !important;
    	background-position: center !important;
}


#slideshow > div a { text-decoration:none; padding:15px; position:absolute; right:30px; bottom:30px; margin:200px auto 0px auto; font-size:2em; color:#000;    display:table; min-width:400px; background-color:rgba(255, 255, 255, 0.8); }
#slideshow > div a strong {display:block; text-align:right; font-size:0.65em; font-weight:100;}

#spons { 
    margin:0px;
    width: 290px; 
    height: 210px; 
    padding: 0px;
    z-index:1;
}

#spons > div {
    height:210px;
    width:300px;
    position: absolute; 
    overflow:hidden;
    text-align:center;
}


#spons1 { 
    margin:0px;
    width: 290px; 
    height: 500px; 
    padding: 0px;
    z-index:1;
}

#spons1 > div {
    height:500px;
    width:300px;
    position: absolute; 
    overflow:hidden;
    text-align:center;
    background:#fff;
}


#spons2 { 
    margin:0px;
    width: 290px; 
    height:580px;
    padding: 0px;
    z-index:1;
}

#spons2 > div {
    height:580px;
    width:300px;
    position: absolute; 
    overflow:hidden;
    text-align:center;
    background:#fff;
}


#spons1 h5, #spons2 h5 {  font-size:1em; padding:3px; margin:20px 10px 30px 10px;  }
#spons1 h4 { font-size:0.9em; color:#ccc; }
#spons1 p { font-size:0.8em; }



.sleft, .sright, .sleft1, .sright1 {cursor:pointer; position:absolute; z-index:999; margin-top:20px; width:11px; height:26px; background:url(/images/left.png); }
.sright, .sright1  {background:url(/images/right.png); margin-left:290px;}




h1 {color:#888; text-align:center; font-weight:100; text-transform:lowercase; font-size:2em; margin:30px 0px;}
#content { display:table; width:100%; max-width:1200px; margin:0px auto;  }
#p3 {  width:290px; min-height:500px; float:right; margin:-60px 0px 30px 50px;}


.deklaracja, #p3 h2, #p-strefa_rodzica h3, .sr { background:#E31E25; padding:0px; margin:-5px 0px 0px 0px; display:block; line-height:50px; text-align:center; font-size:1.5em; color:#fff; }



.deklaracja { font-size:1.1em; display:table; margin:5px auto; padding:0px 15px;}


.skladniki { font-size:1.3em; text-align:justify; margin:0px 40px;  width:155px;   display:inline-table;  }
.skladniki h5 {text-transform:uppercase; font-size:2em; }
.skladniki a { text-transform:lowercase; }


.wrap-news {width:100%; text-align:center; margin-top:50px; }
.newsList .img {width:300px; display:table; height:180px; margin:0px 15px 0px 0px;  background-position: center center; }
.newsList { text-align:justify; margin:0px 40px;  width:300px;  height:350px; display:inline-table;  }
.newsList a { color:#888; text-decoration:none; font-size:0.85em;}
.newsList a strong { color:#888; font-weight:200; font-size:1.3em; display:block; margin:5px;}
#h2-wrap {margin:10px 0px;  height:400px; overflow:hidden;  background-size:   cover; background-attachment: fixed; background-position: center bottom; }
#h2-wrap h2 {  margin:300px auto 0px auto; font-size:2.5em; color:#000; text-indent:50px; line-height:100px;  display:block; height:100px; background-color:rgba(255, 255, 255, 0.8); }
#wrap-newsContent {width:100%;}
.newsList a h4 {font-weight:100;   display:table; width:100%; color:#000; font-size:2em; margin:5px; line-height:auto;  padding:0px;  text-align:left;   }
.newsList a img, .news_gallery2 img {float:left; margin:0px 15px 0px 0px; }
.news_gallery {display:table !important; width:auto !important; margin:30px auto; }
.news_gallery img { width:100%; height:auto; max-width:1200px; display:table; margin:0px auto 20px auto;}
.news_gallery2 { text-align:center; display:table; width:100%;} 
.news_gallery2 img { width:180px;  height:auto; margin-bottom:5px;}
.news_gallery2 a { height:180px;  display:inline-table; overflow:hidden; margin:5px;}
.artText { font-size:1.4em;}
h3 {color:#ccc !important; font-size:1.4em;}
#right-wrap {width:300px; float:right; margin-left:80px; }
#right-wrap .newsList { font-size:0.75em; text-align:justify; margin:0px 0px;  width:300px;  height:350px; display:inline-table;  } 
#right-wrap h3 {padding:0px; margin:0px;}

#p3 .newsList { width:290px; margin:0px;  border-left:2px solid #007bff;}
#p3 .newsList .img {width:200px; display:table; height:135px; float:none; margin:0px auto 15px auto; }
#p3 .newsList a {padding:20px 35px;  display:table !important; margin:auto;}
#p3 .newsList a h4 {font-weight:100;   height:auto; display:table; width:100%; color:#666; font-size:1.4em; margin:5px 5px 10px 0px; line-height:auto;  padding:0px;  text-align:center;   }

.wrap-newsMain {width:100%; text-align:left;  margin-top:0px; }
.wrap-newsMain .newsList { text-align:justify;  margin:20px 0px 0px 0px;  width:640px;  height:190px; display:inline-table;  }
.wrap-newsMain h2 { text-align:center; font-weight:200;  border-bottom:2px solid #007bff; font-size:1.1em; color:#007bff; background:#fff; margin:0px; line-height:60px; }
.wrap-newsMain .newsList a h4 {font-weight:100;  height:40px; display:table; width:100%; color:#004187; font-size:1.4em; margin:5px 5px 5px 0px; line-height:auto;  padding:0px;  text-align:left;   }

.newsList h4:hover {text-decoration:underline;}

.wrap-gallery .newsList {width:100%; height:280px; margin-top:30px; border-bottom:1px dotted #ccc;}
.wrap-gallery .newsList h4 {font-size:1.6em; height:20px;}
.wrap-gallery .newsList strong { line-height:25px;}
.awt { position:absolute; margin:65px auto auto 115px !important; }



.pagination {  text-align:center; display:table; margin-bottom:50px; width:100%; line-height:25px;  }
.pagination a, .pagination strong { text-align:center; font-size:1.5em !important; display:inline-table; width:25px; height:25px; line-height:25px;  color:#000; font-size:14px; padding:15px; text-decoration:none;  margin:5px 1px;}
.pagination strong { color: #fff; background:#000;}
.pagination a:hover { background:#eee;}


#submenu { border-bottom:1px solid #ccc; display:table; width:100%;}
#submenu li { display:table; float:left; padding:8px 15px; background:#ccc; cursor:pointer; margin:0px 5px; color:#888;}
#submenu li:hover {  background:#eee; }

#submenu-t { border-bottom:1px solid #ccc; display:table; width:100%;}
#submenu-t li { display:table; float:left; padding:8px 15px; background:#ccc; cursor:pointer; margin:0px 5px; color:#888;}
#submenu-t li:hover {  background:#eee; }

 .content-c2, .content-c3, .content-c4, .content-c5, .content-t { display:none;}

.podpis { color:#aaa; text-align:center; margin:25px;}
.podpis a {color:#aaa;}

.sezon {margin:25px auto; display:table; font-size:1em; border:1px solid #ccc; padding:8px;}
.rank, .rozgrywki {margin:15px auto; font-size:0.9em; width:700px;}
.rank td, .rozgrywki td {border-bottom:1px solid #ccc; padding:8px;}
.rozgrywki .nag td {text-align:center; color:#fff; background:#2B7828;}
.rank thead td {text-align:center; color:#fff; background:#E73D43;}
.rank  td {text-align:center;}


#p-tabele .rank {margin:auto; font-size:0.8em; width:290px;}
#p-tabele .rank td {padding:3px; font-size:0.9em;}
#p-tabele .rank td img {width:25px !important; height:auto;}

#menu button {display:none; }




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


 #ybox {margin-top:0px;}
#ybox .yc {float:none; width:100%; height:100%; min-height:150px; vertical-align: middle;  }
#ybox .yc h4 { width:90%;  }
#ybox .yc div {width:85%; margin:10px; float:none;  vertical-align: middle; }
#ybox .yc:nth-child(4) div {width:85%; margin:0px; float:none; padding:15px; vertical-align: middle; }
#ybox .yc:nth-child(3)  {display:none; }
#ybox .yc:nth-child(2) {background:url(images/y2.jpg) no-repeat center -100px; height:250px; }

.skladniki a { line-height:40px; }

#p3, #slideshow-box, #right-wrap {display:none;}
#menu {height:60px;}
.logo { position:absolute; width:150px; height:auto; left:50%; margin:15px auto auto -75px;  }
.fb  { left:5px;  top:5px; width:20px; height:auto; position:absolute;  }
 section {margin:5px; }
 h1 {text-align:center; font-size:1.4em;}
  h2 { font-size:1.2em;}
  
#h2-wrap {margin:30px auto 10px auto;  padding:0px 5px;   height:auto; display:table;  background-image:none !important; }
#h2-wrap h2 {  margin:0px; padding:0px; text-align:center; font-size:1.8em; color:#000; text-indent:0px; line-height:30px;  display:inline; height:auto; background-color:rgba(255, 255, 255, 1); }

.artText {font-size:1em;}
  
footer { font-size:0.75em;}
  
#search {  height:20px;  background:#fff;   display:table; padding:0px; margin:20px auto 11px auto;  }
#search input {font-family: 'Caveat', cursive;  border:none;  background:#fff;  font-size:1.2em; padding:8px 15px; line-height:20px; font-weight:100;  color:#000; width:190px; border:1px solid #888 !important;}
#search .submit {  float:right;  cursor:pointer; background:url(images/lupa.png) #fff no-repeat center 8px ; background-size: 20px 20px;  margin:0px 0px 0px 2px; display:block;  width:42px; height:38px; overflow:hidden; text-indent:-2000px;}


.newsList .img {width:280px; display:table; height:180px; margin:0px 0px 15px 0px;  background-position: center center; }
.newsList { text-align:justify; margin:0px auto;  width:280px !important;  height:320px; display:inline-table;  }
.newsList a h4 {font-weight:100;   display:table; width:100%; color:#000;  font-size:1.7em; margin:5px; line-height:auto;  padding:0px;  text-align:left;   }
  

  
#menu li { display:table; padding:0px; margin:0px; }
#menu li a { text-decoration:none; padding:8px; font-size:1.1em; display:table; width:210px; color:#fff; border-bottom:1px solid #fff; line-height:25px; text-indent:0px ;}
#menu ul {display:block; width:210px; overflow:hidden; position:absolute; z-index:999; background:#000;   padding:0px !important; margin:0px  !important; }




#menu li ul {z-index:999; margin:0px; text-align:left  !important; padding:0px  !important; position:relative; display:block; overflow-y:scroll; height:125px; background:#555; width:210px; }
#menu li ul li {margin:0px !important; padding:0px; display:inline-table; width:180px; }
#menu li ul li a {color:#fff; width:100%; padding:3px; margin:0px; font-size:0.9em; text-transform:lowercase; line-height:auto;}

i {
  border: solid #fff;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 2px;
  margin-left:3px;
}

#menu ul {display:none;}

#menu button {display:table; }

h2, h3, h4, h1 {font-weight:400 !important;}



.blog { font-size:1.4em !important;}
.blog img {width:290px !important; height:auto  !important;}

}