body {
  margin: 0;
  font-family: Georgia , Verdana , Arial;
  background: url("konwalie.jpg");
  background-attachment: fixed;
  background-size: cover;  
  
  /*color: #363636;*/
  /*font-family: 'Fira Sans', sans-serif;*/
  line-height:25px;
}


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

#dol {
  /*padding: 1px 2px;*/
  /*background: #fafafa;*/
  /*margin: 0 5px;*/
  /*border-radius:25px;*/
  /*box-shadow: 1px 1px 5px;*/
  /*font-family: Tahoma, Arial;*/
  opacity: 0.95;
  /*color: #222;*/
  /*text-shadow: 1px 0px grey;*/
}

#srodek {
  /*background: lightblue;*/
  /*background: #A8DFFD;*/
  float: left;
  width: 100%;
  padding: 30px 5px;
  box-sizing: border-box;
  /* opacity: 0.9; */
  margin-bottom:30px;
}

#podstrony, #bo2czny, #menu_oddzialy, #wyszukiwarka , #kalendarz {
  background: lightyellow;
  background: white;
  margin: 0 auto;
  /*margin: 10px;*/
  border-radius: 20px;
  padding: 1px 10px 20px;
  box-sizing: border-box;
}

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

#podstrony {
  margin-right: 260px;
  /*min-height:875px;*/ /* bo na wiekszych rozdzielczościach i tak jest za krotka /*
  opacity: 0.96; /* wylaczyc jakby przyslanial wydarzenia kalendarza */
}


#boczny {
  float: right;
  width: 235px;
  /*background: lightyellow;*/
  /*opacity: 0.8;*/ /*konfflikt dla wydarzen kalendarza*/
}

#menu_oddzialy {
  opacity: 0.8;
}

#wyszukiwarka {
  opacity: 0.9;
}
 
#dol {
  clear: both; 
}

#gora, .wraper , #dol {
  /*width:100%;*/
  max-width: 1200px;
  /*max-width: 1467px;*/
  margin: auto;
  overflow: auto; /* przydaje sie gdy wystepujuja elementy z float */
}

#gora {
  /*position:relative;*/
  /*max-width: 1020px;*/
  text-align:center;
  /*display:inline-block;*/
}

#dol .wraper {margin:0; }
.kol-1z3 , .kol-2z3 , .kol-3z3 {width: 35%; float:left; border:0px solid green; background:#fff; /*min-height:280px;*/ border-radius:5px; vertical-align:top; padding:1px 10px; box-sizing:border-box;}
.kol-2z3 { margin:0 12px; /*padding-left:20px;*/ box-sizing:border-box; width:26%; }
.kol-1z3 { /*font-size:90%;*/ margin-left:10px;}
.kol-2z3 a { text-decoration:none; color: darkblue; }
.kol-2z3 a:hover { text-decoration:underline; }

#menu {
	/*width: 960px;*/
	width:100%;
	/*height: 40px;*/
	/*float: right;*/
	position: absolute;
	z-index:1;
	/*left:250px;*/
	/*right:-10px;*/
	/*right:25%;*/
	/*left:20%;*/
	top:0.75em;
	/*background: url(./images/bg_menu.png) no-repeat;*/
	/*font-family: Arial;*/
	font-size: 110%;
	/*border:1px solid red;*/
	text-align:center;
}

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

#menu > ul > li {
	/*display: block;*/
	float: left;
	color: black;
	/*padding-right:20px;*/
	margin-right:20px;
	/*margin-right:1%;*/
}

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

#menu  a:hover {
	/*background: green;*/
	/*color: #2b6aa8;*/
	color: white;
	font-style:normal;
  /*border-radius: 5px;*/
}

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

#menu li li:hover {  
  color:yellow;
  font-style:italic;
  /*border:1px solid red;*/
  /*width:101%;*/
  /*width:100%;*/
  /*background:transparent;*/
}

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

#menu li li:hover li:hover {
  /*width:100%;*/
}

#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;
  /*top:40px;*/
  z-index:10;
  /*float:none;*/
  height:auto;
  /*background: #fff;*/
  
  /*margin-top:1px;*/ /* tak nie */
  border-top:1px solid white; /* tak */
}

#menu li li {
  float: none;
  color:#eeeeee;
  color:#222222;
  /*border-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 {/*min-width:175px;*/ box-shadow:2px 2px 5px grey; border-radius:9px; opacity:0.98; 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;*/
    color:#CC0066;
    /*font: 30px 'BD Cartoon Shout';*/
    /*font-family: 'Arima Madurai', cursive;*/
    text-align:center;
    line-height:initial;
}



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%;
  /*width: 103%;*/
  /*width: calc(100% + 10px);*/
  border-radius: 15px;
}

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

#boczny #menu_oddzialy ul {
 margin:auto;
 width:60%;
}

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

#boczny #menu_oddzialy a:hover , #menu_oddzialy a:hover {
  /*text-decoration:underline;*/
  color:navy;
}

#boczny #menu_oddzialy ul li {
  position:relative;
}

#boczny #menu_oddzialy ul li a:before {
 content:url(button1.png);
 position:absolute;
 left:-41px;
 left:-40px\9; /* IE-7 & IE-8 only hack */
 top:7px;
}

#boczny #menu_oddzialy ul li a:hover:before {
 content:url(button2.png);
}

#boczny #menu_oddzialy li a{
  display:inline-block;
  width:95%;
  /*background:white;*/
  color:#141517;
  vertical-align: bottom;
  padding:5px 1px;
  margin:5px auto;
  border-radius:5px;
  /*font-weight:bold;*/
  font-style:italic;
  font-size:20px;
}

#boczny #menu_oddzialy li {
  list-style:none;
  /*list-style-image: url(button1.png);*/
  /*list-style-position: outside;*/
  margin-right:10px;
  text-align:center;
}

#boczny #menu_oddzialy h3 {
  margin-bottom:5px;
}

#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 {
    /*position: absolute;*/
    /*margin-top: 160px;*/
    background: #85C226;
    color:white;
    border-radius: 20px;
    margin-left: 10px;
    padding:5px;
}


#boczny #kalendarz .cld-title { right:0; }
#calendar .cld-number.eventday { background-color: lightgreen; }
#calendar .cld-datetime { line-height: 3em; }


#podstrony img[style*="float:"] { margin:5px; }   /* https://stackoverflow.com/a/11536770 */
#podstrony img[style*="float:left"]  , #podstrony img[style*="float: left"]  , #podstrony img[align="left"]  { margin: 5px 9px 0px 0px; }
#podstrony img[style*="float:right"] , #podstrony img[style*="float: right"] , #podstrony img[align="right"] { margin: 5px 0px 0px 9px; }