/* SEKCJA BODY SEKCJA BODY SEKCJA BODY SEKCJA BODY SEKCJA BODY SEKCJA BODY SEKCJA BODY SEKCJA BODY SEKCJA BODY SEKCJA BODY................................................... */
/* KOLOR STRONY - F79021 */
:root{
	--szerokosc:75%; /* sposób użycia var(--szerokosc); */
}
body {
	margin:0 auto;
	background-color:#242424;
	font-family:'Lato', sans-serif;
	font-weight:400;
	font-size:15px;
	color:#FFFFFF;
}

body p {
	margin-top:0px; /* wysokosc akapitu na stronie*/
	margin-bottom:0px;
}

/* ................................................... */

#polecane {
	width:100%;
	min-height:650px;
	text-align:center;
	overflow:auto;
}

.polecane {
	position:relative;
	width: 315px;
	height: 315px;
	float:left;
	margin-left:18px;
	margin-bottom:18px;
	background:no-repeat left top;
	background-size:cover;
}

.polecane span.polecane-cena {
	position:absolute;
	bottom:20px;
	left:80px;
	width:145px;
	background-color:rgba(120, 194, 194, 0.8);
	color:#FFFFFF;
	font-size:20px;
	overflow:hidden;
	padding:5px;
}

.polecane span.polecane-tekst {
	position:absolute;
	top:12px;
	left:10px;
	opacity:0;
	color:#FFFFFF;
	height:303px;
	font-size:20px;
	overflow:hidden;
	text-align:left;
}

.polecane .polecane-kolor {
	position:absolute;
	top:0;
	left:0;
	background:#F79021;
	opacity:0;
	width:100%;
	height:100%;
}

.polecane:hover span.polecane-tekst {
	opacity: 1;
}

.polecane:hover span.polecane-cena {
	opacity: 0;
}

.polecane:hover .polecane-kolor {
	opacity: 0.8;
}

.polecane-przycisk {
	display:inline-block;
	background-color:#F79021;
	padding:10px;
	border-radius:5px;
	margin:20px 0 75px 0;
}

#polecane a {
	color:#FFFFFF;
	text-decoration:none;
}

.polecane-przycisk img {
	position:relative;
	top: -2px;
	padding:0 10px 0 10px;
}



#galeria-front {
	width:100%;
	overflow:auto;
}

.galeria-front {
	position:relative;
	float:left;
	width:20%;
	height:20%;
}

.galeria-front img {
	width:100%;
	height:100%;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.galeria-front:hover img {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
}





#body-up {
	margin:0 auto;
	width:100%;
	height:240px;
	position:absolute;
	z-index:99;
	backround:#242424;

}

#body-uptlo {
	margin:0 auto;
	background-position:center top;
	background-repeat:repeat;
	width:var(--szerokosc);
	height:240px;
	position:absolute;
	z-index:99;
	background-color:#242424;
	left:0;
	right:0;
}

#body-uptlo2 {
	background:url(../grafika/inne/ciemny-pasek-pod-menu.png) center top repeat;
	margin:240px auto 0 auto;
	width:var(--szerokosc);
	height:60px;
	position:absolute;
	z-index:99;
	opacity:0.9;
	background-color:#222222;
	left:0;
	right:0;
}

#body-pokaz {
	margin:0 auto;
	background-color:#242424;
	background-position:center top;
	background-repeat:no-repeat;
}

#body-wspolpraca {
	margin:0 auto;
	background-color:#242424;
	background-position:center top;
	background-repeat:no-repeat;
	top:0px;
	height:425px;
	padding-top:0px;
}

#body-inne-1 {
	margin:0 auto;
	background-color:#242424;
	background-position:center top;
	background-repeat:no-repeat;
	margin-top:0px;
	height:450px;
}

#body-inne-4 {
	margin:0 auto;
	background-color:#242424;
	background-position:center top;
	background-repeat:no-repeat;
	margin-top:0px;
	height:450px;
}

#body-inne-14 {
	margin:0 auto;
	background-color:#242424;
	background-position:center top;
	background-repeat:no-repeat;
	margin-top:0px;
	height:1440px;
}

.body-tekst {
	margin:0 auto;
	background-color:#242424;
	background-position:center top;
	background-repeat:no-repeat;
	min-height:250px;
	text-align:center;
}

.body-tekst-front-galeria {
	margin:0 auto;
	background-color:#242424;
	background-position:center top;
	background-repeat:no-repeat;
	text-align:center;
}

.body-tekst2 {
	margin:0 auto;
	background-color:#242424;
	min-height:280px;
	text-align:center;
	background:#242424 center top url(../grafika/inne/panel-pod-zdjeciem-glownym.png) no-repeat;
}

