body {height: 100%; padding:0px; margin:0px;  font-family: 'Fira Sans', sans-serif; text-decoration:none; font-size:16px; color:#777; background: #fff}

.clear {width:100%;
	overflow:hidden;
	display:block;
	clear:none;
	height:1px;}

header {
	z-index:100;
	background:#fff;
	padding:1% 5% 1% 5%;
	overflow:hidden;
	display:block;
}

img#center {width:100%; display: block; margin: 0 auto;}


header a {text-align:left} 

.head_left img {margin: 10px 0px 10px 0px; height:60px; padding-top:0px; padding-left:20px}

header h1 {
color:#001d77;
font-size:40px;
float:right;
line-height:40px;
padding:0px 20px 0px 0px 
}

.head_left {
	width:50%;
	float:left;
	overflow:hidden;
	display:block;
}





/*----WCAG----*/

.wcg {width:50%;
	float:left;
	overflow:hidden;
	display:block;
	text-align:right; margin-top:2%}

.wcg img {width:25px; height:25px; background:#fff; border-radius:50%; border:0px; margin-right:10px }

.wcg button {border:0px; background:transparent; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px}



#site-navigation {
  display: block;
  float:right;
  margin-right:1%;
}
 
#site-navigation #main-menu,
#site-navigation > input {
  display: none;
}
 
#site-navigation > label {
  display: block;
  font-size: 36px;
  color: #001d77;
  position: absolute;
  right: 5px;
  top:2%;
  width: 36px;
  padding: 0;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
 
#site-navigation > input:checked + #main-menu {
  display: block;
  clear: both;
  top: 25px;
  position: absolute;
  background: #001d77;
  color: #fff;
  right:0px;
  z-index:20000;
  width:130px
}
 
#site-navigation ul li {
  display: block;
  padding: 10px 8px;
}
 
#site-navigation a {
  text-decoration: none;
  color: #fff;
  text-shadow:1px  1px  #001d77;
}

#site-navigation a:hover, #site-navigation a#active {
  text-decoration: none;
  color: #fff;
  border-bottom:1px dashed #5da8da
}


.top {
background: #001d77 url("img/header.png") no-repeat  bottom right ;
display:block;
overflow:hidden;
clear:none;
}

.topmenu {
display:block;
overflow:hidden;
clear:none;
padding-right:5%}

.topname {
display:block;
overflow:hidden;
clear:none;
padding:1% 5% 5% 5%;
overflow: hidden;
position:relative
}

.topname h1 {
	color:#fff;
	font-size:30px;
	padding:0px 0px 10px 20px ;
	margin:0px 0px 0px 0px 
}

.topname h2 {
	color:#fff;
	font-size:20px;
	padding:0px 0px 0px 20px ;
	margin:0px 0px 0px 0px 
}

.topname img {padding:4% 7% 0% 20px}


/*---section--*/

section {
	padding:1% 5% 1% 5%;
	overflow:hidden;
	display:block;
}

section a {color:#001d77; text-decoration:none}
section a:hover {color:#66b68e; text-decoration:none}

section h1 {
color:#001d77 ;
font-size:40px;
line-height:40px;
padding:0px 0px 0px 0px 
}


section h2 {
color:#001d77;
font-size:20px;
line-height:20px;
padding:0px 10px 0px 0px 
}

section h3 {
color:#001d77;
font-size:17px;
line-height:17px;
padding:0px 10px 0px 0px 
}



/*---start--*/

ul#start_daty  {
  list-style-type: none;
 padding-left:15px;
margin-left:10px;
 border-left:4px solid #001d77;
}

#start_daty  span {
display:block;
color:#001d77;
font-size:19px;
line-height:22px;
padding:-5px 10px 0px 0px;
font-weight:bold
}

#start_daty li {
	margin:20px 0 20px 0; 
	padding-left:15px;
	list-style-type: square;
 list-style-image: url('img/dot.png');
	}
	
	

#start_daty li:nth-child(1)  {list-style-image: url('img/dot.png');}
#start_daty li:nth-child(1), #start_daty li:nth-child(1) span{color:#001d77}
		

#start_daty li:nth-child(2)  {list-style-image: url('img/dot.png');}
#start_daty li:nth-child(2), #start_daty li:nth-child(2) span{color:#001d77}


#start_daty li:nth-child(3)  {list-style-image: url('img/dot.png');}
#start_daty li:nth-child(3), #start_daty li:nth-child(3) span{color:#001d77}

