@charset "utf-8";
/* CSS Document */

.test { border:1px solid red}

/* ==== clear ==== */

html, body, h1, h2, h3, h4, h5, h6, 
blockquote, address, form, fieldset,
ul, ol, li, img, div, span, p, object, iframe,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: none;
}

body, html, main {
	/* important */
	height: 100%;
}

.clear {
	clear: both;
    height: 0px;
    overflow: hidden;
}

/* ==== clear end ==== */

.viewport-hidden{
     opacity:0;
}
.viewport-visible{
     opacity:1;
}

ol, ul { list-style: none; }

a {text-decoration:none; outline:none; color: #231f20; cursor: pointer; font-size: 18px;}

A:link, A:visited { color: #231f20; text-decoration: underline; font-size:18px  } 
A:hover { color:#231f20; text-decoration: none; font-size:18px }

A.link_na:link, A.link_na:visited { color: #31b2e0; text-decoration: none; font-size:18px  } 
A.link_na:hover { color:#231f20; text-decoration: underline; font-size:18px }

A.link_na_mini:link, A.link_na_mini:visited { color: #31b2e0; text-decoration: none; font-size:10px  } 
A.link_na_mini:hover { color:#231f20; text-decoration: underline; font-size:10px }

A.light_link_a:link, A.light_link_a:visited { background-color:#5a585a; color:#ffffff; font-size:20px; text-decoration:none; padding:10px 20px; letter-spacing:5px; font-weight:bold; display: inline-block } 
A.light_link_a:hover { background-color:#f9a20b; color:#ffffff }			

A.light_link_b:link, A.light_link_b:visited { background-color:#f9a20b; color:#ffffff; font-size:20px; text-decoration:none; padding:10px 20px; letter-spacing:5px; font-weight:bold; display: inline-block } 
A.light_link_b:hover { background-color:#5a585a; color:#ffffff }			

a.back-to-top {
color:#FFFFFF;
position: fixed;
font-size:10px;
bottom: 2em;
right: 0px;
text-decoration: none;
background: url(../images/back-to-top.png?act=2018-05-24) no-repeat top center;
padding: 0 2em;
margin-bottom:15px;
display: none;
width:50px;
height:50px;
text-indent: -9999px;
}

a.back-to-top:hover {	
	text-decoration: none;
}

div, p, h2, h1, h3
{
font-size: 18px;
font-weight:normal
}

b, strong
{
font-weight: bold;
}

body, table
{
/*font-family: 'Oswald', sans-serif; font-weight: 300;*/
font-family: calibri, Verdana, Tahoma, Helvetica;
font-size: 18px;
color: #231f20;
font-style: normal; line-height: 21px; font-weight: normal; text-decoration: none; white-space: normal;
}

body { background-color:#f9f9f9;}

p, ul { line-height: 18px;}

hr{color:#ffffff; border-top: 1px solid #231f20; border-bottom:none; border-left:none; border-right:none;}

div.main {  }

.google_map { width: 100%; height: 450px; background: url(../images/loader_vgt.gif) no-repeat center #ffffff;}
.google_map * img { max-height:none !important; max-width:none !important; }
	#map-canvas { height: 100%; margin: 0px; padding: 0px; }

.powrot{
clear: both;
width:100%;
}

.powrot a:link, .powrot a:visited{
text-decoration:none;
font-size: 20px;
color: #ffffff;
background-color:#f9a20b;
margin:5px 0px;
padding: 10px 15px;
display: inline-block;
}

.powrot a:hover{
background-color:#9b9b9b;
}

#print-site { 
float: right;
border: 0px;
height: 28px;
margin:5px 0px;
}

#print-site a {
font-size: 20px;
color: #ffffff;
text-decoration:none;
background:#f9a20b url(../images/drukuj.png?2018-05-24) no-repeat 5px center;
padding: 5px 5px 5px 25px; 
line-height: 16px;
} 

#print-site a:hover {
background-color:#9b9b9b;
}

#komunikat_blad { border: 1px solid #b63333; color: #b63333; font-weight: normal; width:100%; margin:5px 0px; background: url(../images/tlo_komunikat_blad.png?2018-05-24) no-repeat 5px center #ffe6e6; }
	#komunikat_blad p { margin-left:45px; line-height:25px}

#komunikat_ok { border: 1px solid #13a316; color: #13a316; font-weight: normal; width:100%; margin:5px 0px; background: url(../images/tlo_komunikat_ok.png?2018-05-24) no-repeat 5px center #ecfed6; }
	#komunikat_ok p { margin-left:45px; line-height:25px }
	
/* ================================= HEADER */
#header { width:100%;}
	#header-top { width:100%; background-color: #231f20; display:table;}
		#header-top-content { max-width:1100px; margin:0px auto; height: 40px; }
			.header-sep { width:20px; float: left; text-align:center; color:#666666 }
			#header-data { float: right; margin:8px 5px }
				.header-phone { float: left; background:url(../images/phone.png?2018-05-24) no-repeat center left; padding-left:20px }
					.header-phone a { text-decoration:none; font-size:14px; color:#ffffff }
					.header-phone a:hover { color:#f9a20b }
				.header-mail { float: left; background:url(../images/mail.png?2018-05-24) no-repeat center left; padding-left:30px }
					.header-mail a { text-decoration:none; font-size:18px; color:#ffffff }
					.header-mail a:hover { color:#f9a20b; }
			#header-lang { float: left; margin:8px 5px; }
				#header-lang-pl { height: 20px; float: right; }
					#header-lang-pl a { width: 20px; background-image: url(../images/pl.jpg?2018-05-24); background-repeat:no-repeat; background-position: 0 0; display: block; line-height: 20px; text-indent: -9999px; }
				#header-lang-de { height: 20px; float: right; }
					#header-lang-de a { width: 20px; background-image: url(../images/de.jpg?2018-05-24); background-repeat:no-repeat; background-position: 0 0; display: block; line-height: 20px; text-indent: -9999px; }
				#header-lang-en { height: 20px; float: right; }
					#header-lang-en a { width: 20px; background-image: url(../images/en.jpg?2018-05-24); background-repeat:no-repeat; background-position: 0 0; display: block; line-height: 20px; text-indent: -9999px; }
	
	#header-center { 
	background-size: 100% 200px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
	margin: 0;
	padding: 0;
	border: none;
	clear: both;
	overflow: hidden;
	max-height: 220px;
	width:100%;
	background-image: url(../images/header_bg.jpg?act=2018-05-24);
	}

		#header-logo {max-width: 349px; margin:10px auto  }
			#header-logo img{ width: 100%; }
	
		#header-nav { width:100%; min-height:70px; background:url(../images/header_nav_bg.png?2018-05-24) repeat; } 
		#header-nav-content { max-width:1100px; margin: 0 auto; }
			
			#header-menu { height:70px; margin:0px auto; display:table; font-family: 'Oswald', sans-serif; font-weight: 300;}
			#header-menu ul li { float: left;}		
			#header-menu ul li a { text-decoration:none; outline:none; color: #231f20; font-size:22px; line-height: 70px; display: block; margin:0px 22px 0px 22px; padding: 0 10px 0 10px; }
			#header-menu ul li a:hover{ background-color:#ffffff; color:#231f20; line-height: 60px; border-bottom:10px solid #f9a20b;}
			#header-menu ul li a.active { background-color:#f9a20b; color:#231f20; line-height: 60px; border-bottom:10px solid #ffffff; }
	
	#header-bottom { }
	
/* ================================= FOOTER */

#footer { width:100%; margin:0px; display:table; background-color:#797979;}

	#footer-top { width:100%; display:table; padding-bottom:5px }
		#footer-top-content { max-width:990px; padding:0px 5px; margin:0px auto; }
		
	#footer-col-left { float:left; width:33.2%; min-width:230px; margin-top:15px; color:#ffffff; }
		#footer-col-left a { color:#ffffff; text-decoration: none; font-size:16px }
		#footer-col-left * { font-size:16px }

	#footer-col-center { float:left; width:33.2%; min-width:230px; min-height: 155px; margin-top:5px; padding-bottom:10px; text-align: center; }
		#footer-nav { width:100%; min-height:195px; margin: 0 auto; }		
		#footer-nav ul li a { text-decoration:none; outline:none; color: #ffffff; font-size:16px; line-height: 28px; display: block; margin:1px 4px 0px 4px; padding: 0 3px 0 3px;  border-bottom: 1px dashed #ffffff; }
		#footer-nav a:hover { text-decoration:none; color: #f9a20b; border-bottom: 1px solid #f9a20b;}
		#footer-nav a.active { text-decoration:none; color: #f9a20b; border-bottom: 1px solid #f9a20b; }
						
	#footer-col-right { float:left; width:33.2%; min-width:230px; margin-top:15px; color:#ffffff; }
	#footer-col-right * { font-size:16px }
	#footer-col-right a { color:#ffffff; text-decoration: none; font-size:16px }
	#footer-col-right * { font-size:16px }
		
	#footer-bottom { width:100%; height: 50px; background-color:#1a171b}
		#footer-bottom-content { max-width:990px; padding:0px 5px; margin:0px auto; }
			
		#vgt-sign { color:#ffffff;; margin-top:5px; font-size:14px; }
			A.vgt:link, A.vgt:visited { color: #f9a20b; text-decoration: none; font-size:14px; font-weight:bold; line-height: 50px;} 
			A.vgt:hover { color:#ffffff;  }
			
	#footer-fb { width:258px; height:100px}
	#footer-fb-img { width:30px; height: 30px; background: url(../images/ico-facebook.png?act=2016-07-05) no-repeat; float:left; margin-right: 5px }
		#footer-fb-img a { display: block; height: 100%; width: 100%; text-decoration: none; }
	#footer-gplus-img { width:30px; height: 30px; background: url(../images/ico-google-plus.png?act=2016-07-05) no-repeat; float:left }
		#footer-gplus-img a { display: block; height: 100%; width: 100%; text-decoration: none; }
	#footer-info-txt {padding-top: 5px;} 

/* ================================= INTERIOR */
#site_point { width:100%; height:60px; background-color:#f9f9f9; position: relative; z-index:1 }
	.site_point_content { height:50px; line-height:50px; padding:0px; margin: 0px auto; max-width:1100px; background:url(../images/site_point_bg.png?2018-05-24) no-repeat bottom left;}
	.site_point_content div { margin-left: 10px; font-style:italic; font-size:18px}
	.site_point_content div span { color:#f9a20b}
	.site_point_content div span.sep { padding-left:20px; background: url(../images/header_nav_arrow_right.png) center center no-repeat;}
	.site_point_content div span a { color:#f9a20b; text-decoration: none; font-size:18px}

#interior { width:100%; margin:0px; background-color:#f9f9f9; padding:0px; display: table}
#interior * img { max-width:100%; max-height:100%}
#interior * { font-style:italic;}

.interior-content { padding:10px; margin: 0px auto; max-width:1100px; }	
.interior-content ul { list-style: outside; margin-left:20px }
.interior-content ol { list-style: decimal; margin-left:20px }
.interior-content p {margin:10px 0px }
	
.int-header { width:100%; background:url(../images/int-header-gradient.jpg?2018-05-24) no-repeat bottom left; margin: 10px 0px; display:table}
.int-header div { margin-left: 10px; min-height:60px; line-height:60px; color:#000000; font-size:30px; font-weight:bold; letter-spacing: 2px; }
.int-header div span { color:#f9a20b; }

#int-content-menu {margin: 5px 0px; padding: 0;}
#int-content-menu ul{ list-style: none; text-indent: 0px;}
#int-content-menu li{ margin-top: 0px; line-height: 15px;}
#int-content-menu li a{ display:block; padding: 5px 15px 5px 0px; text-decoration: none; border-bottom: 1px solid #31b2e0; background-color: #fafafa;}
#int-content-menu li a.active { background:url("../images/manu_arrow_right.png") no-repeat right center #d1f0fc; }
#int-content-menu li a.top{ border-top: 1px solid #31b2e0; }
#int-content-menu li a.active_top{ border-top: 1px solid #31b2e0; background:url("../images/manu_arrow_right.png") no-repeat right center #d1f0fc; }
#int-content-menu li a:hover { background:url("../images/manu_arrow_right.png") no-repeat right center #f1f1f1; }
#int-content-menu li a:hover.top{ border-top: 1px solid #31b2e0; }
#int-content-menu li a:hover.active_top{ border-top: 1px solid #31b2e0; }

/*-------------------- kafelki z ikonami */
#interior-icons { margin:0px auto; display:table }
#interior-icons ul { list-style: none; margin:0px}
#interior-icons ul li { text-align: center; float: left; max-height:210px; max-width:310px; margin:10px; line-height:20px; }
#interior-icons ul img { max-width:100% }

/*-------------------- ruchome tlo dokumentu */ 
.cd-fixed-bg {
	min-height: 100%;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0;
	padding: 0;
	border: none;
	clear: both;
    overflow: hidden;
}
 
.cd-fixed-bg.cd-bg-1 {
  background-image: url("../images/big-bg/01.jpg?2018-05-24");
}
.cd-fixed-bg.cd-bg-contact-1 {
  background-image: url("../images/big-bg/contact-01.jpg?2018-05-24");
}
.cd-fixed-bg.cd-bg-contact-2 {
  background-image: url("../images/big-bg/contact-02.jpg?2018-05-24");
}
.cd-scrolling-bg {
	min-height: 100%;
}
/*-------------------- pracownicy - kontakt */ 
.kontakt_pracownicy { margin:0px auto; display:table;  }
.kontakt_pracownicy ul { list-style: none; margin:0px auto; width:100%; display:table; }
.kontakt_pracownicy li { width: 45%; float: left; margin:15px; border-bottom:3px solid #f9a20b }
	
.kontakt_pracownicy li .nazwisko { font-size:1.2em; font-weight:bold }
.kontakt_pracownicy li .stanowisko { font-style:italic }
.kontakt_pracownicy li .stanowisko2 { font-style:italic}
.kontakt_pracownicy li .mail_tel {  }

.kontakt_pracownicy ul li .foto img { width:100%; border:5px solid #ffffff }

/* ================================= POLA FORMULARZY */
.vgt_pw_p /* pola wymagane */
{
border-top: solid 1px #000000;
font-size: 13px;
}

.vgt_form_wypelnij_pole /* komunikat w formularzu */
{
color: #c8123f;
}

.f_opis
{
font-size: 20px;
color: #000000;
background-color:#ffffff;
border:1px solid #ffffff;
width: 95%;
padding:5px;
height: 200px;
font-family: calibri, Verdana, Tahoma, Helvetica;
-webkit-box-shadow: 0 0 0.938em rgba( 22, 145, 27, .25 ); /* 15 */
box-shadow: 0 0 0.938em rgba( 22, 145, 27, .25 ); /* 15 */
-webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
transition: box-shadow .3s ease, border-color .3s ease;
}

.f_opis:hover, .f_opis:focus
{
-webkit-box-shadow: 0 0 0.938em rgba( 22, 145, 27, .55 ); /* 15 */
box-shadow: 0 0 0.938em rgba( 22, 145, 27, .55 ); /* 15 */
}

.f_opis2
{
font-size: 20px;
color: #000000;
background-color:#ffe6e6;
border:1px solid #ffe6e6;
width: 95%;
padding:5px;
height: 200px;
font-family: calibri, Verdana, Tahoma, Helvetica;
-webkit-box-shadow: 0 0 0.938em rgba( 235, 10, 10, .25 ); /* 15 */
box-shadow: 0 0 0.938em rgba( 235, 10, 10, .25 ); /* 15 */
-webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
transition: box-shadow .3s ease, border-color .3s ease;
}

.f_opis2:hover, .f_opis2:focus
{
-webkit-box-shadow: 0 0 0.938em rgba( 235, 10, 10, .55 ); /* 15 */
box-shadow: 0 0 0.938em rgba( 235, 10, 10, .55 ); /* 15 */
}

.f
{
font-size: 20px;
color: #000000;
background-color:#ffffff;
border:1px solid #ffffff;
width: 95%;
padding:5px;
height: 25px;
font-family: calibri, Verdana, Tahoma, Helvetica;
-webkit-box-shadow: 0 0 0.938em rgba( 22, 145, 27, .25 ); /* 15 */
box-shadow: 0 0 0.938em rgba( 22, 145, 27, .25 ); /* 15 */
-webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
transition: box-shadow .3s ease, border-color .3s ease;
}

.f:hover, .f:focus
{
-webkit-box-shadow: 0 0 0.938em rgba( 22, 145, 27, .55 ); /* 15 */
box-shadow: 0 0 0.938em rgba( 22, 145, 27, .55 ); /* 15 */
}

.f2
{
font-size: 20px;
color: #000000;
background-color:#ffe6e6;
border:1px solid #ffe6e6;
width: 95%;
padding:5px;
height: 25px;
font-family: calibri, Verdana, Tahoma, Helvetica;
-webkit-box-shadow: 0 0 0.938em rgba( 235, 10, 10, .25 ); /* 15 */
box-shadow: 0 0 0.938em rgba( 235, 10, 10, .25 ); /* 15 */
-webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
transition: box-shadow .3s ease, border-color .3s ease;
}

.f2:hover, .f2:focus
{
-webkit-box-shadow: 0 0 0.938em rgba( 235, 10, 10, .55 ); /* 15 */
box-shadow: 0 0 0.938em rgba( 235, 10, 10, .55 ); /* 15 */
}

select
{
font-size: 20px;
color: #000000;
background-color: #ffffff;
border: 1px solid #d5d2d3;
width: 100%;
font-family: calibri, Verdana, Tahoma, Helvetica;
padding:5px;
}

#wyslij{
height: 38px;
cursor: pointer;
font-size: 22px;
color: #ffffff;
background:url(../images/form_send_bg.png?2018-05-24) repeat;
border: 0px;
font-family: 'Roboto Condensed', sans-serif; font-weight: 300;
/*font-family: calibri, Verdana, Tahoma, Helvetica;*/
float:right;
margin:5px;
letter-spacing: 5px;
padding:0px 10px;
}

#wyslij:hover{
background-color:#9b9b9b;
}

#wyczysc{
height: 18px;
padding:10px 15px;
cursor: pointer;
font-size: 22px;
color: red;
background:url(../images/form_clear_bg.png?2018-05-24) repeat;
border: 0px;
font-family: 'Roboto Condensed', sans-serif; font-weight: 300;
/*font-family: calibri, Verdana, Tahoma, Helvetica;*/
float:right;
margin:5px;
text-align:center;
font-weight:bold;
}

#wyczysc:hover{
background: red;
color:#ffffff
}

/* ================================= POLA FORMULARZY koniec */

/* ================================= KONTAKT */

#contact-data-header { width:100%; background:url(../images/int-header-gradient.jpg?2018-05-24) no-repeat bottom left; margin: 10px 0px; position: relative; display:table}
#contact-data-header div { margin-left: 10px; min-height:60px; line-height:60px; color:#000000; font-size:30px; font-weight:bold; letter-spacing: 2px; }
#contact-data-header div span { color:#f9a20b; }

#contact-map-header { width:100%; background:url(../images/int-header-gradient.jpg?2018-05-24) no-repeat bottom left; margin: 10px 0px; position: relative; display:table}
#contact-map-header div { margin-left: 10px; min-height:60px; line-height:60px; color:#000000; font-size:30px; font-weight:bold; letter-spacing: 2px; }
#contact-map-header div span { color:#f9a20b; }
	#contact-map { position: relative;}
	
#contact-form-header { width:100%; background:url(../images/int-header-gradient.jpg?2018-05-24) no-repeat bottom left; margin: 10px 0px; position: relative; display:table;}
#contact-form-header div { margin-left: 10px; min-height:60px; line-height:60px; color:#000000; font-size:30px; font-weight:bold; letter-spacing: 2px; }
#contact-form-header div span { color:#f9a20b; }
	#contact-form { position: relative; margin:0px auto; display:table; width:100%}

/* pola formularza */
#contact-col { max-width: 565px; margin:0px auto;}
	#contact-col .container { margin:0px; max-width:100%}
	#contact-col .container .row { width: 100%; margin:0px auto}

.contact-col-left
{
	width: 100%;
	margin-bottom:5px;
	font-size:20px;
}

.contact-col-right
{
	width: 100%;
	margin:0px 0px 5px 0px;
}

#contact-info
{
	display: none;
}

#contact-info-accept
{
	display: none;
}

.vgt_accept /* akceptacja wyslania formularza */
{
font-size: 12px;
width:100%;
line-height:15px;
color:#000000;
}

#form_accept {outline:0; margin:10px 10px 0px 10px }
/* ================================= KONTAKT koniec */

/* ================================= GALERIA ZDJĘĆ */
.VGTgaleria_header { margin:0px auto; display:table; width:100%; background-color:#464242; }
.VGTgaleria_nazwa { color: #f9a20b; font-size:26px; line-height: 30px; margin:0px; padding: 15px 15px; }
.VGTgaleria_opis { padding: 5px 0 5px 0px; }
.VGTgaleria_foto_podpis { font-size: 0.9em; text-align:center; padding:0px 5px}	
	
.VGTgaleria_zdjecia { margin:0px auto; display:table; width:100%; }
.VGTgaleria_zdjecia ul { list-style: none; margin:0px auto; width:100%; }
.VGTgaleria_zdjecia li 
{
	width: 33%;
	float: left; 
}
.VGTgaleria_zdjecia li div
{
	width: 90%;
	text-align: center; 
	margin:10px; 
	border: 0.625em solid rgba( 255, 255, 255, .5 ); /* 10 */
	-webkit-box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); /* 15 */
	box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); /* 15 */
	-webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
	transition: box-shadow .3s ease, border-color .3s ease;
}
.VGTgaleria_zdjecia li div:hover
{
	border-color: #fff;
	border: 0.625em solid #ffffff; /* 10 */
	-webkit-box-shadow: 0 0 0.938em rgba( 249, 162, 11, .35 ); /* 15 */
	box-shadow: 0 0 0.938em rgba( 249, 162, 11, .35 ); /* 15 */
}
.VGTgaleria_zdjecia ul li div img { width:100%;}

.VGTpodgaleria { width:100%; }
.VGTpodgaleria_header { margin:0px auto; display:table; width:100%; background-color:#464242; }
	.VGTpodgaleria_nazwa { color: #f9a20b; line-height: 30px; font-size:20px; margin:0px; padding: 5px 15px; float:left; }
		.VGTpodgaleria_nazwa a:link, .VGTpodgaleria_nazwa a:visited { color: #f9a20b; font-size:20px; text-decoration: none; } 
		.VGTpodgaleria_nazwa a:hover { text-decoration: none; }

	.VGTpodgaleria_wiecej { color: #ffffff; line-height: 30px; margin:0px; padding: 5px 15px; text-align:right;}
		.VGTpodgaleria_wiecej a:link, .VGTpodgaleria_wiecej a:visited { color: #ffffff; font-size:20px; text-decoration: none; } 
		.VGTpodgaleria_wiecej a:hover { text-decoration: none; }

.VGTpodgaleria_opis { padding: 5px 0 5px 0px;  }

.VGTpodgaleria_zdjecia { margin:0px auto; display:table; width:100%; }
.VGTpodgaleria_zdjecia ul { list-style: none; margin:0px auto; width:100%; }
.VGTpodgaleria_zdjecia li 
{
	width: 33%;
	float: left; 
}
.VGTpodgaleria_zdjecia li div
{
	width: 90%;
	text-align: center; 
	margin:10px; 
	border: 0.625em solid rgba( 255, 255, 255, .5 ); /* 10 */
	-webkit-box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); /* 15 */
	box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); /* 15 */
	-webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
	transition: box-shadow .3s ease, border-color .3s ease;
}
.VGTpodgaleria_zdjecia li div:hover
{
	border-color: #fff;
	border: 0.625em solid #ffffff; /* 10 */
	-webkit-box-shadow: 0 0 0.938em rgba( 249, 162, 11, .35 ); /* 15 */
	box-shadow: 0 0 0.938em rgba( 249, 162, 11, .35 ); /* 15 */
}
.VGTpodgaleria_zdjecia ul li div img { width:100%;}

@media (max-width: 800px) {
.VGTgaleria_zdjecia li { width:50% }
.VGTpodgaleria_zdjecia li { width:50% }
}

@media (max-width: 600px) {
.VGTgaleria_zdjecia li { width:100% }
.VGTpodgaleria_zdjecia li { width:100% }
}

/* ================================= GALERIA ZDJĘĆ koniec */

/*================================= PORCJOWANIE */

.VGTporcj
{
margin:2px; display:table; margin:0px auto;
}

.VGTporcj_navi
{
 margin:2px; float:left;
}

.VGTporcj_wyswietl
{
	color: #1d2e5a;
	font-size: 8pt;
	font-weight: bold;
	width:150px;
	float:right;
	margin:2px;
}

A.VGTporcj_link:link, A.VGTporcj_link:visited
{
	text-decoration: none;
	font-size:16px;
}

A.VGTporcj_link:hover
{
	text-decoration: none;
	font-size:16px;
}

.VGTporcj_link_naw
{
	text-decoration: none;
}

.VGTporcj_link_wyb
{
	text-decoration: none;
	font-size:16px;
	font-weight:bold;
}
/*================================= PORCJOWANIE - KONIEC */

/* ================================= REKOMENDACJE */
.rekomendacje_header_txt
{ 
	text-align:center;
	margin: 10px auto;
	border-bottom:1px solid #f9a20b;
	padding:10px 0px;
}

#rekomendacje_box
{
	width: 100%;
	padding: 0px;
	margin: 5px auto;
	vertical-align:top;
}

#rekomendacje_dodaj_wpis{
clear: both;
width:100%;
}

#rekomendacje_dodaj_wpis a{
text-decoration:none;
font-size: 20px;
color: #ffffff;
background-color:#f9a20b;
margin:5px 0px;
padding: 10px 15px;
display: inline-block;
}

#rekomendacje_dodaj_wpis a:hover{
background-color:#9b9b9b;
}

#rekomendacje_box_data
{
	padding-left: 0px;
	padding-top: 0px;
}

#rekomendacje_box_data .data { font-weight:bold; color:#f9a20b }
#rekomendacje_box_data .osoba { font-weight:bold; color:#f9a20b }

#rekomendacje_box_opis
{
	padding: 5px 0 5px 0px;
}

/* pola formularza */
#rekomendacje-col { max-width: 565px; margin:0px auto;}
	#rekomendacje-col .container { margin:0px; max-width:100%}
	#rekomendacje-col .container .row { width: 100%; margin:0px auto}

.rekomendacje-col-left
{
	width: 100%;
	margin-bottom:5px;
	font-size:20px;
}

.rekomendacje-col-right
{
	width: 100%;
	margin:0px 0px 5px 0px;
}

#rekomendacje-info
{
	display: none;
}

/*================================= REKOMENDACJE - KONIEC */

/* ================================= BLOG */
#blog_start { 
	background-size: 1100px;
    background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	margin: 0;
	padding: 0;
	border: none;
	clear: both;
    overflow: hidden;
	min-height: 350px;
	}
#blog_start_int { 
	background: url("../images/blog_bg.png?act=2018-05-24") repeat;
}

#blog_start .title { text-align:center; padding:5px 2px; }
	#blog_start .title a { font-size: 26px; text-decoration: none; color:#ffffff;}
	#blog_start .title a:hover { text-decoration: underline; }

#blog_start .desc { text-align:center; color:#FFFFFF; padding:5px 2px  }
#blog_start .more { text-align:center; padding:5px 2px  }
	#blog_start .more a { font-size: 18px; text-decoration: underline; color:#ffffff;}
	#blog_start .more a:hover { text-decoration: none; }

#blog_start_show_all { padding-top: 12px; padding-right: 5px; text-align:center}
	#blog_start_show_all a { font-size: 18px; text-decoration: none; color:#fa0617; }
	#blog_start_show_all a:hover { text-decoration: underline; color:#fa0617}
	
.blog_all_container { 
	margin:0px auto; display:table; width:100%
}
	
.blog_all { float:left; width:48%; margin:5px; background-color:#FFFFFF; border:1px solid #dbdad9 }

.blog_all .foto { 
	width:98%;
	margin:5px auto;
}
.blog_all .foto img { 
	width:100%;
	text-align:center;
}
	
.blog_all .title { text-align:center; padding:10px 2px; font-weight:bold; font-size: 21px; min-height:60px  }
	.blog_all a { font-size: 21px; text-decoration: none; font-weight:bold }
	.blog_all a:hover { text-decoration: none; color:#000000; }
		
.blog-int { margin:0px auto; display:table; width:100%; background-color:#464242;}
.blog-int span { width:90%; color: #ffffff; font-size:26px; line-height: 30px; display: block; margin:0px; padding: 25px 15px;}

.blog_int_container { margin:0px auto; display:table; width:100% }
.blog_int_pic { float:left; width:48%; margin:5px; background-color:#FFFFFF; border:1px solid #dbdad9 }
.blog_int_pic .foto { 
	width:98%;
	margin:5px auto;
}
.blog_int_pic .foto img { 
	width:100%;
	text-align:center;
}
.blog_int_txt { float:left; width:48%; margin:5px; }

/*========================================================
RESPONSIVE LAYOUTS STYLES  - BLOG
=========================================================*/
@media (max-width: 800px) {
.blog_all { width:98%; margin:5px auto; }
.blog_int_pic { width:98%; margin:5px auto; }
.blog_int_txt { width:98%; margin:5px auto; }
}
/* ================================= BLOG koniec */

/* ================================= AKTUALNOSCI */

#act_main_box {	border-bottom: 1px solid #f9a20b; padding: 5px 0px;}
	
	/* tytuł aktualnosci na stronie startowej */
	#act_main_title { margin:5px 0px 0px 0px }
		#act_main_title a {	font-weight: bold; font-size: 18px; text-decoration: none; color:#f9a20b }
		#act_main_title a:hover {text-decoration: underline}
			
	/* data na stronie startowej */
	#act_main_date { font-size: 16px; padding-top: 5px; color:#000000; margin:0px; }
	
	/* opis na stronie startowej */
	#act_main_desc { font-size: 18px; margin:5px 0px; }
	
	#act_main_more { text-align:right; margin-bottom:5px; color:#000000; }
	#act_main_more .left { float:left}
	#act_main_more .right { float:right}
	#act_main_more a { font-size: 18px; text-decoration: underline; color:#f9a20b;}
	#act_main_more a:hover { text-decoration: none; }
	
	#act_main_show_all { padding-top: 12px; padding-right: 5px; text-align:center}
	#act_main_show_all a { font-size: 18px; text-decoration: none; color:#f9a20b; }
	#act_main_show_all a:hover { text-decoration: underline; color:#f9a20b}
	
#act_box { width: 100%;	margin: 5px auto;}
	#act_list_row { width: 100%; padding: 8px 0px; border-bottom: 1px solid #f9a20b; }
		#act_list_row .foto { float:left; width: 20%}
			#act_list_row .foto img { margin:5px 0px 0px 0px}
		#act_list_row .txt { float:left; width: 80%}
		
		#act_list_name { margin:5px 0px 0px 0px }	
		#act_list_name a { font-weight: bold; text-decoration: none; color:#f9a20b }
		#act_list_name a:hover { text-decoration: underline}
		
		#act_list_date { width:100%; font-size: 14px; padding-top: 5px; margin:0px; }
		#act_list_desc { width:100%; padding: 5px 0 5px 0px; }
		#act_list_more { width:100%; text-align:right; margin-bottom:5px; }
		#act_list_more .left { float:left}
		#act_list_more .right { float:right}		
		#act_list_more a { font-size: 18px; text-decoration: underline; color:#f9a20b;}
		#act_list_more a:hover { text-decoration: none; }

	#act_box_header { margin:0px auto; display:table; width:100%; background-color:#464242; }
	.act_box_name { width:90%; color: #ffffff; font-size:26px; line-height: 30px; display: block; margin:0px; padding: 15px 15px; }	
	.act_box_date {	width:100%; font-size:14px; padding:5px 5px 0px 5px; color:#ffffff }
	#act_box_desc {	padding: 5px 0 5px 0px; }
	
/* komentarze */	
.act_comment_toptxt { width:100%; background-color:#bad2c2; margin:5px 0px; }
.act_comment_toptxt p { padding: 10px 5px; font-size: 14px; color:#000000; font-weight:bold; }
.act_comment { width:100%; margin-bottom:2px; }
.act_comment_header { background-color:#e7f0eb; width:100%; }
	.act_com_user { padding: 2px 5px; float:left}
	.act_com_date { padding: 2px 5px; float:right }
	.act_com_desc { margin: 5px; }
.act_new_comment { width:100%; text-align:center; }
.act_new_comment a { color:#f9a20b }

/*========================================================
RESPONSIVE LAYOUTS STYLES  - AKTUALNOSCI
=========================================================*/
@media (max-width: 800px) {
/* ================================= INTERIOR */
#act_list_row .foto { float: none; width:100%; display:none }
	#act_list_row .foto img { margin:5px;}
#act_list_row .txt { float: none; width:100%}
}

/*================================= AKTUALNOSCI - KONIEC */

/*========================================================
                RESPONSIVE LAYOUTS STYLES 
=========================================================*/
@media (min-width: 768px) {
/* ================================= INTERIOR */
#navbar { display: none; }
.navbar { display: none; }
}

@media (max-width: 1100px) {
/* ================================= INTERIOR */
#header-logo {max-width: 249px; margin:10px auto 0px auto; float:none }
#header-lang { margin-right: 25px; }
#header-data { margin-left: 25px }
}

@media (max-width: 1020px) {
/* ================================= INTERIOR */
#interior-icons { max-width:660px }
}
			
@media (max-width: 920px) {
/* ================================= INTERIOR */
#header-menu ul li a { font-size:19px; margin:0px 8px; }
}

@media (max-width: 800px) {
/* ================================= INTERIOR */
#footer-col-left { width:100%; text-align: center; }
#footer-col-center { width:100%; text-align: center; }
#footer-col-right { width:100%; text-align: center; }
#vgt-sign { text-align: center; }

#footer-fb { margin:0px auto; display:none }

.contact-data-box { float:left; margin:10px 30px 15px 0px; width:95% }
}

@media (max-width: 768px) {
/* ================================= INTERIOR */
#header-data { display:none }
#header-nav { display:none }
#header-lang { top:8px; left: 5px; z-index: 1031; position:fixed }
#header-logo {max-width: 249px; margin:20px auto 0px auto; float:none }

.google_map { height:250px }

A.light_link_a:link, A.light_link_a:visited { background-color:#5a585a; color:#ffffff; font-size:16px; text-decoration:none; padding:6px 16px; letter-spacing:2px; font-weight:bold; display: inline-block } 
A.light_link_a:hover { background-color:#f9a20b; color:#ffffff }			

/*-------------------- pracownicy - kontakt */ 
.kontakt_pracownicy li { width: 100%; margin:0px;}

/*------------------- bootstrap*/
.navbar-inverse { background-color:#1a171b }

.navbar-inverse .navbar-toggle {
  border-color: #ffffff;
  background-color: #868889;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #f9a20b;
  border-color: #f9a20b;
}

#navbar .navbar-nav { max-width:50%; margin: 5px auto; }

#navbar .navbar-nav > li > a { width:100%; text-align:center; text-decoration:none; color:#FFFFFF; outline:none; font-size:18px; line-height: 35px; margin:1px 4px 0px 4px; padding: 0 3px 0 3px; border-bottom: 1px solid #ffffff; }
#navbar .navbar-nav li a:hover { text-decoration:none; color: #f9a20b; border-bottom: 1px solid #f9a20b; }
#navbar .navbar-nav li a.active { text-decoration:none; color: #f9a20b; border-bottom: 1px solid #f9a20b; }		
		
}

@media (max-width: 680px) {
/* ================================= INTERIOR */
#interior-icons { max-width:340px }

}

@media (max-width: 320px) {
/* ================================= INTERIOR */
#footer * img { width:100%; }
#interior * img { width:100%;}
}

/*===========================================================================================================================*/