/* Getting the new tags to behave */
article, aside, asidefoto, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, headerr, hgroup, keygen, meter, nav , output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	background:#212222; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.125em;
	color:#242424;
}
html { min-width:1080px;}
html, body { height:100%;}



/* Global Structure ============================================================= */

/* NOWE! dodano dział produkty, poniżej dodane elementy*/
.container_prod {
	margin: 0 auto;
	position: relative;
	font-size:.8125em;
}

#content_prod {
	float: left;
	margin-left:20%;
}


#content_prod img, aside img {
	border:3px solid #ebebeb;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#content_prod img:hover {
	border-color:#bbb;
}	

#glowny{
	height: 450px;
}

#opis{
	float: left;
	width: 500px;
	margin-left:5%;
	font-size:15px;
	text-align:justify;
}

#opis h2 {
		font-size:30px;
		line-height:1.2em;
		font-weight:normal;
		color:#212222;
		margin-bottom:22px;
		text-align: center;
	}
	
#opis ul{
	margin-left: 40px;
	list-style-type: circle;
}

#miniaturki_prod {
	margin-bottom: 20px;
	margin-left:10%;
	margin-right:10%;

}

#miniaturki_prod img {
	cursor: pointer;
	height:100px;
	width: 130px;
	margin: 8px;
	margin-top:40px;
	border:3px solid #ebebeb;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	position: static;
	
}

#miniaturki_prod img:hover {
	border-color:#bbb;
	
}

#miniaturki img:hover {
	border-color:#bbb;
	
}

#zdjecie_prod{
	height:400px;
	position: relative;
}

#tabs_prod{
	float: left;
	height:440px;
	overflow:hidden;
	/*background:url(../images/gallerry-bg.gif) 0 0 repeat-x;*/
	width: 110px;
}

#main_background
{
	overflow: hidden;
	margin-top: 50px;
}

