body {
	font-family: 'Open Sans', sans-serif;
	margin: 0; 
	background: #0095da;
	background-size: 100% 100%;
	font-size: 19px;
	line-height: 27px;  
	color: #003445;
}

/* podstrona dział żłobek */
.zlobek1, .zlobek2, .zlobek3, .zlobek4, .zlobek5 {
	width: 100%;
	mARGIN-BOTTOM: 20px;
	overflow: hidden;
}

.zlobek-opis {
	width: 38%;
	float: left;
	margin-right: 3%;
}

.zlobek-news {
	width: 40%;
	float: right;
}

.zlobek-kadra-box {
	width: 24%;
	float: left;
	margin: 1%;
}

.zlobek-zajecia {
	width: 60%;
	float: left;
	padding: 1%;
}

.zlobek-plan {
	width: 30%;
	float: right;
	padding: 1%;
	color: #fff;
	font-size: 16px;
	line-height: 26px;
}

@media ( max-width: 900px ) {
.zlobek-opis {
	width: 99%;
	float: left;
	margin-right: 0%;
}

.zlobek-news {
	width: 99%;
	float: left;
}

.zlobek-zajecia {
	width: 99%;
	float: left;
	padding: 1%;
}

.zlobek-plan {
	width: 99%;
	float: left;
}

}





p.tytul-zajecia {
	font-size: 25px;
	font-weight: 300;
	margin: 0 auto;
	margin-bottom: 15px;
	margin-top: 15px;
	text-align: center;
	color: #FFF2D4;
}

p.nazwisko {
	    color: #A1CD3A;

	font-size: 22px;
	font-weight: 600;
	text-align: center;
	line-height: 24px;
}


.m1 a, .m1 a:visited , .m2 a, .m2 a:visited {
	

	width: 100%!important;
	height: 100%!important;
	position: absolute!important;
} 


.m1 a:hover { 
	background: url(image/m1x.png) no-repeat center top rgba(207,20,51,0.7);
	width: 100%!important;
	height: 100%!important;
	position: absolute!important;

}

.m2 a:hover{ 
	background: url(image/m2x.png) no-repeat center top rgba(207,20,51,0.7);
	width: 100%!important;
	height: 100%!important;
	position: absolute!important;

}


	#topmenu2{
			WIDTH: 60%;
			FLOAT: RIGHT;
		overflow: hidden;
		margin-bottom: 4px;
		color: #BA1625;
	}
	
@media ( max-width: 500px ) {
	#topmenu2{
			WIDTH: 23%;

	}
}

	
#nav
		{
			float: right;
			z-index:1234567;
			font-weight: 400;
			
		}
		
		

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
				list-style-type: none;
				background: rgba(224,203,180,0.0);
			}
			
			
			
				#nav li a
				{
					color: #fff;
					text-shadow: 2px 2px #333;
					display: block;
				}
				#nav li a:active, #nav li a:hover
				{
					background: rgba(55,55,55,0.9);
					color: #fff;
					
				}
				
				
			@media ( max-width: 900px ) {
		#nav {
			
			background: rgba(207,20,51,0.0);
			margin-bottom: 20px;
			
		}
		
		#nav li
			{
				position: relative;
				list-style-type: none;
				background: rgba(6,45,63,1.0);
			}
		
		}

			

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #efa585;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				
				/*background-color: #e15a1f;*/
			}
				#nav > ul > li
				{
					width: auto;
					height: 100%;
					float: left;
					font-size: 16PX!important;
						font-weight: 400;
						list-style-type: none;
						color: #fff;
						text-decoration: none;
				}
					#nav > ul > li > a
					{
						height: 100%;
						font-size: 14PX;
						line-height: 16px;
						font-weight: 600;
						text-align: center;
						padding: 8px;
						font-weight: 400;
						padding-top: 7px;
						padding-bottom: 7px;
						text-decoration: none;
						
					}
						#nav > ul > li:not( :last-child ) > a
						{
							font-weight: 600;
						text-align: center;
						padding: 8px;
						padding-top: 5px;
						padding-bottom: 5px;
							font-family: 'Titillium Web', sans-serif;
						
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background: rgba(0,149,218,0.9);
							padding-top: 5px;
						padding-bottom: 5px;
						text-align: center;
						}
				
		
						
						
					@media ( min-width: 1260px )
		{
							#nav > ul > li > a
					{
						padding-top: 15px;
						padding-bottom: 15px;
						padding: 10px;
						font-size: 16PX;
						line-height: 19px;
						text-align: center;
						font-weight: 400;
					}
						#nav > ul > li:not( :last-child ) > a
						{
						padding-top: 20px;
						padding-bottom: 20px;
						padding: 16px;
						text-align: center;
						font-weight: 600;
						font-family: 'Titillium Web', sans-serif;
						}
		}
						
						
						
						@media ( min-width: 1400px )
						{
							#nav > ul > li > a
							{
						padding-top: 7px;
						padding: 7px;
							
								}
						#nav > ul > li:not( :last-child ) > a
						{
						padding-top: 20px;
						padding: 20px;
						line-height: 19px;
						font-size: 17PX;
						}
		}
				/* second level */

				#nav li ul
				{
					background: rgba(207,20,51,0.0);
					display: none;
					position: absolute;
					top: 100%;
					color: #fff;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
							
						}
						#nav li ul a
						{
							font-size: 17PX;
						font-weight: 400;
							border-top: 1px solid #fff;
							min-width: 250px;
							background: rgba(0,149,218,0.9);
							padding: 10px;
							color: #fff;
							font-family: 'Titillium Web', sans-serif;
							text-decoration: none;
							
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background: rgba(55,55,55,0.9);
								color: #fff;
								
							}


	

		@media only screen and ( max-width: 900px ) /* 640 */
		{
		
		

			#nav
			{
				position: relative;
				top: auto;
				left: auto;
				/*BACKGROUND: #333;*/
			}
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					border-radius: 3.125em ;
					position: relative;
					float: right;
					background: #e15a1f;
					color: #fff;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
												
						}
					#nav > a:after
					{
						top: 60%;
						
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 95%;
					float: none;
					margin: 0 auto;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: center;
						color: #fff;
						font-weight: 300;
						}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #fff;
							padding-top: 12px;
						padding-bottom: 12px;
							color: #fff;
							line-height: 16px;
						}
						
						
						#nav li ul a
						{
							font-size: 15PX;
							text-align: center;
							
						}


				/* second level */

				#nav li ul
				{
					position: static;
					
					padding-top: 0;
					
				}
		}

			@media only screen and ( max-width: 900px ) /* 1000 */
		{
			#nav
			{
				width: 100%;
				position: relative;
				margin: 0;
				
				z-index: 1234567!important;
			}
			
			#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background: rgba(0,149,218,1.0);
							padding-top: 7px;
						padding-bottom: 7px;
						text-align: center;
						color: #fff;
						}
						
				
		}
	
a, img{margin:0px; padding:0px; border: 0px; border: none;}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

  
img.sloganx {
float: right; 
overflow: hidden; 
margin-bottom: 5px;
}  

@media (max-width: 580px) { 
	img.sloganx {
		width: 290px;
} 
}



.wrapper4{

}

.wrapper3{
	background: #F39D22;
	z-index: -2222; 
	position: absolute; 
	top: 0px; 
	margin-top: 0px; 
	top: 0; 
	width: 100%;
	height: 100%;
}

@media (max-width: 600px) { 
.wrapper3{
	background-image: url(budel-film-400.jpg);
	min-height: 640px;
}
}

@media (max-width: 680px) { 
.wrapper3{
	background-image: url(budel-film-680.jpg);
	min-height: 640px;
}
}

@media (max-width: 800px) { 
.wrapper3{
	background-image: url(budel-film-800.jpg);
	min-height: ;
}
}

  
.logo-bud {
	float: left; 
	z-index: 20001;
	
}

img.logo-bud {
		width: 250px;
		margin-top: 1px;
}

@media (max-width: 1300px) { 
	img.logo-bud {
		width: 200px;
	}
} 	

@media (max-width: 900px) { 
	img.logo-bud {
		width: 190px;
	}
} 	
	

@media (max-width: 550px) { 
	img.logo-bud {
		width: 180px;
		position: absolute;
		z-index: 3;
	}
} 




.container  ul {
	text-align: left;
	float: left;
    list-style-position: outside;
    margin: 0px 0;
	margin-left: 0px;
    padding: 0 0 0 0px;
	padding-right: 0px;
width: 100%;
}


/*------------------------ OFERTY SPECJALNE ----------------------- */

.oferty-pasek {
	height: auto;
	overflow: hidden;
	width: 100%;
	height: auto;
	margin-top: 10px;
}

