* {padding:0;margin:0;}

html {width:100%;height:100%;}
body {
  font-family: Sarabun;
  font-size:14px;
  line-height:1.5;
  font-weight:400;
  color:#434343;
  background:white;
}

.container {margin:0 auto;}

header {
background: #dfe3ee;
padding: 20%;
padding-top: 25px;
}
header img {
/*width:100%; */
margin-right: 10px;
}

							/*menu odpowiedzialne za 3 gorne przyiski */
menu_top {

}
menu_top ul {
display: block;
list-style: none;
margin-left: 65%;
}
menu_top a  {
display: flow-root;
font-weight: 500;
  margin-bottom: 4%;
  background: #4167B2;
  cursor: pointer;
  float: left;
  font-size: 17px;
  font-weight: normal;
  text-decoration:none;
  color: white;
  border-style: solid;
   border-width: 2px;
   border-radius: 10px;
  border-color: #4167B2;
  padding: 3%;
  width: 90%; 
  box-shadow: 5px 5px 10px #9c9ea6;
}
menu_top a:hover {
  background: #2d477a;
  border-color: #2d477a;
  transition: background 0.5s;
  font-weight: bold;
  color: white;
}
								/*koniec menu odpowiedzialne za 3 gorne przyiski */

								/*herb i napisy */
herb_napis herb img {
  max-height: 100px;
  width: auto;
  float: left;
}

herb_napis {
position: absolute;
}

herb_napis napis h1 {
  margin: 19px 8px;
  font-size: 26px;
  font-weight: 300;
}

herb_napis napis h1 sub {
margin-left: 10px;
display: block;
font-weight: 700;
}

								/*koniec herb i napisy */


								/*lista zblizajacych sie posiedzen */
aside nadchodzace_posiedzenia ul {
list-style:none;
}

aside nadchodzace_posiedzenia ul li {
margin-bottom:1px;
}

aside nadchodzace_posiedzenia ul li a {
display:block;
text-decoration:none;
color:#000;
background: #dfe3ee;
padding:8px 20px;
font-size: 11px;
}

aside nadchodzace_posiedzenia ul li a p {
  font-size: 13px;
}

aside nadchodzace_posiedzenia ul li a:hover{
  background: #2d477a;
  border-color: #2d477a;
  transition: background 0.5s;
  /*font-weight: bold;*/
  color: white;
  font-size: 11px;
}

aside nadchodzace_posiedzenia img {
margin-right: 10px;

}


							/* koniec listy zblizajacych sie posiedzen */

aside {
float:left;
margin:0 0 25px;
}
							/* lista posiedzen archiwalnych */
aside posiedzenia_archiwalne ul {
list-style:none;
}

aside posiedzenia_archiwalne ul li {
margin-bottom:1px;
}

aside posiedzenia_archiwalne ul li a {
display:block;
text-decoration:none;
color:#000;
background: #dfe3ee;
padding:8px 20px;
font-size: 11px;
}

aside posiedzenia_archiwalne ul li a p {
  font-size: 13px;
}

aside posiedzenia_archiwalne ul li a:hover{
  background: #2d477a;
  border-color: #2d477a;
  transition: background 0.5s;
  /*font-weight: bold;*/
  color: white;
  font-size: 11px;
}

aside posiedzenia_archiwalne img {
    margin-right: 10px;
}
								/* koniec lista posiedzen archiwalnych */

#main {
float:right;
margin:0 0 25px;
}

							/*lista radnych */
radni table {
list-style:none;
background-color: #4167B2;
border-style: solid;
   border-width: 2px;
   border-radius: 10px;
  border-color: #4167B2;
padding: 2%;
width: -moz-available;
box-shadow: 5px 5px 10px #9c9ea6;
width: 100%;
}

.foto img {
width: 50px;
border-color: #4167B2;
border-style: solid;
   border-width: 2px;
   border-radius: 10px;
border-color: white;
}

radni table tr td.foto {
  border-style: none;
  width: 50px;
}


radni table tr td.kontakt {
  border-color: #4167B2;
  cursor: pointer;
}

radni table tr td.kontakt img {
  margin-left: 10px;
}

radni table tr td {
border-style: solid;
   border-width: 0 0 1px 0;
  border-color: white;
}

radni table tr {
margin-bottom:1px;
border-bottom: white;
border-style: solid;
border-width: 0 0 1px 0;
}


radni table tr td a {
display:block;
text-decoration:none;
color: white;
background: #4167B2;
padding:8px 20px;
font-size: 17px;
margin-right: 2px;
}

radni table tr td img{

}

radni ul li a p {
  font-size: 13px;
}

