body {
  background: #fff;
  color: #000;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  /* font-size: 14px; */
  margin: 0 auto;
  padding: 0;
  /* width: 990px; */
}

:focus {
  outline-width: 3px;
  outline-color: crimson;
  outline-style: solid;
}

#headerprint {
  display: none;
}

a.skip-main {
  left:-999px;
  position:absolute;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
  z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
  outline-style: none;
  color: black;
  text-decoration: none;
  background-color:rgb(226, 226, 226);
  outline-style: solid;
  outline-color: rgb(199, 192, 192);;
  left: auto;
  top: auto;
  width: auto;
  height: auto;
  overflow:auto;
  padding:5px;
  text-align:center;
  font-size: 20px;
  z-index:999;
}

#header {
	background: #fff;
	/* background: #fff url('../img/page-bg.png') repeat-y scroll bottom center; */
  margin: 0;
  padding-top: 20px;
  padding-bottom: 10px;
  /* padding: 20px 45px 10px 60px; */
  position: relative;
  top: 0;
  left: 0;
}

#header a {
  color: #5b5b5d;
  text-decoration: none;
}

#header a:hover {
  color: #fa0208;
  text-decoration: none;
}

#header #title {
  margin-left: 50px;
}

#header #topmenu {
  font-size: 120%;
  position: absolute;
  top: 10px;
  right: 55px;
  color: #000;
}

#header #subtitle {
  font-size: 115%;
  position: absolute;
  bottom: 10px;
  right: 55px;
}

/* #menu { */
	/* background: #fff; */
	/* background: #fff url('../img/page-bg.png') repeat-y scroll bottom center; */
  /* margin: 0; */
  /* padding-top: 0px; */
  /* padding-bottom: 0px; */
  /* padding: 0px 45px 0px 45px; */
/* } */

/* #menu #parts { */
  /* border-top: 2px solid #b8b6b7; */
  /* position: relative; */
  /* top: 0; */
  /* left: 0; */
  /* height: 144px; */
  /* margin: 0; */
  /* padding: 0; */
/* } */

#submenu {
	background: #fff;
	/* background: #fff url('../img/page-bg.png') repeat-y scroll bottom center; */
  margin: 0;
  padding-top: 6px;
  padding-bottom: 5px;
  /* padding: 6px 45px 5px 45px; */
  font-size: 100%;
  text-align: center;
}

#submenu a {
  color: #000000;
  text-decoration: none;
}

#submenu a:hover {
  color: #fa0208;
  text-decoration: none;
}

#submenu #sobota  {
  margin: 0;
  padding: 5px 10px 5px 10px;
  background: #f79029;
	/* background: #f79029 url('../img/page-bg.png') repeat-y scroll bottom center; */
}

#submenu #sroda  {
  margin: 0;
  padding: 5px 10px 5px 10px;
  background: #c49a6c;
	/* background: #c49a6c url('../img/page-bg.png') repeat-y scroll bottom center; */
}

#submenu #szkola  {
  margin: 0;
  padding: 5px 10px 5px 10px;
  background: #9c8679
	/* background: #9c8679 url('../img/page-bg.png') repeat-y scroll bottom center; */
}

#submenu #pracownia  {
  margin: 0;
  padding: 5px 10px 5px 10px;
  background: #ab6eae;
	/* background: #ab6eae url('../img/page-bg.png') repeat-y scroll bottom center; */
}

#submenu #karuzela  {
  margin: 0;
  padding: 5px 10px 5px 10px;
  background: #27aae1;
	/* background: #27aae1 url('../img/page-bg.png') repeat-y scroll bottom center; */
}

#submenu #letnia {
  margin: 0;
  padding: 5px 10px 5px 10px;
  background: #ed217c;
  /* background: #758bc5; zimowa szkoła */
	/* background: #ed217c url('../img/page-bg.png') repeat-y scroll bottom center; */
}



