/*przycisk do góry*/
div#up a{
    width: 31px;
    height: 31px;
    position: fixed;
    right: 25px;
    bottom: 30px;
    background-image: url(../img/zwin.png);
    z-index: 999999989;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    opacity: 0.6;
    zoom: 1.3;
}

div#up a:hover {
    opacity: 0.8;
}
/*galeria lihtbox hover*/
.lHidde {
    display: none;
}

.lActive {
    display: block;
}


ul.gallery li a {
    position: relative;
}
/*aktualnosci*/
div#akt_right ul.gallery li a {
    width: 177px;
    height: 155px;
    display: inline-block;
    position: relative;
    z-index: 100;
    margin-right: 15px;
}

div#akt_right ul.gallery  li a img {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
}

ul.gallery  li a div.mask {
    width: 100%;
    height: 100%;
    background-color: black;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 200;
    opacity: 0;
    transition: opacity 300ms linear;
    background-image: url(../img/lupa.png);
    background-repeat: no-repeat;
    background-position: center center;
}

div#aktualnosci div#akt_right ul.gallery  li a:hover div.mask {
    display: inline-block;
    opacity: 0.5;
}

div.realizacje div#real div.real ul.gallery li:first-of-type a div.mask {
    width:224px;
    height: 170px;
    background-color: black;
    position: absolute;
    z-index: 500;
    opacity: 0;
    transition: opacity 300ms linear;
    left: -228px;
    top: -49px;
    padding: 0px;
    background-image: url(../img/lupa.png);
    background-repeat: no-repeat;
    background-position: center center;
}

div.realizacje div#real div.real ul.gallery li:first-of-type a:hover div.mask {
    opacity: 0.5;
}

/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
    position: relative;
    overflow: hidden;
}

.jcarousel div.slajd {
    position: relative;
}

.jcarousel div.slajd a {
    position: absolute;
    top: 120px;
    left: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: white;
    font-size: 24px;
    line-height: 30px;
    z-index: 500;
    text-decoration: none;
    transition: color 300ms linear;
    width: 185px;
}

.jcarousel div.slajd a span {
    font-weight: 100;
    font-size: 19px;
}

.jcarousel div.slajd a:hover {
    color: #be7400;
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.4);
}

.jcarousel div.slajd a:hover span {
    color: white;
}

.jcarousel div.slajd img {
    position: relative;
    z-index: 200;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
}

.jcarousel li div hgroup {
    position: absolute;
    top: 30px;
    left: 65px;
    z-index: 1500;
}

.jcarousel li div hgroup h1 {

}

/*next*/
/*next*/
.jcarousel-next {
    position: absolute;
    left: 240px;
    top: 240px;
    z-index: 7000;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    left: 260px;
    top: 360px;
    z-index: 2000;
}

.jcarousel-pagination span{
    display: inline-block;
    width: 25px;
    height: 21px;
    border: 4px solid #909096;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin-right: 8px;
    font-family: 'novecento_wide_bookbold';
    font-size: 12px;
    text-align: center;
    padding-top: 4px;
    color: white;
    cursor: pointer;
    transition: color 200ms linear;
    background-image: none;
    margin-left: 5px;
    text-decoration: none;
    text-align: center;
    opacity: .75;
}

.jcarousel-pagination span.swiper-active-switch {
    border: 4px solid white;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}

*{
    margin: 0px;
    padding: 0px;
    border-spacing: 0px;
}


*:focus {
    outline: 0px;
}

.clearfix {
    float: none;
    clear: both;
}

div#top {
    width: 100%;
    margin-top: 40px;
    position: relative;
    z-index: 1000;
}

div#header {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

div#header div#logotyp {
    width: 240px;
    border-right: 1px solid #ebeaeb;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: -40px;
    float: left;
}

div#header div#logotyp img {
    margin-left: 20px;
}

div#header div#header_right {
    width: 166px;
    margin-left: 10px;
    float: left;
}

div#header_right div#search {
    height: 36px;
    width: 106%;
    background-image: none;
    background-repeat: repeat-x;
}

div#search form {
    float: left;
    height: 36px;
}

div#search button {
    width: 176px;
    height: 34px;
    background-image: url(../img/button_mobile.png);
    background-color: white;
    border: 0px;
    cursor: pointer;
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    font-size: 12px; 
    padding-left: 5px;
    transition: color 300ms linear;
    margin-top: 10px;
    margin-left: 0px;
}

div#search button:hover {
    color: #bf6837;
}

div#search input[type="text"] {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px; 
    -moz-border-radius-top-left: 17px;
    -webkit-border-top-left-radius: 17px;
    border-top-left-radius: 17px;
    -moz-border-radius-bottom-left: 17px;
    -webkit-border-bottom-left-radius: 17px;
    border-bottom-left-radius: 17px;
    border: 4px solid #ebeaeb;
    border-right: 0px;
    height: 27px;
    width: 95px;
    margin-left: 0px;
    padding-left: 10px;
    color: #aaa4aa;
    font-size: 12px;
    font-family: 'Roboto', 'sans-serif';
    float: left;
    -webkit-border-radius-top-right: 0px;
    -moz-border-radius-top-right: 0px;
    -webkit-border-radius-bottom-right: 0px;
    -moz-border-radius-bottom-right: 0px;
    -webkit-appearance: none; 
}

div#search input[type="submit"] {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    -webkit-appearance: none;

    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    border-top-right-radius: 17px;
    -moz-border-radius-bottomright: 17px;
    -webkit-border-bottom-right-radius: 17px;
    border-bottom-right-radius: 17px;
    border: 4px solid #ebeaeb;
    border-left: 0px;
    height: 35px;
    width: 27px;
    background-color: white;
    background-image: url(../img/lupa.png);
    background-repeat: no-repeat;
    background-position: center left;
    cursor: pointer;
    padding-left: 4px;
    background-size: 12px 12px;
}

::-webkit-input-placeholder {  
    color: #959595;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 11px; 
}
::-moz-placeholder { 
    color: #959595;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 11px; 
} /* firefox 19+ */
:-ms-input-placeholder { 
    color: #959595;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 11px; 
} /* ie */
input:-moz-placeholder { 
    color: #959595;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 11px; 
}

div#search span {
    display: block;
    width: 27px;
    height: 21px;
    border: 4px solid #ebeaeb;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin-right: 3px;
    background-color: white;
    font-family: 'novecento_wide_bookbold';
    font-size: 12px;
    text-align: center;
    padding-top: 6px;
    color: #493c49;
    cursor: pointer;
    transition: backgroun-color 400ms linear;
    float: right;
}

div#search span a {
    font-family: 'novecento_wide_bookbold';
    font-size: 12px;
    text-align: center;
    padding-bottom: 2px;
    color: #493c49; 
    text-decoration: none;
}

div#search span:hover {
    background-color: #c4c2c4;
}

div#search span a:hover {
    color: white;
}

/*Mobile maenu*/
div#menu_mobile {
    width: 176px;
    position: relative;
    display: inline-block;
    z-index: 2000;

}

div#header_right nav {
    display: block;
    position: relative;
    z-index: 2000;
    background-color: white;
    width: 168px;
    border: 4px solid #ededed;
    border-top: 0px;
    padding-top: 0px;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-right-radius: 15px;
    border-bottom-right-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    -webkit-border-bottom-left-radius: 15px;
    border-bottom-left-radius: 15px;
    display: none;
}