#start_daty li:nth-child(4)  {list-style-image: url('img/dot.png');}
#start_daty li:nth-child(4), #start_daty li:nth-child(4) span{color:#001d77}

#start_daty li:nth-child(5)  {list-style-image: url('img/dot.png');}
#start_daty li:nth-child(5), #start_daty li:nth-child(5) span{color:#001d77}

#start_daty li:nth-child(6)  {list-style-image: url('img/dotc.png');}
#start_daty li:nth-child(6), #start_daty li:nth-child(6) span{color:#df796c}


.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 20px;
  background-color: #fff;
  padding: 20px;
  
  
  display: -ms-grid;
  -ms-grid-columns: 32% 20px 32% 20px 32%;
  -ms-grid-rows: 220px 20px 490px 20px 250px 20px 290px 20px;
}


.grid-container > div {
  background-color: #f9f9f9;
  -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.grid-container > div:hover {
  background: #e6e6e6  ;
    -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;

}

.item1, .item2, .item3, .item4, .item5, .item6, .item7, .item8, .item9, .item10, .item11, .item12 .item13 .item14 .item15 .item16 .item17{display: table; width:100%; height:100%}
.itemblok {display: table-cell; vertical-align: middle;  padding: 20px 20px;}

.grid-container > div h2 {color: #001d77; font-size:20px; line-height:25px; padding:0px 0px 0px 0px; margin:15px 0px 15px 0px}
.grid-container > div h2.center {text-align:center}
.grid-container > div h1.center {text-align:center}
.grid-container > div h3.center {text-align:center}
.item1 {
  grid-row-start: 1;
  grid-row-end: 3;
}



.item1  {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
    -ms-grid-row-span: 3
  
}


.item2 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
 
}

.item3 {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
 
}


.item4 {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
 
}


.item5 {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
 
}


.item6 {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
 
}

.item7 {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
 
}

.item8 {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
 
}

.item9 {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
 
}

.item10 {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
 
}


.item11 {
  -ms-grid-row: 7;
  -ms-grid-column: 5;
 
}
.item12 {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
 
}

.item13 {
  -ms-grid-row: 9;
  -ms-grid-column: 3;
 
}


.item14 {
  -ms-grid-row: 9;
  -ms-grid-column: 5;
 
}



.grid-container img {width:70%; display: block; margin: 0 auto;}

.grid-container .item9 img, .grid-container .item10 img, .grid-container .item11 img {width:100%!important}

.grid-container .item12 img, .grid-container .item13 img, .grid-container .item14 img {width:100%!important}

/*---grid contact--*/

.grid-contact {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-gap: 20px;
  background-color: #fff;
  padding: 20px;
  
   display: -ms-grid;
  -ms-grid-columns: 24% 20px 24% 20px 24% 20px 24% 20px;
  -ms-grid-rows: auto 20px auto 20px auto 20px auto 20px;
}


.grid-contact > div {
  background-color: #f9f9f9;
  padding: 20px 20px;
  -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;

}



.grid-contact > div:hover {
  background: #e6e6e6  ;
    -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;

}

.grid-contact> div h2 {color: #001d77; font-size:20px; line-height:25px; padding:0px 0px 0px 0px; margin:15px 0px 15px 0px; text-align:center}

.grid-contact iframe {margin:20px 0px 20px 0px}


.grid-contact ul  {  
list-style-type: none;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px
 }
 
 .grid-contact ul li ul li{  
 margin: 0px 0px 0px 20px;
 }
 
 .grid-contact strong {font-weight:normal; color:#191919}
 
 
 .itemc1  {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  
}


.itemc2 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
 
}

.itemc3 {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
 
}


.itemc4 {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
 
}


.itemc5 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
 
}


.itemc6 {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
 
}

.itemc7 {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
 
}

.itemc8 {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
 
}

.itemc9 {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
 
}

.itemc10 {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
 
}


.itemc11 {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
 
}

.itemc12 {
  -ms-grid-row: 5;
  -ms-grid-column: 7;
 
}

.itemc13 {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
 
}

.itemc14 {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
 
}


.itemc15 {
  -ms-grid-row: 7;
  -ms-grid-column: 5;
 
}

.itemc16 {
  -ms-grid-row: 7;
  -ms-grid-column: 7;
 
}


/*----block left right--*/

.blockleft {
	width:70%;
	float:left;
	overflow:hidden;
	display:block;
}

.blockright{
	width:30%;
	float:left;
	overflow:hidden;
	display:block;
	padding-top:20px
}

.blockleftOS {
	width:50%;
	float:left;
	overflow:hidden;
	display:block;
	padding-right:2%;
}

.blockrightOS{
	width:48%;
	float:left;
	overflow:hidden;
	display:block;
}



.blockwhite {background:#fff; padding:20px 20px}
.blockwhite h1 {margin-top:0px}

/*---article--*/

article {display:block;
	overflow:hidden;
	  background-color: #f9f9f9;
  padding: 20px 20px;
  margin-bottom:20px; 
  position:relative
}

article img {width:100%; 
margin: auto 0;
z-index:1}

article h1 {font-size:20px; line-height:23px; color:#001d77; padding:0px 0px 0px 0px; margin:15px 0px 15px 0px}
article h2.data {
	font-size:12px; 
	line-height:12px; 
	text-align:right; 
	font-weight:normal; 
	padding:0px 0px 0px 0px; 
	margin:0px 0px 5px 0px;
	position:absolute;
	top:30px; 
	right:20px;
	z-index:100;
	color:#001d77;
	padding:3px 3px 3px 3px;
	background: #fff}
	
	
article ul li {
 margin: 0px -10px 0px 0px;
 padding: 0px 0px 0px 0px;}

	
/*-----kalendarium----*/


.month {
    text-align: center;
	
}


.weekdays {
    margin: 0;
    padding: 10px 0;
    background-color: #f4f4f4;
}

.weekdays li {
    display: inline-block;
    width: 13.6%;
    text-align: center;
}

.days {
    padding: 10px 0;
    background: #f9f9f9;
    margin: 0;
}

.days li {
    list-style-type: none;
    display: inline-block;
    width: 13.6%;
    text-align: center;
    margin-bottom: 15px;
}

.days li .activer {
    color: #fff!important;
	font-weight:bold;
	font-size:18px;
	background:#df796c ;
	padding:5px 7px;
	border-radius:50%
}

#pazdziernik .days li .activer {
    color: #fff!important;
	font-weight:bold;
	font-size:18px;
	background:#df796c ;
	padding:5px 12px;
	border-radius:50%
}

#pazdziernik .days li .activer2 {
    color: #fff!important;
	font-weight:bold;
	font-size:18px;
	background:#df796c ;
	padding:5px 7px;
	border-radius:50%
}


#listopad .days li .actives {
	color: #fff!important;
	font-weight:bold;
	font-size:18px;
	background:#f3bc33 ;
	padding:5px 12px;
	border-radius:50%
}


#listopad .days li .activer {
    color: #fff!important;
	font-weight:bold;
	font-size:18px;
	background:#df796c ;
	padding:5px 12px;
	border-radius:50%
}
	
	
#grudzien .days li .activeo {
	color: #fff!important;
	font-weight:bold;
	font-size:18px;
	background:#66b68e ;
	padding:5px 12px;
	border-radius:50%
}


