@charset "UTF-8";

/* Reset */

@import "reset.css";

/* Ustawienia globalne
---------------------------------------------------------------------------------------------------- */

body {
    background: #fff;
    font: 400 14px/18px "Open Sans",sans-serif;
    width: 100%;
    height: 100%;

}

body a {
    text-decoration: none;
}

* {
   outline: 0px;
}

.last {margin-right: 0 !important;}
/*.clear {clear: both;}*/
.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }
.clear { zoom: 1; }

.clearfix:before, .clearfix:after {content: " "; display: table;} .clearfix:after {clear: both; } .clearfix {*zoom: 1;}
.clear { zoom: 1; }
.strong { font-weight: 700;}
.nopaddingtop {padding-top: 0 !important;}
.nopaddingbottom {padding-bottom: 0 !important;}
.floatleft {float: left !important;}
.nomargintop {margin-top: 0px !important;}
.nomarginright {margin-right: 0px !important;}
.nomarginbottom {margin-bottom: 0px !important;}
.nopaddingright {padding-right: 0 !important;}
.justify {text-align: justify;}
.center {text-align: center;}

.content {
    width: 1180px;
    margin: 0 auto;
    position: relative;
}

/* Header
---------------------------------------------------------------------------------------------------- */

header {
    width: 100%;
    min-width: 1180px;
    height: 465px;
    position: relative;
    background: url('../grafika/top/top1.jpg') 50%;
    background-size: cover; 
    background-repeat: no-repeat;
    border-bottom: 5px solid #bca578;
}

#nav-side {
    left: 0;
    display: block;
    width: 272px;
    padding: 0 0 0 0;
    position: absolute;
    top: 0;
    z-index: 10;
    background: url("../grafika/nav-px.png") repeat;
}


#nav-side .logo, #subpage .logo {
    width: 272px;
    height: 109px;
    margin: 0 auto 0px;
    padding: 26px 0 0 0;
    display: block;
    background: #fff;
}

#nav-side .logo img, #subpage .logo img {
    width: 118px;
    height: 77px;
    display: block;
    margin: 0px auto 0;
}

#nav-side nav {
    padding: 16px 32px 20px 32px;
    width: 208px;
}

header .logo-tk {
    width: 589px;
    height: 271px;
    position: absolute;
    right: 150px;
    top: 90px;
}


/* Main Boxes
---------------------------------------------------------------------------------------------------- */

#main-boxes {
    width: 100%;
    min-width: 1180px;
    padding: 60px 0 70px 0;
    text-align: center;
    border-bottom: 4px solid #c4c1c1;
}

#main-boxes .box {
    display: block;
    float: left;
    width: 326px;
    text-align: left;
    margin: 0 101px 0 0;
}

#main-boxes .box .tytul {
    color: #234532;
    font: 700 34px/38px "Lato",sans-serif;
    display: block;
    margin: 0 0 35px 0;
    
}

#main-boxes .box .opis {
    color: #3a3a3a;
    font: 400 17px/24px "Lato",sans-serif;
    display: block;
    margin: 0 0 0 0;
    height: 84px;
    
}

#main-boxes .box .more-btn {
    color: #fff;
    text-transform: uppercase;
     font: 400 14px/14px "Lato",sans-serif;
     background: #bca578;
     display: inline-block;
     margin: 25px 0 0 0;
     padding: 12px 26px 12px 26px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#main-boxes .box .more-btn:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #234532;
}

/* Main Info
---------------------------------------------------------------------------------------------------- */

#main-news {
    width: 100%;
    min-width: 1180px;
    padding: 48px 0;
    background: #e0e0e0;
    overflow: hidden;
}

#main-news h1 {
    color: #234532;
    font: 700 34px/40px "Lato",sans-serif;
    display: block;
    margin: 0 0 30px 0;
}

#news-slider {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    display: block;
    overflow: hidden;
}

#right-column .news-item {
    display: block;
    padding: 32px 38px 0px;
    margin-bottom: 20px;
    border: 1px solid #cacaca;
}