div#header_right nav div#empty {
    height: 20px;
    background-color: rgba(0,0,0,0);
}

div#header_right nav ul {
    position: relative;
}

div#header_right nav ul li {
    list-style-type: none;
    display: block;
}

div#header_right nav ul li a.main {
    padding: 15px;
    display: block;
    width: 138px;
    margin-right: 5px;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    text-decoration: none;
    font-size: 12px;
    color: #493c49;
    text-transform: uppercase;
    background-color: white;
    transition: background-color 300ms linear;
    border-top: 1px solid #ededed;
}

div#header_right nav ul li a.main:hover {
    background-color: rgba(249,239,239,0.4);
}

div#header_right nav ul li:last-of-type a.main {
    -moz-border-radius-bottomright: 13px;
    -webkit-border-bottom-right-radius: 13px;
    border-bottom-right-radius: 13px;
    -moz-border-radius-bottomleft: 13px;
    -webkit-border-bottom-left-radius: 13px;
    border-bottom-left-radius: 13px;
}

div#header_right nav ul.hidde {
    z-index: 1000;
    background-color: #efeff0;
    width: 168px;
    display: none;
}


div#header_right nav ul.hidde li{
    display: block;
}

div#header_right nav ul.hidde li a {
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    text-decoration: none;
    font-size: 11px;
    color: #493c49;
    padding: 9px 15px;
    display: block;
    transition: color 200ms linear;

}

div#header_right nav ul.hidde li:last-of-type a {
    padding-bottom: 10px;
    border: 0px
}

div#header_right nav ul.hidde li a:hover {
    color: #cb9540;
}

div#header_right nav ul ul.hidde li a img {
    vertical-align: middle;
    margin-left: 11px;
    transition: margin-left 200ms linear;
}

div#header_right nav ul.hidde li a:hover img {
    margin-left: 20px;
}

/*middle*/
div#middle {
    width: 100%;
    background-image: url(../img/tlo.jpg);
    background-repeat: no-repeat;
    background-color: #21212c;
    background-position: left;
    position: relative;
    z-index: 500;
    margin-top: 0px;
    overflow: hidden;
}

div#center {
    width: 100%;
    height: 435px;
    margin: 0 auto;
    position: relative;
}

div#menu_top {
    width: 240px;
    height: 435px;
    background-color: white;
    position: relative;
}

div#menu_top h4 {
    font-family: 'Roboto', 'sans-serif';
    font-size: 13px;
    font-weight: 900;
    color: #493c49;  
    padding-top: 38px;
    padding-bottom: 30px;
    padding-left: 37px;
}

div#menu_top ul {
    padding: 0px;
    margin: 0px;
    margin-left: 12px;
    padding-left: 37px;
}

div#menu_top ul li {
    list-style-image: url(../img/kropka.jpg);
    margin: 0px;
    padding:0px;
}

div#menu_top ul li p {
    font-family: 'Roboto', 'sans-serif';
    font-size: 12px;
    color: #493c49;
    margin-bottom: 14px;
}

div#menu_top ul li a {
    font-family: 'Roboto', 'sans-serif';
    font-size: 12px;
    color: #493c49;
    margin-bottom: 14px;
    display: block;
    text-decoration: none;
}

div#menu_top ul li a:hover {
    color: #be7400;
}

div#menu_top div:nth-of-type(2) {
    width: 100%;
    height: 15px;
    padding-top: 25px;
    background-color: #efeff0;
    position: absolute;
    bottom: 0px;
}

div#menu_top div:nth-of-type(2) a {
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    text-decoration: none;
    font-size: 13px;
    color: #493c49;
    text-transform: uppercase;
    padding-left: 38px;
    transition: color 300ms linear;
}

div#menu_top div:nth-of-type(2) a:hover {
    color: #b87352;
}
/*slider*/
div#center div#slider {
    width: 1200px;
    height: 435px;
    position: absolute;
    top: 0px;
    left: 240px;
    z-index: 1500;
}

/*midle2*/
div#middle2 {
    height: 510px;
    width: 100%;
    background-color: #efeff0;
    background-image: url(../img/tlo2.png);
    background-repeat: repeat-x;
    background-position: 3px center;
    overflow: hidden;
}

div#middle2 div#content {
    width: 480px;
    height: 600px;
    margin: 0 auto;
    background-color: white;
}

div#content div#content_left {
    width: 240px;
    float: left;
}

div#content_left div#content_left_one {
    width: 100%;
    height: 291px;
    background-color: #efeff0;
}

div#content div#content_left_one div.aktu {
    float: left;
    width:225px;
}

div#content div#content_left_one div.aktu:nth-of-type(2) {
    display: none;
}

div#content div#content_left_one div.aktu:last-of-type {
    display: none;
}

div.aktu header {
    height: 58px;
    border-bottom: 1px solid #ddddde;
}

div.aktu header p {
    color: #be7400;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    font-size: 24px;
    float: left;
    background-color: #efeff0;
    padding-left: 20px;
    margin-left: 15px;
    margin-top: 28px;
    display: block;
}

div.aktu header p span {
    font-size: 11px;
    float: right;
    line-height: 10px;
    margin-top: 6px;
    margin-left: 5px;
}

div.aktu h4 {
    font-size: 14px;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    color: #544854;
    margin-left: 40px;
    margin-top: 0px;
}

div.aktu p {
    color: #938b92;
    font-size:12px;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    margin-left: 40px;
    margin-top: 15px;
    margin-bottom: 45px;
    max-height:48px;
    overflow:hidden;
}



div.aktu a {
    font-size: 14px;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    color: #544854;
    margin-left: 40px;
    margin-top: 0px;
    text-decoration: none;
    transition: color 300ms linear;
}

div.aktu a:hover {
    color: #b87352;
}

div.aktu a.link_aktu{
    border: 2px solid #b87352;
    font-family: 'Roboto', 'sans-serif';
    font-size: 12px;
    font-weight: 700;
    color: black;
    text-decoration: none;
    margin: 20px;
    margin-left: 40px;
    margin-top: 20px;
    padding: 10px 13px;
    transition: color 300ms linear, background-color 300ms linear;
}

div.aktu a.link_aktu:hover {
    background-color: #b87352;
    color: white;
}

div#content_left_two {
    height: 219px;
    background-color: white;
    background-image: url(../img/tlo_mobile.png);
    background-repeat: no-repeat;
    background-position-x: right;
    position: relative;
}

div#content_left_two div {
    position: absolute;
    top: 45px;
    left: 20px;
    width: 370px;
}

div#content_left_two div img {
    display: none;
}

div#content_left_two div p:first-of-type {
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    font-size: 19px;

}

div#content_left_two div p:first-of-type span {
    font-weight: 400;
}

div#content_left_two div p:nth-of-type(2) {
    color: #cb9540;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 19px;
}

div#content_left_two div small {
    color: #493c49; 
    font-family: 'Roboto', 'sans-serif';
    font-size: 12px;
    width: 175px;
    display: block;
    margin-top: 30px;
}

div#content_left_two div small a {
    color: #493c49; 
    font-family: 'Roboto', 'sans-serif';
    font-size: 12px;
    font-weight: 700;
    transition: color 300ms linear;
}

div#content_left_two div small a:hover {
    color: #cb9540;
}

div#content_right {
    width: 240px;
    float: left;
}

div#content_right header {
    height: 60px;
    border-left: 10px solid #efeff0;
    width: 240px;
    background-color: white;
}