#luty .days li .activec1 {
	color: #fff!important;
	font-weight:bold;
	font-size:18px;
	background:#66afdf ;
	padding:5px 7px;
	border-radius:50%
}



#marzec .days li .activec2 {
	color: #fff!important;
	font-weight:bold;
	font-size:18px;
	background:#001d77 ;
	padding:5px 7px;
	border-radius:50%
}


.col-container {
    display: table;
    width: 100%;
}



.col-container {display: table; width:100%; height:180px; padding:0px 0px 0px 0px; margin:0px 0px 50px 0px}
.col, .col2 {display: table-cell; vertical-align: middle;  height:100%; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px}

.col {width:40%}

/*----logowanie---*/

.buttonleft {
	width:46%;
	float:left;
	overflow:hidden;
	display:block;
	text-align:center;
	clear:none;
	margin:0px 1% 20px 1%;
	padding:1% 1% 1% 1%;
}

.buttonright {
	width:46%;
	float:left;
	overflow:hidden;
	display:block;
	text-align:center;
	clear:none;
	margin:0px 1% 20px 1%;
	padding:1% 1% 1% 1%;
}


.buttonleft, .buttonright  {text-align:left}

.buttonleft a, .buttonright a { 
text-align:center;
display: block; 
margin: 10px auto 30px auto;
padding:20px 0px 20px 0px;
color:#fff;
background:#001d77;
font-size:20px;
width:80%
}