#main-news .news-item {
    width: 1180px;
    float: left;
    display: block;
    height: auto;
    position: relative;
    margin: 0 30px 40px 0;
}

/*#main-news .news-item .news-title {
    height: 65px;
    overflow: hidden;
}*/

#main-news .news-item .news-title, #right-column .news-item .news-title {
    color: #234532;
    display: block;
    font: 700 24px/32px "Lato",sans-serif;
    text-align: left;
    margin: 0 0 15px 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    outline: none;
    overflow: hidden;
    height: 62px;
}

#main-news .news-item .news-title:hover, #right-column .news-item .news-title:hover {
    text-decoration: none;
    color: #bca578;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#main-news .news-item p, #right-column .news-item p {
    color: #3a3a3a;
    display: block;
    font: 400 17px/25px "Lato",sans-serif;
    text-align: justify;
    overflow: hidden;
    height: auto;
    margin: 0 0 25px 0;
}

#main-news .more, #right-column .news-item .more {
    text-transform: uppercase;
    display: block;
    color: #fff;
    width: auto;
    text-align: center;
    padding: 12px 26px 12px 26px;
    background: #bca578;
    font: 400 15px/15px "Lato",sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#main-news .more {
    position: absolute;
    right: 0;
    bottom: 0;
    float: none;
}

#right-column .news-item .more {
    position: relative;
    float: left;
    margin-top: 25px;
}

#main-news .more:hover, #right-column .news-item .more:hover {
    background: #234532;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    text-decoration: none;
}

div#pag {
    z-index: 11;
    position: absolute;
    margin: 0px 0 0 0;
    left:0; 
    bottom: 0;
}

div#pag a {
    background: url("../grafika/pag.png") 0px 0px no-repeat transparent;
    display: inline-block;
    height: 13px;
    text-indent: -9999px;
    width: 13px;
    padding: 0 0px;
    outline: medium none;
    margin: 12px 4px 10px 4px;
}

div#pag a.selected {
    background-position: 0 -15px;
    cursor: default;
    outline: none; 
    /*    height: 20px;*/
}




/* Main - Parallax
---------------------------------------------------------------------------------------------------- */

#main-parallax {
    width: 100%;
    min-width: 1180px;
    background: url('../grafika/parallax-bg.jpg') no-repeat fixed;
    background-size: cover;
    overflow: hidden;
    position: relative;
    text-align: center;
    height: 209px;
    padding: 74px 0 0 0;
    z-index: 99;
    
}

#main-parallax .kontakt-box {
    display: inline-block;
    vertical-align: top;
    margin: 0 4px 0 4px;
    padding: 40px 0 0 0;
    width: 284px;
    height: 116px;
    position: relative;
    text-align: center;
    background: url('../grafika/kontakt-box-border.png') no-repeat;
}

#main-parallax .kontakt-box .ico {
    position: absolute;
    top: -28px;
    left: 50%;
    margin-left: -27px;
}

#main-parallax .kontakt-box .naglowek {
    color: #bca578;
    display: block;
    margin: 0 0 0 0;
    font: 400 23px/26px "Lato",sans-serif;
}

#main-parallax .kontakt-box p {
    color: #fff;
     font: 400 16px/24px "Lato",sans-serif;
     margin: 16px 0;
}

#main-parallax .kontakt-box a {
    color: #fff;
    text-decoration: none;
    margin: 16px 0;
    display: block;
    font: 400 16px/24px "Lato",sans-serif;
}

#main-parallax .kontakt-box a:hover {
    text-decoration: underline;
}

/* Mapa
---------------------------------------------------------------------------------------------------- */

#map {
    width: 100%;
    height: 346px;
    position: relative;
}


#ico-map {
    position: relative;
}

/* Footer
---------------------------------------------------------------------------------------------------- */

footer {
    width: 100%;
    min-width: 1180px;
}

#footer-bottom {
    width: 100%;
    min-width: 1180px;
    height: 26px;
    padding: 14px 0 0 0;
    background: #162c20;
}

#footer-bottom .copyright {
    float: left;
    color: #fff;
    font: 400 12px/12px "Lato",sans-serif;
}