/*===== tabs =====*/
		.tabs_prod ul li a{
			float: left;
			background:#433b8f;
			width: 100px;
			height: 55px;
			font-size:18px;
			color:#fff;
			line-height:67px;
			text-decoration:none;
			text-align:center;
			background-image: gradient(top, #383282, #484095); /* FF3.6 */
			background-image: -moz-linear-gradient(top, #383282, #484095); /* FF3.6 */
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #383282),color-stop(1, #484095)); /* Saf4+, Chrome */
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#484095'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#484095')"; /* IE8 */
	}

		.tabs_prod a.current, .tabs_prod ul li a:hover {
				padding-right:5px;
			}
			
		.tabs_prod ul :nth-of-type(2) a {
			background:#0184cd;
			background-image: -moz-linear-gradient(top, #017bc8, #018ed3); /* FF3.6 */
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #017bc8),color-stop(1, #018ed3)); /* Saf4+, Chrome */
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#017bc8', EndColorStr='#018ed3'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#017bc8', EndColorStr='#018ed3')"; /* IE8 */
		}
		
		.tabs_prod ul :nth-of-type(3) a {
			background:#7cbc19;
			background-image: -moz-linear-gradient(top, #73b515, #86c31d); /* FF3.6 */
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #73b515),color-stop(1, #86c31d)); /* Saf4+, Chrome */
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#73b515', EndColorStr='#86c31d'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#73b515', EndColorStr='#86c31d')"; /* IE8 */
		}
		
		.tabs_prod ul :nth-of-type(4) a {
				background:#ffbc00;
				background-image: -moz-linear-gradient(top, #ffb500, #ffc300); /* FF3.6 */
				background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffb500),color-stop(1, #ffc300)); /* Saf4+, Chrome */
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffb500', EndColorStr='#ffc300'); /* IE6,IE7 */
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffb500', EndColorStr='#ffc300')"; /* IE8 */
		 }
		.tabs_prod ul :nth-of-type(5) a {
				background:#f07502;
				background-image: -moz-linear-gradient(top, #ee6c01, #f27f02); /* FF3.6 */
				background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ee6c01),color-stop(1, #f27f02)); /* Saf4+, Chrome */
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee6c01', EndColorStr='#f27f02'); /* IE6,IE7 */
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee6c01', EndColorStr='#f27f02')"; /* IE8 */
			}
		
		.tabs_prod ul :nth-of-type(6) a {
				background:#d00110;
				background-image: -moz-linear-gradient(top, #d00110, #da0116); /* FF3.6 */
				background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d00110),color-stop(1, #da0116)); /* Saf4+, Chrome */
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116'); /* IE6,IE7 */
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116')"; /* IE8 */
			}

/*Koniec nowości */

/* Opisy oferowanych produktów (zakładki po prawej)*/
.container_opis
{
	margin: 0 auto;
	position: relative;
	width: 1100px;
	font-size:1em;
	margin-top: 55px;
}
#content_opis 
{
	text-align:center;
	width: 60%;
	margin-left: 18%;
}

#image_opis
{
	position:static;
}

/*Koniec opisów*/

.container {
	margin: 0 auto;
	position: relative;
	width: 1080px;
	font-size:.8125em;
}

.container1 {
	margin: 0 auto;
	width: 1080px;
	font-size:.8125em;
	margin-top:55px;
	position: relative;
	
}

.container2 {
	margin: 0 auto;
	position: absolute;
	width: 1080px;
	font-size:.8125em;
	margin-top: 55px;
}

	/* Header */
	header{
		height:72px;
		overflow:hidden;
		background:url(../images/header-bg.gif) 0 0 repeat-x;
	}
	
	#logo_image
	{
		height: 63px;
		padding-top: 2px;
		margin-left:12%;
	}
	
	/*Gallery*/
	#gallery {
	
		overflow:hidden;
		/*background:url(../images/gallerry-bg.gif) 0 0 repeat-x;*/
		width: 1080px;
		float: left;
	}	
	/*boczne zakladki*/
	#tabs{
    	float: right;
	    height:440px;
		overflow:hidden;
		/*background:url(../images/gallerry-bg.gif) 0 0 repeat-x;*/
        width: 110px;
		margin-right:1%;
		}
	
	
	/* Content */
	#content_main {
		text-align:center;
		width: 80%;
		margin-left: 18%;

	}
	
	#content {
		float: left;
		width: 572px;
		background-color: rgba(250, 250, 250, 0.5);
		
	}
	
	#content_gallery {
		float: left;
		width: 600px;
		margin-left:10%;
	}
	
	#ramka_tekstowa
	{
		margin-left: 10%;
		margin-right: 10%;
		margin-top: 20px;
		position:absolute;
		background-color: rgba(250, 250, 250, 0.5);
		font-size: 1.4em;
		font-family: arial;
		
	}
	
	/* Sidebar */
	aside{
		float: left;
		width: 150px;
		margin-right:52px;
	}
	
		/* Sidebar do galeri zdjec */
	asidefoto{
		float: left;
		width: 150px;
		
	}
	
	 asidefoto img, aside img {
			border:3px solid #ebebeb;
			border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
		}
	 asidefoto img:hover {
			border-color:#bbb;
		}
			
	/* Footer */
	footer{
		padding:20px 0 22px 0;
		border-top:5px solid #eee;
	}
	
	
    /* Left & Right alignment */

   .fleft { float:left;}
   .fright { float:right;}
   .clear { clear:both;}

    .col-1, .col-2, .col-3 { float:left;}

	.alignright { text-align:right;}
	.aligncenter { text-align:center;}

	/* w zakładce galeria width wrappera ustawiony jest na 90% bo sie dziwnie wyswietlalo na mobilnych urzadzeniach. W kontaktach klasa inside a nie wrapper ma position absolute z tych samych względów.*/
	.wrapper { 
	width:100%;
	overflow:hidden;
	}

	/* The inside class provides consistent padding. To be used often! */
	.inside{ padding: 32px 37px 50px 37px; }




		/*----- form defaults -----*/
	input, select, textarea { 
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		vertical-align:middle;
		font-weight:normal;
	}

	/*----- other -----*/
	figure { margin-bottom:18px;}

	.img-indent { 
		margin:0 20px 0 0; 
		float:left;
	}
	.img-box { 
		width:100%; 
		overflow:hidden; 
		padding-bottom:15px;
	}
		.img-box figure { 
			float:left; 
			margin:0 20px 0 0;
			padding:0;
		}

	.extra-wrap { 
		overflow:hidden;
	}

	p {margin-bottom:18px;}
	.p1 { margin-bottom:9px;}
	.p2 { margin-bottom:18px;}
	.p3 { margin-bottom:27px;
	}


	/*----- txt, links, lines, titles -----*/
	a {
		color:#f27f02; 
		outline:none;
	}
	a:hover{
		text-decoration:none;
	}

	h1 {
		font-size:34px;
		line-height:1.2em;
		color:#fff;
		font-weight:normal;
		margin-left: 100px;
		padding:6px 0 8px 0px;
		position:absolute;
		left:39px;
		top:6px;
	}
		h1 a {
			color:#fff;
			text-decoration:none;
		}
		
		h1 span {
			color:#e9e9e9;
		}
	h2 {
		font-size:30px;
		line-height:1.2em;
		font-weight:normal;
		color:#212222;
		margin-bottom:22px;
	}
		h2 span {
			color:#8a8a8a;
		}
	h3 {
		font-size:1em;
		margin-bottom:6px;
	}
		h3 a { color:#242424; }
		h3 a:hover {
			text-shadow: 1px 1px 1px #888; 
		}

	h5{
		font-size:44px;
		line-height:1.2em;
		color:#fff;
		font-weight:normal;
		position:absolute;
		left:10px;
		top:185px;
		}
	h6{
		font-size:44px;
		line-height:1.2em;
		color:#fff;
		font-weight:normal;
		position:absolute;
		left:10px;
		top:150px;

	}

	h4{
		font-size:20px;
		line-height:1.2em;
		color:black;
		font-weight:normal;
		position:absolute;
	

	}
	
	h7{
		font-size:17px;
		line-height:1.2em;
		font-weight:normal;
		color:#212222;
		position: fixed;
	}
	
	red
	{
		color: red;
	}

	/*==================boxes====================*/
	.main-box {
		border-top:5px solid #eaeaea;
		background:#fff;
		width:100%;
	}


	.contacts {
		padding-bottom:20px;
		float: left;
	}
		.contacts li {
			width:100%;
			overflow:hidden;
		}
			.contacts li strong {
				float:left;
				width:95px;
			}


	.list1 {
		margin-left:12px;
		padding-bottom:18px;
	}
	.list1 li {
		background:url(../images/arrow1.gif) no-repeat 0 6px;
		padding:0 0 0 12px;
	}



	/*===== header =====*/
	header nav {
		float:right;
	}
			header nav ul li {
				float:left;
			}
				header nav ul li a {
					font-size:22px;
					color:#fff;
					height:67px;
					line-height:67px;
					text-decoration:none;
					width:100px;
					text-align:center;
					float:left;
					background:#d00110;
			background-image: -moz-linear-gradient(top, #d00110, #da0116); /* FF3.6 */
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d00110),color-stop(1, #da0116)); /* Saf4+, Chrome */
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116')"; /* IE8*/
			}
			
			/* 
			
			niebieski
			
			background:#433b8f;
					background-image: gradient(top, #383282, #484095); /* FF3.6 
					background-image: -moz-linear-gradient(top, #383282, #484095); /* FF3.6 
					background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #8c8c8c),color-stop(1, #8c8c8c)); /* Saf4+, Chrome 
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#484095'); /* IE6,IE7 
				   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#484095')"; /* IE8 
				   
			czerwony

			background:#d00110;
			background-image: -moz-linear-gradient(top, #d00110, #da0116); /* FF3.6 
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d00110),color-stop(1, #da0116)); /* Saf4+, Chrome 
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116'); /* IE6,IE7 
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116')"; /* IE8 
			
			*/
			
			
			header nav ul li a.current, header nav ul li a:hover {
				padding-bottom:5px;
			}
			
			header nav ul li:nth-of-type(2) a {
				background:#7cbc19;
				background-image: -moz-linear-gradient(top, #73b515, #86c31d); /* FF3.6 */
				background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #73b515),color-stop(1, #86c31d)); /* Saf4+, Chrome */
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#73b515', EndColorStr='#86c31d'); /* IE6,IE7 */
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#73b515', EndColorStr='#86c31d')"; /* IE8 */
			}
			
			header nav ul li:nth-of-type(3) a {
				background:#ffbc00;
				background-image: -moz-linear-gradient(top, #ffb500, #ffc300); /* FF3.6 */
				background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffb500),color-stop(1, #ffc300)); /* Saf4+, Chrome */
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffb500', EndColorStr='#ffc300'); /* IE6,IE7 */
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffb500', EndColorStr='#ffc300')"; /* IE8 */
			}
			header nav ul li:nth-of-type(4) a {
				background:#f07502;
				background-image: -moz-linear-gradient(top, #ee6c01, #f27f02); /* FF3.6 */
				background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ee6c01),color-stop(1, #f27f02)); /* Saf4+, Chrome */
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee6c01', EndColorStr='#f27f02'); /* IE6,IE7 */
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee6c01', EndColorStr='#f27f02')"; /* IE8 */
			}
			header nav ul li:nth-of-type(5) a {
				background:#d00110;
				background-image: -moz-linear-gradient(top, #8c8c8c, #8c8c8c); /* FF3.6 */
				background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #8c8c8c),color-stop(1, #8c8c8c)); /* Saf4+, Chrome */
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#8c8c8c', EndColorStr='#8c8c8c'); /* IE6,IE7 */
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8c8c8c', EndColorStr='#8c8c8c')"; /* IE8 */
			}
			
			#nieaktywne a:hover
			{
				padding-bottom:0px;
			}



	/*===== gallery =====*/
	.roundabout-holder  { 
		
		width:850px;
		height:400px;
		margin:0 auto;
	}
	.roundabout-moveable-item {
		background-image: gradient(top, #383282, #fff); /* FF3.6 */
		background-image: -moz-linear-gradient(top, #383282, #fff); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #fff)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#fff'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#fff')"; /* IE8 */
		width: 285px;
		height: 285px;
		cursor: pointer;
		border:3px solid rgba(0, 0, 0, 0.2);
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;*/
	}
		.roundabout-moveable-item img{
		   width:100%;
		}
	.roundabout-in-focus {
		border:3px solid rgba(0, 0, 0, 0.2);
	}

	/*===== tabs =====*/
		.tabs ul li a{
			float: right;
			background:#433b8f;
			width: 100px;
			height: 55px;
			font-size:18px;
			color:#fff;
			line-height:67px;
			text-decoration:none;
			text-align:center;
			background-image: gradient(top, #383282, #484095); /* FF3.6 */
			background-image: -moz-linear-gradient(top, #383282, #484095); /* FF3.6 */
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #383282),color-stop(1, #484095)); /* Saf4+, Chrome */
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#484095'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#383282', EndColorStr='#484095')"; /* IE8 */
	}
	
		.tabs a.current, .tabs ul li a:hover {
				padding-right:5px;
			}
			
		.tabs ul :nth-of-type(2) a {
			background:#0184cd;
			background-image: -moz-linear-gradient(top, #017bc8, #018ed3); /* FF3.6 */
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #017bc8),color-stop(1, #018ed3)); /* Saf4+, Chrome */
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#017bc8', EndColorStr='#018ed3'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#017bc8', EndColorStr='#018ed3')"; /* IE8 */
		}
		
		.tabs ul :nth-of-type(3) a {
			background:#7cbc19;
			background-image: -moz-linear-gradient(top, #73b515, #86c31d); /* FF3.6 */
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #73b515),color-stop(1, #86c31d)); /* Saf4+, Chrome */
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#73b515', EndColorStr='#86c31d'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#73b515', EndColorStr='#86c31d')"; /* IE8 */
		}
		
		.tabs ul :nth-of-type(4) a {
				background:#ffbc00;
				background-image: -moz-linear-gradient(top, #ffb500, #ffc300); /* FF3.6 */
				background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffb500),color-stop(1, #ffc300)); /* Saf4+, Chrome */
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffb500', EndColorStr='#ffc300'); /* IE6,IE7 */
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffb500', EndColorStr='#ffc300')"; /* IE8 */
		 }
		.tabs ul :nth-of-type(5) a {
				background:#f07502;
				background-image: -moz-linear-gradient(top, #ee6c01, #f27f02); /* FF3.6 */
				background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ee6c01),color-stop(1, #f27f02)); /* Saf4+, Chrome */
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee6c01', EndColorStr='#f27f02'); /* IE6,IE7 */
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee6c01', EndColorStr='#f27f02')"; /* IE8 */
			}
		
		.tabs ul :nth-of-type(6) a {
				background:#d00110;
				background-image: -moz-linear-gradient(top, #d00110, #da0116); /* FF3.6 */
				background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d00110),color-stop(1, #da0116)); /* Saf4+, Chrome */
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116'); /* IE6,IE7 */
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d00110', EndColorStr='#da0116')"; /* IE8 */
			}
		
	/*===== map ======*/

	#map{
			 float: left;
			 width: 340px;
			 margin-left:70px;
	}
	/*===== content =====*/
	#content {
			 
		
	}
		#content img, aside img {
			border:3px solid #ebebeb;
			border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
		}
		#content img:hover {
			border-color:#bbb;
		}

	/*--- news list styles ---*/
		.news li {
			overflow:hidden;
			position:relative;
			padding:0 0 26px 84px;
		}
		.news li:last-child {
			padding-bottom:0;
		}
		
			.news li figure {
				width:59px;
				height:59px;
				background:url(../images/date-bg1.gif) no-repeat 0 0;
				position:absolute;
				left:0;
				top:0;
				text-align:center;
				border:3px solid #ebebeb;
				border-radius:4px;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				font-size:10px;
				color:#fff;
				text-transform:uppercase;
			}
				.news li figure strong {
					display:block;
					font-size:30px;
					line-height:1.2em;
					margin-bottom:-7px;
					padding-top:4px;
				}
			
			.news li:nth-of-type(4n+2) figure {
				background:url(../images/date-bg2.gif) no-repeat 0 0;
			}
			.news li:nth-of-type(4n+3) figure {
				background:url(../images/date-bg4.gif) no-repeat 0 0;
			}
			




	.team-list li {
		width:100%;
		overflow:hidden;
		padding-bottom:43px;
	}
	.team-list li:last-child {
		padding-bottom:0;
	}
		.team-list li figure {
			float:left;
			margin:0 20px 0 0;
			padding:0;
		}

	/*===== footer =====*/
	footer {
		color:#fff;
	}
		footer .fleft {
			padding-left:40px;
		}
		footer .fright {
			padding-right:40px;
		}


	/*----- forms -----*/
	#contacts-form { 
		clear:right;
		width:100%;
		overflow:hidden;
	}
		#contacts-form fieldset { 
			border:none;
			float:left;
		}
			#contacts-form .field { 
				clear:both;
				
			}
				#contacts-form label { 
					float:left;
					width:110px;
					line-height:18px;
					padding-bottom:6px;
					font-weight:bold;
				}
				#contacts-form input {
					width:205px;
					padding:1px 0 1px 3px;
					background:none;
					border:1px solid #e5e5e5;
					color:#616161;
					float:left;
					background-color: white;
				}
				#contacts-form input:invalid {
					border-color:red;
				}
				#contacts-form textarea { 
					width:410px;
					height:215px;
					padding:1px 0 1px 3px;
					background:none;
					border:1px solid #e5e5e5;
					color:#616161;
					margin-bottom:12px;
					overflow:auto;
					float:left;
					background-color: white;
				}
				#contacts-form div:last-child {
					padding-left:110px;
				}

	@media all and (min-width: 1024px) and (max-width:1440px)
	{
		.tabs a.current, .tabs ul li a:hover {
			padding-bottom:5px;
			padding-right:0px;
		}
		
		/*boczne zakladki*/
		#tabs{
	    height:60px;
		overflow:hidden;
		/*background:url(../images/gallerry-bg.gif) 0 0 repeat-x;*/
        width: 600px;
		}
	
		#opis
		{
			float: left;
			width: 500px;
			margin-left:28%;
			margin-right:30%;
			font-size:15px;
			text-align:justify;
		}
	}
	
	@media all and (max-width: 1024px)
	{
		
		.tabs a.current, .tabs ul li a:hover {
			padding-bottom:5px;
		}
		
		
		/*boczne zakladki*/
		#tabs{
    	float: right;
	    height:60px;
		overflow:hidden;
		/*background:url(../images/gallerry-bg.gif) 0 0 repeat-x;*/
        width: 600px;
		}
		
		#opis
		{
			float: left;
			width: 500px;
			margin-left:32%;
			margin-right:30%;
			font-size:15px;
			text-align:justify;
		}
		
		#miniaturki_prod 
		{
			margin-bottom: 20px;
			margin-left:7%;
			margin-right:7%;

		}
	}
	/*==========================================*/