html {
	height: 100%;
}
/*STRONA*/
body {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: url(tlo.jpg);
	background-image: url(tlo.jpg);
	background-attachment: fixed;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
}
a img {
	border: 0;
}
/*/STRONA*/

/*RAMKA*/
#top {
	background-color: #339933;
	margin: 0 auto;
	width: 850px;
	height: 100%;
}
/*/RAMKA*/

/*WNETRZE*/
#BODY {
	background-color: ;
	background-image: url(tlosrodka.jpg); //tlo lewego menu
	text-align: left;
	margin: 0 0px;
	width: 850px;
	height: 100%;
}
/*/WNETRZE*/

/*LOGO*/
#LOGO {
	font-size: 30px;
	height: 150px;
	color: #848484;
	font-family: Verdana, Arial, Helvetica, fantasy;
	background-image: url(header1.jpg);
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 17px;
	padding-left: 0px;
	text-align: center;
	text-decoration: underline;
	font-weight: bold;
}

#LOGO a:hover {
	font-size: 30px;
	height: 150px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, fantasy;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
/*/LOGO*/

/*LINKI*/
#LINKI {
	font-size: 15px;
	height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	/* background-color: #A67D3D; */
	background-image: url(tlostopki.jpg); /* tlo gornego menu */
	border-radius: 0px 0px 15px 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-align: center;
	text-decoration: none;
}
#LINKI a:link {
	color: #000000;  /* kolor napisow menu header */
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}
#LINKI a:visited {
	color: #000000; /* kolor napisow w menu header */
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}
#LINKI a:hover {
	color: #ffffff; /* kolor napisow po najechaniu kursorem myszy */
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}
#LINKI ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#LINKI ul li {
	display: inline;
	list-style-type: none;
	margin: 0 5px;
	padding: 0;
}
/*/LINKI*/

/*MENU*/
#MENU {
	width: 200px;
	overflow: hidden;
	float: left;
}
/*NAGLOWEK MENU*/
#MENU .NAGLOWEK {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #green;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	font-weight: bold;
}
/*/NAGLOWEK MENU*/
/*ZAWARTOSC MENU*/
#MENU .ZAWARTOSC {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #green;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 15px;
	
}
#MENU .ZAWARTOSC a:link {
	color: #000000; /*kolor lewego menu*/
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}
#MENU .ZAWARTOSC a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}
#MENU .ZAWARTOSC a:hover {
	color: #ffffff; /* kolor po najechaniu kursorem na menu boczne */
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}
#MENU .ZAWARTOSC ul {
	display: block;
	list-style-type: none;
	list-style-position:inside;
	margin: 0;
	padding: 0px;
}
#MENU .ZAWARTOSC ul li {
	display: block;
	color: #ECECEC;
	list-style-type: none;
	margin:  10px 0;
	padding: 10px;
}
/*/ZAWARTOSC MENU*/
/*/MENU*/

/*TRESC*/
#TRESC {
	width: 650px;
	overflow: hidden;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
}
#TRESC .ZAWARTOSC {
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: ;
	background-image: url(tlosrodka.jpg); //tlo tresci typu aktualnosc itp
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}
#TRESC .ZAWARTOSC a:link {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
#TRESC .ZAWARTOSC a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
#TRESC .ZAWARTOSC a:hover {
	color: #ffffff;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
}
/*/TRESC*/



/*TRESC strony kandydaci*/
#TRESCk {
	width: 650px;
	overflow: hidden;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
}
#TRESCk .ZAWARTOSCk {
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	text-align: left;
	color: #000000;
	background-color: ;
	background-image: url(tlosrodka.jpg); //tlo tresci typu aktualnosc itp
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}
#TRESCk .ZAWARTOSCk a:link {
	color: #000000;
	text-decoration: none;
text-align: left;
	font-weight: normal;
	font-style: normal;
}
#TRESCk .ZAWARTOSCk a:visited {
	color: #000000;
	text-decoration: none;
text-align: left;
	font-weight: normal;
	font-style: normal;
}
#TRESCk .ZAWARTOSCk a:hover {
	color: #ffffff;
	text-decoration: underline;
text-align: left;
	font-weight: normal;
	font-style: normal;
}
/*/TRESC strony kandydaci*/


#TRESC1 {
	width: 850px;
	overflow: hidden;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	text-align: left;
}
#TRESC1 .ZAWARTOSC1 {
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: ;
	background-image: url(tlosrodka.jpg);
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}
#TRESC1 .ZAWARTOSC1 a:link {
	color: #0000FF;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
}
#TRESC1 .ZAWARTOSC1 a:visited {
	color: #800080;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
}
#TRESC1 .ZAWARTOSC1 a:hover {
	color: #FF0000;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
}

/*STOPKA*/
#STOPKA {
	font-size: 11px;
	height: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	/* background-color: #A67D3D; */
	background-image: url(tlostopki.jpg);
	border-radius: 20px 20px 0px 0px ;
  	/* bottom: 0; */
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 0px;
  	/* position: fixed; */
	text-align: cente;
	clear: both;
	width: 840px; 
	/* width: 100%; */
}
#LEWA{
	float: left;
	font-size: 12px;
        width: 70%;
	height: 50px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-top: 0px;
	padding-top: 25px;
	text-align: center;
}		         

#PRAWA {
	float: right;
	font-size: 15px;
        width: 29%;
	height: 50px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-top: 0px;
	padding-top: 25px;
	text-align: center;
}		 

#SRODEK {            
	clear:both;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	text-align: center;
}  

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

#STOPKA a:visited {
	color: #000000;
	text-decoration: underline;
}
#STOPKA a:hover {
	color: #000000;
	text-decoration: none;
}
/*/STOPKA*/

#code {
	float:right;
	background-image: url(bg.jpg);
	border-radius: 30px 30px 30px 30px;
	width: 600px;
	margin-bottom: 10px;
	
}

/*/paginacja stron*/

#PAGINACJA {
font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 900;
}

#PAGINACJA .zawartosc ul {
    display: inline-block;
    padding: 0;
    margin: 0;
font-weight: bold;
}

#PAGINACJA ul li {
    display: inline;
font-weight: 900;
}

#PAGINACJA ul li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
border-radius: 5px;
font-weight: 900;
}

#PAGINACJA ul li a.active {
    	background-image: url(tlostopki.jpg);
    color: white;
border-radius: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 900;
}

#PAGINACJA ul li a:hover:not(.active) {
     background-color: #ddd;
font-weight: 900;
}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

ul.pagination li {
display: inline;
font-weight: bold;
}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}

ul.pagination li a.active {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image: url(tlostopki.jpg);
    color: white;
    border-radius: 5px;
    font-weight: bold;

}

ul.pagination li a:hover:not(.active) {
background-color: #ddd;
font-weight: bold;
}