a.link123 {
	font-weight: bold;
	float: right;
	background: url(../images/link123.png) no-repeat left;
	padding-left: 21px;
	line-height: 30px;
	float: right;
	margin-top: 10px;
}

a.link123:hover {
	color: #00587E;
	font-weight: bold;
}


#foo2 {
	
 }

#intro {
				width: 580px;
				margin: 0 auto;
			}
			.wrapper {
				background-color: white;
				width: 480px;
				margin: 40px auto;
				padding: 50px;
				box-shadow: 0 0 5px #999;
				
			}
			.list_carousel {
				margin: 0 0 0px 0px;
				width: 100%;
				padding-left: 0px;
				
			}
			

			
	
			
			
			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
				
			}
			.list_carousel li {
				text-align: center;
				width: 200px;
				height: 73px;
				padding: 0;
				margin-LEFT: 0px;
				
				margin-top: 0px;
margin-top: 20%;
				float: left;
				padding-left:0px;
				
			}
			
			
			
			.list_carousel.responsive {
				width: auto;
				margin-left: 0;
				
			}
			.clearfix {
				float: none;
				clear: both;
			}
			.prev {
				float: left;
				margin-right: 1px;
				padding-top: 30px;
			}
			.next{
				float: right;
				margin-right: 1px;
				padding-top: 30px;
			}
			.pager {
				float: left;
				width: 300px;
				text-align: center;
			}
			.pager a {
				margin: 0 5px;
				text-decoration: none;
			}
			.pager a.selected {
				text-decoration: underline;
			}
			.timer {
				background-color: #999;
				height: 6px;
				width: 0px;
			}

/*@media (max-width: 500px) { 
.list_carousel li {
			text-align: center;
			width: 275px;
			height: 310px;
			padding: 0;
			margin-LEFT: 5px;
			margin-right: 5px;
			margin-top: 0px;
			display: block;
			float: left;
			padding-left:5px;
			z-index: 0;
		}

.list_carousel li img{
	width: 260px;
}		
		
}

*/			
			
#facebook
{
z-index:123; text-align: left; background: url(facebook.png) no-repeat; width: 316px; height: 330px; margin: 0; overflow: hidden; display: block; position: fixed; left: 0; top: 110px;
}
#facebook2
{
z-index:122; text-align: right; background: url(facebook2.png) no-repeat; width: 266px; height: 310px; margin: 0; overflow: hidden; display: block; position: fixed; left: 0; top: 246px;
padding-right: 50px;
padding-top: 20px;
} 
  
  #imagelightbox
{
    position: fixed;
    z-index: 9999;
}

#wrapper img {
	width: 100%;
}

.clear {clear: both;}
.container {margin: 0 auto; padding: 10px;}
.containera {margin: 0 auto; padding: 0px;}

/* Active menu */
.active {/*background: url(../images/menu123.png); */ color: #00AEEF!important;}

/* Aktualności */


.ofertyspec {
	width: 305px;
	height: 200px;
	margin: 2%;
	float: left;
	overflow: hidden;
	position: relative;
}

.ofertyspec img{ 
	width: 100%;
}

.ofertyspec-left {
	width: 190px;
	height: 130px;
	margin-right: 10px;
	float: left;
	overflow: hidden;
	text-align: center;
}

.ofertyspec-right {
	width: 230px;
	float: right;
}


.ofertyspec1 {
	width: 440px;
	height: auto;
	margin-top: 30px;
	margin-bottom: 3px;
	margin-right: 60px;
	float: left;
	overflow: hidden;
}

.ofertyspec1-left {
	width: 150px;
	height: 130px;
	margin-right: 10px;
	float: left;
	overflow: hidden;
	text-align: center;

}

.ofertyspec1-right {
	width: 260px;
	float: right;

}

	.ofertyspec123 {
	width: 100%;
	height: auto;
	margin-top: 1%;
	margin-bottom: 1%;
	float: left;
	overflow: hidden;
}

@media (min-width: 1000px) { 
.ofertyspec123 {
	width: 31%;
	height: auto;
	margin-top: 1%;
	margin-bottom: 1%;
	float: left;
	overflow: hidden;
}
}
@media (max-width: 1290px) { 
.ofertyspec {
	width: 290px;
	height: 200px;
	margin: 1.5%;
	float: left;
	overflow: hidden;
	position: relative;
}
}

@media (max-width: 320px) { 
	.ofertyspec {
	width: 90%;
	height: 180px;
	margin-top: 30px;
	margin-bottom: 3px;
	margin-right: 60px;
	float: left;
	overflow: hidden;
}

.ofertyspec-left {
	width: 130px;
	height: 130px;
	margin-right: 6px;
	float: left;
	overflow: hidden;
	text-align: center;
}

.ofertyspec-right {
	width: 200px;
	float: right;
}
}



p.ofspec2 {
	Overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(../image/box-linia.png) repeat-x bottom;
}

p.aktual1 {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 5px;
	line-height: 18px;
	color: #003445;
	margin-bottom: 3px;
}

a.aktual1a, a.aktual1a:visited {
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 5px;
	line-height: 18px;
	color: #003445;
	margin-bottom: 3px;
	text-decoration: none!important;
}

a.aktual1a:hover {
	color: #A1CD3A;
}

.ofertyspec a, .ofertyspec  a:visited {
	color: #000;
	font-size: 14px;
	text-decoration: none;
	
}

.ofertyspec  a:hover {
	color: #00AEEF;
}

a.link_foto {
	margin-right: 0px !important;
}

img.oferty_jpeg {
	height: 120px !important;
	width: 165px !important; 
	width: auto;
}

@media (max-width: 350px) {  
	img.oferty_jpeg {
	height: 90px !important;
	width: 110px !important; 
}
}


img.oferty1_jpeg {
	height: 200px !important;
	width: 300px !important; 
	width: auto;
	border: 3px solid #2A0202;
	margin: 5px;
}

@media (max-width: 540px) {
.ofertyspec {
	width: 95%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	
}
}
@media (max-width: 540px) {
.ofertyspec-left {
	width: 120px;
	height: 130px;
	margin-right: 10px;
	float: left;
	overflow: hidden;
	text-align: center;
	padding-top: 17px;
}
}

@media (max-width: 540px) {
.ofertyspec-right {
	width: 170px;
	float: right;
	padding-top: 20px;
}
}


.header {
	height: auto;
	width: 100%;
	z-index:100101011010!important;
	position: fixed;
}


.top {
  text-align: center;
  height: 75px;
  padding-top: 10px;
  z-index: 123000000;
  background: rgba(0,0,0,0.7);
  width: 100%;
  position: fixed;
}

.top2 {
	background: url(image/lina1.png) repeat-x center bottom;
	height: 15px;
	width: 100%;
}



.top {
	margin-top: 0px;
	top: 0;
	padding-top: 0px;
}


@media (max-width: 740px) {
.top {
  height: 90px;
}
}



.header2{
	width: 100%;

}

@media (max-width: 680px) {
.header2 {
	
	background: url(image/header2.png) no-repeat center top;
	position: fixed;
	margin-top: 100px;
}
}

@media (min-width: 1020px) {
.header2 {
	width: 100%;
	height: 75px;
	position: fixed;
	margin-top: 165px;
	background: url(image/header2.png) no-repeat center top;
}
}

.animacja{

}


#main {
	height: auto;
	overflow: hidden;
	padding-bottom: 10px;
	text-shadow: 1px 1px 3px black;
}

#maina {
	height: auto;
	overflow: hidden;
}

.main2 {
	width: 100%;
	height: auto;
	/*background: url(image/main2a.jpg) no-repeat;*/
	padding-top: 50px;
	padding-bottom: 10px;
}

@media (max-width: 680px) { 
.main2 {

	padding-top: 10px;

}
}


@media (max-width: 450px) { 
.main2 {

	padding-top: 90px;

}
}

.main2a {
	width: 100%;
	height: 13px;
	/*background: url(image/lina2.png) no-repeat bottom;*/
}

.main2b {
	width: 100%;
	height: auto;
	background: url(image/main2b.png) no-repeat center top!important;
	font-size: 14px;
	line-height: 19px;
	padding-top: 0px;
	color: #fff!important;
	min-height: 280px;
	
}

.main2b1 {
	width: 100%;
	height: 11px;
	background:  url(image/lina.png) no-repeat center top;
}	

.main3 {
	width: 100%;
	background: #fff;
	height: auto;
	overflow: hidden;
	min-height: 180px;
	padding-top: 30px;
}

