html, body {
	margin:0;
	padding:0;
}
html {
	height: 100%;
}

body {
	background: #ffffff;
	height: 100%;
	color: #000000;
	font-size: 15px;
	font-family: 'Century Gothic', Arial;
	position: relative;
	}


body {
	//overflow-x: hidden; /* blokada scrolla poziomego */
}

img { border: 0px; }

#center img { height: auto; }

@media screen and (max-width: 1000px) {
#center img {
    max-width: auto !important;  
}
}


ul {
padding: 0px 0px 0px 0px; margin: 0px auto;
}

#tresc ul li {
padding: 0px; margin: 0 0 0 40px;
}

#tresc ul {
padding: 0px 0px 0px 0px; margin: 0px auto;
}

a, a:hover {
	text-decoration: none;
	}

		@media screen and (min-width: 901px) {	
		#social, #social2 {
			border: 0px solid #000000;
			display: block;
			width: 350px;
			height: 80px;
			top: 0;
			right: 0;
			margin: 27px 0px;
			padding: 0;
			position: fixed;
			z-index: 1001;
		}
		}
		@media screen and (max-width: 900px) {	
		#social, #social2 {
			border: 0px solid #000000;
			display: block;
			width: 350px;
			height: 80px;
			top: 0;
			right: 0;
			margin: 27px 0px;
			padding: 0;
			position: absolute;
			z-index: 1001;
		}
		}
		
		#social img, #social2 img {
			cursor: pointer;
		}
		
		#social a, #social2 a {
			margin: 0 12px;
		}

#facebook_box
{
float: right;
margin-right: 0px;
right: -260px;
height: 100px;
position: fixed;
padding: 0px;
z-index: 1000;
transition-property: right;
transition-duration: 1000ms;
transition-delay: 20ms;
-webkit-transition-property: right;
-webkit-transition-duration: 1000ms;
-webkit-transition-delay: 20ms;
-o-transition-property: right;
-o-transition-duration: 1000ms;
-o-transition-delay: 20ms;
-moz-transition-property: right;
-moz-transition-duration: 1000ms;
-moz-transition-delay: 20ms;
}

@media screen and (min-width: 1001px) {
#facebook_box
{
top: 25%;
}
}
@media screen and (max-width: 1000px) {
#facebook_box
{
top: 32%;
}
}

#facebook_box:hover
{
right: 0px;
}

#facebook_con
{
background: url(../grafika/facebook.png) top left no-repeat #ffffff;
float:right;
margin: 0 0px 0 0;
height: 100px;
}
#facebook_con img {
	height: 100px;
	border: 1px solid #eeeeee;
}
#facebook_con div {
	margin-left: 20px !important;
	background-color: transparent !important;
}

.facebook_enter {
margin-left: 30px;
background-color: #ffffff;
}


#facebook_slider_widget img {
    height: 80px !important;
    cursor: pointer;
}
	
@media screen and (min-width: 1001px) {
#top {
	display: block;
	border-bottom: 0;
	border-bottom: 0px solid rgba(120,120,120,0.5);
	width: 100%;
	height: 681px;
	padding: 0;
	text-align: center;
	position: relative;
	z-index: 110;
	opacity:1.0; 
	filter:alpha(opacity=100);
	background: url(../grafika/shadow.png) bottom center no-repeat;
	}
#top1 {
	display: block;
	border-bottom: 0px solid rgba(120,120,120,0.5);
	background-color: rgba(204,204,204,0.0);
	width: 100%;
	height: 60px;
	padding: 0;
	text-align: center;
	position: fixed;
	z-index: 110;
	}
#top2 {
	display: block;
	border-bottom: 0;
	//background: #a5d8ff; /* błękitny */
	//background: #095996; /* niebieski */
	background: #cccccc;
	width: 100%;
	height: 60px;
	padding: 0;
	text-align: center;
	position: fixed;
	z-index: 110;
	opacity:1.0; 
	filter:alpha(opacity=100);
	}
}
@media screen and (max-width: 1000px) {
#top1 {
	display: block;
	border: 0;
	background: #ffffff;
	border-bottom: 0;
	height: auto;
	width: 100%;
	//height: auto;
	padding: 0;
	text-align: center;
	}
