@charset "UTF-8";
/* SELEKTORY: */

html, body {
    background-color: #ffffff;
    color: #003868;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /* font-size: 12pt; */
    font-size: 14px;
    text-align: left;
}

html {
	position:relative;
	min-height: 100%;
}

body {
	margin-bottom: 100px;
}


table {
    margin: auto;
    width: 95%;
    border: 3px solid #4d90fe;
    padding: 10px;
    /* background-color: #4d90fe; */
}

tr:hover {background-color: #f5f5f5}

#TOP_BAR {
    width: 100%;
    height: 70px;
    overflow: hidden;
    clear: both;
    font-size: 8pt;
}

#MENU {
    display: block;
    margin: 12px 10%;
    padding: 0;
    text-align: center;
    height: 55px;
}

ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul li {
	float: left;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: transparent #25b #25b #9ce;
}

ul a:link, ul a:visited {
	text-decoration: none;
	display: block;
	width: 115px;
	height: 35px;
	text-align: center;
	padding: 5px 0;
	font-weight: bold;
	background-color: #27c;
	color: #def;
	border-top: 10px solid #25b;
}

ul a:hover {
	background-color: #28e;
	color: #fff;
	border-top: 20px solid #26d;
}

#NAGLOWEK {
  display: block;
	color: white;
  background-color: #4d90fe;
  width: 100%;
	height: 20px;
  margin: 0%;
  padding: 5px 0;
  text-align: center; 
  vertical-align: bottom;
  font-size: 12pt;
  overflow: hidden;
}

#INFORMACJE {
    border: 3px solid #4d90fe;
    overflow: hidden;
    background-color: #0ff;
    margin: 12px 10%;
}

#TRESC {
    /* float: left; */    
    width: 80%;
    margin: 12px 10%;
/*    overflow: hidden; */
    background-color: #fff;    
    /*margin: 2%; */
/*    min-height: 70%;
    height: 70%;
	height: auto !important;
	margin-bottom: -100px; */
}

#STOPKA {
    background-color: #485054;    
	position: absolute;
    left: 0;
	bottom: 0;
	height: 100px;
	width: 100%;
/*	clear:both;  
    overflow:auto; */
/* margin: 0px 0px; */

}

#KOLUMNY {
	column-width: 50%;
}

footer div {
/*	 float: left;	 
	 padding: 50px 20% 20px 20%; */
/*	 position: absolute;
	 transform: translate(50%, 50%); */
}

footer p {
	color: white;
}

.blue_shape_left {
	float: left;
   /* left: 0%; */
}

.blue_shape_right {
	float: right;
    /* right: 0%; */
}


.centered {
  position: fixed;
/*  top: 50%; */
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, 90%);
}

#center {
	text-align: center;
	vertical-align: middle;
}