.buttonleft a:hover, .buttonright a:hover { 
display: block; 
width:80%;
padding:20px 0px 20px 0px;
color:#fff;
background:#66b68e}

/*--- ZAWODY----*/
/*--- zawody szkolne---*/

ul#zawody_szkolne {
  list-style-type: none;
 margin: 0px 0px 0px 0px;
 padding: 20px 20px 20px 20px;

}

ul#zawody_szkolne a{color:#aaa}

ul#zawody_szkolne li  {
	padding: 10px 0px 10px 55px;  margin-bottom:10px; 
}color:#ccc

	ul#zawody_szkolne li:nth-child(1) {background: url("img/ikonka_kalendarz_4.png") no-repeat  center left ; background-size:40px; }
	ul#zawody_szkolne li:nth-child(2) {background: url("img/ikonka_uczestnicy.png") no-repeat  center left; background-size:40px; }
	ul#zawody_szkolne li:nth-child(3) {background: url("img/ikonka_zegar.png") no-repeat  center left; background-size:40px; }
	ul#zawody_szkolne li:nth-child(4) {background: url("img/ikonka_informacja.png") no-repeat  center left; background-size:40px; }
	ul#zawody_szkolne li:nth-child(5) {background: url("img/ikonka_alert.png") no-repeat  center left; background-size:40px;}
	ul#zawody_szkolne li:nth-child(6) {background: url("img/ikonka_malpa.png") no-repeat  center left; background-size:40px;}
	ul#zawody_szkolne li:nth-child(7) {background: url("img/ikonka_list.png") no-repeat  center left; background-size:40px;}
	ul#zawody_szkolne li:nth-child(8) {background: url("img/ikonka_pin.png") no-repeat  center left; background-size:40px;}


/*--- zawody okregowe---*/

ul#zawody_okregowe {
  list-style-type: none;
 margin: 0px 0px 0px 0px;
 padding: 20px 20px 20px 20px;

}
ul#zawody_okregowe a{color:#aaa}

ul#zawody_okregowe  li  {
	padding: 10px 0px 10px 55px;  margin-bottom:10px; 
}

	ul#zawody_okregowe li:nth-child(1) {background: url("img/ikonka_kalendarz_4.png") no-repeat  center left ; background-size:40px; }
	ul#zawody_okregowe li:nth-child(2) {background: url("img/ikonka_zegar.png") no-repeat  center left; background-size:40px; }
	ul#zawody_okregowe li:nth-child(3) {background: url("img/ikonka_uczestnicy.png") no-repeat  center left; background-size:40px; }
	ul#zawody_okregowe li:nth-child(4) {background: url("img/ikonka_test.png") no-repeat  center left; background-size:40px;}
	ul#zawody_okregowe li:nth-child(5) {background: url("img/ikonka_informacja.png") no-repeat  center left; background-size:40px;}
	ul#zawody_okregowe li:nth-child(6) {background: url("img/ikonka_pin.png") no-repeat  center left; background-size:40px; }
	ul#zawody_okregowe li:nth-child(7) {background: url("img/ikonka_harmonogram.png") no-repeat  center left; background-size:40px; }

	
	
	/*--- zawody centralne1---*/

ul#zawody_centralne1 {
  list-style-type: none;
 margin: 0px 0px 0px 0px;
 padding: 20px 20px 20px 20px;
 
}

ul#zawody_centralne1 a {color:#aaa}


ul#zawody_centralne1  li  {
	padding: 10px 0px 10px 55px;  margin-bottom:10px; 
}

	ul#zawody_centralne1 li:nth-child(1) {background: url("img/ikonka_kalendarz_4.png") no-repeat  center left ; background-size:40px; }
	ul#zawody_centralne1 li:nth-child(2) {background: url("img/ikonka_zegar.png") no-repeat  center left; background-size:40px; }
	ul#zawody_centralne1 li:nth-child(3) {background: url("img/ikonka_uczestnicy.png") no-repeat  center left; background-size:40px; }
	ul#zawody_centralne1 li:nth-child(4) {background: url("img/ikonka_pin.png") no-repeat  center left; background-size:40px;}
	ul#zawody_centralne1 li:nth-child(5) {background: url("img/ikonka_kasa.png") no-repeat  center left; background-size:40px;}
	ul#zawody_centralne1 li:nth-child(6) {background: url("img/ikonka_star.png") no-repeat  center left; background-size:40px;}

		
		
	