.main4{
	width: 100%;
	background: url(image/main4.jpg) no-repeat left top;
	background-size: 45% auto;
	height: auto;
	overflow: hidden;
	color: #fff;
	font-family: 'Open Sans', serif;
	padding: 1%;
	font-size: 14px;
	line-height: 25px;
}

.main4-a {
	width: 50%; 
	height: 60%; 
	float: right; 
	color: #333;
	padding: 10px;
}

@media (max-width: 1300px) { 

	.main4{
	background-size: 55% auto;
	
}
}


@media (max-width: 900px) { 
	.main4-a { 
	width: 99%; 
	padding-top: 65%;
	}
	
	.main4{
	background-size: 95% auto;
	
}
}

.main5{
	width: 100%;
	background: url(../image/tlosrodek2.jpg);
	height: 370px;
	background-attachment: fixed;
	background-position: 40% 0;
	background-repeat: no-repeat;
	position: relative;
	background-size: 100%;
}

@media (min-width: 1650px) {
.main5{

	height: 420px;
background-position: 50% 0;
}
}

@media (max-width: 750px) {
.main5{
background-size: 200%;
	height: 200px;
background-position: 10% 0;
}
}

.main5-text{ 
	width: 40%;
	float: right;
	margin-right: 2%;
	margin-top: 12%;
	
	color: #fff;
	text-shadow: 1px 1px 2px black;
	font-weight: 300;
	font-size: 18px;
}


.main5-a{
	width: 250px;
	margin: 10px;
	margin-bottom: 20px;
	float: left;
	text-align: center;
	font-size: 16px;
}

.main7{
	width: 100%;
	height: auto;
	overflow: hidden;
	color: #fff;
	font-family: 'Open Sans', serif;
	padding: 1%;
	font-size: 14px;
	line-height: 25px;
	background: #fff;
}

.main7-a {
	width: 50%; 
	float: left; 
	color: #003445;
	padding: 10px;
}


.main7-b {
	width: 45%; 
	float: right; 
	
	padding: 10px;
	background-size: 50% auto;
	text-align: right;
}

.main7-b img{ 
	width: 32%;
}

@media (max-width: 1050px) {  
.main7-a {
	width: 99%; 
	
	background-size: 50% auto;
}
.main7-b {
	width: 99%; 
	float: left; 

}
}

.main8{
	width: 100%;
	height: auto;
	overflow: hidden;
	color: #fff;
	background: #fff url(image/dol12.png) no-repeat center top;
}

.main8-a { 
	float: left;
	font-size: 15px;
	height: 170px;
	width: 45%;
	padding: 1%;
	font-weight: 300;
}

.main8-a a, .main8-a a:visited {  
	color: #fff;
	text-decoration: none!important;
}

.main8-a a:hover {  
	color: #0095da;
}

p.stopkatyt {
	font-weight: 600;
	color: #fff;
	font-size: 19px;
	line-height: 36px;
	border-bottom: 1px solid #CF1433;
	max-width: 300px;
	text-align: left;
	margin: 0 auto;
	margin-left: 0px;
	margin-bottom: 20px;
	
}

.main8-b { 
	float: left;
	font-size: 15px;
	width: 45%;
	padding-top: 2%;
	text-align: left;
}

@media (max-width: 900px) {  
.main8-a { 
	float: left;
	width: 99%;
	background: none;
}

.main8-b { 
	float: left;
	width: 99%;
PADDING: 4%;
}


}

.main8-b a, .main8-b  a:visited {
	color: #fff;
}

.main8-b a:hover {
	color: #CF1433;
	
}

.main31 {
	width: 100%;
	background: #fff;
	height: auto;
	overflow: hidden;
	font-size: 10px;
	color: #333;
}

.main31 a, .main31 a:visited {
	color: #333;
	font-size: 10px;
	text-decoration: none;
}

.main31 a:hover {
	color: #333;
}	

.boxik {
	overflow: hidden;
	margin-bottom: 5px;
	color: #fff;
}

.box-partnerzy {
	width: 300px;
	height: auto;
	float: left; 
	margin-right: 20px;
	color: #E4D9C6;
	font-size: 18px;
	margin-right: 10px;
}



@media (min-width: 800px) { 
.box-partnerzy {
	width: 350px;
	margin-right: 50px;
}
}

@media (min-width: 900px) { 
.box-partnerzy {
	width: 400px;
	margin-right: 130px;
}
}

@media (min-width: 1000px) { 
.box-partnerzy {
	width: 1000px;
	margin-right: 0px;
}
}

@media (min-width: 1100px) { 
.box-partnerzy {
	width: 1100px;
	margin-right: 0px;
	
}


}

@media (min-width: 1100px) { 
.box-partnerzy {
	width: 200px;
	margin-right: 0px;
	
}

.list_carousel {
				margin: 0 0 0px 0px;
				width: 200px;
				padding-left: 0px;
				margin: 0 auto;
				

}
}



.box {
	width: 150px;
	height: auto;
	float: right; 
	margin-right: 0px;
	margin-left: 0px;
	font-size: 18px;
	padding-top: 10px;
}

.box1 { 
	width: 470px;
	float: left;
	margin-right: 50px;
	margin-bottom: 0px;
}

.box2 { 
	width: 325px;
	float: left;
}

@media (max-width: 1300px) { 
.box1 { 
	width: 370px;
	float: left;
	margin-right: 50px;
	margin-bottom: 0px;
}
}

@media (max-width: 670px) { 
	.box1 { 
	width: 100%;
	margin-bottom: 30px;
}

.box2 { 
	width: 100%;
}

.box {
	width: 100%;
	height: auto;
	float: left; 
	margin-right: 0px;
	margin-left: 0px;
	font-size: 18px;
}

}



.box a, .box a:visited{
color: #fff;
font-size: 18px;
}

.box a:hover{
color: #000;
font-size: 18px;

}

@media (max-width: 650px) {
.box {
	width: 260px;
	height: auto;
	float: left; 
	margin-right: 20px;
	color: #E4D9C6;
	font-size: 18px;
}
}

@media (max-width: 350px) {
.box {
	width: 305px;
	height: auto;
	float: left; 
	margin-right: 20px;
	color: #E4D9C6;
	font-size: 18px;
}
}



.tel, .tel1, .mail, .lokalizacja {
	padding-left: 30px;
	line-height: 20px;
	line-height: 25px;
}

.tel {
	background: url(image/tel.png) left no-repeat;
}

.tel1 {
	line-height: 15px;
}

.mail {
	background: url(image/mail.png) left no-repeat;
}

.lokalizacja {
	background: url(image/lokalizacja.png) left no-repeat;
}

p.tyt-formularze {
	color: #806C65;
	font-size: 23px;
	font-weight: 300;
	margin-bottom: 10px;
}

h1, h2, p.tytulydzialy {
	font-size: 21px!important;
	line-height: 21px!important;
	padding-bottom: 15px;
	padding-top: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600!important;
	color: #CF1433;
	text-shadow: 0px 0px 0px black;
	margin: 0 auto;
	margin-bottom: 10px;
	text-align: center;
	
	max-width: 400px;
}

p.tytulydzialy { 
	font-size: 42px!important;
	line-height: 50px!important;
	text-align: center;
	
}



p.ofspec1 {
font-size: 20px;
	font-family: 'PT Serif', serif, Calibri;
	font-weight: bold;
	margin-bottom: 3px;
	color: #6C0000;
	border-bottom: 4px solid #CA7702;
}

#imageContainer {
       margin: 0 auto;

    width: 100%;
	z-index: -1;

}


#imageContainer img {
    display: none;
    position: absolute;
	text-align: center;
	margin: 0 auto;
	z-index: -1;
	
}
@media (min-width: 1020px) {
#imageContainer img {
   margin-top: 120px;
}
}

#topmenu  .container {background: #fff;}


#logo {width: 215px; height: 51px; margin: 10px 0 10px; display: block; background: url('images/logo.png') no-repeat;}
#topmenu {height: 35px; text-align: right; float: right!important; padding-top: 8px;}
#topmenu .container {padding: 0;}


@media (min-width: 1000px) {
#topmenu ul > li {display: block; float: left; width: auto; padding-left: 19px; }
#topmenu ul > li > a {font-size: 19px; padding: 7px; padding-top: 3px; display: block; color: #CF1433; text-decoration: none; font-weight: 400; font-family: 'Titillium Web', sans-serif;}
#topmenu ul > li > a:hover {/*background: url(../images/menu123.png) repeat-x;*/ color: #373737;}
#topmenu ul > li > a:selected {/*background: url(../images/menu123.png) repeat-x;*/  color: #373737;}


#content {width: 600px; float: left; height: auto;}
#sidebar-a {width: 238px; float: left;}
#sidebar-b {width: 238px; background: green; height: 300px; float: left;}
}