div#content_right header h4 {
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    text-decoration: none;
    font-size: 13px;
    color: #493c49;
    padding-top: 20px;
    text-transform: uppercase;
    padding-left: 20px;
}

div#content_right section {
    height: 120px;
    border-left: 10px solid #efeff0;
    width: 100%;
    background-color: #cb9540;
}

div#content_right section p{
    margin-bottom: 5px;
    width: 230px;
}

div#content_right section p:first-of-type {
    color: white;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    font-size: 12px;
    padding-top: 30px;
    padding-left: 20px;
    width: 80%;
}

div#content_right section p:last-of-type {
    color: white;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 12px;
    padding-left: 20px;
    width: 80%;
}

div#content_right div {
    position: relative;
    width: 240px;
    height: 290px;
    background-color: #cb9540;
    float: right;
    margin-right: -10px;
}

div#content_right div img {
    position: absolute;
    right: 10px;
}
/*stopka*/

div#white {
    background-color: white;
}

div#partnerzy {
    background-color: white;
    height: 118px;
    width: 100%;
    border-top: 1px solid #efeff0;
    border-bottom: 1px solid #efeff0;
    position: relative;
    z-index: 100;
    overflow: hidden;
}

div#partnerzy div {
    width: 460px;
    margin: 0 auto;
    z-index: 100;
    height: 118px;
    position: relative;

}

div#partnerzy div div#carusel {
    width: 362px;
    height: 35px;
    position: absolute;
    left: 100px;
    top: 40px;
    z-index: 1500;
}

div#partnerzy div div#carusel ul li {
    display: inline-block;
    height: 35px;
    padding-right: 30px;
}
div#partnerzy div div#carusel ul li img {
    height: 35px;
    margin-top: -0px;
    z-index: 1200;
    transition: opacity 300ms linear;
}

div#partnerzy div h4 {
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    text-decoration: none;
    font-size: 13px;
    color: #493c49;
    padding-top: 50px;
    padding-left: 20px;
    text-transform: uppercase;
    float: left;
}

div#partnerzy div img {
    float: right;
    margin-top: 40px;
}

div#nav {
    width: 100%;
    height: 490px;
    background-color: white;
}

div#nav div {
    width: 49.7%;
    height: 200px;
    border-left: 1px solid #efeff0;
    float: left;
    padding-bottom: 10px;
}
div#nav div:first-child {
    border-bottom: 1px solid #efeff0;
    padding-bottom: 55px;
}

div#nav div:nth-child(2) {
    border-bottom: 1px solid #efeff0;
    padding-bottom: 55px;
}

div#nav div h4 {
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    text-decoration: none;
    font-size: 13px;
    color: #493c49;
    padding-top: 40px;
    padding-left: 20px;
}

div#nav div img {
    padding: 20px;
}

div#nav div ul li {
    list-style-type: none;
    padding-left: 40px;
    padding-bottom: 10px;
}

div#nav div ul li a {
    color: #493c49;
    font-size:12px;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    text-decoration: none;
    transition: color 300ms linear;
}

div#nav div ul li a:hover {
    color: #be7400;
}
footer {
    background-color: #2d2d38;
    height: 100px;
    width: 100%;
    margin-top: -23px;
    text-align: center;
}

footer div {
    width: 330px;
    margin: 0 auto;
    text-align: center;
}

footer div p {
    padding-top: 35px;
    color: white;
    font-size:11px;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    float: left;
    text-align: center;
}


footer div p a {
    padding-top: 35px;
    color: white;
    font-size:11px;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 700;
    text-decoration: none;
    transition: color 300ms linear;
}

footer div a {
    padding-top: 35px;
    color: white;
    font-size:11px;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 700;
    text-decoration: none;
    transition: color 300ms linear;
}

footer div p:last-of-type a:hover {
    color: #be7400;
}

footer div p a:hover {
    color: #be7400;
}

/*szablon dwu kolumnowy*/
div#srodek {
    width: 100%;
    height: 100%;
    background-color: #efeff0;
    background-image: url(../img/tlo_duze.jpg);
    background-repeat: no-repeat;
    position: relative;
}

div#srodek div#wysrodkowanie {
    width: 100%;
    margin: 0 auto;
    background-color: white;
    overflow: hidden;
}

div#srodek div#wysrodkowanie div#first {
    height: 58px;
    width: 100%;
    background-color: white;
    background-image: url(../img/prostokat.jpg);
    background-repeat: no-repeat;
    background-position: top right;
}

div#srodek div#wysrodkowanie div#first div {
    display: none;
}

div#srodek div#wysrodkowanie div#first h4 {
    color: white;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    text-decoration: none;
    font-size: 13px;
    padding-top: 20px;
    text-transform: uppercase;
    text-align: right;
    padding-right: 35px;

}

div#srodek div#wysrodkowanie div:first div {
    height: 58px;
    border-bottom: 1px solid #efeff0;
    width: 259px;
    background-color: white;
    background-image: none;
    float: left;

}

div#srodek div#wysrodkowanie div#second {
    height: 50px;
    width: 100%;
    float: left;
    background-color: #f0efef;
    position: relative;
}

img#ozdoba {
    display: none;
}

div#srodek div#wysrodkowanie div#second div {
    display: none;
}

ul#breadcrubms {
    padding-top: 15px;
    float: left;
    margin-left: 30px;
    padding-left: 20px;
}

ul#breadcrubms li {
    list-style-type: none;
    display: inline-block;
    padding-right: 10px;
}

ul#breadcrubms li p {
    color: #959595;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 11px;
}

ul#breadcrubms li p img {
    padding-right: 10px;
}

ul#breadcrubms li a {
    color: #959595;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 11px;
    text-decoration: none;
    transition: color 300ms linear;
}

ul#breadcrubms li a.last_link {
    color: #32323d;
}

ul#breadcrubms li a:hover {
    color: #cb9540;
}

ul#breadcrubms li a img {
    padding-right: 10px;
}

div#srodek div#wysrodkowanie div:nth-of-type(2) a.return {
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    font-size: 12px;
    float: right;
    margin-right: 35px;
    transition: color 300ms linear;
    display: inline-block;
    padding-top: 15px;
}

div#srodek div#wysrodkowanie div:nth-of-type(2) a.return img {
    padding-right: 10px;
}

div#srodek div#wysrodkowanie div:nth-of-type(2) a.return:hover {
    color: #cb9880;
}

div#srodek div#wysrodkowanie div:nth-of-type(2) a.return:hover img {
    padding-right: 15px;
}

/*przetargi.php*/
div#srodek div#wysrodkowanie div#second  div.przetargi {
    background-color: #f0efef;
}

div#srodek div#wysrodkowanie table#przetargi {
    width: 100%;
}

div#srodek div#wysrodkowanie table#przetargi tr {
    width: 100%;
}

div#srodek div#wysrodkowanie table#przetargi tr td p {
    font-family: 'Roboto', 'sans-serif';
    font-size: 12px;
    font-weight: 400;
    color: #493c49;
    position: absolute;
    top: 18px;
}

div#srodek div#wysrodkowanie table#przetargi tr:last-child td {
    border: 0px;
}

div#srodek div#wysrodkowanie table#przetargi  tr td {
    width: 50%;
}

div#srodek div#wysrodkowanie table#przetargi thead tr th {
    padding: 0px 0px;
    border-bottom: 1px solid #e3e3e4;
}

