html, body {height: auto;}
body {margin:0px; padding: 0px;height: 100%; min-width: 1024px;}
.content {float:left; width: 100%; min-width: 1024px; height: 100%; }
.menu {float:right; width: 80%; margin:0px; padding: 0px;min-width: 800px;  min-height:200px; height: 15vw; margin-bottom: 0px; }
.menu>img	{float:left; width: 100%; }
.menu>ol {float:right; width: 96%; margin: 0px; margin-right: 2%; padding:0px; height:100px; font-family:"Arial Black", Gadget, sans-serif; overflow: hidden; z-index: 10; min-height: 40px; position:relative; display: none;}
.menu>ol:hover {overflow:visible;}
.menu>ol>li {float:right; width: 16.6%; list-style:none; position: relative; z-index: 2;border-bottom: 1px solid #ccc; min-height:40px; line-height: 40px;}
.menu>ol>li>a {float:left; width: 100%; text-align:center; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 1vw; color: #002F43; line-height: 3vw; z-index: 2;}
.menu>ol>li>a:hover	{color: #FFF; background-color:#002F43; z-index: 2;}

.menu_line {float: right; position: absolute; margin-top: 0px; top:0px; right: 0px; width: 450px; z-index:10;}
.menu_line>a>img {float:left; margin-right:1%; height: 20px; margin-top:0px; display:inline; }
.menu_line>a {float: right; color:#FFF; text-decoration:none; font-family:"Arial Black", Gadget, sans-serif; margin-right: 5%; margin-top: 2%; font-size: 16px; line-height: 20px; display:inline; border-right: 1px solid #FFF; padding-right: 3%; width: 40%;}
.menu_line>a:hover {color:#FF0;}

.menu>ol>li:hover>ul	{display:block; z-index: 1; width: 100%;}
.menu>ol>li>ul {float:right; width: 100%;; margin: 0px; padding:0px; display:none; }

.menu>ol>li>ul>li>ul {float:right; width: 90%; margin-left: 10%; padding:0px; display:none; }
.menu>ol>li>ul>li:hover>ul	{display:block; z-index: 1; }
.menu>ol>li>ul>li>ul>li {float:right; width: 100%; list-style:none; position:relative; background-color:#ccc; border-bottom:1px solid #ccc;}
.menu>ol>li>ul>li>ul>li>a {float:left; width: 100%; text-align:center; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 0.7vw; color: #002F43; line-height: 3vw; z-index: 2;}
.menu>ol>li>ul>li>ul>li>a:hover {color: #FFF; background-color:#002F43;}


.menu>ol>li>ul>li {float:right; width: 100%; list-style:none; position:relative; background-color:#FFF; border-bottom:1px solid #ccc;}
.menu>ol>li>ul>li>a {float:left; width: 100%; text-align:center; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 0.7vw; color: #002F43; line-height: 3vw; z-index: 2;}
.menu>ol>li>ul>li>a:hover {color: #FFF; background-color:#002F43;}
.banner {float: right; width: 80%; margin-bottom: 0px; z-index:-1; position:relative;}


  .small_menu {float:left; width: 80%; z-index:2; height: 30px; margin-top: 0px; font-family:"Arial", Gadget, sans-serif; margin-bottom: 0px;}
  
  .small_menu>ol { float:left; width: 80%; background-color:#002F43; list-style-type:none; padding:0; margin:0; font-size: 1vw; height:3em; line-height:3em; text-align:center; z-index:1; position: absolute; top: 12vw; z-index: 5;}

  .ul_link {display:block;text-decoration:none;color:#FFF; padding:0 5px; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; z-index:21; height: auto;}

  .small_menu>ol > li {float:left; width:16.6%; background-color:#002F43; height:3em; z-index:1; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;z-index:2;}
  .small_menu>ol>li>a {width: 100%; float:left; display:block;text-decoration:none;color:#FFF; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
  .small_menu>ol>li>a:hover {background-color:#F00;}
  .small_menu>ol > li:first-child {margin-left:0;}
  .small_menu>ol > li:hover {background-color:#F00; color:#FFF; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
  .small_menu>ol > li:hover > a {color:#FFF; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
  .small_menu>ol > li:hover > ul {display:block; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}

[class*="elfsight-app"] * {
	float:right; width: 80%; margin-left: 10%;
    font-family: "Arial", Gadget, sans-serif !important;
}
#menu_dzialalnosc {width: 200%; float:left; background-color:#002F43; z-index:2;  overflow:hidden;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;  transition:transform 0.3s ease-out; transform:scaleY(0); transform-origin:top; height: 0px; position:relative;}
#menu_dzialalnosc>ul { list-style-type:none; padding:0; margin:0; z-index:2;}
#menu_dzialalnosc>ul > li {float:left; width: 100%; position:relative;z-index:2;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;  border-top:1px solid #fff;}
.menu_link {float:left; width: 100%; color:#fff;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; text-decoration:none; font-size:1vw; line-height:3vw;  text-align: center; cursor: pointer; z-index: 2; display:block;}
.menu_link:hover {background-color:#F00;}
#menu_dzialalnosc>ul>li > a {float:left; width: 100%; color:#fff;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; text-decoration:none; font-size:1vw; line-height:3vw;  text-align: center;}
#menu_dzialalnosc>ul>li:hover {background-color:#002F43;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
#menu_dzialalnosc>ul>li:hover > a {color:#FFF;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background-color:#F00;}

#menu_dzialalnosc>ul>li>ul { list-style-type:none; padding:0; margin:0; z-index:2;}
#menu_dzialalnosc>ul > li>ul>li {float:left; width: 100%; position:relative;z-index:2;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;  border-top:1px solid #fff;}

#menu_dzialalnosc>ul>li>ul>li > a {float:left; width: 100%; color:#fff;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; text-decoration:none; font-size:1vw; line-height:3vw;  text-align: center;}
#menu_dzialalnosc>ul>li>ul>li:hover {background-color:#002F43;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
#menu_dzialalnosc>ul>li>ul>li:hover > a {color:#FFF;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background-color:#F00;}



#banner_txt>h2 {position: absolute;  top: 0; right: 0; margin-top:25%; z-index:1000; width: auto; padding-left: 3%; padding-right: 3%; background-color:#002F43;text-align:center; color:#FFF; font-family:'Arial Black', Gadget, sans-serif; font-size: 2vw; line-height: 4vw;}
.logo_box {float: right; width: 85%; margin-top: 2%; border-top: 1px solid #ccc; padding-top: 2%; height: auto;}

.mapa {float:left; width: 40%; height: 85%; }
#map	{float:left; width: 100%; height: 100%; }
.scrolloff iframe   {float:none; pointer-events: none; }
iframe {float:left; height: 100%; width: 100%;}

.top_banner_image {float:left; width: 100%:}
.top_banner_image>img {position: absolute; width: 100%; z-index:5; min-width: 1024px;}

.photo_text_label	{position:absolute; float:left; width: 80%; margin-left: 10%; text-align:center; margin-top: 10%; font-family:Arial, Helvetica, sans-serif; background: rgba(96, 96, 96, .5); padding: 2%; }
.photo_text_label>a	{float:left;  width: 100%; text-align:center; color: #FFF; font-size:24px; background-color:#ccc; text-decoration: none;    background: rgb(96, 96, 96); /* Fall-back for browsers that don't support rgba */ background: rgba(96, 96, 96, .5);  -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; z-index: 1000; line-height: 8vh;}
.photo_text_label>a:hover {background: rgb(192, 192, 192); /* Fall-back for browsers that don't support rgba */ background: rgba(192, 192, 192, .5);  -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; z-index: 1000;}

.header_label	{float:left; width: 100%; text-align:center; color:#FFF; font-size:38px; font-weight:bold; margin-top: 2%; margin-bottom: 2%;}
.text_label	{float:left;  width: 100%; text-align:center; color:#FFF; font-size: 32px; margin-bottom:2%; text-align:justify;}


.left_banner {float:left; width: 20%; min-height: 100%; height: auto; background-color:#002F43; z-index: 3; position:fixed; min-width: 210px; z-index: 11;}
.left_banner>a	{float:left; width: 100%; z-index: 1000;  position:absolute;}
.left_banner>a>img	{float: left; width: 100%; margin-top: 15%; position:absolute; z-index: 1000;}
.left_banner_header {float:left; width: 100%; text-align: center; font-family:Arial, Helvetica, sans-serif; color:#F60; font-size:18px;}
.left_adres {float: left; width: 20%; position: fixed; bottom: 0px; z-index: 30; min-width: 200px;}
.left_adres>a>img {float:left; width: 50%;  margin-bottom: 75%; margin-left: 25%; z-index: 20;min-width: 200px;}
.left_content {float:left; width: 100%; height: 400px;}


.left_adres_top {float: left; width: 20%; position:fixed; top: 0px; z-index: 20; margin-top: 3%; min-width: 200px;}
.left_adres_top>a>img {float:left; width: 80%;  margin-bottom: 75%; margin-left: 10%; min-width: 180px;}

.left_banner_text_nazwa {float: left; color:#CCC; width: 100%; text-align:center; font-size: 14px; font-family:Arial, Helvetica, sans-serif;}
.left_banner_text_nazwa>a {color:#ccc; text-decoration:none; }

.left_banner_text_nazwa>a:hover {color:#F30;}
.left_banner_text_margin {float:left; width: 100%; text-align:center; color:#CCC; margin-top: 5%; font-family:Arial, Helvetica, sans-serif; font-size: 14px;}
.left_banner_text_margin2 {float:left; width: 100%; text-align:center; color:#CCC; margin-bottom: 5%; font-family:Arial, Helvetica, sans-serif; font-size: 14px;}
.left_banner_text_margin2>a {color:#ccc; text-decoration:none;}
.left_banner_text_margin2>a:hover {color:#F30;}
.left_banner_text {float:left; width: 100%; text-align:center; color:#CCC; font-family:Arial, Helvetica, sans-serif; font-size: 14px;}

.left_banner_text_tel1 {float:left; width: 100%; text-align:center; color:#CCC; margin-top: 5%; font-family:Arial, Helvetica, sans-serif; font-size: 0.9vw;}
.left_banner_text_tel1>a {color:#ccc; text-decoration:none;}
.left_banner_text_tel1>a:hover {color:#F60;}
.left_banner_text_tel2 {float:left; width: 100%; text-align:center; color:#CCC; margin-bottom: 5%; font-family:Arial, Helvetica, sans-serif; font-size: 0.9vw;}

.kontakt_wyr {float:right; width: 80%; margin-top: 0px; height: 100%; min-width: 1024px; margin-bottom: 3%;}
.kontakt_wyr>img	{float:right; width: 100%; margin-top: 2%;}
.kontakt_wyr>h2 {float:left; width: 100%; text-align:center; font-size: 2vw; margin:0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; margin-top: 3%;}
.kontakt_wyr>p {float:left; font-family:Arial, Helvetica, sans-serif; width: 94%; text-align: justify; margin-left: 3%; font-size: 1.2vw;}
.kontakt_wyr>ul	{float: left; width: 100%; margin: 0px; margin-left: 2%;}
.kontakt_wyr>ul>li {float: left; width: 100%; margin: 0px; list-style: square; font-family:Arial, Helvetica, sans-serif; font-size:1.2vw;}



.article {float:left; margin-left: 20%; width: 80%; margin-top: 0px; min-height: 100%; margin-bottom: 3%;overflow:hidden;}
.article>img	{float:right; width: 100%; margin-top: 2%;}
.article>h2 {float:left; width: 100%; text-align:center; font-size: 2vw; margin:0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; margin-top: 3%;}
.article>p {float:left; font-family:Arial, Helvetica, sans-serif; width: 94%; text-align: justify; margin-left: 3%; font-size: 1.2vw; line-height: 2vw;}
.article>ul	{float: left; width: 95%; margin: 0px; margin-left: 5%;}
.article>ul>li {float: left; width: 100%; margin: 0px; list-style: none; font-family:Arial, Helvetica, sans-serif; font-size:1.2vw; line-height: 30px; color:#F30; text-align:left; margin-bottom:1%;}
.article>ul>li>img {float:left; height: 30px; margin-right:1%;}

.realizacje {float:right; width: 80%; margin-top: 0px;}
.realizacje>img	{float:right; width: 96%; margin-top: 2%; margin-left:2%; margin-right: 2%;}
.realizacje>h2 {float:left; width: 100%; text-align:center; font-size: 2vw; margin:0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; margin-top: 3%;}
.realizacje>p {float:left; font-family:Arial, Helvetica, sans-serif; width: 94%; text-align: justify; margin-left: 3%; font-size: 1.2vw;}
.realizacje>ul	{float: left; width: 100%; margin: 0px; margin-left: 2%;}
.realizacje>ul>li {float: left; width: 100%; margin: 0px; list-style: square; font-family:Arial, Helvetica, sans-serif; font-size:1.2vw;}

.realizacje_imagebox {float:left; width: 17%; margin-left:2.5%; height: 10vw; overflow:hidden;margin-top: 2%;}
.realizacje_imagebox>a {float:left; width: 100%;}
.realizacje_imagebox>a>img {margin: auto; display: block; float:none;}

.onas_imagebox {float:left; width: 18%; margin-left:3%; height: 10vw; overflow:hidden;margin-top: 2%;}
.onas_imagebox>a {float:left; width: 100%;}
.onas_imagebox>a>img {margin: auto; display: block; float:none;}


.back	{float:left; width: 94%; margin-left: 3%; margin-top: 3%; margin-bottom: 3%;}
.back>a	{float:left; width: 20%; margin-left: 40%; text-align:center; text-decoration:none; color:#000; font-family:"Arial Black", Gadget, sans-serif; font-size: 1.2vw; line-height: 2vw;}
.back>a:hover	{background-color:#002F43; color:#FFF;}

.back_right	{float:right; width: 74%; margin-right: 3%; margin-top: 3%; margin-bottom: 3%;}
.back_right>a	{float:left; width: 20%; margin-left: 40%; text-align:center; text-decoration:none; color:#000; font-family:"Arial Black", Gadget, sans-serif; font-size: 1.2vw; line-height: 2vw;}
.back_right>a:hover	{background-color:#002F43; color:#FFF;}
.kontakt_content {float:left; width: 40%; margin-left: 20%;height: auto;}
.kontakt_box {float:left;width: 46%; background-color:#fff; margin-bottom: 0px; height:100%;padding-left: 2%; padding-right: 2%;}
.kontakt_box>img	{float:left; width: 90%; margin-left: 5%; margin-top: 5%;}
.kontakt_box>p	{}
.kontakt_label	{float:left; font-family:Arial, Helvetica, sans-serif; color:#000; width: 100%;  font-size: 1.0vw;  line-height: 40px;color:#F60;}
.kontakt_label>p {float:left; text-align:left; width: 100%; margin-bottom: 1%; margin-top: 0px;}
.kontakt_label>p>a {float:left;color:#000; text-decoration:none; line-height:2vw; font-size: 0.9vw; margin-right:0px;}
.kontakt_label>p>a:hover {color:#F30;}
.kontakt_label>p>img {float:left; margin-left:1%; margin-right:2%; height: 2vw;}

.oferta_pracy {float:right; width: 70%; margin-top: 3%; border: 1px solid #CCC; margin-right: 5%;}
.oferta_pracy>img	{float:right; width: 100%; margin-top: 2%;}
.oferta_pracy>h2 {float:left; width: 100%; text-align:center; font-size: 2vw; margin:0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; margin-top: 3%;}
.oferta_pracy>p {float:left; font-family:Arial, Helvetica, sans-serif; width: 94%; text-align: justify; margin-left: 3%; font-size: 1vw;}
.oferta_pracy>ul	{float: left; width: 100%; margin: 0px; margin-left: 2%;}
.oferta_pracy>ul>li {float: left; width: 100%; margin: 0px; list-style: square; font-family:Arial, Helvetica, sans-serif; font-size:1vw; color:#F30;}
.oferta_pracy>h3 {float:left; color:#F30; font-weight: bold; font-size: 2vw; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; margin-left: 3%; margin-top: 3%;}

.orange {color:#F30;}
.green {color:#0C0;}
.blue {color:#039;}
.black {color:#000;}

.footer {float:right; width: 100%; min-width: 1024px; position: absolute; bottom: 0;}
.footer>img {float:right; width: 100%;}
.footer_text {position:absolute; bottom: 20px; z-index: 10; width: 50%;right: 15%; font-family:"Arial", Gadget, sans-serif; font-size:12px; text-align:center; color:#E5E5E5;}
.home_button {width: 50px; position: fixed; height: 50px; top: 280px; background-color:#395994; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.50);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.50);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.50);}
.home_button>a {float:left; width: 100%;}

.home_button:hover {-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.50);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.50);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.50); width: 75px;}
.home_button:hover>a>img {margin-left: 20px; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.home_button>a>img {float: right; width: 50px; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.right_footer {float: right; position:relative; width: 100%; right: 0px; min-width: 340px;}
.right_footer>img {position: relative; bottom: 0px; width: 100%; min-width: 340px;}

.tablica_program {float:left; width:100%;}
.tablica_program>img {float: right; width:50%; margin-right: 15%; margin-top:5%; margin-bottom: 5%;}

.home_button {display:block;}
.unijne_label {font-weight:300; font-size: 1.8vw; margin-bottom: 0px; text-align:left; line-height:2vw;}

@media only screen and (max-width: 1024px) {
body {margin:0px; padding: 0px;height: 100%; min-width: 480px;}
.content {float:left; width: 100%; min-width: 480px; height: 100%; }
.menu {float:right; width: 80%; margin:0px; padding: 0px; min-width: 340px;  min-height:100px; height: 12vw; margin-bottom: 0px; }
.menu>ol>li>a {float:left; width: 100%; text-align:center; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 1.5vw; color: #002F43; line-height: 3vw; z-index: 2;}
.menu>ol>li>ul>li>ul>li>a {float:left; width: 100%; text-align:center; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 1.2vw; color: #002F43; line-height: 3vw; z-index: 2;}
.menu>ol>li>ul>li>a {float:left; width: 100%; text-align:center; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 1.2vw; color: #002F43; line-height: 3vw; z-index: 2;}

.top_banner_image {float:left; width: 100%:}
.top_banner_image>img {position: absolute; width: 100%; z-index:5; min-width: 480px;}

.left_adres_top {float: left; width: 20%; position:fixed; top: 0px; z-index: 20; margin-top: 3%; min-width: 80px;}
.left_adres_top>a>img {float:left; width: 80%;  margin-bottom: 75%; margin-left: 10%; min-width: 80px;}

.menu_line>a>img {float:left; margin-right:1%; height: 20px; margin-top: 2px; display: block; }
.menu_line>a {width: 35%; display: block; line-height: 20px; font-size:14px;}

.left_banner {float:left; width: 20%; min-height: 100%; height: auto; background-color:#002F43; z-index: 3; position:fixed; min-width: 110px;}
.left_banner>a	{float:left; width: 100%; z-index: 1000;  position:absolute;}
.left_banner>a>img	{float: left; width: 100%; margin-top: 15%; position:absolute; z-index: 1000;}
.left_banner_header {float:left; width: 100%; text-align: center; font-family:Arial, Helvetica, sans-serif; color:#F60; font-size:18px;}
.left_adres {float: left; width: 20%; position: fixed; bottom: 0px; z-index: 20; min-width: 80px;}
.left_adres>a>img {float:left; width: 50%;  margin-bottom: 75%; margin-left: 25%; z-index: 20;min-width: 200px;}
.left_content {float:left; width: 100%; height: 400px;}


.left_banner_text_nazwa {float: left; color:#CCC; width: 100%; text-align:center; font-size: 1.5vw; font-family:Arial, Helvetica, sans-serif;}
.left_banner_text_nazwa>a {color:#ccc; text-decoration:none; }

.left_banner_text_nazwa>a:hover {color:#F30;}
.left_banner_text_margin {float:left; width: 100%; text-align:center; color:#CCC; margin-top: 5%; font-family:Arial, Helvetica, sans-serif; font-size: 1.5vw;}
.left_banner_text_margin2 {float:left; width: 100%; text-align:center; color:#CCC; margin-bottom: 5%; font-family:Arial, Helvetica, sans-serif; font-size: 1.5vw;}
.left_banner_text_margin2>a {color:#ccc; text-decoration:none;}
.left_banner_text_margin2>a:hover {color:#F30;}
.left_banner_text {float:left; width: 100%; text-align:center; color:#CCC; font-family:Arial, Helvetica, sans-serif; font-size: 1.5vw;}

.left_banner_text_tel1 {float:left; width: 100%; text-align:center; color:#CCC; margin-top: 5%; font-family:Arial, Helvetica, sans-serif; font-size: 0.9vw;}
.left_banner_text_tel1>a {color:#ccc; text-decoration:none;}
.left_banner_text_tel1>a:hover {color:#F60;}
.left_banner_text_tel2 {float:left; width: 100%; text-align:center; color:#CCC; margin-bottom: 5%; font-family:Arial, Helvetica, sans-serif; font-size: 0.9vw;}
.right_footer {float: right; position:relative; width: 100%; right: 0px; min-width: 480px;}
.right_footer>img {position: relative; bottom: 0px; width: 100%; min-width: 480px;}

}

@media only screen and (max-width: 480px) {
	body {margin:0px; padding: 0px;height: 100%; min-width: 340px;}
	.banner {float: right; width: 100%; margin-bottom: 0px; margin-top: 0px;}
#banner_txt>h2 {position: absolute;  top: 0; right: 0; margin-top:25%; z-index:1000; width: auto; min-width: 100px; padding-left: 3%; padding-right: 3%; background-color:#002F43;text-align:center; color:#FFF; font-family:'Arial Black', Gadget, sans-serif; font-size: 3vw; line-height: 7vw;}
	.header_label	{float:left; width: 100%; text-align:center; color:#FFF; font-size:46px; font-weight:bold; margin-top: 2%; margin-bottom: 2%;}
	.text_label	{float:left;  width: 100%; text-align:center; color:#FFF; font-size: 42px; margin-bottom:2%; text-align:justify;}
	.content {float:left; width: 100%; min-width: 340px; height: auto; margin: 0px;}
	.left_banner {float:left; width: 100%; min-height: 100%; height: auto; background-color:#002F43; z-index: 3; position:fixed; min-width: 100%; display:none;}
	.menu {float:right; width: 100%; margin:0px; padding: 0px;min-width: 340px;  min-height:50px; height: auto; margin-bottom: 0px; z-index: 20;}
	.right_footer {float: right; position:relative; width: 100%; right: 0px; min-width: 340px;}
	.right_footer>img {position: relative; bottom: 0px; width: 100%; min-width: 340px;}
	.footer_text {position:absolute; bottom: 10px; z-index: 10; width: 90%;right: 5%; font-family:"Arial", Gadget, sans-serif; font-size:12px; text-align:center; color:#E5E5E5;}
	.top_banner_image {float: left; position: absolute; width: 100%; margin: 0px; top:0; border: 1p solid red; z-index: 21;}
	.top_banner_image>img {position: relative; width: 100%; min-width: 340px; top: 0;}
	.article {width: 100%;  margin-left: 0px;}
	.article>h2 {font-size: 4vw;}
	.article>p {float:left; font-family:Arial, Helvetica, sans-serif; width: 94%; text-align: justify; margin-left: 3%; font-size: 4vw; line-height: 5vw; }
	.article>ul	{float: left; width: 95%; margin: 0px; margin-left: 0px; padding: 0px;}
	.article>ul>li {font-size: 14px; line-height: 20px; margin-bottom: 2%; width: 92%; text-align: left; margin-left: 4%; }
	.article>ul>li>img {float:left; width: 20px; height: 20px;margin-right: 2%;}
	.logo_box {float: right; width: 100%; margin-top: 2%; border-top: 1px solid #ccc; padding-top: 2%; height: auto;}
	.tablica_program>img {float: right; width:80%; margin-right: 10%; margin-top:5%; margin-bottom: 5%;}
	.left_adres_top {float: left; width: 100%; position:relative; top: 0px; z-index: 20; margin-top: 0px; background-color:#002F43; height: 100px; margin-bottom: 0px;}
	.left_adres_top>a>img {float:left; width: 50%;  margin-bottom: 0px; margin-left: 25%; margin-top: 5%;}
	.menu>ol>li>a {font-size: 2vw; line-height: 4vw;}
	.menu>ol {height: auto;}
	.menu>ol>li>ul>li>a {float:left; width: 100%; text-align:center; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 1.5vw; color: #002F43; line-height: 4vw; z-index: 2;}
	.menu>ol>li>ul>li>ul>li>a {float:left; width: 100%; text-align:center; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 1.5vw; color: #002F43; line-height: 4vw; z-index: 2;}

	.menu_line {float:left; background-color:#002F43; width: 100%; height: 20px; position: relative; text-align:left;}
	.menu_line>a {float: right; color:#FFF; text-decoration:none; font-family:"Arial Black", Gadget, sans-serif; width: 40%;	margin-right: 5%; margin-top: 0px; font-size:12px; line-height: 15px; display:inline; border-right: 0px; padding-right: 0px;}
	.menu_line>a>img {float: left; margin-left:0px; margin-right: 5%;height: 15px; margin-top:0px; display:inline; }
	.menu_line a:hover {color:#FF0;}
	.back>a {font-size: 3vw;}
	
	.oferta_pracy {float:right; width: 90%; margin-top: 3%; border: 1px solid #CCC; margin-right: 5%;}
	.oferta_pracy>img	{float:right; width: 100%; margin-top: 2%;}
	.oferta_pracy>h2 {float:left; width: 100%; text-align:center; font-size: 3vw; margin:0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; margin-top: 3%;}
	.oferta_pracy>p {float:left; font-family:Arial, Helvetica, sans-serif; width: 94%; text-align: justify; margin-left: 3%; font-size: 3vw;}
	.oferta_pracy>ul	{float: left; width: 80%; margin: 0px; margin-left: 2%;}
	.oferta_pracy>ul>li {float: left; width: 80%; margin: 0px; list-style: square; font-family:Arial, Helvetica, sans-serif; font-size:3vw; color:#F30;}
	.oferta_pracy>h3 {float:left; color:#F30; font-weight: bold; font-size: 3vw; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; margin-left: 3%; margin-top: 3%;}

	.home_button {display:none;}
	.realizacje {float:left; width: 90%; margin-left: 5%;margin-top: 0px;}
	.realizacje>h2 {font-size:4vw;}
.kontakt_box {float:left;width: 96%; background-color:#fff; margin-bottom: 0px; height:100%;padding-left: 2%; padding-right: 2%;}
.kontakt_content {float:left; width: 100%; margin-left: 0px; height: auto; min-height:100px;}
.kontakt_label	{float:left; font-family:Arial, Helvetica, sans-serif; color:#000; width: 100%;  font-size: 4vw;  line-height: 6vw;color:#F60;}
.kontakt_label>p {float:left; text-align:left; width:100%; margin-bottom: 1%; margin-top: 0px;}
.kontakt_label>p>a {float:left;color:#000; text-decoration:none; line-height:6vw; font-size: 4vw; margin-right:1%; width: auto; }
.kontakt_label>p>a:hover {color:#F30;}
.kontakt_label>p>img {float:left; margin-left:1%; margin-right:2%; height: 6vw;}
.mapa {float:left; width: 100%; height: auto; margin-rigth: 0px;}
#map	{float:left; width: 100%; height: auto; }

.back	{float:left; width: 94%; margin-left: 3%; margin-top: 3%; margin-bottom: 3%;}
.back>a	{float:left; width: 20%; margin-left: 40%; text-align:center; text-decoration:none; color:#000; font-family:"Arial Black", Gadget, sans-serif; font-size: 3vw; line-height: 6vw;}
.back>a:hover	{background-color:#002F43; color:#FFF;}

.back_right	{float:right; width: 97%; margin-right: 3%; margin-top: 3%; margin-bottom: 3%;}
.back_right>a	{float:left; width: 20%; margin-left: 40%; text-align:center; text-decoration:none; color:#000; font-family:"Arial Black", Gadget, sans-serif; font-size: 3vw; line-height: 6vw;}
.back_right>a:hover	{background-color:#002F43; color:#FFF;}

.unijne_label {font-weight:300; font-size: 3vw; margin-bottom: 0px; text-align:left; line-height:4vw;}

.realizacje_imagebox {float:left; width: 45%; margin-left:2.5%; height: 30vw; overflow:hidden;margin-top: 2%;}
.realizacje_imagebox>a {float:left; width: 100%;}
.realizacje_imagebox>a>img {margin: auto; display: block; float:none;}

  .small_menu {float:left; width: 100%; z-index: 20; height: 60px; margin-top: 0px; font-family:"Arial", Gadget, sans-serif; margin-bottom: 0px; position:absolute; top: 30px;}
  
  .small_menu>ol { float:left; width: 100%; background-color:#002F43; list-style-type:none; padding:0; margin:0; font-size:10px; height:3em; line-height:3em; text-align:center; z-index:1; position: absolute; top:100px;}

  .ul_link {display:block;text-decoration:none;color:#FFF; padding:0 5px; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; z-index:21; height: auto;}

  .small_menu>ol > li {float:left; width:16.6%; background-color:#002F43; height:3em; z-index:1; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;z-index:2;}
  .small_menu>ol>li>a {width: 100%; float:left; display:block;text-decoration:none;color:#FFF; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
  .small_menu>ol>li>a:hover {background-color:#F00;}
  .small_menu>ol > li:first-child {margin-left:0;}
  .small_menu>ol > li:hover {background-color:#F00; color:#FFF; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
  .small_menu>ol > li:hover > a {color:#FFF; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
  .small_menu>ol > li:hover > ul {display:block; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}


#menu_dzialalnosc {width: 200%; float:left; background-color:#002F43; z-index:2;  overflow:hidden;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;  transition:transform 0.3s ease-out; transform:scaleY(0); transform-origin:top; height: 0px; position:relative;}
#menu_dzialalnosc>ul { list-style-type:none; padding:0; margin:0; z-index:2;}
#menu_dzialalnosc>ul > li {float:left; width: 100%; position:relative;z-index:2;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;  border-top:1px solid #fff;}
.menu_link {float:left; width: 100%; color:#fff;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; text-decoration:none; font-size:2vw; line-height:3vw;  text-align: center; cursor: pointer; z-index: 2; display:block;}
.menu_link:hover {background-color:#F00;}
#menu_dzialalnosc>ul>li > a {float:left; width: 100%; color:#fff;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; text-decoration:none; font-size:2vw; line-height:3vw;  text-align: center;}
#menu_dzialalnosc>ul>li:hover {background-color:#002F43;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
#menu_dzialalnosc>ul>li:hover > a {color:#FFF;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background-color:#F00;}

#menu_dzialalnosc>ul>li>ul { list-style-type:none; padding:0; margin:0; z-index:2;}
#menu_dzialalnosc>ul > li>ul>li {float:left; width: 100%; position:relative;z-index:2;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;  border-top:1px solid #fff;}

#menu_dzialalnosc>ul>li>ul>li > a {float:left; width: 100%; color:#fff;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; text-decoration:none; font-size:2vw; line-height:3vw;  text-align: center;}
#menu_dzialalnosc>ul>li>ul>li:hover {background-color:#002F43;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
#menu_dzialalnosc>ul>li>ul>li:hover > a {color:#FFF;-moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background-color:#F00;}

}