.body-tekst-z-tlem {
	background:#242424 center top url(../grafika/inne/panel-pod-zdjeciem-glownym.png) no-repeat;
	margin-top:0px;
	height:900px;
	font-size:18px;
	color:#FFFFFF;
	text-align:center;
}

.body-tekst-z-tlem img {
	max-height:100px;
	padding: 50px 0 25px 0;
}

.body-tekst-z-tlem-haslo {
	font-size:28px;
	line-height:28px;
	font-weight:900;
	text-align:center;
}

.body-tekst-z-tlem-haslo-kolor {
	font-size:28px;
	line-height:28px;
	color:#F79021;
	font-weight:900;
	text-align:center;
}


.body-tekst-2 {
	margin:0 auto;
	background-color:#242424;
	background-position:center top;
	background-repeat:no-repeat;
	margin-top:0px;
	min-height:250px;
}

.body-tekst-m {
	margin:0 auto;
	background-color:#242424;
	background-position:center top;
	background-repeat:no-repeat;
	margin-top:0;
	min-height:250px;
	display:none;
}

#body-stopka {
	margin:0 auto;
	background-color:#242424;
	background-repeat:no-repeat;
	background-position:center top;
	margin-top:0px;
	height:65px;
	width:100%;
}

#body-stopka-pasek {
	margin:0 auto;
	background-color:#F79021;
	background-repeat:no-repeat;
	background-position:center top;
	margin-top:0px;
	height:3px;
}


#body-map {
	margin:0 auto;
	background-color:#242424;
	background-repeat:no-repeat;
	background-position:center top;
	height:275px;
	overflow:hidden;
	width:var(--szerokosc);
	margin: 0 auto;
}



/* ................................................... */

.container {
	position:relative;
	width:1000px;  /* wazne - szerokosc strony */
	margin:0 auto;
	background-color:#242424;
}

.main {
	position:relative;
}


/* ................................................... */


/* SEKCJA BODY 0 ................................................... */

#logo {
	position:absolute;
	top:30px;
	z-index:100;
	outline:none;
	left:50px;
}

#logo img{
	max-height:175px;
	max-width:400px;
}

#menu {
	position:absolute;
	right:65px;
	float:left;
	z-index:10;
	outline:none;
	top:100px;
}

#menu a {
	font-weight:900;
	line-height:13px;
	font-size:21px;
	letter-spacing:0.5px;
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	text-decoration:none;
}

#mainmenu, #mainmenu ul {list-style:none; margin:0; padding:0;}
#mainmenu ul li {clear:both;}
#mainmenu > li {float:left; margin-left:30px; position:relative;}
#mainmenu li:hover > ul {display:block;}

/*POZIOM 1*/
#mainmenu > li > a {display:table; width:auto; padding:10px; color:#FFFFFF;}
#mainmenu > li > a.tutaj{color:#F79021;}
#mainmenu > li > a:hover {color:#F79021;}

/*POZIOMY NIŻSZE*/
#mainmenu ul {width:220px; display:none; background:#FFFFFF; z-index:100; position:absolute; left:0; top:47px;}
#mainmenu ul li {border-top:#000000 1px solid; position:relative;}
#mainmenu ul li:first-child {border-top:none;}
#mainmenu ul li > a {color:#282828; display:block; padding:12px;}
#mainmenu ul li > a:hover {color:#F79021;}




#menu2 {
	position:absolute;
	right:50px;
	float:left;
	z-index:10;
	outline:none;
	top:0;
}

#menu2 a {
	font-weight:900;
	line-height:13px;
	font-size:13px;
	letter-spacing:0.5px;
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	text-decoration:none;
}


#mainmenu2, #mainmenu2 ul {list-style:none; margin:0; padding:0;}
#mainmenu2 ul li {clear:both;}
#mainmenu2 > li {float:left; margin-left:2px; position:relative;}
#mainmenu2 li:hover > ul {display:block;}

/*POZIOM 1*/
#mainmenu2 > li > a {display:table; width:auto; padding:26px 15px 26px 15px; color:#FFFFFF;}
#mainmenu2 > li > a.tutaj{color:#F79021;}
#mainmenu2 > li > a:hover {color:#F79021;}

/*POZIOMY NIŻSZE*/
#mainmenu2 ul {width:220px; display:none; background:#FFFFFF; z-index:100; position:absolute; left:0; top:47px;}
#mainmenu2 ul li {border-top:#000000 1px solid; position:relative;}
#mainmenu2 ul li:first-child {border-top:none;}
#mainmenu2 ul li > a {color:#282828; display:block; padding:12px;}
#mainmenu2 ul li > a:hover {color:#F79021;}