div#srodek div#wysrodkowanie table#przetargi thead tr th a {
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    text-decoration: none;
    font-size: 12px;
    color: #493c49;
    text-transform: uppercase;
    background-color: white;
    transition: color 300ms linear;
    text-align: left;
}

div#srodek div#wysrodkowanie table#przetargi thead tr th:first-of-type {
    border-right: 1px solid #e3e3e4;
}

div#srodek div#wysrodkowanie table#przetargi tr td {
    border-bottom: 1px solid #e3e3e4;
}

div#srodek div#wysrodkowanie table#przetargi thead tr th:last-of-type a:first-child{
    display: none;
}

div#srodek div#wysrodkowanie table#przetargi thead tr th:last-of-type a {
    float: left;
    margin-left: 35px;
    margin-top: 28px; 
}

div#srodek div#wysrodkowanie table#przetargi tr td a.szczegoly2:hover {
    background-color: #b87352;
    color: white;
}

div#srodek div#wysrodkowanie table#przetargi thead tr th:last-of-type {
    width: 140px;
}

div#srodek div#wysrodkowanie table#przetargi thead tr th a:hover {
    color: #b87352;
}

div#srodek div#wysrodkowanie table#przetargi thead tr th:last-of-type div#arch{
    float: right;
    height: 73px;
    width: 230px;
}
div#srodek div#wysrodkowanie table#przetargi thead tr th:last-of-type div#arch a{
    margin-top: 28px;
    color: #959595;
    display: block;
}

div#srodek div#wysrodkowanie table#przetargi thead tr th:last-of-type div#arch a:hover {
    color: #b87352;
}

div#srodek div#wysrodkowanie table#przetargi tr td {
    padding: 20px 0px 0px 20px;
    width: 50%;
    position: relative;
}



div#srodek div#wysrodkowanie table#przetargi tr:nth-of-type(1) td a {
    margin-top: 20px;
    float: left;
}

div#srodek div#wysrodkowanie table#przetargi tr:nth-of-type(1) td p {
    margin-left: 0p
}

div#srodek div#wysrodkowanie table#przetargi tr td:nth-of-type(2) p {
    float: left;
    vertical-align: top;
    width: 89%;
    padding-bottom: 30px;
}

div#srodek div#wysrodkowanie table#przetargi tr td a {
    border: 2px solid #b87352;
    font-family: 'Roboto', 'sans-serif';
    font-size: 12px;
    font-weight: 700;
    color: black;
    text-decoration: none;
    padding: 10px 45px;
    transition: color 300ms linear, background-color 300ms linear;
    float: right;
    vertical-align: middle;
    margin: 20px 0px;
    float: left;
}

div#srodek div#wysrodkowanie table#przetargi tr td:nth-of-type(2) a:hover {
    background-color: #b87352;
    color: white;
}

div#srodek div#wysrodkowanie table#przetargi tr td:first-of-type img {   padding-right: 16px;

}

div#srodek div#wysrodkowanie table#przetargi tr td img {
    float:left;
    padding-right: 20px;

}

div#srodek div#wysrodkowanie table#przetargi tr td:first-of-type hgroup {
    vertical-align: middle;
    width: 160px;
    margin-left: 0px;
    float: right;
}

div#srodek div#wysrodkowanie table#przetargi tr hgroup h4 {
    margin-top: -3px;
    margin-right: -20px;
    font-size: 13px;
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 800;
}

div#srodek div#wysrodkowanie table#przetargi tr td:first-of-type hgroup {
    float:left;
}

div#srodek div#wysrodkowanie table#przetargi tr td:first-of-type hgroup h4 {
    font-size: 13px;
}

div#srodek div#wysrodkowanie table#przetargi tr td:first-of-type hgroup h5 {
    font-size: 11px;
    color: #b87352;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 700;
}

div#srodek div#wysrodkowanie table#przetargi tr:nth-of-type(2) td:last-of-type p {
    font-size: 13px;
}

/*przetarg.php*/
div#srodek div#wysrodkowanie div#przetarg {
    background-color: white;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

div#srodek div#wysrodkowanie div#przetarg div.row {
    vertical-align: top;
    width: 100%;
    float: left;
    border-bottom: 1px solid #e3e3e4;
    padding: 0px;
    margin: 0px;
}

div#srodek div#wysrodkowanie div#przetarg div.row:nth-child(3) {
    width: 50%;
}

div#srodek div#wysrodkowanie div#przetarg div.row:nth-child(4) {
    width: 49.7%;
    border-left: 1px solid #e3e3e4;
}

div#srodek div#wysrodkowanie div#przetarg div.row:nth-child(7) {
    width: 50%;
}

div#srodek div#wysrodkowanie div#przetarg div.row:nth-child(8) {
    width: 49.7%;
    border-left: 1px solid #e3e3e4;
}

div#srodek div#wysrodkowanie div#przetarg div.row h4 {
    padding: 15px 40px 0px 40px;;
    float: none;
    display: inline-block;

}
div#srodek div#wysrodkowanie div#przetarg div.row p {
    padding: 0px 40px 15px 40px;
    display: inline-block;
    float: none;
    border: 0px;
}

div#srodek div#wysrodkowanie div#przetarg div.row p {
    width: 80%;
}

div#srodek div#wysrodkowanie div#przetarg div.row:nth-of-type(2) p {
    font-size: 19px;
}



div#srodek div#wysrodkowanie div#przetarg div.row  h4 {

    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 800;
    font-size: 13px;
}

div#srodek div#wysrodkowanie div#przetarg div.row  p {
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 13px;
}

div#srodek div#wysrodkowanie div#przetarg div.row:last-of-type div {
    padding-top: 20px;
    padding-bottom: 20px;
    float: right;
    width: 100%;
    display: block;
    border-left: 1px solid #e3e3e4;
}

div#srodek div#wysrodkowanie div#przetarg div.row:last-of-type div  ul {
    padding-bottom: 20px;
}

div#srodek div#wysrodkowanie div#przetarg div.row:last-of-type div ul li {
    list-style-type: none;
    padding-left: 40px;
    padding-bottom: 10px;
}

div#srodek div#wysrodkowanie div#przetarg div.row:last-of-type div ul li p {
    display: inline;
    border-left: 0px;
    padding: 0px;
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 13px;
    width: 100px;
    height: 0;
    float: none;
    display: inline-block;
}

div#srodek div#wysrodkowanie div#przetarg div.row:last-of-type div ul li  a {
    color: #b87352;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 13px;
    display: inline;
}

div#srodek div#wysrodkowanie div#przetarg div.row:last-of-type div a#download {
    margin: 0 auto;
}

a#download {
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    border: 4px solid #ebeaeb;
    color:#cb9880;
    padding: 8px;
    text-decoration: none;
    margin-top: 20px;
    width: 180px !important;
    display: block;
    margin: 0 auto;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    font-size: 10px;
    text-transform: uppercase;
    transition: border 300ms linear;
}

a#download img {
    padding: 0px 10px;
    vertical-align: middle;
}

a#download:hover {
    background-color:#ebeaeb;
    border: 4px solid #cb9880;
}
/*Aktualnosci.php*/

div#aktualnosci {
    background-color: white;
    width: 100%;
    overflow: hidden;
}

div#aktualnosci div#akt_left {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1500;
    background-color: white;
    padding-bottom: 40px;
    margin-top: 0px;
    overflow: hidden;
}