ul#zawody_centralne2 {
  list-style-type: none;
 margin: 0px 0px 0px 0px;
 padding: 20px 20px 20px 20px;
}


ul#zawody_centralne2 li  {
	padding: 10px 0px 10px 55px;  margin-bottom:10px; 
}

	ul#zawody_centralne2 li:nth-child(1) {background: url("img/ikonka_kalendarz_4.png") no-repeat  center left ; background-size:40px; }
	ul#zawody_centralne2 li:nth-child(2) {background: url("img/ikonka_uczestnicy.png") no-repeat  center left; background-size:40px; }
	ul#zawody_centralne2 li:nth-child(3) {background: url("img/ikonka_kasa.png") no-repeat  center left; background-size:40px;}
	ul#zawody_centralne2 li:nth-child(4) {background: url("img/ikonka_harmonogram.png") no-repeat  center left; background-size:40px; }


		
		



/*----nagrody---*/

#uczelnie {border:1px solid #f9f9f9; background:#fff; width:100%; margin:auto}
  #uczelnie td {padding:15px;}
  #uczelnie tr:nth-child(2n-1) td {}
  #uczelnie tr:first-child td{background:#001d77!important; color:#fff }
  
  #uczelnie td  {border-bottom:1px solid #f9f9f9}
  #uczelnie tr:first-child td,  #uczelnie tr:last-child td {border-bottom:0px }

#uczelnie td img {width: 100px; padding-bottom:20px}



/*----mecenasi---*/

#mecenasi {border:0px; width:100%; margin:auto}
  #mecenasi td {padding:15px; border:0px; text-align:center; vertical-align: text-bottom}


#mecenasi td img {width: 180px;  display:block; clear:none; margin: 5px auto 20px auto;}



/*----olimpiada regulamin---*/

ul#olimpiada_info {  
list-style-type: none;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 }
 
ul#olimpiada_info li  span {color:#001d77; font-weight:bold}
ul#olimpiada_info li  {padding:10px 30px 10px 30px; margin-bottom:10px;}


 

ul#olimpiada_regulaminy {
  list-style-type: none;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
ul#olimpiada_regulaminy li  {
	padding: 10px 10px; background:#f9f9f9; margin-bottom:10px; font-size:14px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

ul#olimpiada_regulaminy li:hover  {
	padding: 10px 10px; background:#001d77; margin-bottom:10px; font-size:14px; color:#fff;
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
	}



ul#olimpiada_regulaminy img {width:30px; margin-right:5px; vertical-align: middle}






#org {border:0px; width:auto;  margin: 0 auto; padding:0px 0px 0px 0px; }

  #org tr:nth-child(1) td:nth-child(2){background:#f9f9f9; padding:20px 10px 20px 10px}
  
  #org tr:nth-child(2) td {line-height:40px; border-bottom:4px solid #f9f9f9; text-align:center; }
  #org tr:nth-child(2) td:first-child, #org tr:nth-child(2) td:last-child {border-bottom:0px }
  #org tr:nth-child(2) td:nth-child(4) {border-right:2px solid #f9f9f9;}
   #org tr:nth-child(2) td:nth-child(5) {border-left:2px solid #f9f9f9;}
  
  #org tr:nth-child(3) td {line-height:40px;  text-align:center; color:#f9f9f9; }
     #org tr:nth-child(3) td:nth-child(2) {border-left:4px solid #f9f9f9;}
  #org tr:nth-child(3) td:nth-child(4) {border-left:4px solid #f9f9f9;}
  #org tr:nth-child(3) td:nth-child(7), #org tr:nth-child(3) td:nth-child(5)  {border-right:4px solid #f9f9f9;}
  

  
  #org tr:nth-child(4) td {background:#f9f9f9; border-left:4px solid #fff; border-right:4px solid #f9f9f9; width:25%; padding:20px 10px 20px 10px}
  
  #org tr:nth-child(4) td:last-child {  border-right:0px }
  
  #org tr td { vertical-align: top}
  
  #org tr td p {color:#001d77; font-weight:bold}
  
  #org span {font-size:10px; display:block}
  
  #org li {margin:5px 0px 5px 0px}
	
  
  
  
 /*---footer--*/

