/*
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;
}

/*
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;
}

body{
    overflow-x: hidden;
}

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

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;
    -webkit-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
    background-image: url(../img/lupa.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.video_item{
    width: 48%;
    float: left;
    position: relative;
    margin-bottom: 10px;
    margin-right: 10px;
}
.video_item:nth-child(2n+2){
    margin-right: 0;
}
.video_item .poster{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
.video_item .poster img{
    width: 100%;
    height: 100%;
}
.video_item .poster:after {
    position: absolute;
    display: block;
    content: '';
    width: 66px;
    height: 46px;
    top: -webkit-calc(50% - 23px);
    top: -moz-calc(50% - 23px);
    top: calc(50% - 23px);
    left: -webkit-calc(50% - 33px);
    left: -moz-calc(50% - 33px);
    left: calc(50% - 33px);
    background-image: url(../img/play.png);
    background-repeat: no-repeat;
}

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;
    -webkit-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
    left: -228px;
    top: 22px;
    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;
}

div.slajd {
    position: relative;
}

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

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

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

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

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



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

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    left: 325px;
    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;
    -webkit-transition: color 200ms linear;
    -o-transition: color 200ms linear;
    -moz-transition: color 200ms linear;
    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: 987px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

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

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

div#header div#header_right {
    width: 727px;
    margin-left: 260px;
}

div#header_right div#search {
    height: 36px;
    width: 100%;
    background-image: url(../img/header_line.png);
    background-repeat: repeat-x;
}

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

div#search  button {
    display: none;
}

div#search input[type="text"] {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; 
    -moz-border-radius-topleft: 17px;
    -webkit-border-top-left-radius: 17px;
    border-top-left-radius: 17px;
    -moz-border-radius-bottomleft: 17px;
    -webkit-border-bottom-left-radius: 17px;
    border-bottom-left-radius: 17px;
    border: 4px solid #ebeaeb;
    border-right: 0px;
    height: 27px;
    width: 207px;
    margin-left: 40px;
    padding-left: 21px;
    color: #aaa4aa;
    font-size: 12px;
    float:left;
    font-family: 'Roboto', 'sans-serif';
    -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;
    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;
    -webkit-background-size: 12px 12px;
    -moz-background-size: 12px 12px;
    -o-background-size: 12px 12px;
    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 {
    float: right;
    width: 27px;
    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: 6px;
    color: #493c49;
    cursor: pointer;
    -webkit-transition: backgroun-color 400ms linear;
    -o-transition: backgroun-color 400ms linear;
    -moz-transition: backgroun-color 400ms linear;
    transition: backgroun-color 400ms linear;
}

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

.lHidde {
    display: none;
}

.lActive {
    display: block;
}

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

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

div#header_right nav {
    margin-top: 40px;
    margin-left: 10px;
}

div#header_right nav ul {
    position: relative;
}

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

div#header_right nav ul li a.main {
    padding: 19px;
    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;
    -webkit-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    transition: background-color 300ms linear;


}

div#header_right nav ul li a.main:hover {
    background-color: #efeff0;
}

div#header_right nav ul.hidde {
    position: absolute;
    margin-top: 17px;
    z-index: 1000;
    background-color: #efeff0;
    width: 195px;
    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: 12px;
    color: #493c49;
    padding: 9px 20px;
    border-bottom: 1px solid #e3e3e4;
    display: block;
    -webkit-transition: color 200ms linear;
    -o-transition: color 200ms linear;
    -moz-transition: color 200ms linear;
    transition: color 200ms linear;

}

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

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

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

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

/*middle*/
div#middle {
    height: 435px;
    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;
}

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

div#menu_top {
    width: 260px;
    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;
    vertical-align: middle;
}

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;
    -webkit-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    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: 260px;
    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;
}

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

div#content div#content_left {
    width: 747px;
    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:247px;
}

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;
    -webkit-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    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;
    -webkit-transition: color 300ms linear, background-color 300ms linear;
    -o-transition: color 300ms linear, background-color 300ms linear;
    -moz-transition: color 300ms linear, background-color 300ms linear;
    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/tlo3.jpg);
    background-repeat: no-repeat;
    background-position-x: right;
    position: relative;
}

div#content_left_two div {
    position: absolute;
    top: 60px;
    left: 340px;
    width: 370px;
}

div#content_left_two div img {
    float: left;
    padding-right: 40px;
}

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

}

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: 23px;
}

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

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

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

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

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

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

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

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

}

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

div#partnerzy div div#carusel ul li {
    display: inline-block;
    height: 35px;
    padding-right: 40px;
}
div#partnerzy div div#carusel ul li img {
    height: 35px;
    margin-top: -0px;
    z-index: 1200;
}


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: 40px;
    text-transform: uppercase;
    float: left;
}

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