div#aktualnosci div#akt_left div#tabs {
    border: 0px;
    float: left;
    padding-right: 0px;
    width: 100%;
    border-bottom: 1px solid #e3e3e4;
    padding-bottom: 20px;
}

div#aktualnosci div#akt_left div#tabs div.ui-tabs-panel {
    padding: 0px;
    margin: 0px;
}

div#aktualnosci div#akt_left dl {
    margin-top: 0px;
    width: 100%;
    margin-right: -4px;

}

div#aktualnosci div#akt_left dl dt {
    list-style-type: none;
    padding: 18px 00px;
    border-bottom: 1px solid #e3e3e4;
    height: 43px;
    background-color: white;
    transition: background-color 600ms linear;
    margin-right: 0px;
    float: left;
    display: inline-block;
    width: 40%;
    padding-left: 9.8125%;
}

div#aktualnosci div#akt_left dl dt:nth-child(odd) {
    border-right: 1px solid #e3e3e4;
}
div#aktualnosci div#akt_left dl dt:last-child {
    border-bottom: 1px solid #e3e3e4;
}
div#aktualnosci div#akt_left dl dt a {
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    text-decoration: none;
    font-size: 13px;
    color: #493c49;
    padding-left: 0px;
    transition: padding-left 300ms linear;
    position: relative;
    transition: color 300ms linear;
}

div#aktualnosci div#akt_left dl dt a:hover {
    color: #b87352;
}

div#aktualnosci div#akt_left dl dt a:hover span {
    color: #493c49;
}

div#aktualnosci div#akt_left dl dt:hover {
    background-color: #efeff0;
}

div#aktualnosci div#akt_left dl dt a span {
    font-size: 11px;
    color: #b87352;
    margin-top: 4px;
    transition: color 300ms linear;
}

div#aktualnosci div#akt_left dl dt img {
    float: left;
    margin-top: 17px;
    margin-right: 20px;
    margin-left: 10px;
    margin-bottom: 30px;
}

div#aktualnosci div#akt_left ul#pagination {
    background-color: white;
    border: 0px;
    padding: 0px;
    padding-top: 20px;
    background-image: none;
    margin-top: 20px;
    width: 200px;
    margin: 0 auto;
    padding-left: 40px;
    float: left;
}

div#aktualnosci div#akt_left a#zwin {
    float: right;
    padding-top: 20px;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    text-decoration: none;
    font-size: 12px;
    color: #9c9c9c;
    text-decoration: none;
    padding-right: 40px;
}

div#aktualnosci div#akt_left a#zwin img {
    vertical-align: middle;
    margin-left: 10px;
}

/*zwiń realizacje*/
a#zwinReal {
    position: absolute;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    text-decoration: none;
    font-size: 12px;
    color: #9c9c9c;
    text-decoration: none;
    right: 35px;
    top: 0px;
}

a#zwinReal img {
    vertical-align: middle;
    margin-left: 10px;
}

a#zwinRef {
    position: absolute;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    text-decoration: none;
    font-size: 12px;
    color: #9c9c9c;
    text-decoration: none;
    right: 40px;
    bottom: -40px;
}

a#zwinRef img {
    vertical-align: middle;
    margin-left: 10px;
}

div#aktualnosci div#akt_left ul#pagination li {
    display: inline-block;
    float: left;
    width: 25px;
    height: 21px;
    border: 4px solid #ebeaeb;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin-right: 8px;
    background-color: white;
    font-family: 'novecento_wide_bookbold';
    font-size: 12px;
    text-align: center;
    padding-top: 2px;
    color: #493c49;
    cursor: pointer;
    transition: color 200ms linear;
    background-image: none;
    margin-left: 5px;
}

div#aktualnosci div#akt_left ul#pagination li:first-of-type {
    margin-left: 0px;
}

div#aktualnosci div#akt_left ul#pagination li:hover a {
    color: black;
}

div#aktualnosci div#akt_left ul#pagination li.ui-state-active {
    border: 4px solid #b87352;
}

div#aktualnosci div#akt_left ul#pagination li a {
    text-align: center;
    margin-top: -4px;
    margin-left: -3px
}

div#aktualnosci div#akt_left ul#pagination li:hover {
    color: black;
    border: 4px solid #b87352;
}

div#aktualnosci div#akt_right {
    width: 100%;
    float: left;
    border-left: 1px solid #ebeaeb;
    overflow: hidden;
}

div#aktualnosci div#akt_right hgroup {
    padding-top: 25px;
    padding-left: 40px;
}

div#aktualnosci div#akt_right hgroup h3 {
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    font-size: 23px;
}

div#aktualnosci div#akt_right hgroup h5 {
    color: #b87352;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 700;
    font-size: 13px;
}

div#aktualnosci div#akt_right p {
    padding: 25px 40px 0px 40px;
    color: #7c727a;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 12px;
    line-height: 23px;
    padding-bottom: 25px;
    padding-top:0px;
    padding-bottom:0px;
}

div#aktualnosci div#akt_right p:first-of-type
{
    margin-top:25px;
}

div#aktualnosci div#akt_right p.podpis span {
    font-style: italic;
}

div#aktualnosci div#akt_right ul.gallery {
    margin-left: 40px;

}

div#aktualnosci div#akt_right ul.gallery li:nth-child(3) {
    display: none;
}

div#aktualnosci div#akt_right ul.gallery li {
    list-style-type: none;
    display: inline-block;
    padding: 0px 0px 0px 0px;
}

div#aktualnosci div#akt_right ul li a img {
    width: 178px;
    height: 155px;
}

div#aktualnosci div#akt_right > div:last-child {
    border-top: 1px solid #e3e3e4;
    margin-top: 30px;
    width: 100%;
}

div#aktualnosci div#akt_right div:last-of-type a {
    border: 2px solid #b87352;
    font-family: 'Roboto', 'sans-serif';
    font-size: 12px;
    font-weight: 700;
    color: black;
    text-decoration: none;
    padding: 10px 13px;
    background-color: white;
    transition: color 300ms linear, background-color 300ms linear;
    float: right;
    vertical-align: middle;
    margin-right: 40px;
    margin-top: -20px;
    margin-bottom: 28px;
}

div#aktualnosci div#akt_right div:last-of-type a:hover {
    background-color: #b87352;
    color: white;
}

div#aktualnosci div#akt_right div:last-of-type a:first-of-type {
    float: left;
    margin-left: 40px;
}

div#aktualnosci div#akt_right div:last-of-type a:first-of-type img {
    margin-right: 15px;
    vertical-align: middle;
}


/*tekstowka.php*/
div#tekstowka {
    background-color: white;
    padding-bottom: 45px;
}

div#tekstowka hgroup {
    padding-top: 25px;
    padding-left: 30px;
}

div#tekstowka hgroup h3 {
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    font-size: 23px;
}

div#tekstowka hgroup h5 {
    color: #b87352;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 700;
    font-size: 13px;
}

div#tekstowka p {
    padding: 25px 30px 0px 30px;
    color: #7c727a;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 12px;
    line-height: 23px;
    padding-top:0px;
}

div#tekstowka p:first-of-type
{
    padding-top:25px;
}

div#tekstowka ul.gallery li {
    list-style-type: none;
    display: inline-block;
    padding: 25px 0px 0px 20px;
}

div#tekstowka ul.gallery li:nth-child(3) {
    display: none;
}

div#tekstowka ul.gallery li:nth-child(4) {
    display: none;
}