#footer-bottom .atkom {
    float: right;
    color: #fff;
    font: 400 12px/12px "Lato",sans-serif;
}

#footer-bottom .atkom a {
    text-decoration: none;
    color: #fff;
    font: 400 12px/12px "Lato",sans-serif;
}

#footer-bottom .atkom a:hover {
    text-decoration: underline;
}

/* Subpage
---------------------------------------------------------------------------------------------------- */

#subpage {
    width: 100%;
    min-width: 1180px;
    height: 135px;
    position: relative;
    background: url('../grafika/header-subpage.jpg') top no-repeat;
    background-size: cover; background-repeat: no-repeat;
}

#subpage .logo-subpage {
    position: absolute;
    right: 270px;
    top: 12px;
}

#subpage .logo-apla {
    float: left;
    display: block;
    background: #0f214b;
    height: 135px;
    width: 272px;
}


/* Lewa kolumna */

#left-column {
    float: left;
    display: block;
    width: 272px;
    padding-bottom: 30px;
}

#left-contact {
    width: 224px;
    padding: 24px 23px 34px 23px;
    border: 1px solid #cab181;
}

#left-contact ._1 {
    text-align: center;
    font: 400 23px/26px "Lato",sans-serif;
    color: #bca578;
    display: block;
    margin: 0 0 15px 0;
}

#left-contact ._2 {
    text-align: center;
    font: 400 18px/24px "Lato",sans-serif;
    color: #3a3a3a;
    display: block;
}

#left-contact img {
    margin: 0 auto 20px;
    display: block;
}

#left-contact a {
    color: #436a53;
    font: 400 16px/22px "Lato",sans-serif;
    display: block;
    text-decoration: none;
    margin: 0 0 0 0;
}

#left-contact a:hover {
    text-decoration: underline;
}

#left-contact hr {
    border-top: none;
    display: block;
    margin: 24px 0 20px 0;
    border-bottom: 1px solid #3b5145;
}

#left-column nav {
     padding: 16px 32px 20px 32px;
     width: 208px;
     margin: -5px 0 40px 0;
     background: rgba(0, 0, 0, 0) url("../grafika/nav-px.png") repeat scroll 0 0;
}

nav ul {
    list-style: none;
}

nav ul li {
    display: block;
}

nav ul li.separator {
    background: #323a39;
    width: 100%;
    height: 1px;
}

nav ul li a {
    color: #fff !important;
    font: 400 22px/26px "Lato",sans-serif;
    padding: 16px 28px 16px 21px;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    outline: none;
    text-transform: uppercase;
}

nav ul li a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: 0px;
    width: 4px;
    height: 4px;
    background: url("../grafika/nav-ul.png") no-repeat;
}

nav ul li a:first-letter {
    text-transform: uppercase;
}

nav ul li a:hover, nav ul li a.active {
    color: #d6bc89 !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

nav ul ul {
    list-style: none;
    padding: 0px 0 20px 0;
}

nav ul ul li {
    display: block;
}

nav ul ul li a {
    color: #fff !important;
    font: 400 16px/20px "Source Sans Pro",sans-serif;
    padding: 8px 0px 8px 34px;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    letter-spacing: 1px;
    outline: none;
    text-transform: none;
}

nav ul ul li a:before {
    content: '';
   display: none;
}



nav ul ul li a:hover, nav ul ul li a.active {
    color: #d6bc89 !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    outline: none;
}

/* Prawa kolumna */

#right-column {
    float: right;
    display: block;
    width: 860px;
    padding: 30px 0 30px 0px;
}

#right-column .edit_content p {
    color: #0a193d;
    font: 400 16px/24px "Lato",sans-serif;
    display: block;
    margin: 0 0 30px 0;
}

#right-column h1, #right-column .edit_content h1 {
    font: 700 48px/52px "Lato",sans-serif;
    color: #3a3a3a;
    display: block;
    margin: 0 0 35px 0;
}

#right-column h2, #right-column .edit_content h2 {
    font: 700 36px/42px "Lato",sans-serif;
    color: #3a3a3a;
    display: block;
    margin: 0 0 30px 0;
}