#top2 {
	display: none;
	height: 0px;
	}
}
@media screen and (min-width: 1001px) {
#top-center {
	border: 0px solid #000000;
	width: 818px;
	height: 410px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
#top-center2 {
	border: 0px solid #000000;
	width: 1000px;
	height: 45px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
}
@media screen and (max-width: 1000px) {
#top-center {
	border: 0px solid #000000;
	width: 100%;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	display: inline-block;
	height: auto;
}
#top-center2 {
	display: none;
	height: 0px;
	}
}
}
	
	#classes_slider {
		float: left;
		clear: both;
		width: 100%;
		text-align: center;
	}
	
	@media screen and (min-width: 1001px) {
	#slider {
		border-bottom: 0px solid #000000;
		background: transparent;
		width: 818px;
		height: 410px;
		position: relative;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
		text-align: center;
		display: inline-block;
		z-index: 10;
	}
	#slider img {
		margin: 0;
		width: 818px !important;
		height: 410px;
		}
	#slider.margin {
		margin-bottom: 0px;
		}
	}
	@media screen and (max-width: 1000px) {
	#slider {
		border-top: 0px solid #ffffff;
		background: #ffffff;
		width: 100%;
		padding: 0px 0px 0px 0px;
		text-align: left;
		position: relative;
		z-index: 10;
		float: left;
	}
	#slider img {
		margin: 0;
		width: 100% !important;
		height: auto;
		}
	}
	
	@media screen and (min-width: 1001px) {
	#logo {
		border: 0px solid #000000;
		display: block;
		width: 100%;
		height: 47px;
		margin: 85px 0 5px;
		padding: 5px 0px 0px 5px;
		float: left;
		position: relative;
		z-index: 100;
		text-align: center; // do wycentrowania menu
	}
	#logo ul {
  		margin: 0;
  		padding: 0;
  		position: relative;
  		display: inline-block; // do wycentrowania menu
		}
		#logo li {
				display: block;
				background: url(../grafika/logo.png) top center no-repeat;
				background-size: 100%;
				margin: 0 0 0 0;
				width: 355px;
				height: 47px;
				float:left;
				list-style-type: none; // do wycentrowania menu
				text-align: center; // do wycentrowania menu
			}
			#logo li p.logo {
				width: 355px;
				height: 47px;
				padding: 0;
				margin: 0;
			}
	}
	@media screen and (max-width: 1000px) {
	#logo {
		border: 0px solid #000000;
		display: block;
		width: 100%;
		height: 47px;
		margin: 50px 0px 10px 0px;
		padding: 10px 0px 0px 0px;
		float: left;
		position: relative;
		text-align: center; // do wycentrowania menu
	}
	#logo ul {
  		margin: 0;
  		padding: 0;
  		position: relative;
  		display: inline-block; // do wycentrowania menu
		}
		#logo li {
				display: block;
				background: url(../grafika/logo.png) top left no-repeat;
				background-size: 100%;
				margin: 0 0 0 0;
				width: 355px;
				height: 47px; 
				float:left;
				list-style-type: none; // do wycentrowania menu
				text-align: center; // do wycentrowania menu
			}
			#logo li p.logo {
				width: 355px;
				height: 47px;
				padding: 0;
				margin: 0;
			}
	}
	
	@media screen and (max-width: 399px) {
	#logo {
		border: 0px solid #000000;
		display: block;
		width: 100%;
		height: 40px;
		margin: 50px 0px 10px 0px;
		padding: 10px 0px 0px 0px;
		float: left;
		position: relative;
		text-align: center; // do wycentrowania menu
	}
	#logo ul {
  		margin: 0;
  		padding: 0;
  		position: relative;
  		display: inline-block; // do wycentrowania menu
		}
		#logo li {
				display: block;
				background: url(../grafika/logo.png) top left no-repeat;
				background-size: 100%;
				margin: 0 0 0 0;
				width: 300px;
				height: 40px;
				float:left;
				list-style-type: none; // do wycentrowania menu
				text-align: center; // do wycentrowania menu
			}
			#logo li p.logo {
				width: 300px;
				height: 40px;
				padding: 0;
				margin: 0;
			}
	}
	
	@media screen and (min-width: 1001px) {
	#szybkikontakt {
			border: 0px solid #000000;
			display: block;
			width: 100%;
			height: auto;
			margin: 10px 0px;
			padding: 0px;
			position: relative;
			float: left;
		}
			#szybkikontakt li {
				display: block;
				display: block;
				width: 100%;
				height: auto;
				float:left;
			}
			#szybkikontakt li.social {
			display: block;
			width: auto;
			height: auto;
			float: right;
			padding: 0 5px;
			}					
			#szybkikontakt p {
				text-align: left;
				color: #000000;
			} 
			
			#szybkikontakt a {
				//text-align: right;
				//font-size: 14px;
				//font-weight: none;
				//text-transform: none;
			}
			#szybkikontakt a:hover {
			}
	#szybkikontakt2 {
			border: 0px solid #000000;
			display: block;
			width: 1100px;
			height: auto;
			margin: 5px 0 0 0px;
			padding: 0px;
			position: absolute;
			z-index: 5;
			float: left;
		}
			#szybkikontakt2 li {
				display: block;
				display: block;
				width: 300px;
				height: auto;
				float:left;
				color: #FFFFFF;
			}
			#szybkikontakt2 p {
				text-align: left;
				color: #000000;
				margin: 2px;
			} 
			
			#szybkikontakt2 a {
				color: #000000;
			}
			#szybkikontakt a:hover {
			}
	}
	@media screen and (max-width: 1000px) {
	#szybkikontakt {
			border: 0px solid #000000;
			display: block;
			width: 100%;
			height: auto;
			margin: 0px 0 0;
			padding: 0px;
			position: relative;
			z-index: 10;
			float: left;
			text-align: center !important;
		}
			#szybkikontakt li {
				display: block;
				width: 100%;
				height: auto;
				float:left;
				color: #FFFFFF;
			}
			#szybkikontakt li.social {
			display: block;
			width: auto;
			height: auto;
			float: right;
			padding: 5px 5px;
			}	
			#szybkikontakt p {
				text-align: center !important;
				color: #000000;
			} 
	#szybkikontakt2 {
			border: 0px solid #000000;
			display: block;
			width: 100%;
			height: auto;
			margin: 0px 0 0;
			padding: 0px;
			position: relative;
			float: left;
			text-align:center;
			border-bottom: 0px solid #dddddd;
			
		}
			#szybkikontakt2 li {
				display: block;
				width: 100%;
				height: auto;
				float:left;
				color: #FFFFFF;
			}
			#szybkikontakt2 p {
				text-align: center !important;
				color: #000000;
			} 
	}
	
	@media screen and (max-width: 650px) {

			#szybkikontakt p {
				text-align: left;
				color: #000000;
			}
			#szybkikontakt2 p {
				text-align: left;
				color: #000000;
			}
	}
	
	@media screen and (min-width: 1001px) {
	#jezyki {
			border: 0px solid #000000;
			display: inline-block;
			width: 100%;
			height: 50px;
			position: relative;
			text-align: center;
		}
			#jezyki div {
			display: inline-block;
			width: 818px;
			}
			#jezyki li {
				display: block;
				width: 30px;
				height: 50px;
				float: right;
				color: #000000;
				line-height: 50px;
				text-align: center;
			}
			#jezyki li:hover {
				background: #aaaaaa;
				color: #ffffff;
			}
			
			#jezyki p.tytul {
				text-align: left;
				font-size: 16px;
				font-weight: bold;
				text-transform: none;
				color: #FFFFFF;
			}
			
			#jezyki a {
				text-align: right;
				font-size: 14px;
				font-weight: none;
				text-transform: none;
				color: #000000;
			}
			#jezyki a:hover {
				color: #1f1b4a;
			}
				#jezyki img {
				border: 0px solid #000000;
			}
	}
	@media screen and (max-width: 1000px) {
	#jezyki {
			border: 0px solid #000000;
			display: block;
			width: 100%;
			height: 50px;
			position: relative;
			z-index: 5;
			margin: 0;
			padding: 0;
			right: 0px;
			text-align: center;
			float: left;
		}
			#jezyki li {
				display: block;
				width: 30px;
				height: 60px;
				float:left;
				color: #000000;
				line-height: 60px;
				text-align: center;
			}
			#jezyki li:hover {
				background: #aaaaaa;
				color: #ffffff;
			}
			#jezyki p.tytul {
				text-align: left;
				font-size: 16px;
				font-weight: bold;
				text-transform: none;
				color: #FFFFFF;
			}
			
			#jezyki a {
				text-align: right;
				font-size: 14px;
				font-weight: none;
				text-transform: none;
				color: #000000;
			}
			#jezyki a:hover {
				color: #9eb0ba;
			}
				#jezyki img {
				border: 0px solid #000000;
			}
	}

	
	@media screen and (min-width: 1001px) {	
	#menuup {
		display: block;
		width: 100%;
		height: 60px;
		margin-top: 0px;
		padding: 0;
		position: relative;
		text-align: center;
		float: left;
	}
	#menuup.up {
		background: transparent;
	}
	
	#menuup.mobile {
		display: none;
	}
	#menuup.desktop {
		display: block;
	}
	
	#menubot {
		border-top: 0px solid #b9b9b9;
		display: block;
		width: 1000px;
		height: 30px;
		margin-top: 0px;
		padding: 0px 0px 0px 0px;
		float: right;
	}
	}
	@media screen and (max-width: 1000px) {	
	#menuup {
		background: #cccccc;
		display: block;
		width: 100%;
		height: auto;
		padding: 0px 0px 0px 0px;
		float: left;
	}
	#menubot {
		border: 0px solid #000000;
		display: none;
		width: 0;
		height: 0;
		padding: 0px 0px 0px 0px;
		float: left;
	}
	#menuup.mobile {
		display: block;
	}
	#menuup.desktop {
		display: none;
	}
	}
		
	
	
	
	
	
	
	@media screen and (min-width: 1001px) {	
	#naglowek {
		display: block;
		width: 100%;
		min-height: 80px;
		height: auto;
		text-align: center;
		float:left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	#nawigacja {
		display: block;
		width: 100%;
		min-height: 20px;
		height: auto;
		text-align: center;
		float:left;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
	}
	}
	@media screen and (max-width: 1000px) {
	#naglowek {
		border: 0px solid #dddddd;
		display: block;
		width: 100%;
		min-height: 60px;
		height: auto;
		text-align: center;
		float:left;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
	}
	#nawigacja {
		display: block;
		width: 100%;
		min-height: 20px;
		height: auto;
		text-align: center;
		float:left;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
	}
	}
	#naglowek h1 {
		text-align: center;
		font-size: 16px;
		font-weight: 600;
		text-transform: normal;
		line-height: 30px;
		color: #000000;
		margin: 0 0px;
		padding: 0;
		cursor: default;
	}
	#nawigacja h1 {
		text-align: left;
		font-size: 12px;
		font-weight: normal;
		text-transform: normal;
		line-height: 20px;
		color: #1f1b4a;
		margin: 0 25px;
		padding: 0;
		cursor: default;
	}
	#naglowek a, #nawigacja a {
		color: #333333;
	}
	#naglowek a:hover, #nawigacja a:hover {
		color: #000000;
	}