div#tekstowka ul.gallery li a {
    width: 218px;
    height: 155px;
    position: relative;
}

div#tekstowka ul li a img {
    width: 200px;
    height: 155px;
    position: relative;
    z-index: 100;
}

div#tekstowka ul.gallery li a div.mask {
    width: 200px;
    height: 155px;
    background-color: black;
    position: absolute;
    top: -140px;
    left: 0px;
    z-index: 500;
    opacity: 0;
    transition: opacity 300ms linear;
    padding: 0px;
    background-image: url(../img/lupa.png);
    background-repeat: no-repeat;
    background-position: center center;
}

div#tekstowka ul.gallery li a:hover div.mask {
    opacity: 0.5;
}
/*pliki do pobrania aktualnosci, teksotowa*/
div.files {
    width: 87%;
    margin-left: 30px;
    padding-bottom: 20px;
}

div.files ul.download {
    padding: 20px 20px 25px 0px;
}


div.files ul.download li {
    list-style-type: none;
    padding: 2px 3px;
}

div.files ul.download li:first-child a{
    color: #493b49;
    font-weight:900;

}

div.files ul.download li:first-of-type {
    padding-left: 0px;
}

div.files  ul.download li:first-child p:first-of-type {
    margin: 0px;
    padding: 0px;
}

div.files  ul.download li:first-of-type p {
    padding: 0px;
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    font-size: 12px;
}

div.files  ul.download li a {
    color: #b87352;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
    transition: color 300ms linear;
}

div.files  ul.download li:not(:first-child) a:hover {
    text-decoration:underline;
}

div.files  ul.download li span {
    display: none;
}

div.files  ul.download + a {
    margin-left: 60px;
    margin-top: 10px;
    width: 180px;
    display: block;
}

/*Wynik wyszukiwania*/
div#tekstowka div.info_wynik {
    padding: 45px 0px 25px 70px;
}

div#tekstowka div.info_wynik p {
    padding: 0px;
}

div#tekstowka div.info_wynik p strong {
    color: #493c49;
    font-weight: bold;
    font-size: 15px;
    padding-left: 5px;
}

div#tekstowka div.wynik {
    padding-left: 70px;
    padding-bottom: 20px;
    border-bottom: 1px solid #efeff0;
    background-image: url(../img/wynik.png);
    background-repeat: no-repeat;
    background-position: left 28px;
}

div#tekstowka div.wynik hgroup {
    padding: 0px;
    padding-top: 20px;
    margin: 0px;
}

div#tekstowka div.wynik p {
    padding: 20px 0px;
    width: 390px;
}

div#tekstowka div.wynik a {
    color: #b87352;
    text-decoration: none;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 12px;
    padding: 0px;
}

div#tekstowka div.wynik a:hover {
    color: #493c49;
}

div#tekstowka div.kategoria ul li a {
    color: #7c727a;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
}

div#tekstowka div.kategoria ul li a:hover {
    color: #d8b57b;
}

/*mapa strony*/
div#tekstowka div.kategoria {
    padding: 20px 70px;
    border-bottom: 1px solid #efeff0;    
}

div#tekstowka div.kategoria:last-of-type {
    border-bottom: 0px;
}

div#tekstowka div.kategoria hgroup {
    padding: 0px;
    padding-bottom: 20px;

}

div#tekstowka div.kategoria ul {
    padding-left: 20px;
}

div#tekstowka div.kategoria ul li {
    padding-bottom: 10px;
    list-style-image: url(../img/kropka.jpg);
}
div#tekstowka div.kategoria ul li a {
    color: #7c727a;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
}

div#tekstowka div.kategoria ul li a:hover {
    color: #D8B57B;
}

/*referencje.php i kawalek oferta.php i realizacje*/
div#referencje {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-color: white;
}

div#referencje div#ref_menu {
    display: none;

}

div#referencje div#ref_menu ul li {
    list-style-type: none;
    padding: 24px 0px;
    border-bottom: 1px solid #e3e3e4;
}

div#referencje div#ref_menu ul.ref li {
    padding: 21px 0px;
    height: 13px;
}

div#referencje div#ref_menu ul.oferta li {
    padding: 18px 0px;
}

div#referencje div#ref_menu ul li:last-of-type {
    border: 0px;
}

div#referencje div#ref_menu ul.ref li a {
    margin-top: -21px;
    display: block;
}

div#referencje div#ref_menu ul li a {
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    text-decoration: none;
    font-size: 13px;
    color: #493c49;
    padding-left: 0px;
    transition: padding-left 300ms linear;
}

div#referencje div#ref_menu ul li:hover a {
    color: #b87352;
    padding-left: 20px;
}

div#referencje div#ref_menu ul.ref li img {
    margin-top: -4px;
    display: block-inline;
    vertical-align: middle;
}

div#referencje div#ref_menu ul li img {
    opacity: 0;
    transition: opacity 300ms linear;

}

div#referencje div#ref_menu ul li:hover img{
    opacity: 1;

}

/*realizacje.php*/
div#referencje div#ref_menu.real2 {
    display: block;
    width: 100%;
    padding: 0px 10px;
    position: relative;
}

div#referencje div#ref_menu.real2 ul li {
    list-style-type: none;
    padding: 24px 0px;
    border-bottom: 1px solid #e3e3e4;
    display: inline-block;
}

div#referencje div#ref_menu.real2 ul.ref li {
    padding: 21px 0px;
    height: 13px;
}

div#referencje div#ref_menu.real2 ul.oferta li {
    padding: 18px 0px;
}

div#referencje div#ref_menu.real2 ul li:last-of-type {
    border: 0px;
}

div#referencje div#ref_menu.real2 ul.ref li a {
    margin-top: -21px;
    display: block;
}

div#referencje div#ref_menu.real2 ul li a {
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    text-decoration: none;
    font-size: 13px;
    color: #493c49;
    padding-left: 0px;
    transition: padding-left 300ms linear;
}

div#referencje div#ref_menu.real2 ul li:hover a {
    color: #b87352;
    padding-left: 20px;
}

div#referencje div#ref_menu.real2 ul.ref li img {
    margin-top: -4px;
    display: block-inline;
    vertical-align: middle;
}

div#referencje div#ref_menu.real2 ul li img {
    opacity: 0;
    transition: opacity 300ms linear;

}

div#referencje div#ref_menu.real2 ul li:hover img{
    opacity: 1;
}

div#referencje div#ref_menu.real2 div.realizacje2 {
    padding: 0px 35px;
    position: relative;
}
/*referencje menu*/
div#referencje div#ref_menu.referencje2 {
    display: block;
    position: relative;
    width: 100%;
}

div#referencje div#ref_menu.referencje2 ul li {
    list-style-type: none;
    border-bottom: 1px solid #e3e3e4;
    display: inline-block;
    width: 35.7%;

}

div#referencje div#ref_menu.referencje2 ul li:nth-child(odd) {
    border-right: 1px solid #e3e3e4;
}
div#referencje div#ref_menu.referencje2 ul li:nth-child(even) {
    margin-left: -4px;
}
div#referencje div#ref_menu.referencje2 ul li:nth-last-of-type {
    border-bottom: 1px solid #e3e3e4;
}



div#referencje div#ref_menu.referencje2 ul.ref li {
    padding: 21px 6.865671641791045%;
    height: 13px;
}

div#referencje div#ref_menu.referencje2 ul.oferta li {
    padding: 18px 0px;
}