div#nav {
    width: 987px;
    margin: 0 auto;
    height: 240px;
    background-color: white;
}

div#nav div {
    width: 245px;
    height: 238px;
    border-left: 1px solid #efeff0;
    float: left;
}

div#nav div h4 {
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    text-decoration: none;
    font-size: 13px;
    color: #493c49;
    padding-top: 20px;
    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;
    -webkit-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    transition: color 300ms linear;
}

div#nav div ul li a:hover {
    color: #be7400;
}
footer {
    background-color: #2d2d38;
    height: 100px;
    width: 100%;
}
.footer-wrapper{
display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100px;
}
footer div.footer-wrapper {
    width: 987px;
    margin: 0 auto;
}

footer div p {
    color: white;
    font-size: 11px;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
}


footer div p:nth-of-type(2){
    padding-top: 10px;
}
footer div p:nth-of-type(2) a {
    color: white;
    font-size:11px;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    transition: color 300ms linear;
}

footer div p:nth-of-type(2) 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: 987px;
    margin: 0 auto;
    overflow: auto;
    background-color: white;
}

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 {
    height: 57px;
    border-bottom: 1px solid #efeff0;
    float: left;
    width: 259px;
}

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: 987px;
    float: right;
    background-color: #f0efef;
    position: relative;
}

img#ozdoba {
    position: absolute;
    bottom: -35px;
    left: 259px;
    z-index: 200;
}

div#srodek div#wysrodkowanie {
    overflow: hidden;
}

div#srodek div#wysrodkowanie div#second div {
    width: 259px;
    height: 50px;
    float: left;
    background-color: white;
    padding: 0px;
    margin: 0px;
}

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

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;
    -webkit-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    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;
    -webkit-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    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 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;
    -webkit-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    transition: color 300ms linear;
    vertical-align: middle;
    text-align: left;
    margin-left: -58px;
}
div#srodek div#wysrodkowanie table#przetargi thead tr th span {
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    text-decoration: none;
    font-size: 12px;
    color: #493c49;
    text-transform: uppercase;
    background-color: white;
    -webkit-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    transition: color 300ms linear;
    vertical-align: middle;
    text-align: left;
    margin-left: -58px;
}


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

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 thead tr th:last-of-type {
    width: 728px;
}

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;
    border-left: 1px solid #e3e3e4;
    height: 73px;
    width: 350px;
}
div#srodek div#wysrodkowanie table#przetargi thead tr th:last-of-type div#arch a{
    margin-left: 35px;
    margin-top: 28px;
    color: #959595;
}

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 {
    border-bottom: 1px solid #ebeaeb;
}

div#srodek div#wysrodkowanie table#przetargi tr td {
    padding: 40px 20px;
}

div#srodek div#wysrodkowanie table#przetargi tr:first-of-type td {
    padding: 40px 0px;
}

div#srodek div#wysrodkowanie table#przetargi tr:first-of-type td:first-of-type {
    padding-left: 40px;
}

div#srodek div#wysrodkowanie table#przetargi tr:first-of-type td:nth-of-type(2) {
    padding: 20px 0px;
}

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

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

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

}

div#srodek div#wysrodkowanie table#przetargi tr td:nth-of-type(2) p {
    float: left;
    vertical-align: middle;
    padding-right: 40px;
    width: 70%;
}

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 13px;
    -webkit-transition: color 300ms linear, background-color 300ms linear;
    -o-transition: color 300ms linear, background-color 300ms linear;
    -moz-transition: color 300ms linear, background-color 300ms linear;
    transition: color 300ms linear, background-color 300ms linear;
    float: right;
    vertical-align: middle;
    margin-right: 40px;
}

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 {
    padding-left: 40px;
    padding-right: 0px;
}

div#srodek div#wysrodkowanie table#przetargi tr td:nth-child(1) {
    border-right: 1px solid #ebeaeb
}

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

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

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

div#srodek div#wysrodkowanie table#przetargi tr td:first-of-type hgroup {
    vertical-align: middle;
}

div#srodek div#wysrodkowanie table#przetargi tr:first-of-type hgroup h4 {
    margin-top: -3px;
}

div#srodek div#wysrodkowanie table#przetargi tr td:first-of-type hgroup h4 {
    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 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: 988px;
    padding: 0px;
    margin: 0px;
}

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


div#srodek div#wysrodkowanie div#przetarg div.row:nth-of-type(1) h4 {
    padding: 40px;
}
div#srodek div#wysrodkowanie div#przetarg div.row:nth-of-type(1) p {
    padding: 40px;
}


div#srodek div#wysrodkowanie div#przetarg div.row  h4 {
    padding: 20px 40px;
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 800;
    font-size: 13px;
    width: 172px;
    height: 100%;
    float: left;
    display: block;
}

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

