html {
  height: 100%;
  margin-bottom: 0px;
  
}

form {
  margin: 0;
  padding: 0;
}

img,table {
	border: none;
}

body {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #000;
	/*background: #cfcfcf;*/
}

a {
  color: #000;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

a:visited {
  color: #000;
}

a:active {
  color: #000;
}

#container {
  text-align: center;
	margin: 0 auto;
	width: 100%;
}

#page_bg {
	padding: 0;
}


div.center {
	text-align: center;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}



div#wrapper {
	margin: 0 auto;
	width: 860px;
	text-align: left;
	height: 100%;
}

#area {
	padding: 0;
	margin: 0 auto;
	width: 860px;
}

/* Nagłówek */

#header {
  clear: both;
  margin: 0 auto;
  width: 860px;
  height: 117px;
}

#header_left {
  width: 30px;
  height: 117px;
  float: left;
  background: transparent url(../images/index_01.jpg) top right repeat-y;
}

#header_logo {
  width: 800px;
  height: 117px;
  float: left;
  background: transparent url(../images/index_02.jpg) top center no-repeat;
}

#header_right {
  width: 30px;
  height: 117px;
  float: left;
  background: transparent url(../images/index_03.jpg) top left repeat-y;
}

/* Menu */

#menu_bar {
  clear: both;
  margin: 0 auto;
  width: 860px;
  height: 33px;
}

#menu_left {
  margin: 0 auto;
  width: 30px;
  height: 33px;
  float: left;
  background: transparent url(../images/index_04.jpg) top right no-repeat;
}

#menu_buttons {
  width: 800px;
  height: 33px;
  float: left;
}

#menu_right {
  width: 30px;
  height: 33px;
  float: left;
  background: transparent url(../images/index_12.jpg) top left no-repeat;
}

#m1 {
  margin: 0 auto;
  float: left;
  width: 112px;
  height: 33px;
}

#m2 {
  float: left;
  width: 115px;
  height: 33px;
}

#m3 {
  float: left;
  width: 115px;
  height: 33px;
}

#m4 {
  float: left;
  width: 116px;
  height: 33px;
}

#m5 {
  float: left;
  width: 115px;
  height: 33px;
}

#m6 {
  float: left;
  width: 115px;
  height: 33px;
}

#m7 {
  float: left;
  width: 112px;
  height: 33px;
}

/* Przerwa */

#space {
  clear: both;
  margin: 0 auto;
  width: 860px;
  height: 32px;
}

#space_left {
  margin: 0 auto;
  width: 30px;
  height: 32px;
  float: left;
  background: transparent url(../images/index_13.jpg) top right no-repeat;
}

#space_center {
  width: 800px;
  height: 32px;
  float: left;
  background: transparent url(../images/index_14.jpg) top center no-repeat;
}

#space_right {
  width: 30px;
  height: 32px;
  float: left;
  background: transparent url(../images/index_15.jpg) top left no-repeat;
}

/* Środek */

#main {
  clear: both;
  margin: 0 auto;
  width: 860px;
  overflow: hidden;
  background: transparent url(../images/main_bg.jpg) top left repeat-y;
}

#main_margin_left {
  margin: 0 auto;
  width: 30px;
  float: left;
}

#main_left {
  width: 150px;
  float: left;
  min-height: 400px !important;
  
}
#container_left {
 
  margin:auto;
  text-align:center;
}

#container_left_2 {

  position: absolute;
  top: 50%;
  height: 100px;
  margin-top: -50px;
 /* margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); */
}

#main_center {
  width: 15px;
  float: left;
  min-height: 400px !important;
  background: transparent url(../images/linia_pion.jpg) top center no-repeat;
}

#main_right {
  width: 635px;
  float: left;
  text-align: center;
}

#main_margin_right {
  width: 30px;
  float: left;

}

#content {
  text-align: justify;
  clear: both;
  margin: 0 auto;
  width: 600px;
  padding-right: 10px;
  line-height: 150%;
}

/* Stopka */

#footer {
  clear: both;
  margin: 0 auto;
  width: 860px;
  height: 37px;
}

#footer_left {
  margin: 0 auto;
  width: 30px;
  height: 37px;
  float: left;
  background: transparent url(../images/index_19.jpg) top right no-repeat;
}

#footer_center {
  margin: 0 auto;
  width: 800px;
  height: 37px;
  float: left;
  background: transparent url(../images/index_20.jpg) top center no-repeat;
}

#footer_right {
  margin: 0 auto;
  width: 30px;
  height: 37px;
  float: left;
  background: transparent url(../images/index_21.jpg) top left no-repeat;
}

#footer_text {
  width: 800px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  padding-top: 3px;
  
}

#footer_text a {
  color: #fff;
  text-decoration: none;
}

#footer_text a:hover {
  text-decoration: underline;
}

#footer_text a:visited {
  color: #fff;
}

#footer_text a:active {
  color: #fff;
}

/* wypunktowanie */

.myli{
	margin-left: 0;padding-left: 0;
	list-style: none;
}

.myli li{
	margin:5px;
	padding-left: 25px;
	background: url(../images/green_arrow.gif) 0 50% no-repeat;
}

.podli li{
	list-style: none;
	padding-left: 20px;
	background: url(../images/bullet.gif) 0 50% no-repeat;
}

.logali{
	line-height: 100px;
}

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}

#Elektryka {
    width: 115px;
    height: 33px;
}

#Elektryka:hover {
    background-image: url('../images/index_2_09.jpg');
    width: 115px;
    height: 33px;
}