#right-column h3, #right-column .edit_content h3 {
    font: 700 24px/30px "Lato",sans-serif;
    color: #3a3a3a;
    display: block;
    margin: 0 0 25px 0;
}

#right-column .edit_content a {
    text-decoration: none;
     color: #3a3a3a; 
   font: 400 16px/24px "Lato",sans-serif;
}

#right-column .edit_content a:hover {
    text-decoration: underline;
}

#right-column .edit_content ul {
    list-style: none;
    display: block;
    list-style-image: url('../grafika/ul.png');
    margin-bottom: 30px;
    margin-left: 25px;
}
#right-column .edit_content ol {
    display: block;
    margin-bottom: 30px;
    margin-left: 28px;
}

#right-column .edit_content ul li {
   color: #3a3a3a; 
   font: 400 16px/24px "Lato",sans-serif;
   margin-bottom: 15px;
}
#right-column .edit_content ol li {
   color: #3a3a3a; 
   font: 400 16px/24px "Lato",sans-serif;
   margin-bottom: 15px;
}

#right-column .edit_content table {
    width: 100%;
    margin: 0 0 25px 0;
}

#right-column .edit_content table th {
    vertical-align: middle;
    background: #e6e6e6;
    text-align: center;
    padding: 20px 15px;
    font: 400 20px/26px "Lato",sans-serif;
    color: #3a3a3a;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

#right-column .edit_content table td {
    vertical-align: middle;
    text-align: center;
    padding: 20px 15px;
    color: #3a3a3a;
    font: 400 15px/22px "Lato",sans-serif;
    background: #e6e6e6;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

#right-column .edit_content hr, #right-column hr {
    border-bottom: none;
    border-top: 1px solid #cab181;
    display: block;
    margin: 30px 0;
}

#right-column .edit_content .left-contact {
    float: left;
    display: block;
    margin: 0 0 10px 0;
    width: 400px;
}

#right-column .edit_content .contact-adres, #right-column .edit_content .contact-tel, #right-column .edit_content .contact-fax {
    position: relative;
    padding: 0 0 0 40px;
    color: #3a3a3a;
    font: 400 18px/22px "Lato",sans-serif;
    display: block;
    margin: 0 0 25px 0;
}

#right-column .edit_content .contact-mail {
    position: relative;
    padding: 0 0 0 40px;
    color: #436a53;
    text-decoration: none;
    font: 400 18px/22px "Lato",sans-serif;
    display: block;
    margin: 0 0 25px 0;
}

#right-column .edit_content .contact-mail:hover {
    text-decoration: underline;
}

#right-column .edit_content .contact-mail:before {
    content: '';
    width: 25px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../grafika/mail-ico2.png") no-repeat;
}

#right-column .edit_content .contact-adres:before {
    content: '';
    width: 26px;
    height: 23px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../grafika/adres-ico2.png") no-repeat;
}

#right-column .edit_content .contact-fax:before {
    content: '';
    width: 27px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../grafika/fax-ico.png") no-repeat;
}

#right-column .edit_content .contact-tel:before {
    content: '';
    width: 24px;
    height: 31px;
    position: absolute;
    top: -2px;
    left: 0;
    background: url("../grafika/tel-ico2.png") no-repeat;
}

#right-column .edit_content .right-contact {
    float: right;
    display: block;
    margin: 0 0 0px 0;
    width: 290px;
}

#right-column .edit_content .right-contact .map-btn {
    background: #bca578;
    display: block;
    width: 254px;
    height: 39px;
    margin: 0 0 20px 0;
    padding: 25px 0 0 34px;
    color: #fff;
    position: relative;
    text-transform: uppercase;
    font: 600 15px/15px "Lato",sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-column .edit_content .right-contact .map-btn:hover, #right-column .edit_content .right-contact .form-btn:hover {
    text-decoration: none;
    background: #234532;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-column .edit_content .right-contact .map-btn:before {
    content: '';
    width: 38px;
    height: 34px;
    position: absolute;
    top: 14px;
    right: 26px;
    opacity: 1;
    background: url("../grafika/map-ico.png") 0 0 no-repeat;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-column .edit_content .right-contact .map-btn:after {
    content: '';
    width: 38px;
    height: 34px;
    position: absolute;
    top: 14px;
    right: 26px;
    opacity: 0;
    background: url("../grafika/map-ico.png") 0 -38px no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-column .edit_content .right-contact .map-btn:hover:before, #right-column .edit_content .right-contact .form-btn:hover:before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;  
    opacity: 0;
}