.button:first-child{
	border-top-left-radius:15px;
}

.button:last-child{
	border-top-right-radius:15px;
	margin-right:0px;
}

.button {
	font-weight:900;
	line-height:15px;
	font-size:15px;
	color:#FAFAFA;
	letter-spacing:0.5px;
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	padding:12px;
	background-color:#F79021;
	display:inline;
	top:11px;
	position:relative;
	margin-right:-5px;
}

.button a {
	color:#FAFAFA;
}

.button:hover {
	background-color:#323D45;
}




/* SEKCJA BODY POKAZ ................................................... */
#pokaz-480px {
	display:none;
	margin-bottom:-150px;
}

#pokaz-980px {
	display:none;
	position:relative;
	top:150px;
	width:var(--szerokosc);
	margin:0 auto;
}

#pokaz-1200px {
	display:block;
	position:relative;
	top:150px;
	width:var(--szerokosc);
	margin:0 auto;
}

#pokaz-1480px {
	display:none;
	position:relative;
	top:150px;
	width:var(--szerokosc);
	margin:0 auto;
}


/*  ................................................... */

.box-B {
	position:relative;
	width:1000px;
	top:0px;
	z-index:5;
	outline:none;
	padding-top:0px;
	margin-left:auto;
	margin-right:auto;
}

.body-zdjecie {
	margin:0 auto;
	background:no-repeat 50% 0px fixed;
	background-color:#242424;
	background-position:center top;
	background-repeat:no-repeat;
	margin-top:0px;
	height:425px;
	background-size:cover;
	width:var(--szerokosc);
}


.tekst-glowny {
	width:1000px;
	line-height:18px;
	letter-spacing:0.5px;
	font-size:18px;
	text-align:center;
	padding-top:30px;
	padding-bottom:80px;
	height:auto;
	color:#FFFFFF;
}


.tekst-naglowek {
	font-size:32px;
	line-height:32px;
	width:100%;
	text-align:center;
	padding-top:40px;
	font-weight:900;
	color:#F79021;
}


.prostokat-oferta-1 {
	background-color:#cbcbcb;
	position:absolute;
	top:100px;
	left:0px;
	width:310px;
	height:310px;
	z-index:1;
}

.prostokat-oferta-2 {
	opacity:0.9;
	background-color:#1d1d1b;
	position:absolute;
	top:0px;
	left:0px;
	width:180px;
	height:8px;
	z-index:1;
}

.prostokat-oferta-3 {
	opacity:0.9;
	background-color:#1d1d1b;
	position:absolute;
	top:143px;
	left:0px;
	width:180px;
	height:32px;
	z-index:1;
}

.prostokat-oferta-4 {
	opacity:0.9;
	position:absolute;
	top:100px;
	left:0px;
	width:180px;
	height:175px;
	z-index:1;
}

.prostokat-oferta-5 {
	position:absolute;
	top:149px;
	left:0px;
	width:180px;
	height:32px;
	z-index:1;
}

/*  INNE ........... */

#przyciski-b {
	position:absolute;
	visibility:hidden;
	float:left;
	left:0px;
	top:0px;
	width:1px;
	height:1px;
	z-index:-1;
}



#gradient {
	width:100%;
	height:425px;
	margin:0 auto;
	padding-top:0px;
	z-index:1;
}

.teksty_pokaz {
	height:180px;
	width:900px;
	position:absolute;
	z-index:9;
	left:0;
	top:-300px;
	background-image:url('../grafika/inne/na-pokaz-1.png');
	background-position:center top;
	background-repeat:no-repeat;
}
/*
#p-stopka {
	right:0px;
	background-color:#F79021;
}
*/

.p-tel {
	position:absolute;
	right:80px;
	float:left;
	top:240px;
	padding-top:10px;
	color:#FFFFFF;
	font-size:15px;
	font-weight:900;
}

.p-tel-tekst, .p-tel-karta{
	display:inline;
	padding-right:15px;
}

.p-tel-karta img{
	padding-right:5px;
}

.p-tel-tel{
	display:inline-block;
	background-color:#F79021;
	padding:10px;
	border-radius:5px;
}

.p-tel-tel a{
	color:#FFFFFF;
	text-decoration:none;
}

.p-tel-tel img{
	padding-right:10px;
	position:relative;
	top:3px;
}

.p-telm {
	position:absolute;
	right:147px;
	float:left;
	z-index:10;
	outline:none;
	top:53px;
	display:none;
}

.pm-480px-border {
	border-top:5px solid #F79021;
	text-align:center;
	padding-top:0px;
	width:1010px;
	height:0px;
}

