@import url('https://fonts.googleapis.com/css?family=Arima+Madurai:400,900');

@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,700,700i');



body {
  margin: 0;
  background: white;
  f2ont-family: Arial;
  font-family: 'Fira Sans', Arial, sans-serif;
}


#gora, #srodek, #dol {
  padding: 10px;
}

#dol {
  padding: 1px 20px;
  background: #eeeeee;
}

#srodek {
  background: lightblue;
  background: #A8DFFD;
  float: left;
  width: 100%;
  padding: 30px 5px;
  box-sizing: border-box;
}





#podstrony, #boczny {
  background: lightyellow;
  background: white;
  margin: 0 auto;
  m2argin: 10px;
  border-radius: 20px;
  padding: 1px 10px 20px;
  box-sizing: border-box;
}

#po2dstrony {
  float: left;
  width: 66%;
  width: calc(100% - 310px);  
}

#podstrony {
  margin-right: 310px;
}


#boczny {
  float: right;
  width: 285px;
  background: lightyellow;
}


#dol {
  clear: both;
}

#gora, .wraper {
  wi2dth:100%;
  max-width: 1200px;
  m2ax-width: 1467px;
  margin: auto;
}

#gora {
  po2sition:relative;
  m2ax-width: 1020px;
  text-align:center;
  di2splay:inline-block;
}


#menu {
  w2idth: 960px;
  h2eight: 40px;
  f2loat: right;
  position: absolute;
  z-index:1;
  l2eft:250px;
  ri2ght:-10px; 
  right:5%;
  l2eft:20%;
  top:13px;
  b2ackground: url(./images/bg_menu.png) no-repeat;
  f2ont-family: Arial;
  font-size: 110%;
  bo2rder:1px solid red;
  text-align:left;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 5px 0px 5px 5px;
}

#menu > ul > li {
  di2splay: block;
  float: left;
  color: black;
  p2adding-right:20px;
  margin-right:20px;
  mrgin-right:1%;
}

#menu a {
  c2olor: black;
  color: inherit;
  f2ont-size: 14px;
  display: block;
  f2loat: left;
  padding: 5px 16px;
  text-decoration: none;
  font-weight:bold;
  w2idth:100%; /* chyba wazne przy kolejny poziomach */
  white-space: nowrap;
  fo2nt-style:normal;
}

#menu  a:hover ,
#menu  a.hover {
  b2ackground: green;
  c2olor: #2b6aa8;
  color: white;
  font-style:normal;
  bord2er-radius: 5px;
}

#menu li:hover ,
#menu li.hover {
  b2ackground: green;
  background: #85C226;
  color:white;
}

#menu li li:hover , 
#menu li li.hover {  
  color:yellow;
  font-style:italic;
  b2order:1px solid red;
  w2idth:101%;
  w2idth:100%;
  ba2ckground:transparent;
}

#menu li li:hover li ,
#menu li li.hover li {
  width:auto; /* jak nie planujemy kolejnego poziomu */
}

#menu li li:hover li:hover , 
#menu li li.hover li.hover {
  w2idth:100%;
}

#menu > ul > li:hover , 
#menu > ul > li.hover {
  border-radius:10px;
}

#menu ul ul {display:none; background:inherit; }
#menu ul li:hover > ul , 
#menu ul li.hover > ul {
  display:block;
  position:absolute;
  t2op:40px;
  z-in2dex:10;
  f2loat:none;
  height:auto;
  ba2ckground: #fff;
  
  m2argin-top:1px; /* tak nie */
  border-top:1px solid white; /* tak */
}

#menu li li {
  float: none;
  color:#eeeeee;
  color:#222222;
  bo2rder-top:1px solid darkgreen;
  border-top:1px dotted lightgreen;
  text-shadow:1px 1px 10px lightgrey;
}

#menu li li:first-child {
  border-top:none;
}




#menu ul ul {m2in-width:175px; box-shadow:2px 2px 5px grey; border-radius:9px; opacity:0.96; font-size:94%;}
#menu ul ul ul { margin-top:-40px; margin-left:90%; margin-left: calc(100% - 5px); border-left:2px solid #999;}
#menu ul ul a { font-weight: normal; }






.fa {
    font-family: 'FontAwesome';
}

/*
@font-face {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
}

@font-face {
  font-family: "BD Cartoon Shout";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/HVD_Comic_Serif_Pro?#iefix") format("embedded-opentype"), url("../fonts/HVD_Comic_Serif_Pro.woff") format("woff"), url("../fonts/HVD_Comic_Serif_Pro.ttf") format("truetype"), url("../fonts/HVD_Comic_Serif_Pro.svg") format("svg");
}


@font-face {
  font-family: "Solomon Normal";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/solomon_normal-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/solomon_normal-webfont.woff") format("woff"), url("../fonts/solomon_normal-webfont.ttf") format("truetype"), url("../fonts/solomon_normal-webfont.svg#solomon_normal") format("svg");
}
*/


h1 {
    color: #61cbe6;
    f2ont: 30px 'BD Cartoon Shout';
    font-family: 'Arima Madurai', cursive;
    text-align:center;
    line-height:initial;
}

body {
  f2ont: 16px/25px 'Solomon Normal', sans-serif;
  color: #363636;
  font-family: 'Fira Sans', sans-serif;
  line-height:25px;
}


img.aligncenter {
    margin: 5px auto;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.naglowek_podstrony {
  background: lightcyan;
  text-align: center;
  margin-top: 0px;
  margin-left: -10px;
  padding: 10px;
  width: 100%;
  w2idth: 103%;
  wi2dth: calc(100% + 10px);
  border-radius: 15px;
}

h2 {
  f2ont: 20px 'BD Cartoon Shout';
  font-family: 'Arima Madurai', cursive;
  f2ont-weight: bold;
}

#boczny ul {
 list-style-type:none; 
 padding:0;
 /*margin:0;*/
}

#boczny ul a, #menu_oddzialy a {
  text-decoration:none;
  color:#333;
}

#boczny a:hover , #menu_oddzialy a:hover ,
#boczny a.hover , #menu_oddzialy a.hover {
  text-decoration:underline;
  color:#888;
}

#menu_oddzialy {
  text-align:center;
}

#menu_oddzialy a{
  display:inline;
}

.zajawka_tytul {
  color: #428bca;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.4em;
}

.za2jawka_obrazek {
  overflow:hidden;
  border-radius:200px;
  max-width:200px;
  float:left;
}

.zajawka_data-ladna {
    p2osition: absolute;
    ma2rgin-top: 160px;
    background: #6A902E;
    color:white;
    border-radius: 20px;
    margin-left: 10px;
    padding:5px;
}



.pagination a {
  background: #22A2fd;
  padding: 5px 10px;
  color:white;
  border-radius:10px;
  fo2nt-family:Courier;
}

.pagination b {
  background: lightgreen;
  padding: 5px 10px;
  color:white;
  border-radius:15px;
}

.pagination a[rel=nofollow] {
  background:none;
  color:grey;  
}

.pagination .next, .pagination .prev {
  background: #0080DB;
  color:white;
  padding: 1px 10px;
  border-radius:10px;
  wi2dth:50px;
  dis2play:inline-block;
  position:absolute;
  margin-top:-1px;
  text-decoration:none;
}

.pagination .prev {
  margin-left:-40px;
  background:grey;
}

hr { 
  color: #E6F4FD; 
    border: none;
    height: 4px;
    /* Set the hr color */
    color: #E6F4FD; /* old IE */
    background-color: #E6F4FD; /* Modern Browsers */  
}