#content {
	background: #fff;
	/* background: #fff url('../img/page-bg.png') repeat-y scroll bottom center; */
  margin: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  /* padding: 25px 65px; */
  font-size: 100%;
  min-height: 500px;
}

#content h1 {
  font-weight: normal;
  font-size: 125%;
  margin: 0;
  padding: 10px 0 5px 0;
  border-bottom: 2px solid #b8b6b7;
}

#content h2 {
  font-weight: normal;
  font-size: 120%;
  margin: 0;
  padding: 10px 0 5px 0;
}

#content .infobox {
  float: right;
  /* width: 175px; */
  background-color: #F7F7F7;
  font-size: 90%;
  padding: 0;
  margin: 0;
}

#content .infobox p {
  margin: 20px 10px 20px 10px;
  padding: 20px 0 0 0;
  border-top: 2px solid #cfcfcf;
}

#content .infobox > p:first-child {
  padding: 0;
  border-top: 0;
}

#content .infobox a {
  color: #AD0000;
  text-decoration: none;
  font-weight: bold;
}

#content .infobox a:hover {
  color: #fa0208;
  text-decoration: none;
  font-weight: bold;
}

#content li {
  list-style-image: url('../img/star.png');
  margin-top: 15px;
}

#content li.new {
  list-style-image: url('../img/star-new.png');
  margin-top: 15px;
}

#content  a {
  color: rgb(131, 6, 6);
  text-decoration: none;
}

#content  a:hover {
  color: #fa0208;
  text-decoration: none;
}


#content #news {
  background-color: #eeeeee;
  margin: 50px 0 0 0;
  padding: 10px;
}

#content #news ul { padding-left: 10px; }


#content #news li {
	list-style: none;
  /* list-style-image: url('../img/star.png'); */
  margin-bottom: 5px;
  margin-top: 20px;
}

#content #news li.attention {
	list-style: none;
  /* list-style-image: url('../img/star-attention.png'); */
  margin-bottom: 5px;
  margin-top: 20px;
}

#content #news a {
  color: #AD0000;
  text-decoration: none;
}

#content #news a:hover {
  color: #ac0003;
  text-decoration: none;
}

#content #news #newsmore {
  border-top: 2px solid #b8b6b7;
  padding: 10px 0;
  text-align: right;
  font-size: 90%;
}

#content #newslinks {
  font-size: 90%;
  text-align: right;
  padding: 10px 0;
}

#content #newslinks p{
  margin: 0;
  padding: 10px 0;
}

#gallerycontainer {
}

#gallerycontainer .abstract {
  margin: 20px 0;
}

#gallerycontainer .thumb {
  clear: both;
  border-collapse: colapse;
  width: 100%;
  margin: 0 auto;
}

#gallerycontainer .thumb td {
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 25%;
  height: 200px;
  background-color: #fff;
}

#gallerycontainer .thumb td.empty {
  border: 0;
  background-color: #fff;
}

#gallerycontainer .thumb a {
}

#gallerycontainer .thumb img {
  border: 1px solid #a7a6a6;
  padding: 8px;
  margin: 0;
}

#calendar {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  table-layout: fixed;
  border-spacing: 1px;
}

#calendar .bull {
  color: #880C25;
}

#calendar th {
  margin: 0;
  padding: 5px;
  background-color: #ddd;
  font-weight: normal;
  text-align: center;
  border: 1px solid #999;
}

#calendar td {
  border: 1px solid #999;
  background-color: #efefef;
  height: 100px;
  vertical-align: top;
  text-align: left;
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-size: 90%;
}

#calendar td.today {
  border: 1px solid #ffc0c0;
  background-color: #fff0f0;
  color: #dd0000;
}

#calendar td.empty {
  border: 1px solid #ccc;
  background-color: #fff;
}

#calendar td .day {
  margin: 0;
  padding: 5px 3px;
  font-weight: bold;
  background-color: #f9f9f9;
  text-align: right;
}