.pm-480px {
	border-top: 2px solid #d5d5d5; text-align:center; padding-top:15px; width:1010px; height:55px;
}

.pm-480px a {
	line-height:35px;
	font-size:35px;
	color:#484848;
	letter-spacing:1px;
	margin-left:15px;
	text-nsform:uppercase;
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
}

.pm-480px a:hover {
	color:#F79021;
}

.link {
	position:absolute;
	display:inline;
	overflow:hidden;
	left:-1000px;
	top:0;
	width:30px;
	height:30px;
}

.inne-tel {
	color:#F79021;
}

.inne-telm a{
	color:#F79021;
}

.inne-email a {
	color:#484848;
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	font-weight:900;
}


.inne-email a:hover {
	color:#F79021;
}

.inne-link {
	margin-top:15px;
}

.inne-link a {
	color:#ffffff;
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	background-color:#F79021;
	border-radius:15px;
	padding:15px;
}

.inne-link2 a {
	color:#FFFFFF;
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
}

.inne-link3 a {
	color:#F79021;
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
}

.inne-link2 a:hover {
	color:#F79021;
}

.prostokat-1 {
	opacity:0.9;
	background-color:#F79021;
	position:absolute;
	top:0px;
	left:0px;
	width:315px;
	height:60px;
	z-index:1;
	border-top-right-radius:15px;
	border-top-left-radius:15px;
}

.prostokat-2 {
	opacity:0.9;
	background-color:#F79021;
	position:absolute;
	top:0px;
	left:342px;
	width:315px;
	height:60px;
	z-index:1;
	border-top-right-radius:15px;
	border-top-left-radius:15px;
}

.prostokat-3 {
	opacity:0.9;
	background-color:#F79021;
	position:absolute;
	top:0px;
	right:0px;
	width:315px;
	height:60px;
	z-index:1;
	border-top-right-radius:15px;
	border-top-left-radius:15px;
}


.prostokat-1-1 {
	opacity:0.9;
	background-color:#eaeaea;
	position:absolute;
	top:80px;
	left:0px;
	width:315px;
	height:390px;
	z-index:1;
}

.prostokat-1-2 {
	background-color:#F79021;
	position:absolute;
	top:470px;
	left:0px;
	width:315px;
	height:3px;
	z-index:1;
}


.prostokat-1-3 {
	background-color:#dcdcdc;
	position:absolute;
	top:70px;
	left:0px;
	width:315px;
	height:180px;
	z-index:1;
}

.prostokat-2-1 {
	opacity:0.9;
	background-color:#eaeaea;
	position:absolute;
	top:80px;
	left:342px;
	width:315px;
	height:390px;
	z-index:1;
}

.prostokat-2-2 {
	background-color:#F79021;
	position:absolute;
	top:470px;
	left:342px;
	width:315px;
	height:3px;
	z-index:1;
}

.prostokat-2-3 {
	background-color:#dcdcdc;
	position:absolute;
	top:70px;
	left:342px;
	width:315px;
	height:180px;
	z-index:1;
}



.prostokat-3-1 {
	opacity:0.9;
	background-color:#eaeaea;
	position:absolute;
	top:80px;
	right:0px;
	width:315px;
	height:390px;
	z-index:1;
}

.prostokat-3-2 {
	background-color:#F79021;
	position:absolute;
	top:470px;
	right:0px;
	width:315px;
	height:3px;
	z-index:1;
}

.prostokat-3-3 {
	background-color:#dcdcdc;
	position:absolute;
	top:60px;
	right:0px;
	width:315px;
	height:180px;
	z-index:1;
}

.tekst-stopka {
	height:25px;
	top:22px;
	position:relative;
	text-align:left;
	line-height:15px;
	font-size:15px;
	color:#ffffff;
	width:500px;
	left:50px;
}

.formularz {
	display:block;
	position:relative;
	z-index:5;
	height:400px;
	top:50px;
}

#iframe-formularz {
	width:620px;
	top:50px;
	position:relative;
}

#box-3 {
	z-index:5;
	outline:none;
	font-size:15px;
	color:#FFFFFF;
	text-align:left;
	position:relative;
	top:60px;
	height:390px;
}

#box-3 .oferta {
	float:left;
	width:230px;
	height:290px;
	background-color:#F79021;
	padding:50px 35px;
	margin:0 16px 50px 16px;
	position:relative;
	left:170px;
}

.oferta a {
	text-decoration:none;
	padding:5px 15px;
	background:#FFFFFF;
	position:absolute;
	left:55px;
	bottom:50px;
	border-radius:3px;
	color:#F79021;
}