.down {
position: absolute;
font-size: 18px;
text-align:center;
z-index: 100;
color: #ffffff;
overflow: hidden;
width: 100%;
height: 80px;
bottom: 20px;
text-shadow: 1px 1px 3px #111111;
-moz-text-shadow: 1px 1px 3px #111111;
-webkit-text-shadow: 1px 1px 3px #111111;
}
.down i {
font-size: 36px;
}
.down a {
color: #ffffff;
font-weight: 600;
opacity:0.7; 
filter:alpha(opacity=70);
}
.down a:hover {
color: #ffffff;
opacity:1.0; 
filter:alpha(opacity=100);
}

#przewin-strone {
padding: 20px;
}
#przewin-strone.strona-glowna {
padding: 0px;
}

#center {
	display: block;
	border: 0px solid #FFFFFF;
	width: 100%;
	//height: auto; /* dla przyklejenia bottom'a do dolnej linii: min-height: 100%; */
	padding: 0;
	margin: 0;
	text-align: center;
	background: transparent;
	float: left;
	margin-top: 0px;	
	position: relative;
	}	
#center.strona-glowna {
	margin-top: 0px !important;
	min-height: 0 !important;
}

#center.out {
	display: none;
	}	

#center {
min-height: 410px;
}



	@media screen and (min-width: 1001px) {
	#strona {
	border: 0px solid #000000;
	width: 818px;
	height: 410px;
	overflow: hidden;
	border: 1px solid #e1e1e1;
	border-bottom: 2px solid #e1e1e1;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	//min-height: 630px;
	//height: auto; /* dla przyklejenia bottom'a do dolnej linii: position: relative; height: 100%; */
	position: relative;
	}
	#strona.strona-glowna {
	width: 100% !important;
	min-height: auto !important;
	height: 100% !important;
	overflow: hidden;
	border: 0px solid #e1e1e1;
	border-bottom: 0px solid #e1e1e1;
	}
	#strona.kontakt {
	background: url(../zdjecia/contact.png);
	}
	}
	@media screen and (max-width: 1000px) {
	#strona {
	border: 0px solid #000000;
	width: 100%;
	height: auto;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	}
	}



@media screen and (min-width: 1001px) {
#td2 {width: 818px; cursor: default;
	//min-height: 100px;
	margin: 0px 0;
	//border-left: 1px solid #b9b9b9; //border-right: 1px solid #b9b9b9;
	//float: left; /* dla przyklejenia bottom'a do dolnej linii: position: relative; height: 100%; float: none; */
	position: relative; height: 100%; float: none;
}
#td2.strona-glowna {
	margin: 0px 0 !important;
	width: 100% !important;
}
#td1 {width: 100%; cursor: default;
	//min-height: 100px;
	background: #28166f;
	border-top: 0px solid #da251d;
	//margin: 0;
	//border-left: 1px solid #b9b9b9; //border-right: 1px solid #b9b9b9;
	//float: left; /* dla przyklejenia bottom'a do dolnej linii: position: relative; height: 100%; float: none; */
	//position: relative; height: 100%; float: left;
	
}
}
@media screen and (max-width: 1000px) {
#td2 {float: left; width: 100%; border: 0px solid #000000; cursor: default;
	background: #ffffff;
	min-height: 0px;
	margin: 0;
}
#td1 {float: left; width: 100%; border: 0px solid #000000; cursor: default;
	background: #28166f;
	border-top: 0px solid #da251d;
	min-height: 0px;
	margin: 0;
}
}
	@media screen and (min-width: 1001px) {
	#td2 #tresc {
		border: 0px solid #000000;
		display: block;
		width: 738px;
		min-height: 0px;
		height: auto;
		margin: 20px 40px 0px;
		padding: 0 0 10px;
		text-align: justify;
		color: #000000;
		font-size: 18px;
		line-height: 20px;
		font-weight: normal;
		text-transform: none;
		//float:left; /* dla przyklejenia bottom'a do dolnej linii: float:none; */
		float:none;
	}
	@media screen and (min-height: 1301px) and (max-height: 1400px) {
	#td2 #tresc {	    height: 1200px !important; }
	}
	@media screen and (min-height: 1201px) and (max-height: 1300px) {
	#td2 #tresc {	    height: 1100px !important; }
	}
	@media screen and (min-height: 1101px) and (max-height: 1200px) {
	#td2 #tresc {	    height: 1000px !important; }
	}
	@media screen and (min-height: 1001px) and (max-height: 1100px) {
	#td2 #tresc {	    height: 900px !important; }
	}
	@media screen and (max-height: 1000px) {
	#td2 #tresc {	    height: auto; }
	}
	
	#td2 #tresc.strona-glowna {
	width: 100% !important;
	margin: 0px 0px 0px !important;
	}
	}
	@media screen and (max-width: 1000px) {
	#td2 #tresc {
		border: 0px solid #000000;
		display: block;
		width: 98%;
		min-height: 0px;
		height: auto;
		margin: 20px 2px 10px;
		padding: 0;
		text-align: justify;
		font-size: 14px;
		line-height: 20px;
		font-weight: normal;
		text-transform: none;
		color: #000000;
		float:left;
	}
	}
	
	#td2 #tresc.strona-glowna h1 {
		font-size: 28px;
		text-align: center;
		margin: 10px 0;
		color: #6d6d6d;
		border-bottom: 9px solid #ff7200;
		padding: 10px 0;
	}
	#td2 #tresc.strona-glowna p {
		margin: 10px 10px;
	}
	
	@media screen and (min-width: 1001px) {
	#td2 #tresc .kontakt {
		//min-height: 400px;
	}
	}
	
	@media screen and (min-width: 651px) {
	#td2 #tresc .kontakt iframe {
		//width: 600px;
	}
	}
	@media screen and (max-width: 650px) {
	#td2 #tresc .kontakt iframe {
		//width: 49%;
	}
	}
	
		#tresc img.gal {
		border: 1px solid #cccccc;
		padding: 0;
		margin: 2px;
		opacity:0.8; 
 		filter:alpha(opacity=80);
		}
		#tresc img.gal:hover {
		border: 1px solid #ffffff;
		opacity:1.0; 
 		filter:alpha(opacity=100);
		}
		#tresc img.gal1 {
		border: 1px solid #ffffff;
		padding: 0;
		margin: 2px;
		opacity:0.9; 
 		filter:alpha(opacity=90);
		}
		#tresc img.gal1:hover {
		border: 1px solid #cccccc;
		opacity:1.0; 
 		filter:alpha(opacity=100);
		}
		
		@media screen and (min-width: 380px) {
		.rodzajgalerii1 {
			float:left;
			width: 350px;
			margin: 0 5px;
		}
		.kolumna2 {
			display: inline-block;
			width: 500px;
			margin: 15px 20px;
			
		}
		.kolumna3 {
			display: inline-block;
			width: 330px;
			margin: 15px 15px;
			vertical-align: top;
		}
		}
		@media screen and (max-width: 379px) {
		.rodzajgalerii1 {
			float:left;
			width: 300px;
			margin: 0 5px;
		}
		.kolumna {
			float:left;
			width: 340px;
			margin: 0 5px;
		}
		}
		@media screen and (max-width: 359px) {
		.kolumna {
			float:left;
			width: 310px;
			margin: 0 5px;
		}
		}
		.rodzajgalerii1 .lupa {
		display: none;
		width: 50px;
		height: 50px;
		background: transparent;
		position: absolute;
		text-align: center;
		z-index: 100;
		margin: 150px;
		font-size: 50px;
		color: #000000;
		}
		.rodzajgalerii1:hover .lupa {
		display: block;
		}
		.rodzajgalerii1 span {
			display:none;
		}
		.rodzajgalerii1:hover span {
			display:block;
		}
		
		
		#td2 #tresc .srodek {
			width: 100%;
			text-align: center;
		}
		
		#td2 #tresc .srodek p {
			//width: 100%;
			//height: 50px;
			//line-height: 50px;
			//text-align: center;
			//text-weight: bold;
			//font-size: 22px;
			//border-top: 1px solid #555555;
		}
		
		#td2 #tresc .oferta-center {
			display: inline-block; // do wycentrowania menu
		}
		#td2 #tresc .oferta-center:hover .oferta-main {
			opacity:1.0; 
 			filter:alpha(opacity=100);
		}
		#td2 #tresc .oferta-center:hover .oferta-main:hover {
			opacity:1.0; 
 			filter:alpha(opacity=100);
		}	