@media (max-width: 1100px) {
#topmenu ul > li {display: block; float: left; width: auto; padding-right: 8px; padding-left: 8px; }
#topmenu ul > li > a {font-size: 14px; padding: 6px; display: block; color: #fff; text-decoration: none; font-weight: 400;}
#topmenu ul > li > a:hover {/*background: url(../images/menu123.png) repeat-x;*/  color: #00AEEF;}
#topmenu ul > li > a:selected {/*background: url(../images/menu123.png) repeat-x;*/  color: #00AEEF;}

#content {width: 950px; float: left; height: auto;}
#sidebar-a {width: 238px;  float: left;}
#sidebar-b {width: 238px; background: green; height: 300px; float: left;}
}

@media (max-width: 900px) {
#topmenu ul > li {display: block; float: left; width: auto; padding-right: 2px; padding-left: 4px; }
#topmenu ul > li > a {font-size: 14px; padding: 3px; display: block; color: #fff; text-decoration: none; font-weight: normal;}
#topmenu ul > li > a:hover {/*background: url(../images/menu123.png) repeat-x;*/  color: #00AEEF;}
#topmenu ul > li > a:selected {/*background: url(../images/menu123.png) repeat-x;*/  color: #00AEEF;}

#content {width: 950px; float: left; height: auto;}
#sidebar-a {width: 238px;  float: left;}
#sidebar-b {width: 238px; background: green; height: 300px; float: left;}
}





#contentx {width: 100%; float: left; height: auto; margin-top: 5px; }

@media (max-width: 680px) {
#contentx {width: 100%; float: left; height: auto; margin-top: 0px;}
#topmenu {height: 20px; text-align: right; float: right; padding-top: 2px; width: auto;}

}


@media (min-width: 1000px) {
	.container {width: 80%; height: auto; }
	#content {width: 600px; margin-right: 10px;}
	#sidebar-a {width: 330px;}
	#sidebar-b {width: 238px;}
	#contentx {MIN-HEIGHT: 455px;}
}

@media (min-width: 1920px) {
	.container {width: 70%; height: auto; }
}	

/*MONITOR 3-kolumny*/


/*MONITOR 2-kolumny*/
@media (max-width: 895px) {
	.container {width: 85%;}
	#content {width: 456px; margin-right: 10px;}
	#sidebar-a {width: 238px; margin-right: 10px;}
	#sidebar-b {display: none;}
}

/*MONITOR 1-kolumna*/
@media (max-width: 740px) {
	.container {width: 90%;}
	#content {width: 580px; margin-right: 10px;}
	#sidebar-a {width: 238px; margin-right: 10px;}
	#sidebar-b {width: 238px;}
	

}
/*MONITOR 1-kolumna*/
@media (max-width: 500px) {
	.container {width: 90%;}
	#content {width: 318px; margin-right: 0px!important;}
	#sidebar-a {width: 318px!important;}
	#sidebar-b {width: 238px;}
	

}

/*SMARTFON*/
/*@media (max-width: 720px) {
	.container {width: 90%;}
	#logo {margin: 0 auto; margin-top: 10px; margin-bottom: 10px;}
	
	#topmenu .container {padding: 4px;}
	#topmenu ul  {display: block; margin: 0 auto; padding: 0; min-width: 100%; margin-left: 0;}
	#topmenu ul > li {width: 95% !important; margin: 0 auto; text-align: center; border-bottom: 1px gray dotted;}
	#topmenu ul > li:last-child {border: 0;}
	#topmenu ul > li > a {font-size: 14px; padding: 12px;}
	
	#sidebar-a {width: 90%; margin-right: 10px;}
	#sidebar-b {width: 238px; background: green; height: 300px; float: left;}

} */

@media (max-width: 720px) {
	.container {width: 90%;}
	
	#logo {margin: 0 auto; margin-top: 10px; margin-bottom: 10px;}
	#content {width: 318px!important; }
	#topmenu .container {padding: 4px; }
	#topmenu ul  {display: table; margin: 0 auto; padding: 0; min-width: 100%; margin-left: 0;}
	#topmenu ul > li {width: 95% !important; margin: 0 auto; text-align: center; border-bottom: 1px gray dotted;}
	#topmenu ul > li:last-child {border: 0;}
	#topmenu ul > li > a {font-size: .9em; padding: 7px;}
	
	#sidebar-a {width: 238px; margin-right: 10px;}
	#sidebar-b {width: 238px; background: green; height: 300px; float: left;}

}

#contentx {MIN-HEIGHT: 455px;}

@media (min-width: 1720px) {
	#contentx {MIN-HEIGHT: 535px;}
}

/*-- BOXY STRONA GŁÓWNA --*/

.box-1 {
	text-align: center;
	width: 130px;
	height: 90px;
	padding: 0;
	margin-right: 15px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 2px;
}

@media (max-width: 740px) {
.box-1 {
	float: left;
}
}



.box0 {
float: left;
	height: 90px;
	width: 130px;
	text-align: left;
	overflow: hidden;
	margin-bottom:1px;
	position: relative;
	background: rgba(207,187,114,0.9);
	-webkit-border-radius: 6px; /* Safari, Chrome */
 -khtml-border-radius: 6px;    /* Konqueror */
 -moz-border-radius: 6px; /* Firefox */
  border-radius: 6px;
   box-shadow:0 0 0 2px rgba(255,255,255,0.3);
	
}

.box0 img {
	width: 125px;
	height: auto;
	border: 1px solid #f2f2f2;
	margin: 1px;
		-webkit-border-radius: 6px; /* Safari, Chrome */
 -khtml-border-radius: 6px;    /* Konqueror */
 -moz-border-radius: 6px; /* Firefox */
  border-radius: 6px;
	
}





p.box-text {
	margin-bottom: 1px;
	position: absolute;
	top: 100px;
	height: 27px;
	background: #5a2e13;
	color: #fff;
	font-size: 12px;
	text-align: center;
	width: 204px;
	line-height: 24px;
}

.box0 a, .box0 a:visited {
	color: #fff;
	font-size: 16px;
	text-align: center;
	text-decoration: none!important;
	display: block;
	line-height: 19px;
	font-weight: normal;
	text-shadow: 1px 1px 1px black;
	padding: 7px;
}

.box0 a:hover {
	color: #000;
	text-shadow: 1px 1px 1px white;
}

@media (min-width: 1000px) { 
	.box-1 {
		width: 144px;
		
	}	
	.box0 {	
		width: 144px;
	}
	

.box0 img {
	width: 140px;
	height: auto;
}

}



/* BOXY JEDNOSTKI */
.boxjednostki-1 {
	text-align: center;
	width: 290px;
	height: 165px;
	padding: 0;
	margin: 10px;
	float: LEFT;
}

.boxjednostki0 {
float: left;
	height: 165px;
	width: 290px;
	text-align: left;
	overflow: hidden;
	margin-bottom:1px;
	position: relative;
	padding: 1px;
	background: rgba(207,187,114,1);
	
}

.boxjednostki0 img {
	width: 290px;
	height: auto;
}


@media (max-width: 650px) { 
.boxjednostki-1 {
	width: 210px;
	height: 125px;
	margin: 5px;
}

.boxjednostki0 {
	width: 210px;
	height: 125px;
}

.boxjednostki0 img {
	width: 210px;
	height: auto;
}
}

@media (max-width: 400px) { 
.boxjednostki-1 {
	width: 280px;
	height: 165px;
	margin: 5px;
}

.boxjednostki0 {

	width: 280px;
	height: 165px;
	
}

.boxjednostki0 img {
	width: 280px;
	height: auto;
}
}

.boxjednostki0 a, .boxjednostki0 a:visited {
	color: #fff;
	font-size: 16px;
	text-align: center;
	text-decoration: none!important;
	display: block;
	line-height: 19px;
	font-weight: normal;
	text-shadow: 1px 1px 1px black;
	
}

.boxjednostki0 a:hover {
	color: #000;
	text-shadow: 1px 1px 1px white;
}



@media (max-width: 500px){
.box-aktual {
	float: left; 
	width: 300px;
	font-size: 14px;
	line-height: 18px;
	overflow: hidden;
}
}

@media (mix-width: 200px){
.box-aktual {
	float: left; 
	width: 290px;
	font-size: 14px;
	line-height: 18px;
	overflow: hidden;
}

}

@media (min-width: 590px){
.box-aktual {
	float: left; 
	width: 580px;
	font-size: 14px;
	line-height: 18px;
}
}