.oferta img {
	margin:15px 0;
}

#box-3 td{
	width:30%;
	text-align:center;
	background-color:#F79021;
	margin:0 calc(10%/6) 0 calc(10%/6);
}

#box-3 tr:first-child{
	height:75px;
}

#box-3 tr td {
	padding:10px;
	position:relative;
}

#box-3 tr td a {
	text-decoration: none;
	font-weight: 900;
	color: #F79021;
	background-color:#FFFFFF;
	padding: 5px 15px;
	position: absolute;
	bottom:50px;
	border-radius: 5px;
	left:126px;
}

#box-3 tr td a:hover {
	text-decoration:none;
}

#box-C {
	width:1000px;
	z-index:5;
	outline:none;
	font-size:15px;
	color:#FFFFFF;
	text-align:center;
	position:relative;
	top:60px;
}

#box-C td{
	width:33%;
}

#box-C tr{
	height:75px;
}

#box-C tr td a:first-of-type {
	text-decoration: none;
	font-weight: 900;
	color: #FFFFFF;
	background-color: #F79021;
	padding: 5px;
	position: relative;
	top: 10px;
	border-radius:5px;
}

#box-C tr td a {
	text-decoration: none;
	font-weight: 900;
	color: #FFFFFF;
	position: relative;
	top:20px;
}

#box-C tr td a:hover {
	text-decoration:none;
}

#cookies-policy {
	display:block;
	visibility:visible;
	position:fixed;
	z-index:666;
	bottom:0px;
	margin-left:0px;
	padding-left:7px;
	padding-right:7px;
	height:auto;
	padding-bottom:8px;
	padding-top:5px;
	left:0px;
	float:left;
	text-align:center;
	border-top:5px solid #F79021;
	background:#222222;
	text-decoration:none;
}


#cookies-policy a {
	color:#F79021;
	text-decoration:none;
}

#scroll {
	left:0px;
	top:0px;
	position:absolute;
	width:0px;
	height:0px;
	z-index:-1;

}

.scroll-fix {
	margin-top:400px;

}



/*  GALERIA ........... */


#galeria {
	width:100%;
	min-height:600px;
	text-align:center;
	position:relative;
	left:15px;
	padding-top:30px;
}

.button-pod-galeria {
	position:absolute;
	right:0;
	bottom:-500px;
	text-decoration:none;
	color:#024e78;
}

.button-pod-galeria a {
	text-decoration:none;
	color:#024e78;
}

.button-pod-galeria a:hover {
	text-decoration:none;
	color:#ff7e00;
}

.przycisk-galeria {
	background-color:#F79021;
	position:relative;
	border:solid 10px #F79021;
	border-radius:6px;
	top:25px;
	left:325px;
	width:315px;
	height:25px;
	z-index:1;
}

.img-galeria {
	width:310px;
	height:310px;
	position:relative;
	float:left;
	margin-right:1%;
	margin-top:1%;
	margin-bottom:0%;
	background-image:url('../grafika/inne/kolor-po-najechaniu-obrazka-oferta.png');
	background-position:center center;
}

.img-galeria img{
	width:310px;
	height:310px;
	float:left;
	-webkit-transition:all 0.7s ease;
	transition:all 0.7s ease;
}

.inne-galeria {
	font-size:16px;
	line-height:16px;
}

.img-galeria-tekst{
	position:absolute;
	width:180px;
	font-size:20px;
	font-weight:900;
	color:#FFFFFF;
	top:100px;
	background-image:url('../grafika/inne/ramka-tesktu-obrazka-oferta.png');
	height:74px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	padding-top:50px;
	left:70px;
	line-height:25px;
}

.img-galeria-tekst-2{
	position:absolute;
	width:180px;
	font-size:20px;
	font-weight:900;
	color:#FFFFFF;
	top:110px;
	background-image:url('../grafika/inne/ramka-tesktu-obrazka-oferta.png');
	height:74px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	padding-top:25px;
	left:70px;
	line-height:25px;
}



/*  MOBILE-480px ........... */
#menu-mobile-480px {
	display:none;
	position:absolute;
	right:60px;
	float:left;
	z-index:10;
	outline:none;
	top:52px;
	z-index:10;
}

#rozwin-menu-480px {
	display:none;
	position:absolute;
	background-color:#ffffff;
	opacity:0.9;
	width:1010px;
	top:140px;
	left:0px;
	z-index:10;
}

#body-mobile-480px-1 {
	display:none;
	width:1010px;
	margin:0 auto;
	background-color:#396f95;
	background-position:center top;
	background-repeat:no-repeat;
	margin-top:0px;
	height:180px;
}