body {font-size: 16px; color:#555; font-weight: 200; background: #fff;}   
header {min-height:160px; position: absolute; top:0; text-align: center; width: 100%;}
header .row {margin: auto;}
.podstrona header {position: relative;}
footer {background: #555;  width:100%; margin-top:0px; min-height: 30px; padding-top: 10px; border-bottom:solid 30px #818181; padding-bottom:1px; color:#fff;}
h1 {font-size: 36px;}
h1,h2,h3,h4,h5,h6 {font-family: "Open Sans"; font-weight:200;}
#logo {text-align: center; margin:auto; margin-top:0px; background:#fff; max-width: 300px; margin-bottom:15px;}
#logo a {text-align: center; margin:auto; }
#logo a img {text-align: center; margin:30px 20px 40px 20px;}

section .row {max-width:1170px;}
.trescPodstrony {max-width:1170px; margin:auto;}

p {font-weight: 200;}



.parallax-header {padding-bottom:100px; background: transparent;}
.parallax-header {}                  
.button {background:#d8005c;color:#fff !important; border-radius:5px;}
.buttonSzary {background:#333;color:#fff !important;}
.button:hover {background:#333;color:#fff;}
                           
.blue {color:#004381 !important;}       
strong.blue {color:#004381 !important;}
.blue strong {color:#004381 !important;}

.ikonka {line-height: 1em;}

hr {margin: 50px auto;}

footer {}
footer h1,
footer h2,
footer h3,
footer h4,
footer p,
footer strong {color:white;}


nav {}                                                      
nav ul {}
nav ul li {}
nav ul li a {color: #fff;}                            
nav ul ul {border-radius:0px;}

nav.tab-bar {background: #004381; border-bottom:solid 1px #266095;}
nav.tab-bar .row {max-width: 1170px;}
section.left-small {border-color: #266095; border-width: 1px; box-shadow: 0px 0 0 #4e4e4e;}
section.right-small {border-color: #266095; border-width: 1px; box-shadow: 0px 0 0 #4e4e4e;}
                                                      
nav#menuMAIN {text-align: right; margin-top:55px;}          
nav#menuMAIN > ul > li  {}
nav#menuMAIN > ul > li.pozycjaOstatnia  {}
nav#menuMAIN > ul > li > ul {opacity:0.9; margin-left: 0px;}
nav#menuMAIN  ul  li  a {font-weight:200;}
nav#menuMAIN ul li:hover a {color: #002060; background:#fff;}
nav#menuMAIN ul ul li:hover a {color: #fff; background:#002060;}
nav#menuMAIN ul ul li a {line-height: 2em;  }
                                                              

nav#menuFOOTER {text-align: right; margin-top: 20px; min-height:280px; display: inline-block;}
nav#menuFOOTER ul {text-align: left; display: inline-block;}
nav#menuFOOTER ul li {display: block; min-width:300px;}                 
nav#menuFOOTER ul li a {color:#fff;font-size: 30px; font-weight: 300;}
nav#menuFOOTER ul ul {display: block; background: none; border:none;margin-left:40px;}            
nav#menuFOOTER ul ul li {min-width:270px;}            
nav#menuFOOTER ul ul li a {font-size: 16px;}                 
nav#menuFOOTER ul ul li:hover a {color: #002060; background:#fff;}                 

/* Nivo slider */
.slider {}                                
.theme-webimpuls .nivoSlider {background: transparent;}   
.nivo-caption {position: absolute; top: 50px; text-align: center; left:0; margin:auto; background: none; opacity:1;}

.nivo-caption h1,
.nivo-caption h2,
.nivo-caption h3,
.nivo-caption h4,
.nivo-caption h5 {background: url("/media/grafika/wicms2/pix_70proc.png"); line-height: 2em; padding: 0 2em 0 2em; display: inline-block; text-shadow: 1px 1px #000; font-weight: 200;}
   
   
.tresc a,
.tresc a strong {color:#004381;}  
.tresc strong {color:#000;}  
 
  
 .bloczekFrontowy {max-width:264px; background: #fff; font-size: 14px; margin:30px auto;}                                     
 .bloczekFrontowy p {margin:10px 5px 5px 10px; font-size: 14px;}
 .bloczekFrontowy a {margin-top:20px;}
   
input.whiteInput {background:#fff; color:#333; border:solid 1px #222;}                                  
  
/* NEWSY */                                                                                                 
    #aktualnosci .aktualnosci  .aktualnosc {float:left; width:49%; margin-bottom: 5px; min-height:220px;}
    #aktualnosci .aktualnosci  .aktualnosc  .aktualnosc_obraz {max-width:40%; margin: 0 15px 0 0; float:left; overflow: hidden;}     
    #aktualnosci .aktualnosci  .aktualnosc  .aktualnosc_obraz img {width: auto; height: auto; max-width:400px; border:solid 5px #fff;  box-shadow: 0px 0px 7px #999;}    
                                                                                         
    #aktualnosci .aktualnosci  .aktualnosc.aktualnoscFull {float:left; width:100%; margin-bottom: 5px; min-height:220px;}
    #aktualnosci .aktualnosci  .aktualnosc.aktualnoscFull  .aktualnosc_obraz {max-width:40%; margin: 0 15px 0 0; float:left; overflow: hidden;}     
    #aktualnosci .aktualnosci  .aktualnosc.aktualnoscFull  .aktualnosc_obraz img {width: auto; height: auto; max-width:400px; border:solid 5px #fff;  box-shadow: 0px 0px 7px #999;}    
    
    
    
    #aktualnosci .aktualnosci .aktualnosc .aktualnosc_tytul {font-size: 24px; font-weight: bold;}    
    #aktualnosci .aktualnosci .aktualnosc .aktualnosc_tytul a {}    
    #aktualnosci .aktualnosci .aktualnosc .aktualnosc_data {opacity:0.6; font-size: 11px;}    
    #aktualnosci .aktualnosci .aktualnosc .aktualnosc_tresc {font-size: 16px;}    
    #aktualnosci .aktualnosci .aktualnosc .aktualnosc_czytaj {margin-top: 10px;}    
    #aktualnosci .aktualnosci .aktualnosc .aktualnosc_czytaj a {}   
    
    #aktualnosciFront {}            
    #aktualnosciFront .aktualnosc {width: 46%; margin: 10px 20px 10px auto; float:left; clear: none; min-height: 190px;}                     
    #aktualnosciFront .aktualnosc .aktualnosc_obraz {margin: 0 15px 0 0;float:left; max-width:192px;}    
    #aktualnosciFront .aktualnosc .aktualnosc_obraz a {}    
    #aktualnosciFront .aktualnosc .aktualnosc_obraz a img {max-width:192px; border:solid 5px #fff; box-shadow: 0px 0px 7px #999;}    
    #aktualnosciFront .aktualnosc .aktualnosc_tytul { font-weight: bold;}    
    #aktualnosciFront .aktualnosc .aktualnosc_tytul a {}    
    #aktualnosciFront .aktualnosc .aktualnosc_data {opacity:0.6; font-size: 11px; display: none;}    
    #aktualnosciFront .aktualnosc .aktualnosc_tresc {display: inline;}    
    #aktualnosciFront .aktualnosc .aktualnosc_czytaj {display: inline-block; background: #004381;  text-transform: uppercase; float:right;margin: 5px 0 0 0;}    
    #aktualnosciFront .aktualnosc .aktualnosc_czytaj a {color:#fff; padding:10px 30px !important; display: inline-block;}  
        
    
    #aktualnosciFront .kolejnosc2,
    #aktualnosciFront .kolejnosc4,
    #aktualnosciFront .kolejnosc6,
    #aktualnosciFront .kolejnosc8,
    #aktualnosciFront .kolejnosc10,
    #aktualnosciFront .kolejnosc12,
    #aktualnosciFront .kolejnosc14 {float: right;}                                    
                                      

/* FAQ */     
    dt {background: #004381 url("/media/grafika/wicms2/blue-light-tlo.png") no-repeat top center; border:solid 1px #fff; border-width: 1px 0 1px 0; padding: 10px 10px; color:#fff;}
    dt .ico {display: inline-block; color:#fff; height: 16px;width: 16px; background: none;}
   
/* Bloki Reklamowe */                                                         
.reklama1, .reklama1 > ul.rotator li.box {}
.reklama2, .reklama2 > ul.rotator li.box {}
.advStopkaBlok1 {height: auto; line-height: 1.2em;}
.advStopkaBlok2 {height: 260px; line-height: 1.2em;}
.advStopkaBlok2 p {line-height: 1.2em;}

.szaryBlok {background: #202020; Border-top:solid 1px #111; border-bottom: solid 1px #111; margin-top:40px; color:#ccc;}
.szaryBlok h1,
.szaryBlok h2,
.szaryBlok h3,
.szaryBlok h4,
.szaryBlok p,
.szaryBlok strong {color:#ddd;}

.frontSection1 {margin-top:75px;} 
     
.frontSection3 {display: block; margin:70px auto 50px auto; padding-top:50px; padding-bottom:50px; border-top:solid 1px #fff; border-bottom:solid 1px #fff; color:#fff; background: #555;}
.frontSection3  h1,
.frontSection3 h2,
.frontSection3 h3,
.frontSection3 h4,
.frontSection3 p,
.frontSection3 strong {color:#fff;}
                   
.frontSection6 {display: block; max-height:460px; overflow: hidden; margin:70px auto 50px auto; padding-top:50px; padding-bottom:50px; border-top:solid 1px #fff; border-bottom:solid 1px #fff; color:#fff; background: #5e0c28 url("/media/grafika/kreatorreklamy/tlo_belki.png") no-repeat top center;}
.frontSection6  h1,
.frontSection6 h2,
.frontSection6 h3,
.frontSection6 h4,
.frontSection6 p,
.frontSection6 strong {color:#fff;}
                      
.frontSection4 {}
.frontSection4 li p {margin-bottom:0px;}
.frontSection5 li p {margin-bottom:0px;}
.frontSection4 li p i {font-size: 30px; margin-right:10px;}
.frontSection5 li p i {font-size: 30px; margin-right:10px;}

i.large {font-size: 50px;}
i.medium {font-size: 30px;}
i.small {font-size: 16px;}

.belkaPodpisu .row {margin:5px auto 5px auto; padding:5px 0px;}        
.belkaPodpisu a {color:#eee;} 

.qrCode {background: #fff; padding:15px; width: 180px; height:180px; margin:auto;text-align: center;}
.qrCode * {display:block; width: auto; height:auto;}
.qrCode canvas {display:block; width:100%; height:auto;}

ul.listaFront {list-style: none; margin-top:30px;}
ul.listaFront li {list-style: none; background: url("/media/grafika/wicms2/point_darkBlue.png") no-repeat left; background-position: +10px; padding-left: 30px; line-height: 1.8em;}
ul.listaFront li:nth-child(odd) {background-color: #fff;}


.galeriaFront {} 
.galeriaFront .columns {} 
.galeriaFront a {width:auto; height: auto; padding:0px; margin:10px auto; display: block; background: #a8c416;} 
.galeriaFront a img {width:100%; height: auto;} 

.galeriaFront a:hover {}
.galeriaFront a:hover img {opacity:0.4;}


/* Header */

   
.bloktxt {display: block; width: 100%; text-align:left; height: 150px; position: relative; margin-bottom:15px;  }
.bloktxt p{ margin: 0;position: absolute;   top: 50%; left: 50%; margin-right: -50%;  transform: translate(-50%, -50%); color: #FFFFFF}
.blokimgM {display: block; width: 100%; text-align:center; height: 150px; margin:0 ;;  margin-bottom:15px; overflow:hidden;}

.blokimgD {display: block; width: 100%; text-align:center; height: 150px; margin:0;  margin-bottom:15px; overflow:hidden; }

.blokNiebieski {display: block; width: 100%; text-align:center; height: 150px; position: relative;  margin-bottom:15px; background-color: #009FD8; }
.blokNiebieski p{padding-top:40px; margin: 0;   top: 50%;  color: #FFFFFF; }
.blokMorski {display: block; width: 100%; text-align:center; height: 150px; position: relative;  margin-bottom:15px;background-color: #00D8A8; color: #FFFFFF;  }
.blokMorski p{padding-top:40px; margin: 0;   top: 50%; }
.blokRozowy {display: block; width: 100%; text-align:center; height: 150px; position: relative;  margin-bottom:15px;background-color: #D8005C;  }
.blokRozowy p{padding-top:40px; margin: 0;   top: 50%; color: #FFFFFF;}
.blokZolty {display: block; width: 100%; text-align:center; height: 150px; position: relative;  margin-bottom:15px; background-color: #D8A300; }
.blokZolty p{padding-top:40px; margin: 0;   top: 50%; color: #FFFFFF;}

.haslo {font-size:22px; color:#fff; margin-top:40px;}


/* wycena */

.formularz_4 {}
.formularz_4 .kontaktArt {}
.formularz_4 .kontaktForm #kontaktForm {}
.formularz_4 .kontaktForm #kontaktForm .kontaktLabel {}
.formularz_4 .kontaktForm #kontaktForm .kontaktLabel label {width: 300px !important;}
 
/* ------------------------ 
* 
*    Poprawki Foundation Framework
*/

                             
.right-off-canvas-menu p,
.right-off-canvas-menu h1,
.right-off-canvas-menu h2,
.right-off-canvas-menu h3,
.right-off-canvas-menu h4
 {margin: 10px; color:#ddd;}
 
.left-off-canvas-menu p,
.left-off-canvas-menu h1,
.left-off-canvas-menu h2,
.left-off-canvas-menu h3,
.left-off-canvas-menu h4
 {margin: 10px; color:#ddd;}


 
.exit-off-canvas {background: #000 !important; opacity:0.4 !important;}

.magellan-container {opacity:0.8;}
.magellan-container dl.sub-nav {max-width:1170px; margin:auto;}
.magellan-container dl.sub-nav dd a {color:#222;}
.magellan-container dl.sub-nav dd.active a {color:#fff;}


nav.tab-bar {z-index: 100;}


 @media screen and (max-width: 1024px) {                
    nav#menuMAIN {text-align: center; margin-top:0px;}   
    nav#menuFOOTER {display:block; text-align:center; float:none;margin:auto;}  
           
    .advStopkaBlok2    {margin:auto; float:none; text-align: center; display:block; max-width: 260px;}                                                      
    .advStopkaBlok2 ul {margin:auto; float:none; text-align: center; display: inline-block; width: auto;}                                                      
    .advStopkaBlok2 li {margin:auto; float:none; text-align: left; width: auto;}               
    
    
    #aktualnosci .aktualnosci  .aktualnosc {float:none; width:100%; margin-bottom: 5px;   min-height:0; height:auto;}
                                                                                               
    
    #aktualnosciFront {}            
    #aktualnosciFront .aktualnosc {width: 100%; margin: 10px 20px 10px auto; float:none; clear: none; min-height:0;}                     
    #aktualnosciFront .aktualnosc .aktualnosc_obraz {margin: 0 15px 0 0;float:left; max-width:192px;}    
    #aktualnosciFront .aktualnosc .aktualnosc_obraz a {}    
    #aktualnosciFront .aktualnosc .aktualnosc_obraz a img {max-width:192px; border:solid 5px #fff; box-shadow: 0px 0px 7px #999;}    
    #aktualnosciFront .aktualnosc .aktualnosc_tytul { font-weight: bold;}    
    #aktualnosciFront .aktualnosc .aktualnosc_tytul a {}    
    #aktualnosciFront .aktualnosc .aktualnosc_data {opacity:0.6; font-size: 11px; display: none;}    
    #aktualnosciFront .aktualnosc .aktualnosc_tresc {display: inline;}    
    #aktualnosciFront .aktualnosc .aktualnosc_czytaj {display: block; clear:both; margin: 5px 0px; max-width:120px; background: #004381;  text-transform: uppercase; float:none;margin: 5px 0 0 0;}    
    #aktualnosciFront .aktualnosc .aktualnosc_czytaj a {color:#fff; padding:10px 30px !important; display: inline-block;}  
                                             
    /*    
    .nivo-caption h1 {font-size: 36px;}
    .nivo-caption h2 {font-size: 28px;} 
    .nivo-caption h3 {font-size: 22px;}
    .nivo-caption h4 {font-size: 18px;}   
    
    .nivo-caption {position: absolute; top: 50px; text-align: center; background: none; width: 100%;}

    .nivo-caption h1,
    .nivo-caption h2,
    .nivo-caption h3,
    .nivo-caption h4,
    .nivo-caption h5 { width:100%; text-align: center; background: url("/media/grafika/proenergoster/pix_70proc.png"); line-height: 2em; padding: 0 2em 0 2em; display: inline-block; text-shadow: 1px 1px #000; font-weight: 200;}
       
      */     
       
                                               
 }
 
 @media screen and (max-width: 800px) {          
       .parallax-header {padding-bottom:270px;}         
     
 }
 @media screen and (max-width: 641px) {       
 #logo {margin-top:47px;}                
    nav#menuMAIN > ul > li  {border-left:0;} 
    nav#menuMAIN > ul > li.pozycjaOstatnia  {border-right:0px}
    nav ul li:hover a {background: none; color:#fff;}                                            
    nav#menuFOOTER ul,
    nav#menuFOOTER ul ul,
    nav#menuFOOTER ul li ,
    nav#menuFOOTER ul li a {text-align: center; float:none; margin:auto; border:0; display: block;}
    
    .advStopkaBlok1 img {max-width:70px !important;}    
 } 
 
 
 @media screen and (max-width: 400px) {       
    nav.tab-bar .left-off-canvas-toggle,
    nav.tab-bar .right-off-canvas-toggle {font-size: 11px;}
    
    .frontSection3, 
    .frontSection3 p,
    .frontSection3 span
     {font-size: 16px !important;}
     
     .parallax-header {padding-bottom:380px;}   
     
 }