@charset "utf-8";
/* CSS Document */
* {
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:verdana;
}

#top {
	width:100%;
	background: url(../img/big_banner.jpg) no-repeat;
	background-position:bottom;
	border-bottom:7px solid #c2cb2f;
	min-height:500px;
	position:relative;
	margin:0 auto;
	
}

#logo {
	
	width:352px;
	height:142px;
	background: url(../img/logo.jpg) no-repeat;
	margin:0 auto;
	
}
#menu {
	margin:0 auto;
	width:690px;
	
}
#podstrona {
width:950px;
min-height:500px;
margin:0 auto;



}
#tlo_podstrona {
	background: #bfe05e; /* Old browsers */
background: -moz-linear-gradient(top,  #bfe05e 1%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#bfe05e), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bfe05e 1%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bfe05e 1%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bfe05e 1%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bfe05e 1%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfe05e', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
width:100%;

}
.menu_item_tlo, .menu_item_tlo_aktywne{
	text-align:center;
	float:left;
	font-family:Times;
	margin: 0 27px;
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:2em;
	text-transform:uppercase;

}

.menu_item_tlo:hover {
color:#0A6E16;	
-webkit-transition-property:color; 
-webkit-transition-duration: 0.2s; 
-webkit-transition-timing-function: ease-in;

}

.menu_item_tlo_aktywne {
color: #0A6E16;
text-shadow:none;

}
#lista_menu {
overflow: auto;
  list-style-type: none;
}
#pojemnik_menu {

}


#index {
	position:relative;
	padding-top:25px;
}
#index .pojemnik-lewy {
	width:700px;
    float:left;
	
	
}
.box1 {
	float:left;
	border:#FFF solid 5px;
	background: #e4edb5;
	width:270px;
	padding:5px;
	
}
 .box1 ul{
	list-style:square;
	list-style-position:inside;
	margin-left:20px;
	
}
 .box1 ul li {
	margin-top:8px;
}
#index .box2 {
	float:left;
	margin-left:20px;
	width:350px;
}
#index .box2 p{
	margin-top:10px;
	margin-left:10px;
}
#index .box2 a {
	color:#0A6E16;
	font-size:17px;
	text-decoration:underline;
}
#index .box2 a:hover{
	color:#0A6E16;
	text-decoration:none;
}
#index .box2 .szybki-kontakt{
	margin-top:30px;
}
#index .box3{
	clear:both;
	padding-top:30px;
}
#index .pojemnik-realizacje{
	float:right;
	width:250px;
	
}
#index .pojemnik-realizacje .zdjecia {
	border:5px #fff solid;
	margin: 3px 0px;
}
 h2 {
	color:#0A6E16;
	font-size:18px;
	font-weight:bold;
	text-shadow: 1px 1px 1px #FFF;
	
}
 .h2-box {
	float:left;
	margin-right:15px;
	width:7px;
	height:18px;
	background: #0A6E16;
}
#index .box3 .podpunkt {
	margin-top:10px;
}
#index .box3 p {
	margin-left:20px;
	margin-right:20px;
	line-height:20px;
	margin-top:5px;
}
#ofirmie {
	padding-top:20px;
	width:750px;
	margin:0 auto;
	background: url('../img/tree.png') no-repeat;
	background-position:right bottom; 
	
}
#ofirmie ul{
	list-style-position:inside;
	margin-left:40px;
	font-size:1
}
#ofirmie p {
	line-height:30px;

	text-indent:25px;
}
#ofirmie li {
	
}
#uslugi .pojemnik{
	position:relative;
	float:left;
}
#uslugi .box{
	width:270px;
	margin-left:5px;
	
	border:4px #FFF solid;
	padding:10px;
	background:#e4edb5;
	min-height:350px;
	position:relative;
}
#uslugi .box ul {
	margin-left:20px;
	margin-top:40px;
}
#uslugi .box ul li {
	margin-top:5px;
}
#uslugi .opis {
	font-size:20px;
	text-align:center;
	width:100%;
	position:absolute;
	height:30px;
	color:#FFF;
	top:0px;
	left:0px;
	background:#63B85A;
	text-shadow:1px 1px 3px #000;
	
}
#uslugi .pojemnik .shadow {
	
	width:300px;
	height:30px;
	background: url('../img/shadow.png') no-repeat;
	background-position:center top;
}
#galeria .foto {
	width:215px;
    margin:5px;
	height:165px;
	border:4px #fff solid;
}
#galeria .foto:hover {
	border:4px #CCC solid;
}
#galeria #naglowek {
	padding-top:10px;
	padding-bottom:10px;
	font-size:18px;
	margin-left:4px;
	font-family:verdana;
	
}
#stopka {
	z-index:999;
	
	width:100%;
	height:50px;
	background:#FFF;
	border-top:3px solid #e4edb5;
}
#stopka ul{
	list-style-type:none;
	
	
}
#stopka ul li {
	margin-left:20px;
	color:#666;
	font-size:12px;
	float:left;
}
#stopka #srodek{
	width:950px;
	margin:0 auto;
	
}
#kontakt_form {
  width:400px;
  height:500px;
  background:#FFF;
  margin-top:20px;
 
  float:right;
  -moz-border-radius: 10px;
	border-radius: 10px;
}
#kontakt_lewa {
	float:left;
	margin-top:50px;

}
#kontakt_lewa p{
		font-size:18px;
}
#kontakt_lewa a{
	color:#000;
	font-size:18px;
	text-decoration:underline;
}
#kontakt_lewa a:hover {
	text-decoration:none;
}
#form_top{
	height:20px;
	width:400px;
	
	
	color:#ccc;
	padding:10px;
	display:table-cell;
	vertical-align: middle;
	
}
.kontakt_mail, .kontakt_wiad {
  background-color:#FFFFFF;
 
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  color:#666666;
  font-family:Tahoma, Verdana, Arial;
  font-size:16px;
  height:30px;
  margin:10px;
  width:370px;
  padding-left:5px;
  
}
.form_cien{
	width:380px;
	height:12px;
	margin-top:-8px;
	background: url(../img/cien_form.png);
	
}
.kontakt_wiad {
  height:160px;
  overflow:auto;
  resize:none;
}
.kontakt_btn {
  background-color:#0A6E16;

  border:none;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  color:#FFFFFF;
  cursor:pointer;
  display:table-cell;
  float:right;
  height:30px;
  margin-right:25px;
  text-align:center;
  vertical-align:middle;
  width:80px;
  margin-top:10px;
}