/* 	----------------------------------------------------------------------------------------------- */	
/* 	standardowy */
/* 	----------------------------------------------------------------------------------------------- */	
		@media screen and (min-width: 380px) {
		.oferta-main.box0 {
			cursor: pointer;
			background: #eeeeee;
			width: 360px;
			height: 300px; 
			overflow: hidden;
			margin: 0px -2px;
			padding: 0px 0px 0px 0px;
			cursor: hand;
			display: inline-block;
			border-radius: 0 0;
			-moz-border-radius: 0 0;
			-webkit-border-radius: 0 0;
			background-position: top center;
			background-repeat: no-repeat;
			background-size: 150% auto;
		}
		}
		@media screen and (max-width: 379px) {
		.oferta-main.box0 {
			cursor: pointer;
			background: #eeeeee;
			width: 310px;
			height: 300px; 
			overflow: hidden;
			margin: 1px 1px;
			padding: 0px 0px 0px 0px;
			cursor: hand;
			display: inline-block;
			border-radius: 0 0;
			-moz-border-radius: 0 0;
			-webkit-border-radius: 0 0;
			background-position: top center;
			background-repeat: no-repeat;
			background-size: 180% auto;
		}
		}
				
		.oferta-main.box0 .box11 {
			position: relative;
			height: 100%;
			background-color: rgba(255, 255, 255, 0.0);
		}
		.oferta-main.box0 .box12 {
			display: none;
		}
		.oferta-main.box0:hover .box11, .oferta-main.box0:hover .box12 {
			background-color: rgba(255, 255, 255, 0.3);
		}
			
		.oferta-main.box0 .tytul-oferta.box0 {
			right: 0;
			bottom: 0;
			margin: 0;
			position: relative;
			width: 360px;
			color: #000000;
			padding: 0 5px;
			font-size: 24px;
			line-height: 20px;
			font-weight: 600;
			text-align: center;
			text-transform: none;
			vertical-align: middle;
			display: table-cell;
			line-height: auto;
			text-shadow: 1px 1px 5px #ffffff;
			-moz-text-shadow: 1px 1px 5px #ffffff;
			-webkit-text-shadow: 1px 1px 5px #ffffff;
			float:none;
			padding-top: 55%;
			text-stroke: 0.5px #ccc;
			-moz-text-stroke: 0.5px #ccc;
			-webkit-text-stroke: 0.5px #ccc;
		}
	
		@media screen and (min-width: 380px) {
		.oferta-main .tytul-oferta {
				right: 0;
				bottom: 0;
				//float: left;
				margin: 5px 0 0 0;
				position: aboslute;
				width: 360px;
				height: 100px;
				color: #000000;
				padding: 0 5px;
				font-size: 24px;
				line-height: 20px;
				font-weight: 600;
				text-align: center;
				text-transform: none;
				vertical-align: middle;
				display: table-cell;
				line-height: auto;
				text-shadow: 1px 1px 2px #ffffff;
				-moz-text-shadow: 1px 1px 2px #ffffff;
				-webkit-text-shadow: 1px 1px 2px #ffffff;
			}
			.oferta-main .tresc-oferta {
				text-align: center;
				height: 100px;
				border-top: 0px solid #ffffff;
				padding: 0px 0px;
				width: 360px;
				font-size: 16px !important;
				line-height: 15px;
				margin: 0px 0px 0px 0px;
				text-shadow: 1px 1px 3px #111111;
				-moz-text-shadow: 1px 1px 3px #111111;
				-webkit-text-shadow: 1px 1px 3px #111111;
				padding-top: 55%;
			}
		}
		@media screen and (max-width: 379px) {
		.oferta-main .tytul-oferta {
				right: 0;
				bottom: 0;
				//float: left;
				margin: 5px 0 0 0;
				position: aboslute;
				width: 310px;
				height: 100px;
				color: #000000;
				padding: 0 5px;
				font-size: 24px;
				line-height: 20px;
				font-weight: 600;
				text-align: center;
				text-transform: none;
				vertical-align: middle;
				display: table-cell;
				line-height: auto;
				text-shadow: 1px 1px 2px #ffffff;
				-moz-text-shadow: 1px 1px 2px #ffffff;
				-webkit-text-shadow: 1px 1px 2px #ffffff;
			}
			.oferta-main .tresc-oferta {
				text-align: center;
				height: 100px;
				border-top: 0px solid #ffffff;
				padding: 0px 0px;
				width: 310px;
				font-size: 16px !important;
				line-height: 15px;
				margin: 0px 0px 0px 0px;
				text-shadow: 1px 1px 3px #111111;
				-moz-text-shadow: 1px 1px 3px #111111;
				-webkit-text-shadow: 1px 1px 3px #111111;
			}
		}
	