@media (min-width: 750px){
.box-aktual {
	float: left; 
	width: 300px;
	font-size: 14px;
	line-height: 18px;
}
}


.aktual-linia {
	width: 0px;
	height: 0px;
	float: left;
	margin-left: 0px; 
	margin-right: 0px;
}

@media (min-width: 700px) {
.aktual-linia {
	width: 4px;
	height: 197px;
	float: left;
	margin-left: 0px; 
	margin-right: 30px;
	background: url(image/aktual-linia.png) repeat-y center;
}
}


/*-- BOXY OFERTA --*/

.box-1-oferta, .box-1-realizacje {
	text-align: center;
	width: 241px;
	height: auto;
	padding: 0;
	margin: 0.5%;
	float: left;
	DISPLAY: BLOCK;
	position: relative;
	HEIGHT: 100%;
	overflow: hidden; border-bottom: 1px solid #FFF2D4; float: left; margin: 3%; padding-bottoM: 2%;

}

@media (max-width: 1700px) {
	.box-1-oferta, .box-1-realizacje { 
		margin: 1.8%; padding-bottoM: 2%;
	}
}


@media (max-width: 1500px) {
	.box-1-oferta, .box-1-realizacje { 
	width: 220px;
	margin: 1.1%; padding-bottoM: 2%;
	}
}


@media (max-width: 1400px) {
	.box-1-oferta, .box-1-realizacje { 
	width: 203px;
	margin: 1.1%; padding-bottoM: 2%;
	}
}

@media (max-width: 1300px) {
	.box-1-oferta, .box-1-realizacje { 
	width: 195px;
	margin: 1%; padding-bottoM: 2%;
	}
}

/*

@media (min-width: 650px) {
.box-1-oferta, .box-1-realizacje {
	text-align: center;
	width: 46%; 
	height: auto;
	padding: 0;
	margin: 0.5%;
	float: left;

	position: relative;
	
}
}

@media (min-width: 850px) {
.box-1-oferta, .box-1-realizacje {
	text-align: center;
	width: 46%; 
	height: auto;
	padding: 0;
	float: left;

	position: relative;
	
}
}


@media (min-width: 1180px) {
.box-1-oferta, .box-1-realizacje {
	text-align: center;
	width: 46%; 
	height: auto;
	padding: 0;
	margin: 0.5%;
	float: left;

	DISPLAY: BLOCK;
	position: relative;
	HEIGHT: 100%;
	
}
}
*/

.box-1-oferta img {
	width: 100%;
	float: left;
}

p.box-text {
	margin-bottom: 1px;
	position: absolute;
	top: 100px;
	height: 27px;
	background: #5a2e13;
	color: #fff;
	font-size: 12px;
	text-align: center;
	width: 204px;
	line-height: 24px;
}

.
 a, .box1-oferta a:visited , .box1-realizacje a, .box1-realizacje a:visited{
	color: #fff;
	font-size: 18px;
	text-align: center;
	text-decoration: none!important;
	display: block;
	line-height: 20px;
	font-weight: normal;
	text-shadow: 1px 1px 2px black;
}

.box1-oferta a:hover, .box1-realizacje a:hover {
	color: #ffc400;
}

@media (min-width: 780px) { 
.realizacjexyz {
	overflow: hidden;
	width: 620px;
	margin: 0 auto;
}
}

p.tyt-aktual {
	font-size: 16px;
	margin: 0 auto 7px;
	line-height: 19px;
}

a.szczegoly, a.szczegoly:visited {
	width: 120px;
	height: 30px;
	display: inline-block;
	background: url(image/szczegoly.png) no-repeat center top;
	float: right;
}

a.szczegoly:hover {
	background: url(image/szczegoly1.png) no-repeat center top;
}

a.szczegoly2, a.szczegoly2:visited , .box-aktual a, .box-aktual a:visited {
	width: auto;
	height: auto;
	color: #efefef;
	background: url(image/szczeg1.png) no-repeat left;
	float: right;
	margin-top: 2px;
	overflow: hidden;
	padding-left: 20px;
	text-decoration: none!important;
}

a.szczegoly2:hover, .box-aktual a:hover {
	background: url(image/szczeg1a.png) no-repeat left;
	
	color: #fff;
}

a.szczegoly3, a.szczegoly3:visited {
	width: auto;
	height: 18px;
	display: block;
	background: url(image/szczegoly4.png) no-repeat left top;
	float: right;
	font-size: 12px;
	overflow: hidden;
	margin-top: 10px;
	float: right;
	padding-left: 20px;
	line-height: 19px;
	color: #F4F4F4;
}

a.szczegoly3:hover {
	background: url(image/szczegoly4.png) no-repeat left top;
	color: #F39D22;
}



/*@media (min-width: 300px) {
.box1{
	color: #1B0805;
	line-height: 37px;
	width: 310px;
	height: 40px;
	background: #E4D9C7;
	
	text-align: center;
	font-family: 'PT Serif', serif, Calibri, 'Trebuchet MS', Tahoma;
	font-size: 20px;
	font-weight: bold;
	margin: 0 auto;
	margin-top: 166px;
	position: absolute;
}
}

@media (min-width: 300px) {
.box0 img {
	width: 310px;
	height: auto;
}
}

@media (min-width: 300px) {
.box0  {
	width: 310px;
	height: auto;
	margin-bottom: 10px;
}
}


@media (min-width: 600px) {
	.box0 {
	float: left;
	height: 190px;
	width: 270px;
	text-align: left;
	overflow: hidden;
	margin-bottom:10px;
	
}
}

@media (min-width: 600px) {
.box1{
	color: #1B0805;
	line-height: 37px;
	width: 270px;
	height: 40px;
	background: #E4D9C7;
	
	text-align: center;
	font-family: 'PT Serif', serif, Calibri, 'Trebuchet MS', Tahoma;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto;
	margin-top: 144px;
	position: absolute;
}
}

@media (min-width: 600px) {
.box0 img {
	width: 270px;
	height: auto;
}
}
@media (min-width: 600px) {
p.box-text {
	margin-bottom: 1px;
	position: absolute;
	top: 100px;
	height: 27px;
	background: #5a2e13;
	color: #fff;
	font-size: 12px;
	text-align: center;
	width: 204px;
	line-height: 24px;
}
} */ 



/*----------------------- GALERIA ZDJ�� ---------------------------- */
.link_foto {
	 width: 100%;
	 margin: 2px;
}

.galeria {
    float: left;
    height: 205px;
    margin-bottom: 3px;
    overflow: hidden;
    padding: 1px;
    text-align: center;
	z-index: 12;
	float: left;
	font-size: 15px;
	line-height: 15px;
	background: #A1CD3A;
}

.galeria1 {
    height: 240px;
    overflow: hidden;
    width: 310px;
	z-index: 12;
	line-height: 14px;
}

	.galeria {
     float: left;
    overflow: hidden;
    text-align: center;
    width: 99%;
	z-index: 12;
}

.galeria1 {
    overflow: hidden;
    width: 99%;
	z-index: 12;

}

@media (min-width: 500px) { 
	.galeria {
     float: left;
    overflow: hidden;
    text-align: center;
    width: 49%;
	z-index: 12;
	height: 155px;
}

.galeria1 {
    overflow: hidden;
    width: 99%;
	z-index: 12;

}
}




@media (min-width: 799px) { 
.galeria {
     overflow: hidden;
    width: 32%;
	margin-right: 0.5%;
	z-index: 12;
	height: 175px;
}

.galeria1 {
    overflow: hidden;
    width: 99%;
	z-index: 12;

}

}

@media (min-width: 1100px) { 
.galeria {
     overflow: hidden;
    width: 24%;
	margin-right: 0.5%;
	z-index: 12;
	height: 240px;
}

.galeria1 {
    overflow: hidden;
    width: 99%;
	z-index: 12;

}

}


@media (min-width: 1400px) { 
.galeria {
     overflow: hidden;
    width: 24%;
	margin-right: 0.5%;
	z-index: 12;
}

.galeria1 {
    overflow: hidden;
    width: 99%;
	z-index: 12;

}

}

.galeria1 img {
    width: 100%;
	height: auto;
	z-index: 12;
}

.galeria1 a, .galeria1 a:visited { 
	font-size: 17px;
	height: 25px;
	color: #003445;
	line-height: 25px;
	display: inline-block;
	text-shadow: 0px 0px 0px black;
	text-decoration: none!important;
}

.galeria1 a:hover {
	color: #fff;
}

.galeria_zdjecie {
	height: 90px;
	width: auto;
	margin: 3px;
	overflow: hidden;
}

.foto1 {
float: left;
z-index: 12;
}