div#srodek div#wysrodkowanie div#przetarg div.row  p {
    padding: 20px 40px;
    color: #493c49;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 13px;
    width: 648px;
    height: 100%;
    float: right;
    border-left: 1px solid #e3e3e4;
}

div#srodek div#wysrodkowanie div#przetarg div.row:last-of-type div {
    padding-top: 20px;
    padding-bottom: 20px;
    float: right;
    width: 728px;
    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-left: 35px;
}


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: 10px;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    font-size: 10px;
    text-transform: uppercase;
    -webkit-transition: border 300ms linear;
    -o-transition: border 300ms linear;
    -moz-transition: border 300ms linear;
    transition: border 300ms linear;
    margin-left:0px;
}

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

div#aktualnosci div#akt_left {
    float: left;
    padding-left: 40px;
    width: 219px;
    height: 100%;
    margin-top: -50px;
    position: relative;
    z-index: 1500;
    background-color: white;
    padding-bottom: 40px;
}

div#aktualnosci div#akt_left div#tabs {
    border: 0px;
    float: left;
    padding-right: 0px;
    width: 215px;
}

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

div#aktualnosci div#akt_left dl {
    margin-top: 0px;
    margin-right: -4px;
}

div#aktualnosci div#akt_left dl dt {
    list-style-type: none;
    padding: 18px 0px;
    border-bottom: 1px solid #e3e3e4;
    height: auto;
    background-color: white;
    -webkit-transition: background-color 600ms linear;
    -o-transition: background-color 600ms linear;
    -moz-transition: background-color 600ms linear;
    transition: background-color 600ms linear;
    margin-right: 0px;
    padding-right:5px;
}

div#aktualnosci div#akt_left dl dt:last-of-type {
    border: 0px;
}

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;
    -webkit-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    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;
    left: 0px;
    -webkit-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    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;


}

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;
    -webkit-transition: color 200ms linear;
    -o-transition: color 200ms linear;
    -moz-transition: color 200ms linear;
    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: 727px;
    float: right;
    border-left: 1px solid #ebeaeb;
    min-width: 400px;
}

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

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 60px 0px 60px;
    padding-top:0px;
    color: #7c727a;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 12px;
    line-height: 23px;
}

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: 60px;
}

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

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

div#aktualnosci div#akt_right > div:last-child {
    border-top: 1px solid #e3e3e4;
    margin-top: 50px;
}

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;
    -webkit-transition: color 300ms linear, background-color 300ms linear;
    -o-transition: color 300ms linear, background-color 300ms linear;
    -moz-transition: color 300ms linear, background-color 300ms linear;
    transition: color 300ms linear, background-color 300ms linear;
    float: right;
    vertical-align: middle;
    margin-right: 60px;
    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: 60px;
}

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: 90px;
}

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

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 70px 0px 70px;
    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 a {
    width: 218px;
    height: 155px;
    position: relative;
}

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

div#tekstowka ul.gallery li a div.mask {
    width: 218px;
    height: 155px;
    background-color: black;
    position: absolute;
    top: -140px;
    left: 0px;
    z-index: 500;
    opacity: 0;
    -webkit-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    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: 636px;
    padding-left: 70px;
    padding-bottom: 20px;
}

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


div.files ul.download li {
    list-style-type: none;
    display: inline-block;
    padding: 0px 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 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;
    -webkit-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    transition: color 300ms linear;
    float: left;
}

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

div.files  ul.download li span {
    color: #b87352;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    font-size: 12px;
    padding-bottom: 3px;
}

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: 740px;
}

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

/*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*/
div#referencje {
    width: 987px;
    height: 100%;
    margin: 0 auto;
    background-color: white;
}

div#referencje div#ref_menu {
    float: left;
    padding-left: 40px;
    width: 219px;
    height: 100%;
    margin-top: -50px;
    position: relative;
    z-index: 1500;
    background-color: white;
}

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;
    -webkit-transition: padding-left 300ms linear;
    -o-transition: padding-left 300ms linear;
    -moz-transition: padding-left 300ms linear;
    transition: padding-left 300ms linear;
}

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

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;
    -webkit-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    transition: opacity 300ms linear;

}

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

}

div#referencje div#ref {
    width: 627px;
    float: left;
    border-left: 1px solid #e3e3e4;
    padding: 50px;
}

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

}

div#referencje div#ref div.referencje {
    width: 183px;
    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: 0px;
    z-index: 200;
    opacity: 0;
    -webkit-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    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:not(.oferta_szczegoly) div:nth-of-type(3n-1) {
    margin-left: 30px;
    margin-right: 30px;
}

