@CHARSET "UTF-8";
* {
  margin: 0;
  padding: 0;
  /* //border: 1px solid red; */
  }
body {
  height:1%;
  background-color: #FEA733;
  background-image: url("graph/cien_pion.jpg");
  background-repeat: repeat-x;
  color: #000000;
  font-family: Georgia, verdana, Helvetica, sans-serif;
  font-size: .9em;
}
h3, h2 {
  font-family: Verdana;
  }
a	{
	/*  */
	text-decoration: none;
	color: #000;
	}
a:hover {
	/*  */
	color: #FFF;
	}

a img{
  border: none;
  }
.sides {
  background-repeat: repeat-x;
  }
#kontener_mid{
  background: #FFFFFF none repeat scroll 0%;
  background-image: url("graph/cien_main.jpg");
  margin-left: auto;
  margin-right: auto;
  width: 856px;
  }
#logotyp {
  float:left;
  margin-left: 30px ;
	display: inline;
  margin-top: 30px;
  }
#menu {
  margin-left: 220px;
  }
.menu_but{
  margin-top: 30px;
  width: 133px;
  height: 52px;
  }
#menu img{
  margin-left: 30px;
  }
#obrazek_top {
	/*  */
	background-image:url(graph/cien_pod_obrazkiem.jpg);
	background-position:center bottom;
	background-repeat:repeat-x;
	float:left;
	height:193px;
	}
#ficzer{
	/*  */
	margin-left: 0 !important;
	margin-left: -3px;
	}

#top {
  margin-left: 20px;
  }

#tresc {
	float: left;
  margin-left:30px;
	display: inline;
  margin-top: 10px;
	margin-bottom: 20px;
  width: 500px;
  }
.tresc_p{
	/*  */
	line-height: 1.5em;
	margin-bottom: 10px;
	text-indent: 10px;
	}
#tresc ul{
	/*  */
	margin-left: 30px;
	}

#prawa_str{
	/*  */
	float: right;
	}

#panel_pom{
  background-image: url("graph/panel_menu.jpg");
  width: 231px;
  height: 310px;
  margin-right: 22px;
  margin-top: 20px;
  margin-bottom: 20px;
  }
#lista_pom{
	padding-top: 10px !important;
	padding-top: 20px;
  margin-left: 10px;
	list-style-type: none;
  }
#lista_pom_2{
	margin-bottom: 0;
  margin-top: 0;
	padding-top: 0px;
  margin-left: 10px;
	list-style-type: none;
  }	
#panel_pom li{
	background-image: url("graph/but_okragly_pomar1.png");
	background-repeat: no-repeat;
	height: 20px;
  margin-top: 10px;
	padding-left: 30px;	
  }

#partnerzy{
  margin-left: 20px;
  }
#partnerzy_img{
  margin-top: 15px !important;
  }
#panel_nieb{
  color: #FFF;
  background-image: url("graph/panel_niebieski.jpg");
  width: 229px;
  height: 168px;
  margin-right: 22px;
  }
#kulka_nieb{
  float: left;
  margin: 6px;
  margin-top: 10px;
  }
#zakladka{
	/*  */
	margin-left:120px;
	margin-top:159px !important;
	margin-top:159px;
	position:absolute;
	}

#ikonki{
   margin-top: 20px;
   margin-left: 13px;
  }
#stopka {
  clear: both;
  text-align: center;
  background-image: url("graph/stopka.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 30px !important;
	padding-top: 15px;
  }
#kontakt{
	/* tlo dla formularza */
	width: 541px;
	height: 520px;
	margin-top: 0 !important;
	margin-top: 10px;
	background-image: url("graph/tlo_mail.jpg");
	}

#wysylanie {
	/*  */	
	margin-top: 20px !important;
	margin-top: 0px;
	}	

#wysylanie label {
	/*  */
	color: #FFF;
	float: left;
	width: 100px;
	margin-right: 25px;
	text-align:right;
	}
#wysylanie input, #wysylanie textarea{
	/*  */
	}

#wysylanie p{
	/*  */
	padding-top: 24px;
	}
.butform{
	/* button w formularzu potwierdzajacy wyslanie */
	margin-right: 20px;
	padding-bottom: 26px;
	border: none;
	width: 134px;
	height: 52px;
	background-color: transparent;
	background-image: url("graph/buton_maila.jpg");
	}
#bForm{
	/* wypozycjonowanie przyciskow formularza */
	padding-left: 122px;
	}
#daneTeleadres{
	/* dane teleadresowe */
	margin-right: 20px;
	text-align: right;
	font-weight: bold;
	font-variant: small-caps;
	}
/*
 * CSS dla buttonów w topie
 */
#ofirmie {
	/* button na topie o Firmie */
	background-image: url("graph/menu_ofirmie.jpg");
	}
#refer {
	/* button na topie Referencje */
	background-image: url("graph/menu_referencje.jpg");
	}
#kont {
	/* button na topie Kontakt */
	background-image: url("graph/menu_kontakt.jpg");
	}
.buttony{
	/* klasa wspolnych cech buttonow w topie */
	margin-top: 35px;
	margin-bottom: 20px;
	margin-right: 20px;
	float: left;
	display: block;
	width: 131px;
	height: 52px;
	}
.buttony:hover {
	/*  */
	background-position: -131px 0;
	}
#kulka_dol {
	/*  */
	float: left;
	margin-right: 5px;
	}
#copyrajty{
	/*  */
	font-size: 80%;
	margin: 40px 0px 30px 20px;
	}
#copyrajty p{
	/*  */
	padding-top: 5px;
	}
#brain {
	/*  */
	font-weight: bold;
	color: brown;
	}
#brain:hover{
	/*  */
	color: red;
	}
#jezyk{
	/*  */
	margin-top: 10px;
	}
.foto_tresc{
	/*  */
	float: left;
	margin: 0px 20px 20px 0px;
	}
.fotki{
float: right;
padding: 4px;
margin-left: 4px;
margin-bottom:4px;
border:1px solid #000000;
}
.fotki1{
margin-top: 5px;

padding: 4px;
border:1px solid #000000;
}