#right-column .edit_content .right-contact .map-btn:hover:after, #right-column .edit_content .right-contact .form-btn:hover:after {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;  
    opacity: 1;
}

#right-column .edit_content .right-contact .form-btn {
    background: #bca578;
    display: block;
    width: 254px;
    height: 48px;
    margin: 0 0 0 0;
    padding: 16px 0 0 34px;
    color: #fff;
    position: relative;
    text-transform: uppercase;
    font: 600 15px/18px "Lato",sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-column .edit_content .right-contact .form-btn:before {
    content: '';
    width: 35px;
    height: 34px;
    position: absolute;
    top: 14px;
    right: 26px;
    opacity: 1;
    background: url("../grafika/form-ico.png") 0 0px no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#right-column .edit_content .right-contact .form-btn:after {
    content: '';
    width: 35px;
    height: 34px;
    position: absolute;
    top: 14px;
    right: 26px;
    opacity: 0;
    background: url("../grafika/form-ico.png") 0 -39px no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


#right-column .list_category {
    text-align: center;
}

#right-column .list_category a {
    display: inline-block;
    width: 174px;
    height: 114px;
    font: 700 24px/30px "Source Sans Pro",sans-serif;
    color: #234532;
    border: 1px solid #3b5145;
    padding: 34px 50px 0px 50px;
    margin: 0 10px 30px 10px;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    outline: none;
    vertical-align: top;
}

#right-column .list_category a.last {
    border-bottom: none;
}

#right-column .list_category a:hover {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    border-color: #bca578;
}

#right-column .list_category a:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding: 20px 50px 0px 50px;
    height: 128px;
}

#right-column .list_category a:before {
    content: '';
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    left: 50%;
    bottom: 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: url("../grafika/category-arrow.png") 0px 0px no-repeat;
}

#right-column .list_category a:hover:before {
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    bottom: 30px;
}

#right-column .list_category a:hover:before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


#right-column .zaufali_nam {
    margin-bottom: 30px;
}

#right-column .zaufali_nam a.move {
    display: block;
    font: 400 24px/30px "Source Sans Pro",sans-serif;
    color: #1c3981;
    border-bottom: 2px solid #ebebeb;
    padding: 10px 50px 10px 0px;
    margin: 0 0 10px;
    position: relative;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    outline: none;
}

#right-column .zaufali_nam a.move.active:before {
    content: '';
    position: absolute;
    right: 0;
    top: 4px;
    width: 35px;
    height: 40px;
    opacity: 1;
    background: url("../grafika/zaufali-nam-arrow.png") 0px -40px no-repeat;
}

#right-column .zaufali_nam a.move.last {
    border-bottom: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#right-column .zaufali_nam a.move:before {
    content: '';
    position: absolute;
    right: 0;
    top: 4px;
    width: 35px;
    height: 40px;
    opacity: 1;
    background: url("../grafika/zaufali-nam-arrow.png") 0px 0px no-repeat;
}
#right-column .zaufali_nam a.move:after {
    content: '';
    position: absolute;
    right: 0;
    top: 4px;
    width: 35px;
    height: 40px;
    opacity: 0;
    background: url("../grafika/zaufali-nam-arrow.png") 0px -40px no-repeat;
}

#right-column .zaufali_nam a.move:hover:before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    opacity: 0;
}

#right-column .zaufali_nam a.move:hover:after {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#expand_wrapper .toggle_container {
    clear: both;
    margin: 0;
    overflow: hidden;
    width: 100%;
    background: none;
    position: relative;
    display: none;
}