div#referencje div#ref_menu.referencje2 ul.ref li a {
    margin-top: -21px;
    display: block;
}

div#referencje div#ref_menu.referencje2 ul li a {
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    text-decoration: none;
    font-size: 13px;
    color: #493c49;
    padding-left: 0px;
    transition: padding-left 300ms linear;
}

div#referencje div#ref_menu.referencje2 ul li:hover a {
    color: #b87352;
    padding-left: 20px;
}

div#referencje div#ref_menu.referencje2 ul.ref li img {
    margin-top: -4px;
    display: block-inline;
    vertical-align: middle;
}

div#referencje div#ref_menu.referencje2 ul li img {
    opacity: 0;
    transition: opacity 300ms linear;

}

div#referencje div#ref_menu.referencje2 ul li:hover img{
    opacity: 1;

}

div#referencje div#ref_menu.referencje2 div#pagination_ref ul#pagination {
    background-color: white;
    border: 0px;
    padding: 0px;
    padding-top: 20px;
    background-image: none;
    width: 200px;
    margin-left: 35px;


}

div#referencje div#ref_menu.referencje2 div#pagination_ref ul#pagination li {
    display: inline-block;
    float: left;
    width: 25px;
    height: 21px;
    border: 4px solid #ebeaeb;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    margin-right: 8px;
    background-color: white;
    font-family: 'novecento_wide_bookbold';
    font-size: 12px;
    text-align: center;
    padding-top: 2px;
    color: #493c49;
    cursor: pointer;
    transition: color 200ms linear;
    background-image: none;
    margin-left: 5px;
    padding-bottom: 0px;
}

div#referencje div#ref_menu.referencje2 div#pagination_ref ul#pagination li:first-of-type {
    margin-left: 0px;
}

div#referencje div#ref_menu.referencje2 div#pagination_ref ul#pagination li:hover a {
    color: black;
    padding: 0px;

}

div#referencje div#ref_menu.referencje2 div#pagination_ref ul#pagination li.ui-state-active {
    border: 4px solid #b87352;
}

div#referencje div#ref_menu.referencje2 div#pagination_ref ul#pagination li a {
    text-align: center;
    margin-top: -4px;
}

div#referencje div#ref_menu.referencje2 div#pagination_ref ul#pagination li:hover {
    color: black;
    border: 4px solid #b87352;
}
/*koniec referecncji menu*/


div#referencje div#ref {
    width: 92%;
    float: left;
    border-left: 1px solid #e3e3e4;
    padding: 70px 15px 30px 15px;
}

div#referencje div#ref div {
    display: inline-block;

}

div#referencje div#ref div.referencje {
    width: 163px;
    height: 342px;
    position: relative;
}

div#referencje div#ref div.referencje a img {
    position: relative;
    z-index: 100;
}

div#referencje div#ref div.referencje a div.mask {
    width: 183px;
    height: 269px;
    background-color: black;
    position: absolute;
    top: 0px;
    left: -5px;
    z-index: 200;
    opacity: 0;
    transition: opacity 300ms linear;
    background-image: url(../img/lupa.png);
    background-repeat: no-repeat;
    background-position: center center;
}

div#referencje div#ref div.referencje a:hover div.mask {
    opacity: 0.5;
}

div#referencje div#ref div h4 {
    color: #493c49;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    text-decoration: none;
    font-size: 13px;
}

div#referencje div#ref div {
    margin-right: 15px;
    margin-left: 15px;
}

/*Oferta*/
div#referencje div#ref hgroup h3 {
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    font-size: 23px;
}



div#referencje div#ref  hgroup {
    padding-bottom: 30px;
}

div#referencje div#ref video {
    width: 100%;
    height: 100%;
    border: 0px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: rgba(0,0,0,0) !important;
    padding: 0px !important;
}

div#tekstowka hgroup h3 {

}


div#referencje div#ref p {
    color: #7c727a;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 12px;
    line-height: 23px;
    padding-bottom: 0px;
}

div#referencje div#ref  .files {
    padding-left:0px;
    display:block;
    margin-left:0px;
}

div#referencje div#szybki_kontakt {
    width: 400px;
    height: 145px;
    background-image: url(../img/szybki_kontakt2.png);
    background-size: 400px 145px;
    text-align: left;
    margin-top: 17px;
    margin: 0 auto;
}

div#referencje div#szybki_kontakt h2 {
    padding: 16px 25px;
    margin-right: 15px;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    text-decoration: none;
    font-size: 16px;
    color: white;;
    text-transform: uppercase;
    transition: background-color 300ms linear;
}



div#referencje div#szybki_kontakt div p:first-of-type {
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    font-size: 16px;
    margin-top: 20px;
    display: block;
    width: 200px;
    margin-left: 15px;
    float: left;

}

div#referencje div#szybki_kontakt div p:nth-child(2){
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    font-size: 16px;
    display: block;
    width: 200px;
    margin-left: 15px;
    float: left;
}

div#referencje div#szybki_kontakt div p:first-of-type span {
    font-weight: 400;
}

div#referencje div#szybki_kontakt div p:nth-of-type(2) {
    color: #cb9540;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 20px;
}

div#referencje div#szybki_kontakt div small {
    color: #493c49; 
    font-family: 'Roboto', 'sans-serif';
    font-size: 12px;
}

div#referencje div#szybki_kontakt div small a {
    color: #493c49; 
    font-family: 'Roboto', 'sans-serif';
    font-size: 12px;
    font-weight: 700;
    transition: color 300ms linear;
}

div#referencje div#szybki_kontakt div small a:hover {
    color: #cb9540;
}

/*Kontakt.php*/
div#kontakt {
    width: 460px;
    margin: 0 auto;
    overflow: hidden;
}

div#kontakt div#kontakt_menu {
    float: left;
    padding-left: 40px;
    padding-right: 40px;
    width: 380px;
    height: 100%;
    position: relative;
    z-index: 1500;
    background-color: white;
    overflow: hidden;
}

div#kontakt div#kontakt_menu ul {
    margin-top: 40px;
    float: left;
    margin-bottom: 40px;
}

div#kontakt div#kontakt_menu ul li {
    list-style-type: none;
}

div#kontakt div#kontakt_menu ul li h4 {
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    font-size: 16px;
}

div#kontakt div#kontakt_menu ul li p {
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 12px;
}

div#kontakt div#kontakt_menu ul li p strong {
    font-weight: 900;
}

div#kontakt div#kontakt_menu ul li p a {
    color: #bf6837;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
}

div#kontakt div#kontakt_menu ul:nth-child(1) {
    margin-right: 80px;
}

div#kontakt div#kontakt_menu div ul:nth-child(2) {
    margin-right: 80px;
}

div#kontakt div#kontakt_menu div {
    width: 380px;
    /*height: 256px;*/
    min-height: 256px;
    /*background-image: url(../img/szybki_kontakt.png);*/
    background-size: 453px 256px;
    background-repeat: no-repeat;
    margin-top: 40px;
    margin-bottom: 40px;
    clear: both;
    margin-left: -40px;
    padding: 0px 36px;
    position: relative;
    border-left: 4px solid #cb9441;
    border-right: 3px solid #cb9441;
    border-bottom: 5px solid #cb9441;
    background:url('../img/szybki_kontakt_2.png') no-repeat;
}

