/* CSS Document */
*{padding:0;margin:0;}
img{border:0;z-index:1;}
html, body{background-color:#ffffff;font-family:Lato, Verdana, Tahoma, Sans-Serif;font-size:16px;color:#222222;height:100%;width:100%;margin:0;}

#komunikat-bodyMain,#ladowanie-bodyMain{display:none;}
#komunikat-body,#ladowanie-body{padding:0;margin:0;top:0;width:100%;height:100%;display:table;position:fixed;z-index:99999;}
#komunikat-container,#ladowanie-container{display:table-cell;_position:relative;_top:50%;_left:50%;vertical-align:middle;}
#komunikat-main,#ladowanie-main{width:320px;margin:0 auto;_position:relative;_top:-50%;_left:-50%;background-color:#ffffff;border:1px solid #808080;z-index:9;padding:10px;-moz-opacity:0.90;-khtml-opacity:0.90;opacity:0.90;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);filter:alpha(opacity=90);-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:5px 5px 10px black;}

.container {width:1050px;margin:0 auto;}

header {margin-top:90px;}
header img {width:100%;}
#topHeaderUp{position:fixed;top:0px;width:100%;height:90px;margin:0px;background-color:#ffffff;border-bottom:1px solid #808080;z-index:9;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+34,ff6600+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(45deg,  #ffffff 0%, #ffffff 34%, #ff6600 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #ffffff 0%,#ffffff 34%,#ff6600 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #ffffff 0%,#ffffff 34%,#ff6600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff6600',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
#banner-fade ul > li > p > b{color:#ff6600;}
#banner-fade ul > li > p{font-family:Lato;display:block;width:96%;margin:0;padding:2%;position:absolute;font-size:35px;}
.bjqs-rp{color:#ff0000;font-weight:bold;} 
p.bjqs-caption-white-l-t,p.bjqs-caption-white-l-b,p.bjqs-caption-white-r-t,p.bjqs-caption-white-r-b{color:#eeeeee;}
p.bjqs-caption-black-l-t,p.bjqs-caption-black-l-b,p.bjqs-caption-black-r-t,p.bjqs-caption-black-r-b{color:#111111;}
p.bjqs-caption-white-l-t,p.bjqs-caption-white-l-b,p.bjqs-caption-black-l-t,p.bjqs-caption-black-l-b{text-align:left;}
p.bjqs-caption-white-r-t,p.bjqs-caption-white-r-b,p.bjqs-caption-black-r-t,p.bjqs-caption-black-r-b{text-align:right;}
p.bjqs-caption-white-l-t,p.bjqs-caption-white-r-t,p.bjqs-caption-black-l-t,p.bjqs-caption-black-r-t{top:0;}
p.bjqs-caption-white-l-b,p.bjqs-caption-white-r-b,p.bjqs-caption-black-l-b,p.bjqs-caption-black-r-b{bottom:0;}

#clearTop{clear:both;}

#topHeaderUpKont{height:100%;position: relative;}
#topLeft{position: absolute;top: 50%;transform: translateY(-50%);padding:0 10px;float:left;width:25%;}
#topRight{float:right;width:70%;height:100%;text-align:center;-moz-opacity:0.90;-khtml-opacity:0.90;opacity:0.90;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);filter:alpha(opacity=90);}
#topRightTel{width:25%;height:100%;float:right;margin:0 5px;}
#topRightMail{width:25%;height:100%;float:right;margin:0 5px;}
#topRightMenu{width:1%;height:100%;float:right;margin:0 5px;}
.menu{display:none;width:0;}
#topRightTelLn a:first-child{padding:0px 0px 0px 40px;background:url(../images/contactTelBk_30x30.png) no-repeat 2px center;}
#topRightMailLn a{padding:0 0 0 40px;background:url(../images/contactEmailBk_30x30.png) no-repeat 2px center;}
#topRightTelBt{}
#topRightTelBt > a,#topRightMailBt > a{display:block;width:95%;height:100%;text-decoration:none;outline:none;color:#000000;font-weight:bold;}
#topRightMailBt > a{line-height:1.5em;}
#topRightTelBt > a{line-height:1.7em;}
.linkBlack, .linkBlack:visited, .linkText, .linkText:visited{text-decoration:none;color:#222222;}
#topImg{margin:0px;background-color:#ffffff;border-bottom:1px solid #808080;}
#clearTopImg{clear:both;}

/* nowy naglowek */

.topLeft {position: absolute;top: 50%;transform: translateY(-50%);padding:0 10px;float:left;width:30%;background-color: rgba(255, 255, 255, 0.7); border-radius: 40px / 20px;}
.topRight {text-align:center;width:70%;height:100%;float:right;}
.topRightMenuRWD{width:100%;height:50%;float:right;display:table;}
.topRightKontaktRWD{width:100%;height:50%;float:right;position:relative;}
.kontaktRwdContener{height:100%;display:table;position:absolute;right:0;}
.kontaktRwdContener a{display:table-cell;vertical-align: middle;width:100px;}
.kontaktRwdContener a:hover{background-color: rgba(192, 192, 192, 0.5);}
.kontaktRwdZnBt img, .kontaktRwdTelBt img{width:30px;height:30px;}
.topBg{position:absolute;right:0;width:100%;height:100%;-moz-opacity:0.20;-khtml-opacity:0.20;opacity:0.20;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=20);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);filter:alpha(opacity=20);}
.topBg img{width:100%;height:100%;}

/* nowy nglowek end */ 

.menuOT{list-style-type:none;margin:0px;padding:0px;height:100%;width:100%;border:none;outline:none;z-index:9;}
.menuOT > li{height:100%;
/*background-color:#C0C0C0;*/
}
.menuOT li a{text-decoration:none;display:block;color:#000000;font-weight:bold;height:100%;}
.menuOT li ul{list-style-type:none;margin:0px;padding:0px;
/*background: #ffffff; /* Old browsers */
/*background: -moz-linear-gradient(left,  #ffffff 0%, #C0C0C0 50%, #C0C0C0 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(left,  #ffffff 0%,#C0C0C0 50%,#C0C0C0 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to right,  #ffffff 0%,#C0C0C0 50%,#C0C0C0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#C0C0C0',GradientType=1 ); /* IE6-9 */
outline:none;
}
.menuOT li ul li a{height:100%;}
/*.menuOT li ul li a:hover{text-decoration:1px solid #cc6600;}*/
/*.menuOT > li > ul > li:hover > a{color:#ffffff;text-shadow:1px 1px 3px #000000;}*/
.menuOT > li > ul > li > a:after, .menuOT > li > ul > li > a:visited:after{
  content: '';
  height: 3px; /* grubość podkreślenia */
  position: absolute;
  bottom: 20%;
  left: 0;
  width: 0%;
  background: #ff6600; /* kolor podkreślenia */
  transition: 0.2s; /* szybkość animacji podkreślenia */
}
.menuOT > li > ul > li:hover > a:after, .menuOT > li > ul > li:hover > a:visited:after{
  width: 100%;
}
.menuOT > li > ul{display:none;}
.menuOT > li:hover > ul{display:block;}
.menuOT > li > ul > li > ol{list-style-type:none;margin:0px;padding:0px;display:none;width:100%;border:1px solid white;background-color:#0000ff;}
.menuOT > li > ul > li:hover > ol{display:block;}
.menuOT > li > ul > li > ol > li{background-color:#c0c0c0;}
.menuOT > li > ul > li > ol > li > a{border:1px solid black;color:#000000;}
.menuOT > li > ul > li > ol > li:hover a{color:#ffffff;background-color:#ff0000;}

/* menu RWD */

.hambMenu{display:none;}
.menuErpContener{float:right;height:100%;}
.menuErp{list-style-type:none;margin:0px;padding:0px;width:100%;height:100%;border:none;outline:none;z-index:9;text-align:center;}
.menuErp a{text-decoration:none;display:block;color:#000000;font-weight:bold;padding:0 15px;}
.menuErp li{width:100%;height:100%;display:table;margin-left:1px;}
.menuErp li:first-child {margin-left:0;}
.menuErp li a{display:table-cell;vertical-align: middle;}
.menuErp li ul{font-size:18px;}
.subMenuErp > li{float:left;width:auto;position:relative;background-color: rgba(192, 192, 192, 0.5);}
.subMenuErp > li:hover{background-color: rgba(192, 192, 192, 0.8);}
.subMenuErp > li:hover > a{color:#ffffff;}
.subMenuErp li a:hover{color:#ffffff;}
.subMenuErp > li > ul{position:absolute;left:0;top:100%;display:none;border:1px solid #000000;border-top:0;}
.subMenuErp > li:hover > ul {display:block;}
.subMenuErp > li > ul > li{line-height:2em;width:240px;margin-left:0;}
.subMenuErp > li > ul > li:first-child{margin-top:1px;}
.subMenuErp > li > ul > li > a{border-top:1px solid #FFF;background-color: rgba(192, 192, 192, 0.8);padding:0 5px;text-align:left;}
.subMenuErp > li > ul > li:hover{background-color: rgba(192, 192, 192, 0.9);}

/* menu RWD end */

.mainSubmenu01{list-style-type:none;margin:0px;padding:0px;height:auto;width:100%;border:none;outline:none;}
.mainSubmenu01 li ul{list-style-type:none;margin:0px;padding:0px;height:auto;width:100%;border:none;outline:none;background-color:#ffffff;}
.mainSubmenu01 > li{width:100%;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #dddddd 30%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#dddddd 30%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#dddddd 30%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.mainSubmenu01 li .contactNag,.mainSubmenu01 li h2{font-size:20px;font-weight:normal;line-height:1em;padding:10px;}
.mainSubmenu01 li .contactNag{font-size:40px;font-weight:normal;text-align:left;color:#cc6600;line-height:1em;padding-right:40%;padding-bottom:1em;
background:url(../images/Opto-Technika_img02.png) 0 0 no-repeat;background-size:contain;background-position:right;
}
.mainSubmenu01 li h2{background-color:#ff6600;
background: #ff6600; /* Old browsers */
background: -moz-linear-gradient(left,  #ff6600 0%, #ff6600 30%, #cc6600 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff6600 0%,#ff6600 30%,#cc6600 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff6600 0%,#ff6600 30%,#cc6600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#cc6600',GradientType=1 ); /* IE6-9 */
color:#ffffff;-moz-opacity:0.80;-khtml-opacity:0.80;opacity:0.80;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);filter:alpha(opacity=80);
}
/*.mainSubmenu01 > li:nth-child(2n+1) > ul > li > p, .mainSubmenu01 > li:nth-child(1) > h3{text-align:right;}
.mainSubmenu01 > li:nth-child(even), .mainSubmenu01 > li:nth-child(even){text-align:left;}*/
.mainSubmenu01 > li > ul > li{padding:0 5px;}
.mainSubmenu01 > li > ul > li:nth-child(odd) > p, .mainSubmenu01 > li > ul > li:nth-child(odd) > h3{display:inline;font-size:18px;font-weight:bold;line-height:1.5em;}
.mainSubmenu01 > li > ul > li:nth-child(even){text-align:justify;}
.mainSubmenu01 > li > ul > li:nth-child(even) > p{font-size:15px;line-height:1.5em;}

.mainSubmenu02{list-style-type:none;margin:0px;padding:0px;height:auto;width:100%;border:none;outline:none;background:url(../images/tloImg.png) 0 0 no-repeat;background-size:100%;}
.mainSubmenu02 li ul{list-style-type:none;margin:0px;padding:0px;height:auto;border:none;outline:none;background-color:#eeeeee;}
.mainSubmenu02 > li{width:100%;}
.mainSubmenu02 > li > p,.mainSubmenu02 > li > h2{display:block;color:#ffffff;font-size:20px;font-weight:normal;text-align:left;line-height:1.5em;background-color:#555555;padding:10px;-moz-opacity:0.80;-khtml-opacity:0.80;opacity:0.80;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);filter:alpha(opacity=80);}
.mainSubmenu02 > li > h2{font-size:40px;}
.mainSubmenu02 > li > ul{display:table;}
.mainSubmenu02 > li > ul > li{display:table-cell;}
.mainSubmenu02 > li > ul > li > h3,.mainSubmenu02 > li > ul > li > p{display:block;color:#eeeeee;font-size:18px;text-align:center;line-height:1.2em;padding:5px;background-color:#555555;}
.mainSubmenu02 > li > ul > li > ul > li > p{font-size:15px;color:#000000;text-align:justify;padding:5px;line-height:1.5em;}

#newsContainer{display:block;margin:5px 0;background:#ffcc00;font-size:1.2em;line-height:1.5em;clear:both;}
#newsContainer > #newsNag {margin-left:20px;width:49%;}
#newsContainer > #newsBt {margin-right:20px;width:20%;font-weight:bold;float:right;text-align:right;}
#news{display:block;position:relative;background:#ffff00;height:2.5em;line-height:2.5em;overflow:hidden;clear:both;}
#news > p{font-size:1.5em;
position:absolute;
margin:0;white-space:nowrap;animation:przesunLewo 20s  linear infinite;}
@keyframes przesunLewo
      {
        0% { transform:translateX(0); padding-left:110%; }
//        50% { transform:translateX(0); padding-left:110%; }
        100% { transform:translateX(-100%); padding-left:110%; }
      }

      @-webkit-keyframes przesunLewo /* dla Google Chrome, Safari, Opera 15+ */
      {
        0% { -webkit-transform:translateX(0); padding-left:110%; }
        100% { -webkit-transform:translateX(-100%); padding-left:110%; }
      }
 
aside {float:left;width:30%;margin:0 0 25px;}
aside nav ul {list-style:none;}
aside nav ul li {margin-bottom:1px;}
aside nav ul li a {display:block;text-decoration:none;color:#000;background:#eeeeee;padding:8px 20px;}
aside nav ul li a:hover{background:#212121;color:#FFF;}
aside nav ul li h2{font-size:15px;color:#555555;text-shadow:none;white-space:normal;}
aside > h2{font-size:18px;color:#cc6600;text-shadow:none;white-space:normal;margin: 10px 20px;}

input[type="text"].formInput, textarea.formTextarea{width:290px;height:20px;margin:5px 2px;background-color:#eeeeff;border:1px ridge #555555;color:#aaaaaa;font-family:Verdana,sans-serif;font-size:1rem;font-style:italic;padding:4px;text-align:left;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

.clickButton,.clickButtonZlecenie{box-shadow:1px 1px 3px black;background-color:#ff6600;background-image:-ms-linear-gradient(top, #f9f9f9 0%, #ff6600 100%);background-image:-moz-linear-gradient(top, #f9f9f9 0%, #ff6600 100%);background-image:-o-linear-gradient(top, #f9f9f9 0%, #ff6600 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), color-stop(1, #ff6600));background-image:-webkit-linear-gradient(top, #f9f9f9 0%, #ff6600 100%);background-image:linear-gradient(to bottom, #f9f9f9 0%, #ff6600 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f9f9f9, endColorstr=#ff6600);-ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f9f9f9, endColorstr=#ff6600)";-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:5px 5px 0 5px;text-indent:0;border:1px solid #dcdcdc;display:block-inline;color:#ffffff;font-family:Tahoma;font-size:12px;font-weight:bold;font-style:normal;height:30px;width:112px;white-space:normal;text-decoration:none;text-align:center;text-shadow:1px 1px 3px #000000;cursor:pointer;}
.clickButton:active,.clickButtonZlecenie:active{position:relative;top:1px;box-shadow:inset 1px 1px 1px 1px #000000;}

.formularzWniosek{list-style-type:none;margin:0px;padding:0px;border:none;outline:none;}
.formularzWniosek li{list-style-type:none;margin:0px;padding:0px;border:none;outline:none;text-align:center;}
.formularzWniosek li input[type="text"].formInput{width:300px;}
.formularzWniosek li textarea.formTextarea{width:300px; height:100px} 
.formularzUlica li{display:inline;}
.formularzUlica li:nth-child(1) input[type="text"].formInput{width:205px;}
.formularzUlica li:nth-child(2) input[type="text"].formInput{width:30px;}
.formularzUlica li:nth-child(3) input[type="text"].formInput{width:30px;}
.formularzKod li{display:inline;}
.formularzKod li:nth-child(1) input[type="text"].formInput{width:60px;}
.formularzKod li:nth-child(2) input[type="text"].formInput{width:220px;}

.ulNone{display:none;}
.ulBlock{display:block;}

 
#main {float:right;width:65%;margin:0 0 25px;}
#main > div{line-height:1.5em;}
//#main h1{font-size:2em;font-weight:bold;color:#ff6600;margin:5px;white-space:normal;text-shadow:1px 1px 1px #000000;}
//#main h2{font-size:1.2em;color:#ff6600;text-shadow:none;white-space:normal;text-align:center;margin: 5px 0px; -webkit-text-stroke: 1px black;}
//#main h2 > b{color:#bb591a;}
#main img{-webkit-animation:fadeImg 2s linear;-moz-animation:fadeImg 2s linear;-o-animation:fadeImg 2s linear;animation:fadeImg 2s linear;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

#content{clear:both;}

.sectionLeft{float:left;width:49%;margin:10px 0;}
.sectionRight{float:right;width:49%;margin:10px 0;}
/*.sectionLeft,.sectionRight{padding:0 5px;}*/
.sectionAll{text-align:justify;margin:10px 0;}
.sectionLeft p,.sectionRight p,.sectionAll p{padding:5px;text-align:justify;line-height:1.5em;}
.sectionLeft h2,.sectionRight h2,.sectionAll h2{font-size:30px;font-weight:normal;line-height:1.5em;padding:10px;border-top:1px solid #ff6600;}
.sectionLeft h3,.sectionRight h3{font-size:20px;font-weight:normal;color:#ffffff;line-height:1.5em;padding:10px;background-color:#ff6600;
background: #ff6600; /* Old browsers */
background: -moz-linear-gradient(left,  #ff6600 0%, #ff6600 30%, #cc6600 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff6600 0%,#ff6600 30%,#cc6600 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff6600 0%,#ff6600 30%,#cc6600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#cc6600',GradientType=1 ); /* IE6-9 */
}
.sectionBoth{text-align:justify;line-height:1.5em;border-top:1px solid #ff6600;}
.sectionBothContainer{padding:0 5px;}
.sectionBoth h2{font-size:20px;font-weight:normal;line-height:1.5em;padding:10px;}
.sectionBoth h3{font-size:20px;font-weight:normal;line-height:1.5em;padding:10px;}
.sectionBoth h4{font-weight:normal;display:inline-block;}

.sectionNag{margin:0px;padding:0px;height:auto;width:100%;display:block;text-align:left;line-height:1.5em;}
.sectionNag h1{display:block;font-size:20px;font-weight:normal;color:#cccccc;padding:10px;font-size:20px;font-weight:normal;background-color:#555555;}
.sectionNag h2{display:block;font-size:20px;font-weight:normal;}
 
footer {clear:both;color:#aaaaaa;

}
.footerCenterUp ul{display:table;list-style-type:none;margin:0px;padding:0px;height:auto;width:100%;border:none;outline:none;}
.footerCenterUp li{display:table-cell;width:33%;top:0;text-align:center;padding:10px 0;}
/*.footerCenterUp li span{font-size:20px;font-weight:bold;}*/
.footerSpan{font-size:20px;font-weight:bold;}
.footerCenterUp li p{font-size:15px;}
/*
.mainSubmenu02{list-style-type:none;margin:0px;padding:0px;height:auto;width:100%;border:none;outline:none;background:url(../images/tloImg.png) 0 0 no-repeat;background-size:100%;}
.mainSubmenu02 li ul{list-style-type:none;margin:0px;padding:0px;height:auto;border:none;outline:none;background-color:#eeeeee;}
.mainSubmenu02 > li{width:100%;}
.mainSubmenu02 > li > p,.mainSubmenu02 > li > h2{display:block;color:#ffffff;font-size:20px;font-weight:normal;text-align:left;line-height:2em;background-color:#555555;padding:10px;-moz-opacity:0.80;-khtml-opacity:0.80;opacity:0.80;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);filter:alpha(opacity=80);}
.mainSubmenu02 > li > h2{font-size:40px;}
.mainSubmenu02 > li > ul{display:table;}
.mainSubmenu02 > li > ul > li{display:table-cell;}
.mainSubmenu02 > li > ul > li > h3,.mainSubmenu02 > li > ul > li > p{display:block;color:#eeeeee;font-size:18px;text-align:center;line-height:1.2em;padding:5px;background-color:#555555;}
.mainSubmenu02 > li > ul > li > ul > li > p{font-size:12px;color:#000000;text-align:justify;padding:5px;line-height:1.5em;}
*/
.footerCenterUp{background-color:#555555;padding:15px 0 15px 30px;}
.footerCenterDown{background-color:#212121;padding:15px 0 15px 30px;}

.link, .link:visited{text-decoration:none;color:#bb591a;}
.link:hover{text-decoration:underline;}
.contactData{text-align:center;margin-top:5px;}
.contactNag{font-size:1.2em;color:#ff6600;font-weight:bold;text-shadow:1px 1px 1px #000000;}
.textLine{
//clear:both;
margin:5px 0;border-bottom:1px dotted #aeaeae;}
.textLine2{margin:10px 0;border-bottom:1px dotted #aeaeae;}
.textLineMarki{padding:2px 0px 5px 0;border-bottom:1px dotted #aeaeae;}
.textSpace{clear:both;margin:5px 0;}
.textMargin{margin:5px 0;}
.textCB{clear:both;margin:5px 0;}
.textCL{clear:left;margin:5px 0;}
.textCR{clear:right;margin:5px 0;}
.textCSM{clear:none;}
.textImgVerLeft{width:240px;height:320px;float:left;margin:5px;}
.textImgVerRight{width:240px;height:320px;float:right;margin:5px;}
.textImgHorLeft{width:320px;height:240px;float:left;margin:5px;}
.textImgHorRight{width:320px;height:240px;float:right;margin:5px;}
.textImgHorRightPTX{width:160px;height:120px;float:right;margin:5px;}
.textImgMaps{width:320px;height:348px;float:right;margin:5px;}
.textImgMarki{width:260px;}
.textNag {font-size:2em;font-weight:bold;color:#ff6600;margin:5px;white-space:nowrap;text-shadow:1px 1px 1px #000000;}
.textCenter p{display:block;width:100%;text-align:center;}

#cookiesBar{font-size:12px;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;color:#414141;font:400 normal 11px/1em Arial, sans-serif;width:100%;padding:10px 0;position:fixed;bottom:0;left:0;z-index:9999;background:#ebebeb;background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0%, #fff), color-stop(100%, #ebebeb));background-image:-webkit-linear-gradient(#fff, #ebebeb);background-image:-moz-linear-gradient(#fff, #ebebeb);background-image:-o-linear-gradient(#fff, #ebebeb);background-image:-ms-linear-gradient(#fff, #ebebeb);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ebebeb);background-image:linear-gradient(#fff, #ebebeb);}
#cookiesBar a{color:#414141;border-bottom:1px dotted #aeaeae;}
#cookiesBar a:hover{color:#aeaeae;}
#cookiesBar p{margin:2px 0;line-height:1;}
#cookiesBarWrap{width:95%;margin:0 auto;position:relative;}
#cookiesBarClose{display:block;width:20px;height:19px;background:url("../images/btn-close.png") 0 0 no-repeat;text-indent:-999em;position:absolute;top:2px;right:0;}
a#cookiesBarClose{border:0;}
#cookiesBarClose:hover{background-position:-30px 0;}


/*
.rwdTableMain{width: 100%;text-align:center;}
.rwdTableMain table{width: 300px;border: 1px solid #e7e7e7;border-collapse: collapse;border-spacing: 0;font-size: 10px;}
.rwdTableMain table thead {text-align: left;background-color: #f8f8f8;font-size: 10px;font-weight:bold;border-bottom: 1px solid #e7e7e7;}
.rwdTableMain table tbody td, .rwdTableMain table thead th {padding:5px 2px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.rwdTableMain table [data-title] {border-bottom: 1px solid #e7e7e7;}
*/


/* obsluga TABS */
/*
.tabs {
/*    list-style-type: none;
//    margin: 5px 0 0 0;
//    padding: 0;
//    clear: both;
//    padding-bottom: 10px;
//    overflow: hidden; 
}
.tabs a {
/*    width: 20%;
//    display: inline-block;
//    height: 3em;
    margin:2px;
    background: #eee;
    font-size: 1em;
    font-weight: bold;
    line-height: 3em;
    text-decoration: none;
    color: #333;
    text-align: center; 
}
.tabs a.active {
    background: #EC185D;
    color:#fff;
}
*/
/* ---- treść zakładek ---- */

 #map {
   width: 100%;
   height: 400px;
   background-color: grey;
 }
 
 .map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe, .object{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/*
.object {background-color: #ffcc00; border: 1px; height: 20px; width: 620px; overflow: hidden; margin: 0 auto;
}
*/

@media (min-width: 1100px) {
.container {width:1050px;}
header {margin-top:90px;}
#topHeaderUp{height:90px;}
#topLeft{padding:0 10px;}

#topRightTel{width:45%;height:100%;float:right;margin:0;}
#topRightMail{width:35%;height:100%;float:right;margin:0;}
#topRightMenu{width:15%;height:50%;float:right;position:relative;}
#topRightTelLn,#topRightMailLn{height:50%;display:table;margin:0 auto;}
#topRightTelLn a,#topRightMailLn a{display:table-cell;vertical-align: middle;font-size:18px;font-weight:bold;}

/*wspolne stylowanie menu tabs */
.tabs{list-style-type:none;margin:0px;padding:0px;height:100%;width:100%;border:none;outline:none;z-index:9;}
#menuErp{list-style-type:none;margin:0px;padding:0px;height:100%;width:100%;border:none;outline:none;z-index:9;}
/*szczegolowe */
.tabs{font-size:30px;font-weight:bold;}
.tabs li{position:relative;width:100%;}
.tabs li ul{position:absolute;top:0;right:0;width:100%;height:100%;display:block;font-size:18px;text-align:right;background-color:#cccccc;}

/*.topRightKontaktRWD a{display:inline;}*/

.menu, .hambMenu{display:none;}
.menuOT{font-size:30px;font-weight:bold;}
.menuOT > li{position:relative;width:100%;}
/*.menuOT > li > a{visibility:hidden;}
.menuOT > li > a:after{content:"-";padding:0 5px;}*/
.menuOT > li > ul{position:absolute;top:100%;right:0;width:650%;height:100%;display:block;font-size:18px;text-align:right;}
.menuOT > li > ul:after, .tabs > li > ul:after {content:'';display:block;clear:both;}
.menuOT > li > a:first-child, .tabs > li > a:first-child {border-top:none;}
.menuOT > li > ul > li, .tabs > li > ul > li{width:auto;height:100%;display:inline-block;margin:0;padding:0;position:relative;}
.menuOT > li > ul > li > a, .tabs > li > ul > li > a{line-height:2.5em;padding:0 5px;}
.menuOT > li > ul > li > ol, .tabs > li > ul > li > ol {position:absolute;width:auto;text-align:left;border-top:0;}
.menuOT > li > ul > li > ol > li > a, .tabs > li > ul > li > ol > li > a {line-height:2em;padding:0 5px;white-space:nowrap;border-top:0;}

aside {float:left;width:30%;}
#main {float:right;width:65%;}
#content{width:100%;}
#topRightTelBt,#topRightMailBt,#topRightMenuBt{display:none;}
}
@media (max-width: 1100px) and (min-width: 1000px) {
.container {width:950px;}
#banner-fade ul > li > p{font-size:30px;}
header {margin-top:70px;}
#topHeaderUp{height:70px;}
#topLeft{padding:0 10px;}

#topRightTel{width:45%;height:100%;float:right;margin:0;}
#topRightMail{width:35%;height:100%;float:right;margin:0;}
#topRightMenu{width:15%;height:50%;float:right;margin-left:5px;position:relative;}
#topRightTelLn,#topRightMailLn{height:50%;display:table;margin:0 auto;}
#topRightTelLn a,#topRightMailLn a{display:table-cell;vertical-align: middle;font-size:20px;}

.menu, .hambMenu{display:none;}
.menuOT, .tabs{font-size:25px;font-weight:bold;}
.menuOT > li, .tabs > li{position:relative;width:100%;}
.menuOT > li > ul, .tabs > li > ul{position:absolute;top:100%;right:0;width:650%;height:100%;display:block;font-size:16px;text-align:right;}
.menuOT > li > ul:after, .tabs > li > ul:after  {content:'';display:block;clear:both;}
.menuOT > li > a:first-child, .tabs > li > a:first-child {border-top:none;}
.menuOT > li > ul > li, .tabs > li > ul > li{width:auto;height:100%;display:inline-block;margin:0;padding:0;position:relative;}
.menuOT > li > ul > li > a, .tabs > li > ul > li > a{line-height:2em;padding:0 5px;}
.menuOT > li > ul > li > ol, .tabs > li > ul > li > ol {position:absolute;width:auto;text-align:left;border-top:0;}
.menuOT > li > ul > li > ol > li > a, .tabs > li > ul > li > ol > li > a {line-height:2em;padding:0 5px;white-space:nowrap;border-top:0;}

aside {width:30%;}
#main {width:65%;}
#topRightTelBt,#topRightMailBt,#topRightMenuBt{display:none;}
#topRightTelLn a{font-size:15px;font-weight:bold;}
#topRightMailLn a{font-size:15px;font-weight:bold;}
}
@media (max-width: 1000px) and (min-width: 800px) {
.container {width:750px;}
#banner-fade ul > li > p{font-size:25px;}
header {margin-top:60px;}
#topHeaderUp{height:60px;}
#topLeft{padding:0 5px;}
#topRightTel{width:45%;height:100%;float:right;margin:0;}
#topRightMail{width:35%;height:100%;float:right;margin:0;}
#topRightMenu{width:15%;height:50%;float:right;margin-left:5px;position:relative;}
#topRightTelLn,#topRightMailLn{height:50%;display:table;margin:0 auto;}
#topRightTelLn a,#topRightMailLn a{display:table-cell;vertical-align: middle;font-size:20px;}
.menu, .hambMenu{display:none;}
.menuOT, .tabs{font-size:21px;font-weight:bold;}
.menuOT > li, .tabs > li{position:relative;width:100%;}
.menuOT > li > ul, .tabs > li > ul{position:absolute;top:100%;right:0;width:650%;height:100%;display:block;font-size:14px;text-align:right;}
.menuOT > li > ul:after, .tabs > li > ul:after {content:'';display:block;clear:both;}
.menuOT > li > a:first-child, .tabs > li > a:first-child {border-top:none;}
.menuOT > li > ul > li, .tabs > li > ul > li{width:auto;height:100%;display:inline-block;margin:0;padding:0;position:relative;}
.menuOT > li > ul > li > a, .tabs > li > ul > li > a{line-height:2em;padding:0 5px;}
.menuOT > li > ul > li > ol, .tabs > li > ul > li > ol {position:absolute;width:auto;text-align:left;border-top:0;}
.menuOT > li > ul > li > ol > li > a, .tabs > li > ul > li > ol > li > a {line-height:2em;padding:0 5px;white-space:nowrap;border-top:0;}

aside {width:30%;}
#main {width:65%;}
#topRightTelBt,#topRightMailBt,#topRightMenuBt{display:none;}
#topRight > span{font-size:15px;}
#topRightTelLn a{font-size:13px;font-weight:bold;}
#topRightMailLn a{font-size:13px;font-weight:bold;}

.mainSubmenu01 li .contactNag{font-size:32px;}
}
@media (max-width: 800px) and (min-width: 500px) {
.container {width:450px;}
#banner-fade ul > li > p{font-size:20px;}
header {margin-top:45px;}
#topHeaderUp{height:45px;}
#topLeft{padding:0;width:35%;}
#topRightTelBt,#topRightMailBt,#topRightMenu{font-size:30px;width:50px;}
.menu{display:block;}
.hambMenu{width:30px;height:30px;margin:0 auto;}
aside,
#main {width:100%;}
#topRightTelLn,#topRightMailLn{display:none;}

.menuOT, .tabs{font-size:30px;line-height:1.7em;}
.menuOT li, .tabs li{}
.menuOT li ul, .tabs li ul{font-size:15px;width:150px;line-height:2em;float:right;border:1px solid white;}
.menuOT li ul li, .tabs li ul li{position:relative;background-color:#c0c0c0;}
.menuOT > li > ul > li > a, .tabs > li > ul > li > a{border:1px solid black;border-top:0;}
.menuOT > li > ul > li:first-child > a, .tabs > li > ul > li:first-child > a{border-top:1px solid black;}
.menuOT > li > ul > li > ol, .tabs > li > ul > li > ol{position:absolute;right:100%;margin-top:-2.2em;}
.menuOT > li > ul > li > ol > li > a, .tabs > li > ul > li > ol > li > a {border-top:0;}
.menuOT > li > ul > li > ol > li:first-child > a, .tabs > li > ul > li > ol > li:first-child > a {border-top:1px solid black;}

.topRight {position:absolute;top:0;left:50%;width:50%;height:100%;text-align:center;}
.topRightMenuRWD {width:30%;height:100%;float:left;}
.topRightKontaktRWD{width:70%;height:100%;float:left;}
.kontaktRwdZnBt img, .kontaktRwdTelBt img{width:30px;height:30px;}
.menuErpContener{width:100%;}

.hambMenu{display:block;}
.hambMenu{width:30px;height:30px;margin:0 auto;}
.subMenuErp{display:none;}

.menuErp li {position:relative;margin-left:0;}
.menuErp li ul {position:absolute;right:0;top:100%;border:1px solid #ffffff;border-top:0;}
.menuErp li ul li{line-height:2em;width:150px;}
.menuErp li ul li:first-child{margin-top:1px;}
.subMenuErp > li{background-color: rgba(192, 192, 192, 0.7);}
.subMenuErp li a{border:1px solid #000000;border-top:0;}
.subMenuErp > li:first-child > a{border-top:1px solid #ffffff;}
.subMenuErp > li > ul{left:-100%;top:0;width:100%;border-right:0;}
.subMenuErp > li > ul > li:first-child{margin-top:0;}
.subMenuErp > li > ul > li > a{border-top:0;}
.subMenuErp > li > ul > li:first-child > a{border-top:1px solid #ffffff;}
.subMenuErp li:hover ul li a{border-right:0;}

.mainSubmenu02 > li > ul{display:block;}
.mainSubmenu02 > li > ul > li{display:block;}

.sectionLeft{width:100%;}
.sectionRight{width:100%;}

.footerCenterUp ul{display:block;}
.footerCenterUp li{display:block;width:100%;}
}
@media (max-width: 500px) {
.container {width:100%;}
#banner-fade ul > li > p{font-size:12px;}
header {margin-top:30px;}
#topHeaderUp{height:30px;}
#topLeft{padding:0 5px;width:35%;}
#topRightTelBt,#topRightMailBt,#topRightMenu{font-size:20px;width:40px;}
.menu{display:block;}
.hambMenu{width:20px;height:20px;margin:0 auto;}
aside,
#main {width:100%;}
#topRightTelLn,#topRightMailLn{display:none;}
.mainSubmenu01 li .contactNag{font-size:22px;}

.menuOT, .tabs{font-size:20px;line-height:1.7em;}
.menuOT li, .tabs li{}
.menuOT li ul, .tabs li ul{font-size:15px;width:150px;line-height:2em;float:right;border:1px solid white;}
.menuOT li ul li, .tabs li ul li{position:relative;background-color:#c0c0c0;}
.menuOT > li > ul > li > a, .tabs > li > ul > li > a{border:1px solid black;border-top:0;}
.menuOT > li > ul > li:first-child > a, .tabs > li > ul > li:first-child > a{border-top:1px solid black;}
.menuOT > li > ul > li > ol, .tabs > li > ul > li > ol{position:absolute;right:100%;margin-top:-2.2em;}
.menuOT > li > ul > li > ol > li > a, .tabs > li > ul > li > ol > li > a {border-top:0;}
.menuOT > li > ul > li > ol > li:first-child > a, .tabs > li > ul > li > ol > li:first-child > a {border-top:1px solid black;}

.topRight {position:absolute;top:0;left:50%;width:50%;height:100%;text-align:center;}
.topRightMenuRWD {width:30%;height:100%;float:right;}
.topRightKontaktRWD{width:50%;height:100%;float:left;}
.kontaktRwdTelBt img{width:30px;height:30px;}
.kontaktRwdZnBt img{width:0px;height:0px;}
.menuErpContener{width:100%;}

.hambMenu{display:block;}
.hambMenu{width:30px;height:30px;margin:0 auto;}
.subMenuErp{display:none;}

.menuErp li {position:relative;margin-left:0;}
.menuErp > li > a:hover{width:30px;background-color: rgba(192, 192, 192, 0.5);}
.menuErp li ul {position:absolute;right:0;top:100%;border:1px solid #ffffff;border-top:0;}
.menuErp li ul li{line-height:2em;width:150px;}
.menuErp li ul li:first-child{margin-top:1px;}
.subMenuErp > li{background-color: rgba(192, 192, 192, 0.7);}
.subMenuErp li a{border:1px solid #000000;border-top:0;}
.subMenuErp > li:first-child > a{border-top:1px solid #ffffff;}
.subMenuErp > li > ul{left:-100%;top:0;width:100%;border-right:0;}
.subMenuErp > li > ul > li:first-child{margin-top:0;}
.subMenuErp > li > ul > li > a{border-top:0;}
.subMenuErp > li > ul > li:first-child > a{border-top:1px solid #ffffff;}
.subMenuErp li:hover ul li a{border-right:0;}

.mainSubmenu02 > li > ul{display:block;}
.mainSubmenu02 > li > ul > li{display:block;}
.mainSubmenu02 li h2{font-size:28px;line-height:1em;}
.mainSubmenu02 li h3{line-height:1em;}

.sectionLeft{width:100%;}
.sectionRight{width:100%;}

.textImgVerLeft{float:none;}
.textImgVerRight{float:none;}

.footerCenterUp ul{display:block;}
.footerCenterUp li{display:block;width:100%;}

.mainSMF02 {display:flex;flex-direction: column;justify-content: center;width:100%;background:white;}
.mainSMF02 li {display:flex;justify-content: flex-end;align-items: flex-end;width:350px;height:auto;margin:2px auto;background:url("../images/kolektorzyBlank.jpg") 0 0 no-repeat scroll;
/*background-size:contain;*/
}
.mainSMF02 li a {margin: 5px 5px;width:300px;-moz-opacity:0.90;-khtml-opacity:0.90;opacity:0.90;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);filter:alpha(opacity=90);}
}