/* 	----------------------------------------------------------------------------------------------- */	
/* 	rozszerzony - strona glowna */
/* 	----------------------------------------------------------------------------------------------- */

		.oferta-center a {
			cursor: pointer;
		}

		.oferta-main.box1 {
			overflow: hidden;
			margin: 1px 1px;
			padding: 0px 0px 0px 0px;
			cursor: hand;
			display: inline-block;
			border-radius: 0 0;
			-moz-border-radius: 0 0;
			-webkit-border-radius: 0 0;
			background-repeat: no-repeat;
		}
		.oferta-main.box1 .tytul-oferta.box1 {
			right: 0;
			bottom: 0;
			margin: 0;
			color: #095996;
			padding: 0;
			font-size: 28px;
			line-height: 27px;
			font-weight: 600;
			text-align: center;
			text-transform: none;
			vertical-align: middle;
			display: table-cell;
			line-height: auto;
			text-shadow: 1px 1px 2px #ffffff;
			-moz-text-shadow: 1px 1px 2px #ffffff;
			-webkit-text-shadow: 1px 1px 2px #ffffff;
			float:none;
		}
		.oferta-main.box1 .tresc-oferta.box1 {
			right: 0;
			bottom: 0;
			margin: 0;
			color: #000000;
			padding: 0;
			line-height: 20px;
			font-weight: 300;
			text-transform: none;
			display: table-cell;
			line-height: auto;
			text-shadow: 1px 1px 2px #ffffff;
			-moz-text-shadow: 1px 1px 2px #ffffff;
			-webkit-text-shadow: 1px 1px 2px #ffffff;
			float:none;
		}
		.oferta-main.box1 .box11, .oferta-main.box1 .box12 {
			background-color: rgba(255,255,255,0.2);
		}
		.oferta-main.box1:hover .box11, .oferta-main.box1:hover .box12 {
			background-color: rgba(200,200,200,0.2);
		}
		.oferta-main.box1.nolink:hover .box11, .oferta-main.box1.nolink:hover .box12 {
			background-color: #ffffff;
		}
		.oferta-main.box1 .tresc-oferta.box1 p {
			color: #000000;
			font-size: 16px;
		}
		
		
		@media screen and (min-width: 1200px) {
		.oferta-main.box1 {
			width: 1100px;
			height: 300px; 
			background-size: 50% auto;
		}
		.oferta-main.box1 .tytul-oferta.box1 {
			width: 550px;
			height: 300px;
		}
		.oferta-main.box1 .tresc-oferta.box1 {
			width: 550px;
			height: 300px;
			vertical-align: middle;
		}
		.oferta-main.box1.pos1 {
		background-position: left center;
		}
		.oferta-main.box1.pos2 {
		background-position: right center;
		}
		.oferta-main.box1.pos1 .box11, .oferta-main.box1.pos1 .box12 {
			float:left;
		}
		.oferta-main.box1.pos2 .box12, .oferta-main.box1.pos2 .box11 {
			float:right;
		}
		.oferta-main.box1.pos1 .tresc-oferta.box1 {
			text-align: left;
		}
		.oferta-main.box1.pos2 .tresc-oferta.box1 {
			text-align: right;
		}
		}
		@media screen and (max-width: 1199px) {
		.oferta-main.box1 {
			width: 550px;
			height: 600px; 
			background-size: 100% auto;
		}
		.oferta-main.box1 .tytul-oferta.box1 {
			width: 550px;
			height: 300px;
		}
		.oferta-main.box1 .tresc-oferta.box1 {
			width: 550px;
			height: 300px;
			background: #fff;
			vertical-align: top;
		}
		.oferta-main.box1:hover .tresc-oferta.box1 {
			
		}
		.oferta-main.box1.pos1 {
		background-position: top center;
		}
		.oferta-main.box1.pos2 {
		background-position: top center;
		}
		.oferta-main.box1.pos1 .box11, .oferta-main.box1.pos1 .box12 {
			float:left;
		}
		.oferta-main.box1.pos2 .box12, .oferta-main.box1.pos2 .box11 {
			float:left;
		}
		.oferta-main.box1.pos1 .tresc-oferta.box1 {
			text-align: center;
		}
		.oferta-main.box1.pos2 .tresc-oferta.box1 {
			text-align: center;
		}
		}
		@media screen and (max-width: 599px) {
		.oferta-main.box1 {
			width: 300px;
			height: auto; 
			background-size: 150% auto;
		}
		.oferta-main.box1 .tytul-oferta.box1 {
			width: 300px;
			height: 200px;
		}
		.oferta-main.box1 .tresc-oferta.box1 {
			width: 300px;
			height: 400px;
			background: #fff;
			vertical-align: top;
		}
		.oferta-main.box1:hover .tresc-oferta.box1 {
			
		}
		.oferta-main.box1.pos1 {
		background-position: top center;
		}
		.oferta-main.box1.pos2 {
		background-position: top center;
		}
		.oferta-main.box1.pos1 .box11, .oferta-main.box1.pos1 .box12 {
			float:left;
		}
		.oferta-main.box1.pos2 .box12, .oferta-main.box1.pos2 .box11 {
			float:left;
		}
		.oferta-main.box1.pos1 .tresc-oferta.box1 {
			text-align: center;
		}
		.oferta-main.box1.pos2 .tresc-oferta.box1 {
			text-align: center;
		}
		}
		