#expand_wrapper .toggle_container p {
    color: #0a193d;
    font: 400 18px/27px "Source Sans Pro",sans-serif;
    display: block;
    margin: 0 0 10px 0;
    text-align: justify;
}

#expand_wrapper .toggle_container hr {
    border-bottom: none;
    border-top: 2px solid #EBEBEB;
    display: block;
    margin: 20px 0 10px;
}

#expand_wrapper .toggle_container a {
    text-decoration: none;
    color: #1c3981;
    font: 600 20px/28px "Source Sans Pro",sans-serif;
}

#expand_wrapper .toggle_container a:hover {
    text-decoration: underline;
}

#expand_wrapper .toggle_container ul {
    list-style: none;
    display: block;
    list-style-image: url('../grafika/ul.png');
    margin-bottom: 30px;
    margin-left: 35px;
}

#expand_wrapper .toggle_container ul li {
   color: #0a193d; 
   font: 400 20px/28px "Source Sans Pro",sans-serif;
   margin-bottom: 15px;
}

#galeria {
    text-align: center;
    display: block;
    margin-bottom: 30px;
}
#galeria h3 {
    text-align: left;
    display: block;
}

#galeria a {
    display: inline-block;
    width: 276px;
    height: 276px;
    position: relative;
    margin: 0 3px 10px 3px;
}

#galeria a img {
    width: 276px;
    height: 276px;
}

#galeria a span.overlay {
    width: 276px;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../grafika/overlay.png') 0 0px no-repeat;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#galeria a:hover span.overlay {
    height: 276px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#pliki {
    display: block;
    margin-bottom: 30px;
}

#pliki a {
    display: block;
    font: 400 16px/24px "Lato",sans-serif;
    color: #436a53;
    padding-left: 36px;
    position: relative;
    margin: 0 0 18px 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#pliki a:hover {
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #a08c66;
}

#pliki a:before {
    content: '';
    position: absolute;
    width: 22px;
    height: 23px;
    left: 0;
    top: 1px;
    background: url('../grafika/plik-arrow.png') 0px 0px no-repeat;
    background-size: 22px 50px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}
#pliki a:after {
    content: '';
    position: absolute;
    width: 22px;
    height: 23px;
    left: 0;
    top: 1px;
    background: url('../grafika/plik-arrow.png') 0px -26px no-repeat;
    background-size: 22px 50px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

#pliki a:hover:before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    opacity: 0;
}

#pliki a:hover:after {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


a.wroc {
    display: inline-block;
    font: 400 14px/14px "Lato",sans-serif;
    position: relative;
    background: #bca578;
    color: #fff !important;
    text-transform: uppercase;
    padding: 12px 25px 12px 25px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
a.wroc:hover {
    background: #234532;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}


/* Aktualności - porcjowanie
---------------------------------------------------------------------------------------------------- */
#pagination {
    display: block;
    width: 270px;
    margin: 50px auto 0;
}

#pagination .rt, #pagination .lt {
    display: inline-block;
    width: 27px;
    height: 27px;
	background: #234532;
	border: 2px solid #234532;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding: 0px 0 0 0px;
    position: relative;
	margin: 0 10px 0 10px;
   vertical-align: top;
   color: #a59066;
   text-align: center;
   font: 400 24px/22px "Lato",sans-serif;
}

#pagination .rt:hover, #pagination .lt:hover {
	background: transparent;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#pagination span {
	color: #3a3a3a;
	font: 400 14px/14px "Lato",sans-serif;
}

#pagination .poprzednia:hover:before {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#pagination .poprzednia:hover:after {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#pagination .poprzednia:before {
    content: '';
    width: 21px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../grafika/arrow-prev.png') 0 0 no-repeat;
    opacity: 1;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#pagination .poprzednia:after {
    content: '';
    width: 21px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../grafika/arrow-prev.png') 0 -22px no-repeat;
    opacity: 0;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


