body {
	 width: 100%;
	 background: #fff;
	 overflow-x: hidden;
     line-height: 25px;
 }


header {
	 background: #fff;
	 width: 100%;
	 margin: 0 auto;
	 text-align: center;
	 margin-top: 25px;
	margin-bottom: -18px;
	
 }

header img { position: relative; background: #fff; padding: 0px 10px; }

#content { height: 500px; margin: 100px 0px; }

.cont-left { float: left; width: 25%; height: 100%; }
.cont-left img { height: 100%; ; float: right;  padding: 6px; border: 1px solid #78A5CE; }

.cont-center { width: 50%; background: url('../img/wybor.jpg') center no-repeat; background-size: 50% ; height: 100%; float: left; position: relative; }
.cont-center img { margin-top: 220px; }
.cont-center a:first-child { margin-left: -15%; cursor: pointer; }
.cont-center a:last-child { margin-right: -15%; float: right; cursor: pointer; }


.cont-right { float: left; width: 25%; height: 100%; }
.cont-right img { height: 100%; ; float: left;  padding: 6px; border: 1px solid #FDD978; }

footer {
	 height: 110px;
	 background: #575757;
	color: #fff;
	font-family: Verdana;
 }

footer > div { width: 990px; margin: 0px auto; }

footer .box1 {
	   width: 35%; float: left;
}

footer .box1 div, footer .box3 div { float: left; padding-top: 5px; width: 50%;}

footer h1 { border-bottom: 2px solid #797979; padding: 10px 0px; font-size: 13.5px; font-weight: normal; width: 100%; float: left;
}


footer div p { padding-top: 50px; font-size: 15px; width: 100%;}

footer .box1 h1, footer .box1 p { text-align: right;  }

footer .box2 {
	  	   width: 29%; float: left;
		text-align: center;
		padding-top: 30px;

}


footer .box3 {
	   width: 36%; float: left;
 }

.hr1 { background: #0055A5; height: 6px; border: none; width: 50%; float: left; }
.hr2 { background: #FBB901; height: 6px; border: none; width: 50%;  }

.info { background: #fff;  text-align: center; width: 100%; font-family: Open Sans; font-size: 10px; line-height: 20px; }