#calendar td.today .day {
  margin: 0;
  padding: 5px 3px;
  font-weight: bold;
  background-color: #fff9f9;
  text-align: right;
}

#calendar td p {
  margin: 0;
  padding: 3px;
}

table.calitems {
  border-collapse: collapse;
  width: 100%;
}

table.calitems th { 
	background: #fff;
  /* background: #fff url('../img/item-past.jpg') no-repeat scroll top center; */
  font-weight: normal;
  padding: 5px;
  padding-bottom: 15px;
  text-align: center;
  vertical-align: top;
  /* width: 300px; */
}

table.calitems th.new { 
	background: #fff;
  /* background: #fff url('../img/item-future.jpg') no-repeat scroll top center; */
  font-weight: bold;
  padding: 5px;
  padding-bottom: 15px;
  text-align: center;
  vertical-align: top;
  /* width: 150px; */
}

table.calitems td {
  padding: 5px;
  text-align: left;
  vertical-align: top;
}

.label {
	float: left;
	margin-right: 10px;
	text-align: right;
	width: 100px;
}

#logos {
	background: #fff;
	/* background: #fff url('../img/page-bg.png') repeat-y scroll bottom center; */
  margin: 0;
  padding: 15px 0; 
  font-size: 90%;
}

#logos #logo_in_logos {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

#logos::after {
  content: "";
  clear: both;
  display: table;
}

#logosprint {
  display: none;
}

#footer {
	background: #fff;
	/* background: #fff url('../img/footer-bg.png') no-repeat scroll top center; */
  margin: 0;
  margin-bottom: 100px;
  padding-top: 50px;
  padding-bottom: 0px;
  /* padding: 50px 50px 0 50px; */
  text-align: center;
  font-size: 85%;
}

#footer a:link, #footer a:visited {
  color: #666;
  text-decoration: none;
}

#footer a:hover, #footer a:active, #footer a:focus {
  color: #999;
  text-decoration: none;
}

a img {
  border: 0;
}


/* navigation menu*/
  