div#kontakt div#kontakt_menu div h2 {
    padding: 20px 0px 40px 25px;
    margin-right: 5px;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    text-decoration: none;
    font-size: 12px;
    color: white;;
    text-transform: uppercase;
    transition: background-color 300ms linear;
}

div#kontakt div#kontakt_menu div p#last {
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    text-decoration: none;
    font-size: 11px;
    color: #bf6837;;
    text-transform: uppercase;
    transition: background-color 300ms linear;
    /*position: absolute;*/
    bottom: 23px;
    left: 140px;
    border-bottom: 1px solid #f0dcd1;
    margin-bottom: 26px;
    clear:both;
    padding-top:40px;
}

div#kontakt div#kontakt_menu div ul {
    line-height: 14px;
    margin: 0px;
    padding: 0px;
}


div#kontakt div#kontakt_menu div ul li h4 {
    font-size: 13px;
}

div#kontakt div#kontakt_content {
    width: 427px;
    float: left;
    padding-top: 40px;
    position: relative;
    z-index: 500;
}

div#kontakt div#kontakt_content hgroup h3 {
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    font-size: 13px;
    margin-top: -18px;
    padding-left: 35px;
}

div#kontakt div#kontakt_content form {
    width: 440px;
    float: left;
    margin-top: 30px;
    padding: 0px 20px;
}

div#kontakt div#kontakt_content form input[type="text"] {
    width: 180px;
    height: 37px;
    border: 0px;
    background-color: #f1f1f1;
    float: left;
    padding-left: 25px;
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 11px; 

}

div#kontakt div#kontakt_content form input[type="text"]:first-of-type {
    margin-right: 15px;
}

div#kontakt div#kontakt_content form input[type="text"]:nth-of-type(3) {
    width: 115px;
    padding-left: 10px;
}

div#kontakt div#kontakt_content form textarea {
    height: 100px;
    width: 375px;
    border: 0px;
    background-color: #f1f1f1;
    resize: none;
    margin: 25px 0px 25px 0px;
    padding: 25px;
    padding-bottom: 10px;
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 11px; 
}

/* all */
div#kontakt div#kontakt_content form ::-webkit-input-placeholder {  
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 11px; 
}
div#kontakt div#kontakt_content form ::-moz-placeholder { 
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 11px; 
} /* firefox 19+ */
div#kontakt div#kontakt_content form :-ms-input-placeholder { 
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 11px; 
} /* ie */
div#kontakt div#kontakt_content form input:-moz-placeholder { 
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 11px; 
}

div#kontakt div#kontakt_content form div {
    height: 37px;
    width: 300px;
    float: left;
    margin-bottom: 25px;
}

div#kontakt div#kontakt_content form div span img {
    margin-right: 15px;
    margin-left: 15px;
}

div#kontakt div#kontakt_content form div input[type="submit"] {
    border: 2px solid #b87352;
    font-family: 'Roboto', 'sans-serif';
    font-size: 12px;
    font-weight: 700;
    color: black;
    text-decoration: none;
    padding: 9px 20px;
    transition: color 300ms linear, background-color 300ms linear;
    background-color: white;
    float: right;
    cursor: pointer;
}

div#kontakt div#kontakt_content form div input[type="submit"]:hover {
    background-color: #b87352;
    color: white;
}

div#kontakt div#kontakt_content div#mapa {
    border-top: 1px solid #ebeaeb;
    margin-top: 25px;
    width: 485px;
    margin-left: -10px;
}

div#kontakt div#kontakt_content div#mapa iframe {
    width: 445px !important;
}

div#kontakt div#kontakt_content div#mapa hgroup {
    margin-top: 25px;
    margin-left: -25px;
}

div#kontakt div#kontakt_content div#mapa div {
    width: 445px;
    height: 315px;
    margin: 15px;
    margin-top: 25px;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 11px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 11px 0px rgba(50, 50, 50, 0.75);
    border: 4px solid white;
}
/*Checkbox*/

div.realizacje div {

}

div.realizacje form h4 {
    text-transform: uppercase;
    color: #32323d;
    font-family: 'Roboto', 'sans-serif';
    font-size: 12px;
    font-weight: 900;
    margin: 25px 0px;
    margin-left: -40px;
    border-bottom: 1px solid #ebeaeb;
    text-align: center;
    padding-bottom: 25px;
}

div.realizacje form {
    padding: 0px 20px;
}

div.realizacje form label {
    display: inline-block;
    margin-bottom: 15px;
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-size: 12px;
    font-weight: 700;
    width: 135px;
}

div.realizacje form p input {
    margin-right: 15px;
}

div.realizacje form div.branza.styledCheckbox {
    background-size: 100%;
    width: 16px !important;
    height: 16px !important;
    float: left;
    margin-right: 15px;
}


a#filtry {
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    border: 4px solid #ebeaeb;
    display: block;
    color:#cb9880;
    padding: 8px 55px;
    text-decoration: none;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 10px;
    transition: border 300ms linear;
    margin: 25px 0px;
    width: 70px;
    margin-left: -20px;
}

a#filtry:hover {
    background-color:#ebeaeb;
    border: 4px solid #cb9880;
}

div.realizacje div#real {
    border-left: 1px solid #ededed;
    width: 100%;
    float: left;
}

div.realizacje div#real div.real {
    width: 92%;
    border: 4px solid #ededed;
    margin: 10px 20px;
    position: relative;
    z-index: 600;
    padding-bottom: 25px;
}

div.realizacje div#real div.real:first-of-type {
    margin-top: 22px;
}

div.realizacje div#real div.real h4 {
    color: black;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    font-size: 16px;
    margin: 23px;
}

div.realizacje div#real div p {
    color: black;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 25px;
}

div.realizacje div#real div p span {
    color: #9a9a9a;
    font-weight: 400;
}

div.realizacje div#real div.real div:first-of-type {
    width: 170px;
    margin-left: 23px;
}

div.realizacje div#real div.real div:nth-of-type(2) {
    width: 170px;
    margin-left: 22px;
}

div.realizacje div#real div.real ul {
    float: right;
    position: absolute;
    top: 220px;
    right: 0px;
}

div.realizacje div#real div.real ul li {
    list-style-type: none;
}

div.realizacje div#real div.real ul li:last-of-type a {
    border: 2px solid #b87352;
    font-family: 'Roboto', 'sans-serif';
    font-size: 12px;
    font-weight: 700;
    color: black;
    text-decoration: none;
    margin: 20px;
    margin-left: 40px;
    margin-top: 20px;
    padding: 10px 13px;
    transition: color 300ms linear, background-color 300ms linear;
    position: absolute;
    bottom: -100px;
    right: -12px;
    width: 169px;
    text-align: center;
    display: block;
}

div.realizacje div#real div.real ul li a:hover {
    background-color: #b87352;
    color: white;
}

div.realizacje div#real div.real ul li a img {
    width:224px;
    height: 170px;
    position: absolute;
    right: -20px;
    top: -150px;
    border: 2px solid #ededed;
    z-index: 100;
}

div.realizacje div#real div.real ul li div.mask.real_mask {
    top: -150px !important;
}

div.realizacje div#real div.real ul.gallery li:first-of-type a {
    width:224px;
    height: 170px;
    position: relative;
}

/*ukryte na mpbile*/
a.szczegoly {
    display: none;
}

.mobile_hidden {
    display: none;
}

#accordion .ui-icon { display: none; }

#cookiePolisyInfo {
    width:60%;
}
#cookiePolisyInfo div div {
    width:60%;
}