/* 	----------------------------------------------------------------------------------------------- */	
/* 	dla uslug */
/* 	----------------------------------------------------------------------------------------------- */		
		
		.oferta-main.box2 {
			cursor: pointer;
			overflow: hidden;
			margin: 1px 1px;
			padding: 0px 0px 0px 0px;
			cursor: hand;
			display: inline-block;
			border-radius: 0 0;
			-moz-border-radius: 0 0;
			-webkit-border-radius: 0 0;
			background-repeat: no-repeat;
		}
		.oferta-main.box2 .tytul-oferta.box2 {
			right: 0;
			bottom: 0;
			margin: 0;
			color: #095996;
			padding: 95px 0 5px;
			font-size: 24px;
			line-height: 23px;
			font-weight: 600;
			text-align: center;
			text-transform: none;
			vertical-align: middle;
			display: table-cell;
			line-height: auto;
			text-shadow: 1px 1px 2px #ffffff;
			-moz-text-shadow: 1px 1px 2px #ffffff;
			-webkit-text-shadow: 1px 1px 2px #ffffff;
			float:none;
		}
		.oferta-main.box2 .tresc-oferta.box2 {
			right: 0;
			bottom: 0;
			margin: 0;
			color: #000000;
			padding: 0;
			line-height: 20px;
			font-weight: 300;
			text-transform: none;
			display: table-cell;
			line-height: auto;
			text-shadow: 1px 1px 2px #ffffff;
			-moz-text-shadow: 1px 1px 2px #ffffff;
			-webkit-text-shadow: 1px 1px 2px #ffffff;
			float:none;
		}
		.oferta-main.box2 .box11, .oferta-main.box2 .box12 {
			background-color: rgba(255,255,255,0.0);
		}
		.oferta-main.box2:hover .box11, .oferta-main.box2:hover .box12 {
			background-color: rgba(200,200,200,0.2);
		}
		.oferta-main.box2.pos1 .tresc-oferta.box2 {
			text-align: center;
		}
		.oferta-main.box2.pos2 .tresc-oferta.box2{
			text-align: center;
		}
		
		
		@media screen and (min-width: 550px) {
		.oferta-main.box2 {
			width: 500px;
			height: auto; 
			background-size: 100% auto;
		}
		.oferta-main.box2 .tytul-oferta.box2 {
			width: 500px;
			height: 100px;
		}
		.oferta-main.box2 .tresc-oferta.box2 {
			width: 500px;
			height: 200px;
			background: #fff;
			vertical-align: top;
		}
		.oferta-main.box2:hover .tresc-oferta.box2 {
			background: #f4f4f4;;
		}
		.oferta-main.box2.pos1 {
		background-position: top center;
		}
		.oferta-main.box2.pos2 {
		background-position: top center;
		}
		.oferta-main.box2.pos1 .box11, .oferta-main.box2.pos1 .box12 {
			float:left;
		}
		.oferta-main.box2.pos2 .box12, .oferta-main.box2.pos2 .box11 {
			float:left;
		}
		.oferta-main.box2 .tresc-oferta.box2 p {
			color: #000000;
			font-size: 16px;
			margin: 0 10px;
		}
		}
		@media screen and (max-width: 549px) {
		.oferta-main.box2 {
			width: 300px;
			height: auto; 
			background-size: 150% auto;
		}
		.oferta-main.box2 .tytul-oferta.box2 {
			width: 300px;
			height: 100px;
		}
		.oferta-main.box2 .tresc-oferta.box2 {
			width: 300px;
			height: 200px;
			background: #fff;
			vertical-align: top;
		}
		.oferta-main.box2:hover .tresc-oferta.box2 {
			background: #f4f4f4;;
		}
		.oferta-main.box2.pos1 {
		background-position: top center;
		}
		.oferta-main.box2.pos2 {
		background-position: top center;
		}
		.oferta-main.box2.pos1 .box11, .oferta-main.box2.pos1 .box12 {
			float:left;
		}
		.oferta-main.box2.pos2 .box12, .oferta-main.box2.pos2 .box11 {
			float:left;
		}
		.oferta-main.box2 .tresc-oferta.box2 p {
			color: #000000;
			font-size: 14px;
			margin: 0 0 20px;
		}
		}
		
/* 	----------------------------------------------------------------------------------------------- */	
/* 	dla realizacji */
/* 	----------------------------------------------------------------------------------------------- */		
		
		.oferta-main.box3 {
			cursor: pointer;
			overflow: hidden;
			margin: 1px 1px;
			padding: 0px 0px 0px 0px;
			cursor: hand;
			display: inline-block;
			border-radius: 0 0;
			-moz-border-radius: 0 0;
			-webkit-border-radius: 0 0;
			background-repeat: no-repeat;
			float: none;
			vertical-align: top;
		}
		.oferta-main.box3 .tytul-oferta.box3 {
			right: 0;
			bottom: 0;
			margin: 0;
			color: #095996;
			padding: 0 0 100px;
			font-size: 24px;
			line-height: 23px;
			font-weight: 600;
			text-align: center;
			text-transform: none;
			vertical-align: middle;
			display: table-cell;
			line-height: auto;
			text-shadow: 1px 1px 2px #ffffff;
			-moz-text-shadow: 1px 1px 2px #ffffff;
			-webkit-text-shadow: 1px 1px 2px #ffffff;
			float:none;
		}
		.oferta-main.box3 .tresc-oferta.box3 {
			right: 0;
			bottom: 0;
			margin: 0;
			color: #000000;
			padding: 0;
			line-height: 20px;
			font-weight: 300;
			text-transform: none;
			display: table-cell;
			line-height: auto;
			text-shadow: 1px 1px 2px #ffffff;
			-moz-text-shadow: 1px 1px 2px #ffffff;
			-webkit-text-shadow: 1px 1px 2px #ffffff;
			float:none;
		}
		.oferta-main.box3 .box12 {
			display:none;
		}
		.oferta-main.box3 .box12:hover {
			display:block;
		}
		
		
		.oferta-main.box3 .box11, .oferta-main.box3 .box12 {
			background-color: rgba(255,255,255,0.0);
		}
		.oferta-main.box3:hover .box11, .oferta-main.box3:hover .box12 {
			background-color: rgba(255,255,255,0.3);
			display:block;
		}
		.oferta-main.box3.pos1 .tresc-oferta.box3 {
			text-align: center;
		}
		.oferta-main.box3.pos2 .tresc-oferta.box3{
			text-align: center;
		}
		
	/* animacja rozwijania ------------------------------ */
		.oferta-main.box3 .box12 {
			display: block !important;
			height: 0px;
			transition-property: height;
			transition-duration: 0.5s;
		}
		.oferta-main.box3:hover .box12 {
			height: 100px;
			transition-property: height;
			transition-duration: 1s;
		}
	/* ------------------- ------------------------------ */
		
		
		@media screen and (min-width: 400px) {
		.oferta-main.box3 {
			width: 360px;
			height: auto;
			background-size: 100% auto;
			padding-top: 100px;
		}
		.oferta-main.box3 .tytul-oferta.box3 {
			width: 360px;
			height: 100px;
		}
		.oferta-main.box3 .tresc-oferta.box3 {
			width: 360px;
			height: 150px;
			background: #fff;
			vertical-align: top;
		}
		.oferta-main.box3:hover .tresc-oferta.box3 {
			background: #ffffff;
		}
		.oferta-main.box3.pos1 {
		background-position: top 100px center;
		}
		.oferta-main.box3.pos2 {
		background-position: top 100px center;
		}
		.oferta-main.box3.pos1 .box11 {
			float:left;
			margin: -100px 0 100px;
		}
		.oferta-main.box3.pos1 .box12 {
			float:left;
		}
			.oferta-main.box3.pos1:hover .box11 {
			margin: -100px 0 0px;
			height: 300px;
			}
			.oferta-main.box3.pos1:hover .box12 {
			//margin: 0px 0 0px;
			}

		.oferta-main.box3.pos2 .box11 {
			float:left;
			margin: -100px 0 100px;
		}
		.oferta-main.box3.pos2 .box12 {
			float:left;
		}
			.oferta-main.box3.pos2:hover .box11 {
			margin: -100px 0 0px;
			height: 300px;
			}
			.oferta-main.box3.pos2:hover .box12 {
			margin: 0px 0 0px;
			}
			
		.oferta-main.box3 .tresc-oferta.box3 p {
			color: #000000;
			font-size: 16px;
			margin: 0 10px;
		}
		}
		@media screen and (max-width: 399px) {
		.oferta-main.box3 {
			width: 300px;
			height: auto;
			background-size: 120% auto;
			padding-top: 100px;
		}
		.oferta-main.box3 .tytul-oferta.box3 {
			width: 300px;
			height: 100px;
		}
		.oferta-main.box3 .tresc-oferta.box3 {
			width: 300px;
			height: 200px;
			background: #fff;
			vertical-align: top;
		}
		.oferta-main.box3:hover .tresc-oferta.box3 {
			background: #ffffff;
		}
		.oferta-main.box3.pos1 {
		background-position: top 100px center;
		}
		.oferta-main.box3.pos2 {
		background-position: top 100px center;
		}
		.oferta-main.box3.pos1 .box11, .oferta-main.box3.pos1 .box12 {
			float:left;
			margin: -100px 0 100px;
		}
			.oferta-main.box3.pos1:hover .box11 {
			margin: -100px 0 0px;
			height: 300px;
			}
			.oferta-main.box3.pos1:hover .box12 {
			margin: 0px 0 0px;
			}
		
		.oferta-main.box3.pos2 .box11, .oferta-main.box3.pos2 .box12 {
			float:left;
			margin: -100px 0 100px;
		}
			.oferta-main.box3.pos2:hover .box11 {
			margin: -100px 0 0px;
			height: 300px;
			}
			.oferta-main.box3.pos2:hover .box12 {
			margin: 0px 0 0px;
			}
			
		.oferta-main.box3 .tresc-oferta.box3 p {
			color: #000000;
			font-size: 16px;
			margin: 0 10px;
		}
		}

