body {
    font-size: 16px;
    color: #352818;
    font-weight: 300;
    background: #fff;
         font-family: "Raleway", sans-serif;
}

header {
    background: #FFF;
    min-height: 150px;
}

footer {
    background: #6cd00b;
    width: 100%;
    margin-top: 0px;
    min-height: 180px;
    padding-top: 25px;
    padding-bottom: 1px;
    color: #fff
}
footer p.stopkanrtel {font-size: 26px; font-weight: bold;}
footer p.trescstopki {padding-top: 15px;}
footer p.logo-stopka {padding-left: 15px;}
h1 {
    font-size: 36px;
    color: #352818;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Raleway", sans-serif;
    font-weight: 200
}

#logo {
    margin-top: 28px
}

section .row {
    max-width: 1170px
}

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

p {
    font-weight: 300
}

.button {
    background: #6cd00b;
    color: #fff !important
}

.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;
    border-color: #eeeeee;
}

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

nav ul li a {
    color: #fff
}

nav ul ul {
    border-radius: 0px
}

nav.tab-bar {
    display: block ;
    background: #004381 url('../../grafika/gorczyca/pasek/pasek.png');
-webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.75);
box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.75);
    min-height: 50px;
}

.languagechange {font-weight: bold;}
.languagechange a {color: #fff; }
.languagechange a:hover {color: #6cd00b;}
.languagechange a.active {color: #6cd00b; font-weight: bolder;}

nav.tab-bar .row {
    max-width: 1170px;
    padding-top: 4px;
}

section.left-small {
    border-color: transparent;
    border-width: 1px;
    box-shadow: 0px 0 0 #4e4e4e
}

section.right-small {
    border-color: transparent;
    border-width: 1px;
    box-shadow: 0px 0 0 #4e4e4e
}

section.middle {
    padding-top: 8px;
    
}

nav#menuMAIN {
    text-align: right;
    margin-top: 55px
}

nav#menuMAIN > ul > li > ul {
    opacity: 0.9;
    margin-left: 0px
}

nav#menuMAIN ul li a {
    font-weight: 300;
    padding: 0 ;
    margin: auto 15px;
    font-size: 16px;
    color:#5c5c5c;
    border-bottom: 3px solid  transparent;
}
nav ul li a {
    line-height: 30px;
}

nav#menuMAIN ul li:hover a {
    color: #000;
    background: #fff;
    border-bottom: 3px solid  #6cd00b;
}

nav#menuMAIN ul li:hover .dropdown li a {margin: auto 0; } 
.dropdown li a {padding-left:  15px !important;}
nav#menuMAIN ul ul li:hover a {
    color: #fff;
    background: #6cd00b;
}

nav#menuMAIN ul ul li a {
    line-height: 2em
}

nav#menuMAIN ul li.has-dropdown ul.dropdown li a {border-bottom: none !important; padding: 3px 0;}

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: 22px;
    font-weight: bold
}

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;
    font-weight: 300;
}

nav#menuFOOTER ul ul li:hover a {
    color: #002060;
    background: #fff
}

.nivo-caption {
    position: absolute;
    top: 50%;
    text-align: left;
    left: 20%;
    margin: auto;
    background: none;
    max-width: 650px;
    opacity: 1;
    
}
nivo-controlNav {background: #fff}
 div.banerpomoc p a.button {margin-left: 20px; border-bottom: none; background:#6cd00b; padding-left: 80px; padding-right: 80px; padding-top: 15px; padding-bottom: 15px; }
  div.banerpomoc p a.button:hover {background-color:#4d4c49;  }
 div.banerpomoc p { margin-top: 55px;  color: #adadad;}
  div.banerpomoc p.banertlo {background: url("../../grafika/wicms2/pix_70proc.png"); padding: 20px 30px; line-height: 22px;  }

 
.nivo-caption h1,
.nivo-caption h2,
.nivo-caption h3,
.nivo-caption h4,
.nivo-caption h5 {
    background: url("../../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
}

#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 .aktualnosc .aktualnosc_tytul a{
   color: #352818;
   
}
#aktualnosci .aktualnosc .aktualnosc_tytul a:hover{
   color: #6cd00b;
   
}

#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;
      float: right;
      margin-right: 25px;
}

#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 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{
   color: #352818;
   
}
#aktualnosciFront .aktualnosc .aktualnosc_tytul a:hover{
   color: #6cd00b;
   
}


#aktualnosciFront .aktualnosc .aktualnosc_data {
    opacity: 0.6;
    font-size: 11px;
    display: none
}

#aktualnosciFront .aktualnosc .aktualnosc_tresc {
    display: inline;
    font-size: 14px;
}

#aktualnosciFront .aktualnosc .aktualnosc_czytaj {
    display: inline-block;
    background: #6cd00b;
    
   
   
    float: right;
    margin: 5px 0 0 0
}


#aktualnosciFront .aktualnosc .aktualnosc_czytaj a {
    color: #fff;
    padding: 10px 30px !important;
    display: inline-block;
    
    font-size: 13px;
}

