@charset "utf-8";
/* CSS Document */
body{
		background:#858585 url("img/background4.jpg");
		background-repeat: no-repeat;
		background-color: #858585;
		background-position:  top;
		background-attachment: fixed;
		background-size: cover;
		margin: 0 auto;
		padding:0;
		border:0;
		min-width:975px;
		
	}
#pojemnik{
	width: 975px;
	margin:0 auto;
	padding: 0;
	min-width: 975px;
	min-height:520px;
	background-color:rgba(255,255,255,1);
	background:white;

}

.czyszczenie{
	clear:both;
}
.jMyCarousel{
background-color:black;
}
.jMyCarousel2{
background-color:yellow;

}

#menu{
	list-style: none;
	font-family: Verdana;
	font-size:22px;
	font-weight: bold;
	text-align:center;	
	z-index: 15;
	width: 975px;
}
#menu ul ul {
	display: none;
	font-size:18px;
	z-index: 15;
}

#menu ul li:hover > ul {
		display: block;
	}
#menu ul {
	background: #339933; 
	background: linear-gradient(top, #339933 0%, #339933 100%);  
	background: -moz-linear-gradient(top, #339933 0%, #339933 100%); 
	background: -webkit-linear-gradient(top, #339933 0%,#339933 100%); 
	box-shadow: 0px 0px 9px rgba(1,1,1,1.15);
	padding: 0;
	margin:0;
	border-radius: 5px; 
	z-index: 15;
	list-style: none;
	position: relative;
	display: inline-table;
}
#menu ul:after {
		content: ""; clear: both; display: block;
		
	}
	
#menu ul li {
	float: left;
	margin:0;
	border-style: double;
	border-color:white;
	border-radius: 5px; 
	
}
#menu ul li:hover {
		background: #007cc3;
		background: -moz-linear-gradient(top, #007cc3 0%, #007cc3 40%);
		background: -webkit-linear-gradient(top, #007cc3 0%,#007cc3 40%);
		background: linear-gradient(top, #007cc3 0%, #007cc3 40%);
		box-shadow: 0px 0px 9px rgba(1,1,1,1.15);
		border-radius: 5px;
		color: #fff;

	}
#menu ul li:hover a {
			
			color: #fff;
			background: #007cc3;
		    background: -moz-linear-gradient(top, #007cc3 0%, #007cc3 40%);
		    background: -webkit-linear-gradient(top, #007cc3 0%,#007cc3 40%);
		    background: linear-gradient(top, #007cc3 0%, #007cc3 40%);
			/*box-shadow: 0px 0px 9px rgba(105,105,105,1.15);*/
		border-radius: 5px;

		}
	
#menu ul li a {
		display: block; padding: 7px 43px;
		color: #fff; text-decoration: none;
	}
#menu ul ul {
	background: #339933; border-radius: 10px; padding: 0;
	position: absolute;
	margin:0;
	padding: 0;

}
#menu ul ul li {
		float: none; 
		border-top: 3px solid #6b727c;
		border-bottom: 3px solid #575f6a;
		position: relative;
		background: #007cc3;
		margin:0;
		border-style: double;
	border-color:white;
	border-radius: 5px; 
	}
#menu ul ul li a {
			padding: 7px 38px;
			color: #fff;
			
		}	
#menu ul ul li a:hover {
		background: #fff;
		background: -moz-linear-gradient(top, #fff 0%, #fff 40%);
		background: -webkit-linear-gradient(top, #fff 0%,#fff 40%);
		background: linear-gradient(top, #fff 0%, #fff 40%);
		/*box-shadow: 0px 0px 9px rgba(105,105,105,1.15);*/
		border-radius: 5px;
				color:#007cc3;
			}
#srodek{
margin: 25px 100px 0 100px;
padding:0;
font-family: Verdana;
font-size:14px;
text-align:justify;
display:block;
position:relative;
z-index: 10;
}
#ankieta{
width: 620px;
margin: 0 auto;
text-align: center;

}
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: 10px;
visibility: hidden;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
left: 10px;
width: 550px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -550px; /*position where enlarged image should offset horizontally */
}
.thumbnailmapa{
position: relative;
z-index: 0;
}
.thumbnailmapa:hover{
background-color: transparent;
z-index: 50;
}
.thumbnailmapa span{ /*CSS for enlarged image*/
position: absolute;
left: 10px;
visibility: hidden;
}
.thumbnailmapa span img{ /*CSS for enlarged image*/
border-width: 0;
left: 50px;
width: 660px;
}
.thumbnailmapa:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -60px; /*position where enlarged image should offset horizontally */
}
.thumbnailaniolek{
position: relative;
z-index: 0;
}
.thumbnailaniolek:hover{
background-color: transparent;
z-index: 100;
}
.thumbnailaniolek span{ /*CSS for enlarged image*/
position: absolute;
left: 10px;
visibility: hidden;
}
.thumbnailaniolek span img{ /*CSS for enlarged image*/
border-width: 0;
left: 10px;
width: 174px;
}
.thumbnailaniolek:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -25px; /*position where enlarged image should offset horizontally */

}
#srodekkontakt{
margin: 45px 170px 0 170px;
padding: 0;
font-family: Verdana;
font-size:14px;
text-align:center;
display:block;
}
#stopka{
	margin:0 auto;
	padding:0;
	font-family: Verdana;
	font-size:10px;
	text-align:center;
	color:white;
	width: 975px;
	background-color:rgba(105,105,105,0.8);
	background:#858585;
	position:relative;
	display:block;
	z-index: 16;
}