.menu-trigger {color:#000;font-weight:700;text-transform:uppercase;padding:10px;margin:0;cursor:pointer;}
aside{float:center; }


.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

button:hover .visually-hidden,
button:focus .visually-hidden {
	position: relative;
	margin: 0;
}
[hidden] {
	display: none;
}
button {
  background-color: white;
  border: none;
  color: #AD0000;
}
	
		

/* komputer */

@media only screen and (min-width: 901px) {
	body {width: 990px; font-size: 14px;}
	#menu { 
		display:none;
		background: #fff url('../img/page-bg.png') repeat-y scroll bottom center;
		padding-right: 45px;
		padding-left: 45px;}
  #menu #parts {height: 144px;}
  #font_selection_print {display: none;}
	#submenu { 
		display:block;
		background: #fff url('../img/page-bg.png') repeat-y scroll bottom center;
		padding-right: 45px;
		padding-left: 45px;}	
	#submenu #sobota  {
		background: #f79029 url('../img/page-bg.png') repeat-y scroll bottom center;}
	#submenu #sroda  {
		background: #c49a6c url('../img/page-bg.png') repeat-y scroll bottom center;}
	#submenu #szkola  {
		background: #9c8679 url('../img/page-bg.png') repeat-y scroll bottom center;}
	#submenu #pracownia  {
		background: #ab6eae url('../img/page-bg.png') repeat-y scroll bottom center;}
	#submenu #karuzela  {
		background: #27aae1 url('../img/page-bg.png') repeat-y scroll bottom center;}
	#submenu #letnia {
		background: #ed217c url('../img/page-bg.png') repeat-y scroll bottom center;}
	#content {
		background: #fff url('../img/page-bg.png') repeat-y scroll bottom center;
		padding: 25px 65px;}
	#logos {
		background: #fff url('../img/page-bg.png') repeat-y scroll bottom center;}
	#footer {
		background: #fff url('../img/footer-bg.png') no-repeat scroll top center;
		padding-right: 50px;
		padding-left: 50px;}
	#header {
		background: #fff url('../img/page-bg.png') repeat-y scroll bottom center;
		padding-right: 45px;
		padding-left: 60px;}
	#content .infobox {
		width: 175px;}
	table.calitems th { 
	background: #fff url('../img/item-past.jpg') no-repeat scroll top center;
	width: 300px;}
	table.calitems th.new { 
	background: #fff url('../img/item-future.jpg') no-repeat scroll top center;	width: 150px;}
	.menu-trigger {display:none;}
	aside nav {
		display:block !important; 
		background: #fff url('../img/page-bg.png') repeat-y scroll bottom center;
		padding-left:5px;
		margin-right:5px;
		margin-left:5px;
		margin-top:-15px;
		margin-bottom:-15px;
		}
	aside nav ul {list-style:none;}
	aside nav ul li {margin-bottom:1px; display:inline;}
	aside nav ul li .small {display:none;}
	aside nav ul li a .big {display:inline; width:15.4%;}
	aside nav ul li a {text-decoration:none;color:#000;background:#FFC000; display: inline;}
	aside nav ul li a:hover{background:#212121;color:#FFF; display: inline;}
}

/* tablet */

@media only screen and (min-width: 641px) and (max-width: 900px){
	body {font-size: 14px;}
  #menu { display:none;}
  #font_selection_print {display: none;}
	#submenu { display:block;}
	#header #subtitle { display:none;}
	#content {padding: 25px 20px;}
	#content .infobox {
		width: 175px;}
	#content .full { display:none;}
	.tooltip .tooltiptext {width: 400px;}
	.menu-trigger {display:none;}
	aside nav {
		display:block !important; 
		padding-left:5px;
		margin-left:-40px;
		margin-top:-15px;
		margin-bottom:-15px;
		}
	aside nav ul {list-style:none;}
	aside nav ul li {margin-bottom:1px; display:inline;}
	aside nav ul li .small {display:none;}
	aside nav ul li a .big {display:inline; width:16%;}
	aside nav ul li a {text-decoration:none;color:#000;background:#FFC000; display: inline;}
	aside nav ul li a:hover{background:#212121;color:#FFF; display: inline;}
}
 
/* telefon */
@media only screen and (max-width: 640px) {
	body {font-size: 16px;}
    #menu { display:none;}
  #submenu {display:block;}
  #font_selection_screen {display: none;}
	#slider { display:none;}
	#content .full { display:none;}
	#content .infobox { width: 40%;}
	#content #news  { font-size: 90%;}
	#content {padding: 25px 20px;}
	#header #subtitle { display:none;}
	#header #title {margin:auto; display:table;}
	#header #topmenu {display:none;}
	#calendar {display:none;}
	.tooltip .tooltiptext {width: 200px;}
	.menu-trigger {display:block;}
	aside nav {display:none;}
	aside nav ul {list-style:none; margin-left:-40px;}
	aside nav ul li .small {display:block;}
	aside nav ul li .big {display:none;}
	aside nav ul li {margin-bottom:1px;}
	aside nav ul li a {display:block; font-size:14px;font-weight:700;text-decoration:none;color:#fff;background:#333;padding:12px 10px;}
	aside nav ul li a:hover{background:#fff;color:#212121;}
}
   
/* High contrast mode */

.hc {
  background: #000 !important;
  color: rgb(255, 230, 0);
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  /* font-size: 14px; */
  margin: 0 auto;
  padding: 0;
  /* width: 990px; */
}

.hc :focus {
  outline-width: 3px;
  outline-color: rgb(255, 230, 0);
  outline-style: solid;
}

.hc a.skip-main {
  left:-999px;
  position:absolute;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
  z-index:-999;
}
.hc a.skip-main:focus, a.skip-main:active {
  outline-style: none;
  color: rgb(255, 230, 0);
  text-decoration: none;
  background-color:black;
  outline-style: solid;
  outline-color: rgb(255, 230, 0);
  left: auto;
  top: auto;
  width: auto;
  height: auto;
  overflow:auto;
  padding:5px;
  text-align:center;
  font-size: 20px;
  z-index:999;
}

.hc #header {
	background: black;
	/* background: #fff url('../img/page-bg.png') repeat-y scroll bottom center; */
  margin: 0;
  padding-top: 20px;
  padding-bottom: 10px;
  /* padding: 20px 45px 10px 60px; */
  position: relative;
  top: 0;
  left: 0;
}

.hc #header a {
  color: rgb(255, 230, 0);
  text-decoration: none;
}

.hc #header #topmenu {
  font-size: 120%;
  position: absolute;
  top: 10px;
  right: 55px;
  color: rgb(255, 230, 0);
}

.hc #submenu {
	background: black;
	/* background: #fff url('../img/page-bg.png') repeat-y scroll bottom center; */
  margin: 0;
  padding-top: 6px;
  padding-bottom: 5px;
  /* padding: 6px 45px 5px 45px; */
  font-size: 100%;
  text-align: center;
}

.hc #submenu #sobota {
  background: black;
  border: 1px solid rgb(255, 230, 0);
}