#aktualnosciFront .kolejnosc2,
#aktualnosciFront .kolejnosc4,
#aktualnosciFront .kolejnosc6,
#aktualnosciFront .kolejnosc8,
#aktualnosciFront .kolejnosc10,
#aktualnosciFront .kolejnosc12,
#aktualnosciFront .kolejnosc14 {
    float: right
}

dt {
    background: #004381 url("../../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
}

.advStopkaBlok1 {
    height: auto;
    line-height: 1.2em
}

.advStopkaBlok2 {
    height: 100%;
    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 h1 {margin-bottom: 25px;}
.frontSection1 .obniz {margin-top: 45px;}

.frontSection2 {margin-top: 20px;}
section.tresc.trescPodstrony div.artykul form#artForm div.art_content.mceditArticle div.row div.columns.large-4.medium-4.small-12 {margin-left: 15px; margin-right: 15px;}

.panelgorczyca { height: 100%;max-width: 360px; border-color: #e0e0e0;background: #fcfbfb; /* Old browsers */
background: -moz-linear-gradient(top, #fcfbfb 7%, #eeebe8 43%, #ebe8e3 57%, #e8e4df 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fcfbfb 7%,#eeebe8 43%,#ebe8e3 57%,#e8e4df 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fcfbfb 7%,#eeebe8 43%,#ebe8e3 57%,#e8e4df 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbfb', endColorstr='#e8e4df',GradientType=0 ); /* IE6-9 */}
 .panelgorczyca p {font-size: 14px;}
 .panelgorczyca .button {padding: 10px 40px; padding-right: 10px;}
 .panelgorczyca h3 strong {font-size: 36px;}
.paneltekst{min-height: 90px !important;}
.strzalka {padding-left: 30px;}

.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: #352818;
    background: #eeeeee
}

.frontSection3 h1,
.frontSection3 h2,
.frontSection3 h3,
.frontSection3 h4,
.frontSection3 p,
.frontSection3 strong {
    color: #352818
}

.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
}

.kontaktForm {max-width: 600px;}
.kontaktWyslijButton {float: right !important;}

i.large {
    font-size: 50px
}

i.medium {
    font-size: 30px
}

i.small {
    font-size: 16px
}

.belkaPodpisu { background: #004381 url('../../grafika/gorczyca/pasek/pasek.png');}

.belkaPodpisu .row {
   
    margin: 20px auto 0px auto;
    padding: 20px 0px
}
#copyright {margin-top: 8px; color: #9c958c}
#webimpuls {color: #9e978d;}

.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("../../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
}

.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
}
@media screen and (max-width: 1169px){
     .trescPodstrony {
        margin-left: 15px ;
        margin-right: 15px;
    }
}
@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 .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 img {
        max-width: 192px;
        border: solid 5px #fff;
        box-shadow: 0px 0px 7px #999
    }
    #aktualnosciFront .aktualnosc .aktualnosc_tytul {
        font-weight: bold
    }
    #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: #6cd00b;
      
        float: right;
        margin: 5px 0 0 0
    }
    #aktualnosciFront .aktualnosc .aktualnosc_czytaj a {
        color: #fff;
        padding: 10px 30px !important;
        display: inline-block
    }
     
}

@media screen and (max-width: 641px) {
    
    .trescPodstrony {
        margin-left: 15px;
        margin-right: 15px;
    }
 
    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
    }
    
    
    .frontSection3 h3 {margin-top: 45px;}
     #aktualnosciFront .aktualnosc .aktualnosc_obraz a img {
        max-width: 120px;}
}

@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
    }
}

/*recaptcha*/
.recaptcha {margin-left: 150px; margin-bottom: 20px;}

.reveal-modal-bg {position: fixed;background: rgba(0,0,0,0.75);}
#modalRodo { padding: 5px; position: fixed; top: 40px !important; max-height: 80%; overflow-y: scroll; }
#modalRodo .rodoWrapper {
    padding: 10px 45px;
}
#modalRodo .contentblok {
    margin-bottom: 15px;
}
#modalRodo .contentblok .popupTresc {max-height: 350px; padding: 5px 15px;
    overflow-y: scroll; border: 1px solid #aaa; background: #f3f3f3; }
#modalRodo .contentblok .popupTresc p, #modalRodo .contentblok .popupTresc ul li, #modalRodo .contentblok .popupTresc ol li, #modalRodo .contentblok .popupTresc strong {
    font-size: 13px;
}
#modalRodo .naglowekRodo {background: #eee;margin-bottom: 25px;}
#modalRodo .naglowekRodo img {max-height: 70px; padding: 10px; padding-left: 45px; }

@media screen and (max-width:1485px){
    #modalRodo {width: 65%;}
}
@media screen and (max-width:1000px){
    #modalRodo {width: 85%;}
}
@media screen and (max-width:642px){
    #modalRodo {width: 100%; top: 0 !important;  }
    #modalRodo .rodoWrapper {
        padding: 10px 25px;
    }
    #modalRodo h3 {
        font-size: 16px;
    }
}