#pagination .nastepna:before {
    content: '';
    width: 21px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../grafika/arrow-next.png') 0 0 no-repeat;
    opacity: 1;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#pagination .nastepna:after {
    content: '';
    width: 21px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
    background: url('../grafika/arrow-next.png') 0 -22px no-repeat;
    opacity: 0;
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#pagination .nastepna:hover:before {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#pagination .nastepna:hover:after {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#pagination .poprzednia:hover, #pagination .nastepna:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#pagination .poprzednia {
    margin-right: 20px;
}

#pagination .nastepna {
    margin-left: 20px;
}


#pagination input {
    background: #fff;
    border: 1px solid #9f9f9f;
    width: 30px;
    height: 27px;
    margin: 0 5px;
    text-align: center;
    color: #262626;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font: 400 13px/13px "Lato",sans-serif; 
}

#pagination input:hover {
	 border: 1px solid #bca578;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#pagination .strona-input input:hover, #pagination .strona-input input:focus {
    border: 2px solid #40b556;
      -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* toTop
---------------------------------------------------------------------------------------------------- */


#toTop {
    width: 42px;
    height: 42px;
    padding:0px;
    position:fixed;
    bottom: 60px;
    right: 20px;
    cursor:pointer;
    text-decoration:none;
    z-index: 999;
    float: right;
}

#toTop:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    height: 42px;
    background: url('../grafika/totop.png') 0 0 no-repeat;
    opacity: 1;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#toTop:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    height: 42px;
    background: url('../grafika/totop.png') 0 -46px no-repeat;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#toTop:hover:before {
    opacity: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#toTop:hover:after {
    opacity: 1;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

/* Mobile
---------------------------------------------------------------------------------------------------- */
#mobile-header {
    display: none;
    width: 100%;
    min-width: 740px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    height: 73px;
}

#mobile-header .logo {
    float: left;
    margin: 24px auto 0;
    display: block;
    width: 118px;
    height: 77px;
    position: relative;
    padding: 0 0 0 40px;
}


#mobile-header .logo img {
    display: block;
    width: 118px;
    height: 77px;
}




/* =============================================================================
   Cookies
   ========================================================================== */

#ciasteczka {
    color: #434648;
    font: 12px/18px Tahoma;
    line-height: 1.5;
    max-width: 300px;
    height: 80px;
    background: #fff;
    *background: #00aeef;
    padding: 0 10px;
    position: fixed;
    bottom: 9px;
    left:0;
    z-index: 9999;
    opacity: 0.9;
    -webkit-border-radius: 0 40px 40px 0;
    border-radius: 0 40px 40px 0;
    border: 1px solid #E0E0E0;
    overflow: hidden;
}

#ciasteczka .zawartosc {
    max-width: 300px; /* do zmiany */ 
}

#ciasteczka p.info {
    margin: 4px 0 0 0;
    font: 300 10px/12px 'Source Sans Pro';
    text-align: justify;
}

#ciasteczka p strong {
    font: 500 11px/12px 'Source Sans Pro';
}

#ciasteczka a.zamknij {
    float: right;
    width: 34px;
    height: 35px;
    background: url('../grafika/ico-ok.png') no-repeat;
    display: block;
    overflow: hidden;
    margin: 15px 0 15px 9px;
    cursor: pointer;
}

#ciasteczka a.zamknij:hover {
    background-position: 0 -36px;
}

/*  KONTAKT - FORMULARZ */

#formularz-kontaktowy {
    width: 860px;
}

#formularz-kontaktowy .right_form {
    float: right;
    width: 200px;
    padding-top: 5px;
    padding-bottom: 45px;
}

#form_token2 {
   width: 199px;
   display:block;
   float: left;
}

#formularz-kontaktowy .f_kolumna_1 {
    width: 200px;
    float: left;
    margin-bottom: 22px;
    margin-right: 20px;
}

#formularz-kontaktowy .f_tekst {
    width: 639px;
    float: left;
    clear: both;
    margin-bottom: 15px;
}
#formularz-kontaktowy .f_button {
    text-align: center;
    float: right;
    clear: both;
    width: 100%;
}

#formularz-kontaktowy .f_info, #formularz-kontaktowy .f_info3 {
    margin-bottom: 12px;
    float: left;
    clear: both;
    font: 400 13px/14px "Lato", sans-serif !important;
    color: #3a3a3a;
}