.foto1 img {
	height: 210px;
	margin: 4px;
	z-index: 12;
	border: 2px solid #000;
}


/*------------------ KONTAKT ------------ */
.kontakt-top, .kontakt-bottom {
	width: auto;
	height: auto;
	overflow: hidden;
	margin-bottom: 40px;
	font-size: 15px;
	line-height: 22px;
}

@media (min-width: 1000px) { 
.kontaktform {
	margin: 0 auto;
	width: 50%;
	text-align: center;
}
}

.kontakt-bottom {
	
}

.kontakt-bottom1{

}

#gmap a, #gmap a:visited {
	color: #fff;
}

.table {
	background: #fff;
}

.kontakt-top1 {
	float: left;
	width: 95%;
	margin-right: 30px;

	
}

@media (min-width: 900px) { 
	.kontakt-top1 {
		width: 40%;
		margin-right: 3%;
	}
}


.kontakt-top3 {
	float: left;
	width: 40%;
	margin-right: 30px;
}

.kontakt-top2 {
	float: right;
	width: 95%;
}

@media (min-width: 900px) { 
.kontakt-top2 {
	float: right;
	width: 40%;
}
}

/*KONTAKT*/
/* ------------------- KONTAKT --------------- */

input.dane_pole{
     border: 1px solid #fff;
	 width: 80px;
	 
}

input.kontakt_pole{
     border: 1px solid #2E1B03;
     width: 241px;
	 height: 18px;
	 padding-left: 7px;
 }

input.kontakt_pole1{
     border: 0px;
     width: 223px;
	 height: 29px;
	 padding-left: 7px;
 }

input.token{
     color: #fff;
     border: 1px solid #fff;
     width: 80px;
	 background: #AEAEAE;
	 float: right;

}

input.tokena{
     color: #fff;
     border: 1px solid #fff;
     width: 80px;
	 background: #AEAEAE;
	float: right;
}

textarea.kontakt_area{
	 width: 100%;
	border: 0px solid #000;
	 margin-top: 3px;
	 padding: 5px;
	 	-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #003445;
}



textarea.kontakt_areaa{
	 width: 370px;
	 border: 1px solid #C9B79D;
	 margin-top: 1px;
	 padding: 5px;
}
    
input.submit1 {
     height: 25px;
     width: 108px;
     background: #593E26;
     border: 1px solid #593E26;
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	margin-top: 5px;
	margin-right: 40px;
	float: right;
}

input.submit2 {
     height: 18px;
     width: 120px;
     font-size: 10px;
     color: #6D440E;
     border: 1px solid #fff;
     vertical-align: middle;
     font-family: Arial , Verdana, Tahoma, "Lucida Grande", sans-serif;
     margin-top: 5px;
}




label.szerokie {
	width: 300px;

}

label.prawy {
     display: inline-block; 
	 width: 70px; 
	 height: 29px; 
	 float: right;
	 margin-bottom: 2px;
}



label.lewy1, label.lewy12, label.lewy123{
     display: inline-block; 
	 width: 110px; 
	 height: 20px; 
	 text-align: left;
	 margin-bottom: 1px;
	
	 font-weight: normal;
	 text-align: left;
	 line-height: 19px;
}

label.lewy12 {
	line-height: 20px;
	width: 160px; 
}

label.lewy1a{
     display: inline-block; 
	 width: 100px; 
	 height: 20px; 
	 text-align: left;
	 margin-bottom: 2px;
	 font-size: 13px;
	 font-weight: normal;
	 color: #593E26;
	 text-align: right;
}



label.prawy1{
     display: inline-block; 
	 width: 70px; 
	 height: 27px; 
	 text-align: right;
	 margin-bottom: 4px;
	 margin-left: 17px;
}

label.prawy1a{
     display: inline-block; 
	 width: 90px; 
	 height: 22px; 
	 text-align: right;
	 margin-bottom: 4px;
	 margin-left: 17px;
}




label.left {
	display: inline-block; 
	float: left;
	margin-right: 140px;
}

label.right {
	display: inline-block; 
	float: right;
}

label.token {
	display: inline-block; 
	float: right;

}

.rezerwacja {
	width: 980px;
	height: 50px;
	margin: 0 auto;
	background: url(../image/rezerw.png);
	z-index: 10;
}


input.rezerw , input.rezerw1, input.rezerw2,  input.rezerw4{
	background-color: #fff;
	height: 35px;
	width: 175px;
	color: #000;
	padding-left: 5px;
	margin-bottom: 4px;
width: 100%;
border: 1px solid #003445;
	-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

 input.rezerw1{ 
	width: 120px;
 }
 
  input.rezerw2{ 
	width: 50px;
 }
 
input.rezerw4{ 
	margin-bottom: 5px;
} 


/* tabele */


table {
	width: 100%;
	margin-right: 10px;
	float: left;
	overflow: hidden;
	vertical-align: middle;
	MARGIN-BOTTOM: 40px;
}
}
 tr {
	vertical-align:top;
	font-style: italic;
	font-size: 18px;
 }

tbody {
	height: 100%;
} 

td {
	border-bottom: 1px solid #2A0202;
	padding: 10px;
	border-bottom-style: dotted;
	line-height: 22px;
	vertical-align: middle;
}

td.menu_nazwa2 {
	font-style: italic;
	font-size: 15px;
}

.contentx li {
	  list-style-position: inside;
    margin: 10px 0;
	margin-left: 10px;
    padding: 0 0 0 20px;
}

input.rezerw-guzik , input.rezerw-guzik1, input.rezerw-guzik2{
	background: #003445;
	color: #fff;  
	border: 0px; 
	width: 100%; 
	height: 35px;
  margin-top: 10px;
  font-size: 15px;
  cursor: Pointer; cursor: hand;
  float: left!important;
} 

input.rezerw-guzik1{ 
	float: right;
	margin-top: 10px;
	cursor: Pointer; cursor: hand;
}
/*------------------------------- Pagination --------------------- */
#wrappper-pagination {
	width: 100%;
	height: 60px;
	margin: 0 auto;
	clear: both;
}
#inner-pagination {
	width: auto;
	height: auto;
	padding: 3px;
	text-align: center;
}
#inner-pagination ul {
	clear: both;
}
#inner-pagination ul,
#inner-pagination ul li {
	list-style: none;
}
#inner-pagination a {
	display: inline-block;
}
#inner-pagination ul li {
	margin: 0 5px;
	display: inline-block;
}
#inner-pagination ul li a.current {
	font-weight: bold;
	color: #fff;
	border: 1px solid #1B0805;
	background: #1B0805;
	padding: 0 3px;
}

.footerx {
	height: 20px; 
	background: #002C3F;
	color: #fff;
	font-size: 10px;
	padding: 3px;
	text-align: center;
}

.footerx a, .footerx a:visited{
	color: #715C4A;
	font-size: 12px;
	text-decoration: none;
}

.footerx a:hover{ 
	color: #fff;
}

.wizytowka_obraz img {
	float: right;
	width: 310px;
}

.wizytowka_obraz1 {
	width: 450px;
	float: left;
}

@media (max-width: 650px) { 
.wizytowka_obraz {
	float: left;
	width: 310px;
	height: auto;
	margin-bottom: 20px;
}

.wizytowka_obraz img{
	width: 310px;
}
}

@media (min-width: 900px) { 
.wizytowka_obraz {
	float: right;
	width: 400px;
	padding-left: 10px;
	height: auto;
}

.wizytowka_obraz img{
	width: 400px;
}

}

@media (min-width: 1040px) { 
.wizytowka_obraz1 {
	width: 590px;
	float: left;
}
}

#contentx a, #contentx a:visited {
	text-decoration: underline;

}

.box1-oferta a, .box1-oferta a:visited {
	text-decoration: none!important;
	font-style: normal!important;
} 


.realizacje1 {
		overflow: hidden!important;
		display: block;
		width: 300px; 
		height: 330px; 
		margin-bottom: 20px;
}

@media (max-width: 639px) { 
.realizacje1 {
		height: 90px; 
		margin-bottom: 5px;
}
}

@media (min-width: 640px) { 
	.realizacje1 {
		overflow: hidden!important;
		display: block;
		width: 300px; 
		
		margin-bottom: 20px;
	}
}


@media (min-width: 900px) { 
	.realizacje1 {
		overflow: hidden!important;
		display: block;
		width: 300px; 
		
		margin-bottom: 0px;
	}
}




.spec1 {

	WIDTH: 95%; 
}

.spec2 {
	WIDTH: 95%; 
}

@media (min-width: 870px) { 
.spec1 {
	float: left; 
	WIDTH: 40%; 

}

.spec2 {
	float: right; 
	WIDTH: 55%; 
	
}
}