/*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: 7px solid #e4e4e5;
}

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.files {
    padding-left:0px;
}






div#referencje div#szybki_kontakt {
    width: 203px;
    height: 238px;
    background-image: url(../img/tabelka.jpg);
    margin-left: -20px;
    text-align: left;
    padding-left: 20px;
    margin-top: 17px;
}

div#referencje div#szybki_kontakt h2 {
    padding: 25px;
    margin-right: 5px;
    font-family: 'Roboto', 'sans-serif';
    font-weight: 900;
    text-decoration: none;
    font-size: 12px;
    color: white;;
    text-transform: uppercase;
    -webkit-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    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;

}

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;
    -webkit-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    transition: color 300ms linear;
}

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

/*Kontakt.php*/
div#kontakt div#kontakt_menu {
    float: left;
    padding-left: 40px;
    width: 219px;
    height: 100%;
    margin-top: -50px;
    position: relative;
    z-index: 1500;
    background-color: white;
    border-right: 1px solid #e3e3e4;
}

div#kontakt div#kontakt_menu ul {
    margin-top: 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 div {
    /*width: 222px;*/
    width:215px;
    /*height: 386px;*/
    min-height: 386px;
    /*background-image: url(../img/tabelka2.jpg);*/
    margin-left: -20px;
    margin-top: 40px;
    margin-bottom: 40px;
    border-left: 4px solid #cb9441;
    border-right: 3px solid #cb9441;
    border-bottom: 5px solid #cb9441;
    background:url(../img/tabelka22.png) no-repeat;
}

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

div#kontakt div#kontakt_menu div p#last {
    padding-top: 65px;
    /*margin-right: 5px;*/
    font-family: 'Roboto', 'sans-serif';
    font-weight: 400;
    text-decoration: none;
    font-size: 11px;
    color: #bf6837;;
    text-transform: uppercase;
    -webkit-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
    padding-left: 20px;
    border-bottom: 1px solid #f0dcd1;
    margin-bottom:63px;
}

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

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

div#kontakt div#kontakt_content {
    width: 627px;
    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: 650px;
    margin: 0 auto;
    margin-top: 30px;
    padding-left: 35px;
}

div#kontakt div#kontakt_content form input[type="text"] {
    width: 292px;
    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 textarea {
    height: 100px;
    width: 600px;
    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: 315px;
    float: right;
    margin-bottom: 25px;
}

div#kontakt div#kontakt_content form div span img {
    margin-right: 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;
    -webkit-transition: color 300ms linear, background-color 300ms linear;
    -o-transition: color 300ms linear, background-color 300ms linear;
    -moz-transition: color 300ms linear, background-color 300ms linear;
    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: 676px;
    padding: 25px;
}

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

div#kontakt div#kontakt_content div#mapa div {
    width: 645px;
    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;
}

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

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

div.realizacje form div.branza.styledCheckbox {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    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;
    -webkit-transition: border 300ms linear;
    -o-transition: border 300ms linear;
    -moz-transition: border 300ms linear;
    transition: border 300ms linear;
    margin: 25px 0px;
    width: 70px;
}

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

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

div.realizacje div#real div.real {
    width: 640px;
    min-height: 225px;
    border: 4px solid #ededed;
    margin: 20px;
    position: relative;
    z-index: 600;
    padding-bottom: 25px;
}

div.realizacje div#real div.real:after
{
    clear:both;
    content:"";
    display:block;
}

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

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;
/*    display:block;
    max-height:50px;
    overflow:Hidden;*/
}

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

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

div.realizacje div#real div.real ul {
    float: right;
}

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;
    -webkit-transition: color 300ms linear, background-color 300ms linear;
    -o-transition: color 300ms linear, background-color 300ms linear;
    -moz-transition: color 300ms linear, background-color 300ms linear;
    transition: color 300ms linear, background-color 300ms linear;
    position: absolute;
    bottom: -10px;
    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: 20px;
    border: 2px solid #ededed;
    z-index: 100;
}

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

/*Tylko na mobile*/
#footer_hidden {
    display: none;
}
#zwin {
    display: none;
}

.szczegoly2 {
    display: none;
}

#zwinReal {
    display: none;
}

div#pagination_ref {
    display: none;
}

#zwinRef {
    display:none;
}

.mobile_visable {
    display: none;
}

#up {
    display: none;
}

#cookiePolisyInfo {
    width:60%;
}
#cookiePolisyInfo div {
    max-width: 900px;
}
#cookiePolisyInfo div div {
    width:80%;
}

div#tekstowka p.naglowek,
p.naglowek,
.naglowek 
{ 
    font-weight:bold; 
    font-size:14px;
}

div.aktu header p.main_akt_date 
{
    margin-bottom:20px;
}

div.aktu  a.title
{
    display:block;
    min-height:40px;
}