.hc #submenu #sroda {
  background: black;
  border: 1px solid rgb(255, 230, 0);
}

.hc #submenu #szkola {
  background: black;
  border: 1px solid rgb(255, 230, 0);
}

.hc #submenu #pracownia {
  background: black;
  border: 1px solid rgb(255, 230, 0);
}

.hc #submenu #karuzela {
  background: black;
  border: 1px solid rgb(255, 230, 0);
}


.hc #submenu #letnia {
  background: black;
  border: 1px solid rgb(255, 230, 0);
}

.hc #submenu a {
  color: rgb(255, 230, 0) !important;
}

.hc nav {
  background: black;
}


.hc .menu-trigger {
  color: rgb(255, 230, 0);
  background: black !important;
  border: 2px solid rgb(255, 230, 0);
  font-weight:700;
  text-transform:uppercase;
  padding:10px;
  margin:0;
  cursor:pointer;
}

.hc .small_menu a {
  background-color: black !important;
  color: rgb(255, 230, 0);
}

.hc #content {
	background: black;
	/* background: #fff url('../img/page-bg.png') repeat-y scroll bottom center; */
  margin: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  /* padding: 25px 65px; */
  font-size: 100%;
  min-height: 500px;
  color: rgb(255, 230, 0) !important;
}

.hc #content h1 {
  font-weight: normal;
  font-size: 125%;
  margin: 0;
  padding: 10px 0 5px 0;
  border-bottom: 2px solid rgb(255, 230, 0);
}

.hc #content h2 {
  font-weight: normal;
  font-size: 120%;
  margin: 0;
  padding: 10px 0 5px 0;
}

.hc #content .infobox {
  float: right;
  /* width: 175px; */
  background-color: black;
  border: solid 1px rgb(255, 230, 0);
  color:  rgb(255, 230, 0) !important;
  font-size: 90%;
  padding: 0;
  margin: 0;
}

.hc #content .infobox p {
  margin: 20px 10px 20px 10px;
  padding: 20px 0 0 0;
  border-top: 2px solid rgb(255, 230, 0);
  color:  rgb(255, 230, 0) !important;
}

.hc #content .infobox > p:first-child {
  padding: 0;
  border-top: 0;
}

.hc #content .infobox a {
  color: rgb(255, 230, 0);
  font-weight: bold;
}

.hc .infobox font {
  color:  rgb(255, 230, 0) !important;
}

.hc font {
  color:  rgb(255, 230, 0) !important;
}

.hc #content li {
  list-style-image: url('../img/star.png');
  margin-top: 15px;
}

.hc #content li.new {
  list-style-image: url('../img/star-new.png');
  margin-top: 15px;
}