/* 	----------------------------------------------------------------------------------------------- */	
/* 	dla aktualnosci / kariery */
/* 	----------------------------------------------------------------------------------------------- */		
		
		.oferta-main.box4 {
			cursor: pointer;
			overflow: hidden;
			margin: 1px 1px;
			padding: 0px 0px 0px 0px;
			cursor: hand;
			display: inline-block;
			border-radius: 0 0;
			-moz-border-radius: 0 0;
			-webkit-border-radius: 0 0;
			background-repeat: no-repeat;
			float: none;
			vertical-align: top;
		}
		.oferta-main.box4 .tytul-oferta.box4 {
			right: 0;
			bottom: 0;
			margin: 0;
			color: #095996;
			padding: 0 0 100px;
			font-size: 24px;
			line-height: 23px;
			font-weight: 600;
			text-align: center;
			text-transform: none;
			vertical-align: middle;
			display: table-cell;
			line-height: auto;
			text-shadow: 1px 1px 2px #ffffff;
			-moz-text-shadow: 1px 1px 2px #ffffff;
			-webkit-text-shadow: 1px 1px 2px #ffffff;
			float:none;
		}
		.oferta-main.box4 .tresc-oferta.box4 {
			right: 0;
			bottom: 0;
			margin: 0;
			color: #000000;
			padding: 0;
			line-height: 20px;
			font-weight: 300;
			text-transform: none;
			display: table-cell;
			line-height: auto;
			text-shadow: 1px 1px 2px #ffffff;
			-moz-text-shadow: 1px 1px 2px #ffffff;
			-webkit-text-shadow: 1px 1px 2px #ffffff;
			float:none;
		}
		.oferta-main.box4 .box12 {
			display:block;
		}
		.oferta-main.box4 .box12:hover {
			display:block;
		}
		.oferta-main.box4 .box11, .oferta-main.box4 .box12 {
			background-color: rgba(255,255,255,0.0);
		}
		.oferta-main.box4:hover .box11, .oferta-main.box4:hover .box12 {
			background-color: rgba(255,255,255,0.3);
			display:block;
		}
		.oferta-main.box4.pos1 .tresc-oferta.box4 {
			text-align: center;
		}
		.oferta-main.box4.pos2 .tresc-oferta.box4{
			text-align: center;
		}
		
		
		@media screen and (min-width: 400px) {
		.oferta-main.box4 {
			width: 360px;
			height: auto;
			background-size: 100% auto;
			padding-top: 100px;
		}
		.oferta-main.box4 .tytul-oferta.box4 {
			width: 360px;
			height: 100px;
		}
		.oferta-main.box4 .tresc-oferta.box4 {
			width: 360px;
			height: auto;
			background: #fff;
			vertical-align: top;
		}
		.oferta-main.box4:hover .tresc-oferta.box4 {
			background: #ffffff;
		}
		.oferta-main.box4.pos1 {
		background-position: top 100px center;
		}
		.oferta-main.box4.pos2 {
		background-position: top 100px center;
		}
		.oferta-main.box4.pos1 .box11 {
			float:left;
			margin: -100px 0 200px;
		}
		.oferta-main.box4.pos1 .box11.nofoto {
			float:left;
			margin: -100px 0 0px;
		}
		.oferta-main.box4.pos1 .box12 {
			float:left;
			margin: -100px 0 0px;
		}
			.oferta-main.box4.pos1:hover .box11 {
			margin: -100px 0 0px;
			height: 300px;
			}
			.oferta-main.box4.pos1:hover .box11.nofoto {
			margin: -100px 0 0px;
			height: 100px;
			}
			.oferta-main.box4.pos1:hover .box12 {
			margin: 0px 0 0px;
			}
		
		.oferta-main.box4.pos2 .box11 {
			float:left;
			margin: -100px 0 200px;
		}
		.oferta-main.box4.pos2 .box12 {
			float:left;
			margin: -100px 0 0px;
		}
			.oferta-main.box4.pos2:hover .box11 {
			margin: -100px 0 0px;
			height: 300px;
			}
			.oferta-main.box4.pos2:hover .box12 {
			margin: 0px 0 0px;
			}
			
		.oferta-main.box4 .tresc-oferta.box4 p {
			color: #000000;
			font-size: 16px;
			margin: 0 10px;
		}
		}
		@media screen and (max-width: 399px) {
		.oferta-main.box4 {
			width: 300px;
			height: auto;
			background-size: 120% auto;
			padding-top: 100px;
		}
		.oferta-main.box4 .tytul-oferta.box4 {
			width: 300px;
			height: 100px;
		}
		.oferta-main.box4 .tresc-oferta.box4 {
			width: 300px;
			height: 200px;
			background: #fff;
			vertical-align: top;
		}
		.oferta-main.box4:hover .tresc-oferta.box4 {
			background: #ffffff;
		}
		.oferta-main.box4.pos1 {
		background-position: top 100px center;
		}
		.oferta-main.box4.pos2 {
		background-position: top 100px center;
		}
		.oferta-main.box4.pos1 .box11, .oferta-main.box4.pos1 .box12 {
			float:left;
			margin: -100px 0 100px;
		}
			.oferta-main.box4.pos1:hover .box11 {
			margin: -100px 0 0px;
			height: 300px;
			}
			.oferta-main.box4.pos1:hover .box12 {
			margin: 0px 0 0px;
			}
		
		.oferta-main.box4.pos2 .box11, .oferta-main.box4.pos2 .box12 {
			float:left;
			margin: -100px 0 100px;
		}
			.oferta-main.box4.pos2:hover .box11 {
			margin: -100px 0 0px;
			height: 300px;
			}
			.oferta-main.box4.pos2:hover .box12 {
			margin: 0px 0 0px;
			}
			
		.oferta-main.box4 .tresc-oferta.box4 p {
			color: #000000;
			font-size: 16px;
			margin: 0 10px;
		}
		}
			
		
		
	
