@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons&subset=latin,latin-ext);
@font-face { font-family: Gunplay; src:url(gunplay.ttf); }

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{ margin:0;	padding:0; border:0; font-size:100%; vertical-align:baseline; text-decoration:none; }
html,body { height:100%; }

* { box-sizing:border-box; }

html { font-family:'Open Sans',sans-serif; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
body { font-size:1em; line-height:1.6; text-rendering:optimizeLegibility; color:#4c4c4c; background-color:#fff; margin:0; min-width:100%; }

/* reklama */
 .main-grafika { width:100%; background:silver; clear:both; display: inline-block; }
 .head-grafika { max-width:1100px; margin: 0 auto; clear:both; text-align:center; }
 @media all and (max-width: 768px)
 {
  .main-grafika {  }
  .head-grafika { width:100%; margin: 0 auto; text-align:center; }
 }
/* /reklama */

.nodes { display:none; }
.nomob { display:block; }
@media all and (max-width: 888px)
{
 .nodes { display:block; }
 .nomob { display:none; }
}
/* naglowek */
 .naglowek { width:100%; height:170px; background:#b90000; clear:both; display:inline-block; position:relative; }
 .head-undermenu { width:100%; background:#000000; clear:both; height:65px; position:absolute; left:0; top:105px; }
 .naglowek-wdh { max-width:1100px; margin: 0 auto; clear:both; position:relative; z-index:2; }
  .head-logotyp { position:absolute: top:0; left:0; display:block; float:left; margin-top:10px; height:100px; width:150px; background-color:#fff; text-align:center; }
  .head-logotyp img { height:80px; margin-top:10px; }
  .head-name { position:absolute; top:110px; left:0; display:block; float:left; width:150px; background-color:#fff; padding:16px 0px; text-align:center; }
  .head-name a { color:#b90000; font-family:Gunplay; font-size:1.5em; line-height:1.2em; }
  .menu { position:absolute; top:110px; right:0; }
  .head-menu { display:none;}
  .head-social { position:absolute; top:0; right:0; display:block; margin-top:10px; height:80px; width:480px; background-color:#A30001; text-align:center; }
  .head-prowadzacy:before { content: "redaktor prowadzący"; font-variant:small-caps; }
  .head-prowadzacy { background:#D80001; color:#ffffff; width:50%; height:60px; float:left; margin:10px; line-height:30px; }
  .head-prowadzacy img { max-height:60px; float:left; }
  .head-konto { width:43%; background:#D80001; float:right; height:60px; margin:10px 10px 10px 0; color:#ffffff; line-height:30px; }
  .head-konto button, .head-login button { border:none; color:white; text-align:center; text-decoration:none; display:inline-block; cursor:pointer; width:80%; height:27px; line-height:30px; }
  .head-login { display:none; z-index:2; position:absolute; width:95%; height:60px; float:left; line-height:30px; font-variant:small-caps; }
  .head-login form { padding:0; margin:0; color:#ffffff; }
  .head-login input { background:#b90000; margin:0; padding:0; color:#ffffff; border:1px solid #A30001; display:inline-block;  }
  #login-form { background:#D80001; color:#ffffff; width:50%; height:60px; float:left; margin:10px; line-height:30px; }
  #login-button { width:43%; background:#D80001; float:right; height:60px; margin: 10px 0px 10px 10px; color:#ffffff; line-height:30px; }

 @media all and (max-width: 888px)
 {
  .naglowek { height:88px; }
  .head-undermenu { display:none; }
  .naglowek-wdh { width:100%; margin: 0 auto; }
   .head-logotyp { display:none; }
   .head-name { position:absolute; top:0; left:0; display:block; float:left; width:40%; background-color:#fff; padding:10px 0px; text-align:center; max-width:170px; }
   .head-name a {  font-size:1.6em; line-height:1.0em; }
   .head-menu { position:absolute; top:46px; left:0; display:block; float:right; width:100%; color:#fff; background-color:#0b0b0b; padding:8px 0px; }
   .menu-link { color:#fff; float: right; padding:3px 10px; text-transform:uppercase; font-size:80%; }
   .head-social { margin:0; height:47px; width:60%; background:unset; }
   .head-prowadzacy:before { content: "redaktor dnia"; font-variant:small-caps; }
  .head-prowadzacy { margin:0; right:0; position:absolute; min-width:160px; height:47px; line-height: 1.3em; background:unset; }
  .head-prowadzacy img { max-height:47px; float:right; }
  .head-konto { display:none; }
  .menu form { padding:0; margin:0; }
  .menu input { width:83%; background:#f4f4f4; margin:0; padding:0; color:#000000; border:1px solid #A30001; display:inline-block; font-size:1em;  }

 }
/* /naglowek */


/* menu */
 .menu { float:right; -webkit-transition:all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; padding:15px; width:80%; }
 .menu ul { width:100%; padding:0px; margin:0px; list-style:none; position:relative; display:inline-table; }
 .menu > li > ul.sub-menu { min-width:10em; padding:4px 0; background-color:#f4f4f4; border:1px solid #CCC; }
 .menu ul li { padding: 0px; }
 .menu > ul > li { display: inline-block; width:16%; }
 .menu ul li a { display:block; text-decoration:none; /*font-variant:small-caps;*/ text-transform:uppercase; padding:0px 15px; color:#fff; font-size:0.8em; }
 .menu ul li > a {  }
 .menu ul ul { width:30%; display:none; position: absolute; top:100%; min-width: 160px; background-color: #f4f4f4; border: 1px solid #CCC; z-index:5; }
 .menu ul li:hover > ul { display: block; }
 .menu ul ul > li { position: relative; }
 .menu ul ul > li a { padding: 5px 15px 5px 10px; height: auto; background-color: #f4f4f4; color:#0b0b0b; }
 .menu ul ul > li a:hover { background-color: #b90000; color: #fff; }
 .menu ul ul ul { position: absolute; left: 100%; top:0; }
 @media all and (max-width: 888px)
 {
  .menu { clear: both; min-width: inherit; float: none; padding:0; width:100%; position:absolute; top:89px; left:0; }
  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #f4f4f4; }
  .menu ul li a { padding:0.3em 15px; color:#0b0b0b; }
  .menu > li > ul.sub-menu { padding: 0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height:55em; width:100%; }
  .menu ul { display: inline; }
  .menu > ul { border-top: 1px solid #808080; }
  .menu li, .menu > ul > li { display: block; width:100%; }
  .menu li a { color: #000; display: block; padding: 0.8em; border-bottom: 1px solid #808080; position: relative; }
  .menu li.has-submenu > a:after { content: '+'; position: absolute; top: 0; right: 0; display: block; font-size: 1.5em; padding: 0.1em 0.5em; }
  .menu li.has-submenu > a.active:after { content: "-"; }
  .menu ul ul > li a { background-color: #e4e4e4; padding-left:19px; }
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
 }
/* /menu */

/* content */
 .content { width:100%; background:#fff; clear:both; }
 .content-wdh { max-width:1100px; margin: 0 auto; clear:both; }
 .glowna-left { display:block; float:left; max-width:600px; width:55%; }
 .glowna-right { display:block; float:right; max-width:480px; width:44%; background:#f4f4f4; clear:right; overflow:hidden; }
 .glowna-foto { width:100%; background:#000000; clear:both; overflow:hidden; margin-top:10px; }
 .glowna-foto-wdh { max-width:1100px; margin: 0 auto; clear:both; }
 .glowna-fotka-jeden { float:left; width:157px; height:120px; }

 .content-left { display:block; float:left; max-width:600px; width:55%; }
 .content-right { display:block; float:right; max-width:480px; width:44%; background:#f4f4f4; clear:right; }
 .mecz-winietka { float:right; max-width:480px; width:44%; min-height:100px; background:#ededed; }
 @media all and (max-width: 888px)
 {
  .content { position:relative; }
  .glowna-left { display:block; float:left; width:100%; }
  .glowna-right { display:block; float:right; width:100%; background:#f4f4f4; clear:right; overflow:hidden; height:542px !important; }
  .glowna-foto-wdh { max-width:90%; margin: 0 auto; clear:both; }
  .content-wdh { width:100%; margin: 0 auto; display:flex; flex-direction: column; }
  .content-left { margin-top:0px; width:100%; background-color:#fff; position:relative; order:2; max-width:unset; }
  .content-right { float:right; width:100%; max-width:unset; background:#ededed; order:3; }
  .mecz-winietka { order:1; width:100%; max-width:unset; }
 }

/* /naglowek */

/* news */
 .news { border-bottom:1px solid #838383; margin-bottom:5px; margin-top:10px; }
 .news .nagl { padding:3px; }
 .news .nagl .tytul { font-size:1.4em; font-weight:bold; color:#b90000; width:100%; margin:0.3em 0; }
 .news .nagl .winietka { font-size:0.8em; width:100%; text-align:right; background:#ffffff; opacity:0.7; }
 .dlugi { font-size:1.2em !important; }
 .news .tresc { text-align:justify; margin-top:10px; }
 .news .cytat { background:#f9f9f9; border-left:10px solid #ccc; margin:1.5em 10px; padding:0.5em 10px; quotes:"\201C""\201D""\2018""\2019"; }
 .news .cytat:before { color:#ccc; content:open-quote; font-size:4em; line-height:0.1em; margin-right:0.25em; vertical-align:-0.4em; }
 .cytat .ctzr { font-size:0.9em; text-align:right; }
 .news a { color:#b90000; font-weight:bold; }
 .reklama { text-align:center; }
 .news .komentarze { width:100%; text-align:right; clear:both; }
 .news .meczowy { background:#f9f9f9; border-left:10px solid #000; margin:1.5em 10px; padding:0.5em 10px; }
 .news .meczowy .meczowy-line { clear:both; max-width:100%; }
 .news .meczowy .opis { text-overflow:ellipsis; width:65%; display:inline-block; }
 .news .meczowy .opisd { text-overflow:ellipsis; width:80%; display:inline-block; }
 .news .meczowy .wynik { width:15%; display:inline-block; text-align:center; }
 .news .meczowy .licz { width:6%; display:inline-block; text-align:center; float:right; }
 .news .meczowy a, .news .komentarze a { font-weight:normal; }
 .news .zrodlo { display:flex; }
 .news-stronicowanie { padding:15px; text-align:center; }
 @media all and (max-width: 888px)
 {
  .news { padding-left:0px; }
  .news .tresc { padding:3px; }
  .news .meczowy .licz { display:none; }
  .news .meczowy .opis { width:82%; }
  .news .komentarze { width:unset; text-align:right; clear:both; padding-right:3px; }
 }
/* /news */

.title { width:100%; background:#b90000; padding:4px 10px; color:#ffffff; font-size:1.2em; text-transform:uppercase; font-size:90%; box-sizing:border-box; }
.title a { color:#ffffff; }
.rtitle { width:100%; background:none; border-bottom:1px solid black; padding:4px 10px; color:black; font-size:1.2em; text-transform:uppercase; font-size:90%; box-sizing:border-box; }
.rtitle a { color:#ffffff; }
.atitle { width:100%; background:#6ebf56; padding:10px; color:#ffffff; font-size:1.2em; text-transform:uppercase; font-size:90%; box-sizing:border-box; margin-bottom:10px; }
.atitle a { color:#ffffff; }
.title .material-icons, .rtitle .material-icons, .atitle .material-icons, { vertical-align:text-top; }

ul { list-style-type:circle;  list-style-position:inside; }
.material-icons { color:#cbcbcb; font-variant:normal; vertical-align:top; }
.MiniaturkaFotorelacjiDiv { width:33%; padding-right:5px; box-sizing:border-box; display:inline-block; }
img { max-width:100%; max-height:100%; }
.ikona { padding:10px; }
a { color:#b90000; }
.tresc { text-align:justify; margin-top:10px; }


.pozostale-line { clear:both; max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:2.2em; padding:0 1em; }
.line-data { background:#d80001; color:#ffffff; padding:2px 4px; font-variant:small-caps; }
.poz { vertical-align:text-top; }
.najblizsze { width:20%; float:left; text-align:center; cursor:pointer; display:inline-block; }
.najblizsze-data { font-size:0.8em; }
.najblizsze-ile { font-size:1.5em; font-weight:bold; color:#b90000; }

.kalendarz-line { clear:both; max-width:100%; }
.kalendarz-dzien { font-size:0.8em; width:calc(100%/7); text-align:center; display:inline-block; }
.kalendarz-data { font-size:1.2em; width:calc(100%/7); text-align:center; display:inline-block; }

.aktualnie { width:20%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left; }

input[type='checkbox'].toggle { display:none; }
.lbl-toggle { width:100%; background:#FAE042; padding:4px 10px; color:#4c4c4c; font-size:1.2em; font-variant:small-caps; box-sizing:border-box; cursor:pointer; }
.lbl-toggle:hover {  color:#7C5A0B; }
.collapsible-content {  max-height: 0px; overflow: hidden; transition: max-height .25s ease-in-out; }
.toggle:checked + .lbl-toggle + .collapsible-content { max-height:100%; }

/* fotorelacja */
.fotoone { float:left; padding:5px; }
.fototwo { position:relative; width:100%; }
.fotoviews { bottom:0; right:0; position:absolute; padding:2px; margin:0 0px 2px 0;
background:#ffffff; opacity:0.6; border-radius:7px 0 0 0; }
.fotka-prev { width:25%; text-align:right; float:left; }
.fotka-mini { width:50%; text-align:center; float:left; }
.fotka-next { width:25%; text-align:left; float:left; }
@media all and (max-width: 888px)
{
 .fotoone { max-width:170px; }
}
/* fotorelacja */


/* stopka */
 .community { background:#c0c0c0; padding:4px 8px; margin:3px; display:inline-block;}
 .stopka { width:100%; background:#000000; clear:both; display:inline-block; position:relative; margin-bottom:5px; }
 .stopka-wdh { max-width:1100px; margin: 0 auto; clear:both; position:relative; z-index:2; color:#ffffff; font-variant:small-caps; }
 .stopka-wdh a { color:#ffffff; text-decoration:underline; }
 .stopka-el { width:33%; text-align:center; display:inline-block; }
 .stopka-debug { display:block; font-variant:normal; font-size:0.7em; }
 @media all and (max-width: 888px)
 {
  .stopka-wdh { width:100%; margin: 0 auto; }
  .stopka-el { width:100%; text-align:center; display:block; margin:5px; }
  .stopka span.line { display: inline-block; }
 }
/* /stopka */


button { border:none; border-radius:2px; display:inline-block; height:46px; line-height:46px;
padding:0 16px; text-transform:uppercase; text-decoration:none; color:#ffffff;
text-align:center; letter-spacing:.5px; cursor:pointer; }
button i { font-size:1.3rem !important; line-height:inherit !important; color:#ffffff !important; }
form.dodawarka { display:inline-block; margin:0.1em; }