.hc #content  a {
  color: rgb(255, 230, 0) !important;
  text-decoration: underline;
}

.hc #content #news {
  background-color: black;
  color: rgb(255, 230, 0) !important;
  border-top: 2px solid rgb(255, 230, 0);
  margin: 50px 0 0 0;
  padding: 10px;
}

.hc #content #news a {
  color: rgb(255, 230, 0) !important;
  text-decoration: underline;
}

.hc #content #news span {
  color: rgb(255, 230, 0) !important;
}

.hc #content #news #newsmore {
  border-top: 2px solid rgb(255, 230, 0);
  padding: 10px 0;
  text-align: right;
  font-size: 90%;
}

.hc #calendar .bull {
  color: rgb(255, 230, 0);
  font-weight: bold;
}

.hc #calendar th {
  margin: 0;
  padding: 5px;
  background-color: #000;
  font-weight: normal;
  text-align: center;
  border: 2px solid rgb(255, 230, 0);
}

.hc #calendar td {
  border: 2px solid rgb(255, 230, 0);
  background-color: black;
  height: 100px;
  vertical-align: top;
  text-align: left;
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-size: 90%;
}

.hc #calendar td.today {
  border: 1px solid black;
  background-color: black;;
  color: rgb(255, 230, 0);
  border: 2px dotted rgb(255, 230, 0);
}

.hc #calendar td.empty {
  border: 1px solid black;;
  background-color: black;;
}

.hc #calendar td .day {
  margin: 0;
  padding: 5px 3px;
  font-weight: bold;
  background-color: black;;
  text-align: right;
}

.hc #calendar td.today .day {
  margin: 0;
  padding: 5px 3px;
  font-weight: bold;
  background-color: black;;
  text-align: right;
}


.hc table.calitems th { 
	background: black;
  /* background: #fff url('../img/item-past.jpg') no-repeat scroll top center; */
  font-weight: normal;
  padding: 5px;
  padding-bottom: 15px;
  text-align: center;
  vertical-align: top;
  /* width: 300px; */
}

.hc table.calitems th.new { 
	background: black;
  /* background: #fff url('../img/item-future.jpg') no-repeat scroll top center; */
  font-weight: bold;
  padding: 5px;
  padding-bottom: 15px;
  text-align: center;
  vertical-align: top;
  /* width: 150px; */
}

.hc #logos {
	background: black;
	/* background: #fff url('../img/page-bg.png') repeat-y scroll bottom center; */
  margin: 0;
  padding: 15px 0; 
  font-size: 90%;
}

.hc #footer {
	background: black;
	/* background: #fff url('../img/footer-bg.png') no-repeat scroll top center; */
  margin: 0;
  margin-bottom: 100px;
  padding-top: 50px;
  padding-bottom: 0px;
  /* padding: 50px 50px 0 50px; */
  text-align: center;
  font-size: 85%;
  color: rgb(255, 230, 0);
}

.hc #footer a {
  color: rgb(255, 230, 0);
  text-decoration: underline;
}

.hc img {
 filter: invert(100%) sepia(100%) saturate(900%) hue-rotate(359deg) brightness(110%) contrast(110%);
} 

.hc .toggle-content {
  color: rgb(255, 230, 0);
  background: black !important;
  border: 1px dotted rgb(255, 230, 0);
}

.hc input {
  background-color: black;
  border: 1px solid rgb(255, 230, 0);
  color: rgb(255, 230, 0);
  padding: 1px 4px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.hc select{
  background-color: black;
  border: 1px solid rgb(255, 230, 0);
  color: rgb(255, 230, 0);
}

.hc .HCButton {
  background-color: white;
  color: #000 !important;
  padding-left: 4px;
  padding-right: 4px;
}

.HCButton {
  background-color: black;
  color: rgb(255, 230, 0) !important;
  padding-left: 4px;
  padding-right: 4px;
}