#bothd {
	border: 0px solid #ffffff;
	width: 100%;
	overflow: hidden;
	clear: both;
	height: 0;
 	padding: 0;
 	}
 	
	
		@media screen and (min-width: 1001px) {
		#bottom {
		border-top: 0x solid #db821e;
		width: 100%;
		height: auto;
		margin-bottom: 20px;
		//position: fixed; //clear: both; /* dla przyklejenia bottom'a do dolnej linii: bottom: 0; */
		bottom: 0;
		//top: 0;
		//bottom: 0;
		//display: block;
		float: left;
		}
		}
		@media screen and (max-width: 1000px) {
		#bottom {
		border-top: 0px solid #db821e;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
		//bottom: 0;
		clear: both;
		display: block;
		float: left;
    padding-bottom: 50px;
		}
		}
		@media screen and (min-width: 1001px) {
		#bottom-center {
			border: 0px solid #000000;
			width: 818px;
			height: auto;
			margin: 0px auto 0px;
			padding: 10px 0px 0px 0px;
			text-align: left;
		}
		}
		@media screen and (max-width: 1000px) {
		#bottom-center {
			border: 0px solid #000000;
			width: 100%;
			height: auto;
			margin: 0px auto 0px;
			padding: 10px 0px 0px 0px;
			text-align: left;
		}
		}
		#bottom .left {
			border: 0px solid #ffffff;
			display: block;
			width: auto;
			height: 20px;
			margin: 60px 12px 5px;
			padding: 0 0;
			float: left;
			line-height: 20px;
			text-align: left;
			font-size: 10px;
			font-weight: normal;
			text-transform: none;
			color: #D7D7D7;
		}
		#bottom .right {
			border: 0px solid #ffffff;
			display: block;
			width: auto;
			height: 20px;
			margin: 60px 12px 5px;
			padding: 0 0;
			float: right;
			line-height: 20px;
			text-align: right;
			font-size: 10px;
			font-weight: normal;
			text-transform: none;
			color: #D7D7D7;
		}
		#bottom .logoimg {
			border: 0px solid #ffffff;
			display: block;
			background: url('../grafika/logo.png') top center no-repeat;
			background-size: 200px;
			width: 200px;
			height: 60px;
			margin: 20px 0 0;
			padding: 0px 0px 0px 0px;
			text-align: right;
			font-size: 11px;
			font-weight: normal;
			text-transform: none;
			color: #ffffff;
			float:right;
		}
		#bottom a.link {
			font-size: 11px;
			font-weight: normal;
			text-transform: none;
			color: #D7D7D7;
		}
		#bottom a.link:hover {
			font-size: 11px;
			font-weight: normal;
			text-transform: none;
			color: #333333;
		}
		
		@media screen and (min-width: 1001px) {
		#backtotop{
			position:fixed;
			bottom:30px;
			z-index: 10;
			right: 10px;
		}
		#backtohome{
			position:fixed;
			bottom:30px;
			z-index: 10;
			right: 70px;
		}
		}
		@media screen and (max-width: 1000px) {
		#backtotop{
			position:fixed;
			bottom:10px;
			right: 10px;
			z-index: 10;
		}
		#backtohome{
			position:fixed;
			bottom:10px;
			right: 70px;
			z-index: 10;
		}
		}
		#backtotop a, #backtohome a{
			display: inline-block;
			height:60px;
			width:60px;
		}
		#backtotop a.top{
			//background: url('../images/backtotop.png') no-repeat scroll 0 0;
		}
		#backtohome a.mainsite{
			//background: url('../images/backtohome.png') no-repeat scroll 0 0;
		}
		#backtotop a:hover, #backtohome a:hover{
			//background-position:0 -60px;
		}
		
		#backtotop {
			color: #ffffff;
			text-shadow: 1px 1px 3px #111111;
			-moz-text-shadow: 1px 1px 3px #111111;
			-webkit-text-shadow: 1px 1px 3px #111111;
		}
		
		#backtotop i {
			color: #ffffff;
			font-size: 36px;
		}
		
		
		
		
		#tresc table#cennik {
			border: 1px solid #dddddd;
		}
		#tresc table#cennik td {
			padding: 3px;
			border: 1px solid #dddddd;
		}
		
		#td2 #strona-glowna #left {
			float: left;
			width: 340px;
			display: block;
			margin-bottom: 10px;
		}
		
		#td2 #strona-glowna #right {
			float: right;
			width: 340px;
			display: block;
			margin-bottom: 10px;
		}
		
		#td2 #strona-glowna #right .newsletter {
		background: #5c7ede;
		width: 230px;
		min-height: 89px;
		height: auto;
		-moz-border-radius: 25px 0 0 0;
		-webkit-border-radius: 25px 0  0 0x;
		border-radius: 25px 0 0 0;
		float: right;
		display: block;
		margin-bottom: 10px;
		padding: 3px;
		}
		.newsletter p.tytul {
			text-align: center;
			color: #ffffff;
			font-size: 16px;
			font-weight: bold;
		}
		.newsletter .blad {
   		margin: 2px 0px 0px 0px;
   		padding: 9px;
   		color: #ffffff;
   		text-shadow: 1px 1px 1px #bf0f0f;
   		-moz-border-radius: 5px;
   		-webkit-border-radius: 5px;
   		background: #e21818;
   		display: block;
		}
		.newsletter p.powodzenie {
   		margin: 2px 0px 0px 0px;
   		padding: 9px;
   		color: #ffffff;
   		text-shadow: 1px 1px 1px #586b15;
   		-moz-border-radius: 5px;
   		-webkit-border-radius: 5px;
   		background: #84a025;
   		display: block;
		}
		

#allegro_box
{
float: left;
margin: 20px 0 0 20px;
height: 50px;
width: 50px;
position: static;
padding: 0px;
}