#formularz-kontaktowy .f_info3 {
    display: block;
    float: none;
}

#formularz-kontaktowy .f_info span, #formularz-kontaktowy .f_info3 span {
    color: #cab181;
}

#formularz-kontaktowy .wymagane {
    display: block;
    margin-top: 48px;
    font: 400 13px/14px "Lato", sans-serif !important;
    margin-bottom: 0;
}

#formularz-kontaktowy .wymagane span {
    color: #cab181;
    margin-top: 10px;
}

#formularz-kontaktowy .f_token_input {
    float: right;
    width: 98px;
    height: 52px;
}
#formularz-kontaktowy .f_token_img {
    float: left;
    width: 90px;
    height: 50px;
    margin-bottom: 15px;
}

#formularz-kontaktowy .f_token_img img {
    margin: 2px 0 0 0 !important;
}
#formularz-kontaktowy .f_input {
    font: 400 14px/20px "Lato", sans-serif !important;
    color: #0a193d;
    border: 1px solid #9f9f9f;
    padding: 4px 8px;
    outline: none;
    width: 182px;
    height: 30px;
    margin: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
#formularz-kontaktowy .f_input:hover, #formularz-kontaktowy .f_input:focus {
    border: 1px solid #bca578;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
#formularz-kontaktowy .f_input_token {
    margin-top: 6px;
    font: 400 14px/20px "Lato", sans-serif !important;
    border: 1px solid #9f9f9f;   
    color: #0a193d;
    float: right;
    padding: 3px 6px;
    width:65px;
    height: 35px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
#formularz-kontaktowy .f_input_token:hover, #formularz-kontaktowy .f_input_token:focus {
    border: 1px solid #bca578;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#formularz-kontaktowy .f_textarea {
    font: 400 14px/20px "Lato", sans-serif !important;
    color: #0a193d;
    padding: 4px 8px;
    width: 620px;
    height: 150px;
    border: 1px solid #9f9f9f;  
    outline: none;
   -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#formularz-kontaktowy .f_textarea:hover, #formularz-kontaktowy .f_textarea:focus {
    border: 1px solid #bca578;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#formularz-kontaktowy .f_input_button {
    display: block;
    margin-top: 28px;
    height: 46px;
    position: relative;
    display: inline-block;
    font: 400 14px/14px "Lato", sans-serif !important;
    position: relative;
    background: #bca578;
    color: #fff !important;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    outline: none;
    border: none;
    width: 100%;
}

#formularz-kontaktowy .f_input_button:hover {
    background: #234532;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
#formularz-kontaktowy .f_brak {
    background-color: #eeeeed;
}

#form_prawy {
   display: block;
}

/* Komunikaty
---------------------------------------------------------------------------------------------------- */

.komunikat_ok:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url('../grafika/ikona-ok.png');
    width: 64px;
    height: 64px;
}
.komunikat_ok {
    position: relative;
    background-color: #99cc00;
    color: #ffffff;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    padding: 15px 75px;
    margin: 5px 0px;
    display: block;
    overflow: hidden;
}

.komunikat_uwaga:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url('../grafika/ikona-uwaga.png');
    width: 64px;
    height: 64px;
}

.komunikat_uwaga {
    position: relative;
    background-color: #ED6F00;
    color: #ffffff;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    padding: 15px 75px;
    margin: 5px 0px;
    display: block;
    overflow: hidden;
}

.komunikat_blad:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url('../grafika/ikona-blad.png');
    width: 64px;
    height: 64px;
}

.komunikat_blad {
    position: relative;
    background-color: #ff0000;
    color: #ffffff;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    padding: 15px 75px;
    margin: 5px 0px;
    display: block;
    overflow: hidden;
}

.komunikat_info:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url('../grafika/ikona-info.png');
    width: 64px;
    height: 64px;
}

.komunikat_info {
    position: relative;
    background-color: #00A4FF;
    color: #ffffff;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    padding: 15px 75px;
    margin: 5px 0px;
    display: block;
    overflow: hidden;
}