footer {
	background: #001d77 url("img/foot.png") repeat-x  top center ;
	padding: 160 5% 2% 5%;
	text-align:center;
	color:#fff;
	margin-top:30px
}

footer a {color:#66b68e; text-decoration:none}
footer a:hover {color:#fff; text-decoration:none}

footer img {width:20px; text-align:left; margin: 0px 5px -4px 5px}


  
/******RWD***/

@media only screen and (min-device-width: 1281px) {
#site-navigation a {
font-size:22px
}
}

  
@media only screen and (min-device-width: 1000px) {
  #site-navigation {
    height: auto;
  }
  #site-navigation #main-menu {
    display: block;
  }
  #site-navigation > label {
    display: none
  }
  #site-navigation ul li {
    display: inline-block;
  }
    
}




@media only screen and (min-device-width: 901px) {
  .blockleft20{padding: 20px 20px}
  
   ul#procedura_awaryjna li{
height:250px
}
}

@media only screen and (max-width: 999px) {
header {text-align:left!important}
.head_left img  {height:70px;}
header a {text-align:center} 

header h1 {text-align:cener;
font-size:30px;
float:none;
line-height:20px;
padding:0px 0px 0px 0px 
}

.top {padding:10px 0px; background-size: 50%}


.head_left {width:70%;}

.wcg {width:30%;
text-align:left; margin-top:8%
}

.wcg img {width:15px; height:15px; background:#fff; border-radius:50%; border:0px; }


.blockleft {width:100%;
clear:none}

.blockright{width:100%;
clear:none}

.grid-container {
  display: grid;
  grid-template-columns: auto;
  grid-gap: 10px;
  padding: 15px 0px 15px 0px ;
}

.grid-container div {margin-bottom:20px}

.blockright{padding-top:0px}


.grid-contact {
grid-template-columns: auto}

 footer span {display:block;}
 footer {padding: 160 1% 2% 1%;}
 


}



@media only screen and (max-width: 680px) {
header {text-align:center!important}
.head_left img {height:50px; }
header a {text-align:center} 
header h1 {display:none}

.head_left {
width:100%;
float:left;
overflow:hidden;
display:block;
text-align:center
}


.wcg {
width:100%;
float:left;
overflow:hidden;
display:block;
text-align:center; margin-top:30px; margin-bottom:20px
}

.wcg img {width:20px; height:20px; background:#fff; border-radius:50%; border:0px; }


.buttonleft, .buttonright {
	width:100%;
	margin-bottom:10px
}

.top {background-size: 50%}

.topname {padding:1% 2% 5% 2%;}
.topname img {padding:4% 0% 0% 5%; height:60px}

.topname h1 {font-size:20px}
.topname h2 {font-size:16px}
.grid-container {grid-template-columns: auto ;}



.col-container {display: block; width:100%; height:auto; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px}
.col, .col2 {display: block; vertical-align: middle;  height:auto; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; overflow:hidden; clear:none}
.col {width:100%}


.blockleftOS {clear:none; width:100%}

.blockrightOS {clear:none; width:100%}

.weekdays li {
    width: 13.0%;

}
.days li {
    width: 13.0%;
    text-align: center;
    margin-bottom: 15px;
}


}



@media only screen and (max-width: 500px) {
	
	#org tr:nth-child(2) td {display:none}
	#org tr:nth-child(3) td {display:none}
	#org tr:nth-child(1) td:nth-child(1) {display:none}
	#org tr:nth-child(1) td:nth-child(3) {display:none}
	#org tr:nth-child(4) td {width:90%; display:inline-block; clear:none; margin: 0 auto;margin-bottom:5px;}
	#org tr:nth-child(1) td:nth-child(2){width:90%; display:inline-block; clear:none; margin: 0 auto; margin-bottom:5px;}
	
	#uczelnie tr:nth-child(1) td:nth-child(3), #uczelnie tr:nth-child(1) td:nth-child(4) {display:none}
	#uczelnie tr td:nth-child(3), #uczelnie tr td:nth-child(4)  {display:none}
	#uczelnie td img {width:80%}
	#uczelnie {width:100%}
	#uczelnie td {width:50%}
	

	#mecenasi td img {width:80%}
	#mecenasi {width:100%}
	#mecenasi td {width:90%; display:inline-block; clear:none; }
	#mecenasi td img {width: 100%; }
	
}