@media (min-width: 920px) { 
.spec1 {
	float: left; 
	WIDTH: 520px; 

}

.spec2 {
	float: right; 
	WIDTH: 42%; 
	
}
}

@media (min-width: 1500px) { 
.spec2 {
	float: right; 
	WIDTH: 55%; 
	
}
}


.box-glowna, .box-glowna-dekarze, .box-glowna-oferta, .box-glowna-onas, .box-glowna-aldona  {
	width: 33%;
	float: left;
	padding: 3%;
	padding-top: 1%;
	text-align: center;
	min-height: 280px;
	position: relative;
	MARGIN-TOP: 2%;
}






.box-glowna1, .box-glowna-dekarze1, .box-glowna-oferta1, .box-glowna-onas1, .box-glowna-aldona1 {
	width: 100%;
	background: #fff;
}


.box-glowna2, .box-glowna-dekarze2, .box-glowna-oferta2, .box-glowna-onas2, .box-glowna-aldona1 {
	width: 100%;
	
}

.box-glowna-dekarze { 
	
	background-size: 100%;
	
}

.box-glowna-oferta { 
	
	background-size: 100%;
}

.box-glowna-onas { 
	
	background-size: 100%;
}

@media (min-width: 1000px) {
.box-glowna, .box-glowna-dekarze, .box-glowna-oferta, .box-glowna-onas, .box-glowna-aldona  {
	width: 33%;
	float: left;
	/*padding: 3%;*/
	padding-top: 1%;
	padding-bottom: 1%;
	margin-bottom: 0%;
	/*max-height: 310px; */
	min-height: 280px;
	position: relative;
	MARGIN-TOP: 0%;
}
}

.box-glowna-tyt {
	font-size: 16px;
	line-height: 24px;
	font-weight: 800;
	TEXT-ALIGN: CENTER;
	color: #d1e9f4;
	padding-bottom: 10px;
}

.box-glowna-tyt2 {
	font-size: 25px;
	line-height: 30px;
	font-weight: 300;
	TEXT-ALIGN: CENTER;
}

.box-glowna-dekarze a, .box-glowna-dekarze a:visited, .box-glowna-onas a, .box-glowna-onas a:visited, .box-glowna-oferta a, .box-glowna-oferta a:visited , .box-glowna-aldona a, .box-glowna-aldona a:visited {
	width: 50%;
	height: 25px;
	display: block;
	background: rgba(185,21,36,0.7);
	line-height: 25px;
	
	text-align: center;
	border: 0px solid #fff;
	margin: 0 auto;
	margin-top: 12px;
	font-size: 15px;
	color: #fff;
} 

.box-glowna-dekarze a:hover, .box-glowna-oferta a:hover, .box-glowna-onas a:hover, .box-glowna-aldona a:hover{ 
	background: rgba(0,0,0,0.7)!important;
	color: #fff;
}

@media (max-width: 900px) {
.box-glowna, .box-glowna-dekarze, .box-glowna-oferta, .box-glowna-onas, .box-glowna-aldona {
	width: 100%;
}
}

.box-glowna-text1 {
	color: #fff;
	width: 75%;
	font-size: 13px;
	line-height: 16px;
	margin: 0 auto;
	font-weight: 400;
}


p.foto-podpis {
	position: relative;
	text-align: left;
	margin-top: 20%; 
	font-weight: 300; 
	text-shadow:  1px 1px 2px black; 
	z-index: 123;
	color: #fff;
	margin-bottom: 5px;
	margin-left: 5%;
	font-weight: 600;
	font-family: 'Ubuntu', sans-serif;
	margin-top: 40%;
}

p.foto-podpis2 {
	position: relative;
	text-align: lest;
	margin-top: 0px; 
	font-weight: 300; 
	text-shadow:  1px 1px 2px black; 
	z-index: 123;
	color: #fff;
	font-size: 28px;
	margin-left: 5%;
	font-weight: 600;
}

@media (min-width: 540px) {
p.foto-podpis {
	font-size: 30px;
	line-height: 50px;
	height: 100%;
}
}

@media (min-width: 900px) {
p.foto-podpis {
	font-size: 30px;
	line-height: 60px;
	height: 100%;
}
}

@media (min-width: 1200px) {
p.foto-podpis {
	font-size: 25px;
	line-height: 40px;
	height: 100%;
	margin-top: 25%; 
}
}

@media (min-width: 1300px) {
p.foto-podpis {
	font-size: 25px;
	line-height: 49px;
	height: 100%;
	margin-top: 25%; 
}

p.foto-podpis2 {
	font-size: 30px;
}
}

@media (min-width: 1450px) {
p.foto-podpis {
	font-size: 35px;
	line-height: 40px;
	height: 100%;
	margin-top: 25%; 
}	
}


p.foto-podpis1 {
	position: relative;
	text-align: left;
	font-size: 55px;
	font-weight: 700; 
	text-shadow:  1px 1px 2px black; 
	color: #fff;
	line-height: 55px!important;
}

@media (max-width: 550px) {
p.foto-podpis1 { 
	font-size: 40px;
	line-height: 45px!important;
}
}

p.foto-podpis-kontakt{
	position: relative;
	text-align: center;
	font-weight: 700; 
	font-size: 24px;
	color: #fff;
}

p.foto-podpis-kontakt1{
	font-size: 16px;
	
}

.box-1-oferta a, .box-1-oferta a:visited {
	width: 100%;
	display: inline-block;
	z-index: 2;
	color: #fff;
	    background: #003445;
	text-decoration: none!important;
	padding-top: 5px;
	padding-bottom: 5px;
		}


.box-1-oferta a:hover {
	 background: #A1CD3A;
	color: #003445;

	
}

.kategorie {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 30px;
}

.kategorie a, .kategorie a:visited {
	color: #00AEEF;
	font-weight: bold;
	text-decoration: none;
}

.kategorie a:hover {
	color: #333;
}

.element_oferty {
	width: 98%;
	margin: 1%;
	float: left;
}

.element_oferty_left { 
	float: left;
	width: 98%;
	position: relative;
	margin-bottom: 4%;
}

.element_oferty_right { 
	float: right;
	width: 98%;
	text-align: justify;
}

.element_oferty_left img{ 
	width: 100%;
}

@media (min-width: 850px) { 
.element_oferty {
	width: 48%;
	margin: 1%;
	float: left;
	margin-bottom: 5%!important;
}

.element_oferty_left { 
	float: left;
	width: 99%;
	position: relative;
}

.element_oferty_right { 
	float: right;
	width: 99%;
	text-align: justify;
}

}


@media (min-width: 1590px) {
.element_oferty {
	width: 48%;
	margin: 1%;
	float: left;
	overflow: hidden;
	height: auto;
	margin-bottom: 2%!important;
}

.element_oferty_left { 
	float: left;
	width: 53%;
	position: relative;
}

.element_oferty_left img{ 
	width: 100%;
}




.element_oferty_right { 
	float: right;
	width: 44%;
	text-align: justify;
}
}

.element_oferty_left a, .element_oferty_left a:visited { 
display: block;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0);
	position: absolute;
	z-index: 2;
	background-position: center; 
	
	
}

.element_oferty_left a:hover{ 
	background: rgba(0,0,0,0.4) no-repeat;
	background-position: center; 
	transition: all .3s ease-in-out;
	
}

.element_oferty p {
margin: 0 auto 0px!important;
}

.wycena1 {
	width: 95%;
	margin: 0 auto;
}

@media (min-width: 900px) { 
	.wycena1 {
		width: 50%;
	}
}


.onas {
	overflow: hidden;
	margin-bottom: 10px;
}


.onas-box {
	width: 95%;
	height: auto;
	margin: 0 auto;
	margin-top: 30px;
	overflow: hidden;
}

@media (min-width: 900px) { 
	.onas-box {
		width: 44%;
		float: left;
		margin: 2%;
	}
}

@media (max-width: 1700px) { 
	.onas-box {
		min-height: 280px;
	}
}

p.onas1 {
	font-size: 40px;
	text-align: center;
	color: #00AEEF;
	line-height: 44px;
	font-weight: 300;
}

#mapka{
	width: 99%; height: 400px; border: 1px solid black; background: gray; margin: auto; color:#000; }
	
.telefon {
	float: right;
	margin-right: 10px;
	padding-right: 15px;
	font-size: 21px;
	font-weight: 300;
	text-align: center;
	width: 220px;
	height: 37px;
	line-height: 37px;
	border-right: 1px solid #333;
}	