radni table tr td a:hover{
  background: #2d477a;  
  border-style: solid;
   border-width: 2px;
   border-radius: 5px;
  border-color: #2d477a;
  transition: background 0.5s;
  color: white;
  font-size: 17px;
}

radni img {
margin-right: 10px;
}
							/*koniec listy radnych*/
							/*lista komisji */
lista_komisji table {
list-style:none;
border-style: solid;
   border-width: 2px;
   border-radius: 10px;
  border-color: #4167B2;
background-color: #4167B2;
padding: 2%;
box-shadow: 5px 5px 10px #9c9ea6;
width: 100%;
}

lista_komisji table tr td {
  margin-bottom:1px;
  border-bottom: white;
  border-style: solid;
   border-width: 0 0 1px 0;
  padding-bottom: 7px;
  padding-top: 2px;
}

lista_komisji table tr td a {
display:block;
text-decoration:none;
color: white;
background: #4167B2;
padding:8px 20px;
font-size: 17px;
}

lista_komisji table tr td a p {
  font-size: 13px;
}

lista_komisji table tr td a:hover{
  background: #2d477a;
  border-color: #2d477a;
  border-style: solid;
   border-width: 2px;
   border-radius: 5px;
  transition: background 0.5s;
  color: white;
  font-size: 17px;
}

lista_komisji img {
margin-right: 10px;
}

							/*koniec listy komisji */

footer {
clear:both;
color: black;
background:#dfe3ee;;
padding:15px 0 15px 30px;
margin:0 0 25px;
}


footer p {
margin: 10px;
float: right;
font-size: 12px;
}

/*inne */
.nazwa_posiedzenia {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}


@media (min-width: 1100px) {

	.container {width:1050px;}
	aside {width:55%;}
	#main {width:43%;}

}
@media (max-width: 1100px) and (min-width: 1000px) {

	.container {width:950px;}
	aside {width:30%;}
	#main {width:65%;}
footer p {
float: right;
font-size: 5px;
}
}
@media (max-width: 1000px) and (min-width: 800px) {

herb_napis napis h1 sub {
    margin-left: 10px;
    display: flow-root;
    font-weight: 700;
}

menu_top ul {
    display: flow-root;
    list-style: none;
    margin-left: 0%;
    margin-top: 25px;
}

herb_napis napis h1 {
    margin: 19px 8px;
    font-size: 15px;
    font-weight: 300;
}

herb_napis {
position:unset;
}

header {
    background: #dfe3ee;
    padding: 20%;
        padding-top: 20%;
        padding-bottom: 20%;
    padding-top: 25px;
    padding-bottom: 30px;
}

footer {
    clear: both;
    color: black;
    background: #dfe3ee;
    padding: 4px;
    margin: 0 0 38px;
    text-align: center;
}

footer p {
   display: none;
}

	.container {width:750px;}
	aside {width:30%;}
	#main {width:65%;}

}
@media (max-width: 800px) and (min-width: 500px) {

herb_napis napis h1 sub {
    margin-left: 10px;
    display: flow-root;
    font-weight: 700;
}

menu_top ul {
    display: flow-root;
    list-style: none;
    margin-left: 0%;
    margin-top: 25px;
}

herb_napis napis h1 {
    margin: 19px 8px;
    font-size: 15px;
    font-weight: 300;
}

herb_napis {
position:unset;
}

header {
    background: #dfe3ee;
    padding: 20%;
        padding-top: 20%;
        padding-bottom: 20%;
    padding-top: 25px;
    padding-bottom: 30px;
}

footer {
    clear: both;
    color: black;
    background: #dfe3ee;
    padding: 4px;
    margin: 0 0 38px;
    text-align: center;
}

footer p {
   display: none;
}
	.container {width:450px;}
	aside,
	#main {width:100%;}

}


/* obsługa rozdzileczosci ponizej szerokości 500px */

@media (max-width: 500px) {


herb_napis napis h1 sub {
    margin-left: 10px;
    display: flow-root;
    font-weight: 700;
}

menu_top ul {
    display: flow-root;
    list-style: none;
    margin-left: 0%;
    margin-top: 25px;
}

herb_napis napis h1 {
    margin: 19px 8px;
    font-size: 15px;
    font-weight: 300;
}

herb_napis {
position:unset;
}

header {
    background: #dfe3ee;
    padding: 20%;
        padding-top: 20%;
        padding-bottom: 20%;
    padding-top: 25px;
    padding-bottom: 30px;
}

footer {
    clear: both;
    color: black;
    background: #dfe3ee;
    padding: 4px;
    margin: 0 0 38px;
    text-align: center;
}

footer p {
   display: none;
}

	.container {width:90%;}
	aside,
	#main {width:100%;}


}