.telefon2 {
	float: right;
	color: #fff;
	margin-right: 0px;
	padding-right: 0px;
	
	font-size: 30px;
	font-weight: 300;
	text-align: center;
	width: 100px;
	height: 37px;
}

p.zapisy {
	font-size: 16px;
	text-align: center;
	color: #fff;
	    -webkit-margin-after: 0em;
		line-height: 22px;
}

.telefon a, .telefon a:visited {
	color: #fff;
}

.telefon a:hover {
	color: #806B64;
}

@media ( max-width: 500px ) { 
	.telefon, .telefon2 {
		width: 0%;
		margin-right: 0px;
		padding-right: 0px;
		border: 0px;
	}
	
.telefon a, .telefon a:visited {
	color: #fff;
	font-size: 0px;
}

.telefon a:hover {
	color: #806B64;
}	
}




.m1m2 {
	width: 65%;
	margin: 0 auto;
	
}

.m1 {
	width: 50%;
	float: left;
	POSition: relative;
}



.m2 {
	width: 50%;
	float: right;
	min-height: 400px;
POSition: relative;
}

p.tyty {
	font-size: 42px;
	line-height: 50px;
	font-weight: 300;
	
}

.opinie-dol {
	width: 350px;
	height: 65px;
	background: #CF1433;
	color: #fff;
	line-height: 60px;
	FONT-WEIGHT: 600;
	font-size: 24px;
	margin: 10%;
	margin-left: 20%;
	text-align: center;
	border: 2px solid #fff;
}

.opinie-dol1 {
	width: 350px;
	height: 65px;
	background: #CF1433;
	color: #fff;
	line-height: 60px;
	FONT-WEIGHT: 600;
	font-size: 24px;
	margin: 10%;
	margin-left: 20%;
	text-align: center;
	border: 2px solid #fff;
}

@media ( max-width: 900px ) { 
.opinie-dol1 {
	width: 90%;
		margin-top: 15%;
	margin-left: 5%;
	font-size: 18px;
}
}

.opinie-dol a, .opinie-dol a:visited, .opinie-dol1 a, .opinie-dol1 a:visited  {
	color: #fff;
}

.opinie-dol a:hover, .opinie-dol1 a:hover  {
	color: #333;
}

a.zobaczxyz, a.zobaczxyz:visited {
		width: 70%;
	height: 25px;
	display: block;
	background: rgba(207,20,51,0.9);
	line-height: 25px;
	
	text-align: center;
	border: 0px solid #fff;
	margin: 0 auto;
	margin-top: 12px;
	font-size: 15px;
	color: #fff;
}


.link_foto {
	float: left; 
	margin: 0.5%;
	width: auto; 
	height: 200px;
}
/*
@media (min-width: 700px) { 
	.link_foto {
	float: left; 
	margin: 0.5%;
	width: 49%;
	}
}


@media (min-width: 1100px) { 
	.link_foto {
	float: left; 
	margin: 0.5%;
	width: 32%;
	}
}

@media (min-width: 1500px) { 
	.link_foto {
	float: left; 
	margin: 0.5%;
	HEIGHT: 210PX;
	width: auto;
	}
} */

.ukryj
{
	display: none;
}

p.dzial3 {
	font-size: 13px;
	color: #333;
	text-align: left;
	font-weight: bold;
	margin-top: 14px;
	margin-bottom: 8px;
	padding-left: 18px;
	background: url(../image/nazwa.png) no-repeat left top;
	line-height: 15px;
	}
	
	

.foot1 {
	position: absolute;
    left: 7%;
    top: 25%;
    height: 100px;
	z-index: 1234567;
}
	
.container a, .container a:visited {
	text-decoration: underline;
}	


.slogan2 {
	position: absolute;
	text-align: center;
	margin-top: 20%; 
	font-weight: 300; 
	text-shadow:  2px 2px 3px black;
	margin-right: 0px;
	right: 5%;
	width: 250px;
	height: 250px;
	background: url(image/spec.png) no-repeat center top;
	padding: 5px;
	color: #fff; 
	font-family: 'Amatic SC', cursive; font-size: 45px;
	line-height: 50px;
}




@media (max-width: 1390px) {
.slogan2 {
	position: absolute;
	text-align: center;
	margin-top: 22%; 
}

}

@media (max-width: 1300px) { 
	.slogan2 {
	margin-top: 22%;
}
}

@media (max-width: 900px) {
.slogan2 {
	position: absolute;
	text-align: center;
	margin-top: 30%; 
	float: left;
}

}


@media (max-width: 850px) {
.slogan2 {
	position: absolute;
	text-align: center;
	margin-top: 12%; 
	float: right;
}

}

@media (max-width: 670px) {
.slogan2 {
	position: absolute;
	text-align: center;
	margin-top: 13%; 
	float: left;
	right: 0%;
	width: 180px;
	height: 180px;
	font-size: 35px;
	line-height: 40px;
	background: url(image/specm.png) no-repeat center top;
}

			.list_carousel li {
				text-align: center;
				width: 180px;
				height: 73px;
				padding: 0;
				margin-LEFT: 0px;
				
				margin-top: 0px;
margin-top: 15%;
				float: left;
				padding-left:0px;
				
			}
			
}

@media (max-width: 500px) {
.slogan2 {
	position: absolute;
	text-align: center;
	margin-top: 42%; 
	float: left;
	right: 0%;
	width: 180px;
	height: 180px;
	font-size: 35px;
	line-height: 40px;
	background: url(image/specm.png) no-repeat center top;
}

			.list_carousel li {
				text-align: center;
				width: 180px;
				height: 73px;
				padding: 0;
				margin-LEFT: 0px;
				
				margin-top: 0px;
margin-top: 15%;
				float: left;
				padding-left:0px;
				
			}

}

p.tytul123 {
	font-family: 'Amatic SC', cursive;
	color: #B7E058;
	
}

.slogan2 a, .slogan2 a:visited {
	    width: 75%;
    height: 35px;
    display: block;
   background: rgba(224,99,15,0.9);
    line-height: 35px;
    text-align: center;
    border: 0px solid #fff;
    margin: 0 auto;
    margin-top: 12px;
    font-size: 16px;
    color: #fff;
	font-family: 'Open Sans', cursive; 
	font-weight: 600;
}

.slogan2 a:hover {
	 background: rgba(0,61,81,0.9);
	 color: #fff;
}

a.wiecej123, a.wiecej123:visited {
	    width: 250px;
    height: 35px;
    display: block;
   background: #333;
    line-height: 35px;
    text-align: center;
    border: 0px solid #fff;
    margin: 0 auto;
    margin-top: 12px;
    font-size: 14px;
    color: #fff;
	font-family: 'Open Sans', cursive; 
	font-weight: 400;
	text-decoration: none;
}

a.wiecej123:hover {
	 background: #0095da;
	color: #fff;
}

p.tytuly {
	 font-family: 'Amatic SC', cursive; 
	 font-size: 46px; 
	 LINE-HEIGHT: 52px;
	 margin-bottom: 2%;
	 color: #0095da;
	text-shadow: 1PX 1PX 1PX #333;
	TEXT-align: center;
}

p.tytuly123 {
	 font-family: 'Amatic SC', cursive; 
	 font-size: 35px; 
	 LINE-HEIGHT: 37PX;
	 color: #A1CD3A;
	text-shadow: 1PX 1PX 1PX #333;
	TEXT-align: center;
}

.box11 {
	float: right;
	width: 80%;
	display: block;
	height: auto;
	color: #fff;
	background: rgba(0,149,218,0.9);
	position: absolute;
	right: 0;
	padding-top: 10px;
	padding: 15px;
	top: 130px;
	margin-right: 0px;
	font-weight: 600;
	text-shadow:  1px 1px 2px black; 
	FONT-SIZE: 16PX;
}

.box11 a, .box11 a:visited { 
color: #fff;
}

.box11 a:hover { 
color: #222526;
}


.ofertyspec a, .ofertyspec a:visited {
	color: #fff;
	
	
}



.ofertyspec a:hover{ 
	color: #333;
	
}

.ofertyspec img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.ofertyspec:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.ukryj
{
	display: none;
}



.prawogora {
	float: right;
	width: auto;
	width: 70%;
	color: #fff;
	font-size: 12px;
	text-align: right;
	padding-right: 1%;
	font-weight: 600;
	text-shadow: 2px 2px #333;
	margin-bottom: 1%;
	line-height: 30px;
}

@media (max-width: 800px) { 
.prawogora {
width: 40%;
}
}

.prawogora1 {
padding-top: 2px;
	float: right;
	width: auto;
}

.prawogora2 {

	float: right;
	width: auto;
}

.prawogora a, .prawogora a:visited { 

}