@charset "utf-8";

/* CSS Document */
html {
    height: 100%
}

body {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    height: 100%;
    background-color: #044F7A
}

#wrapper {
    width: 100%;
    background-color: #fff;
    overflow: hidden
}

section {}

/*TEKSTOWE*/
h1 {
    border-bottom: 2px solid #0078C1;
    color: #0078C1;
    font-size: 30px;
    padding-bottom: 5px;
}

h2 {
    color: #5d5d5b;
    font-size: 25px;
    border-bottom: 1px solid;
    padding-bottom: 5px
}

h3 {
    color: #5d5d5b;
    ;
    font-size: 22px
}

ul {}

ol {}

p {
    font-size: 15px
}

a {
    color: #0078C1
}

hr {
    border: none;
    height: 1px;
    background: #f07c00
}

blockquote {
    border-color: #f07c00
}

code {
    color: #545452
}

b,
strong {
    font-weight: 700;
}

/*lightbox*/
.image-lightbox .label-text {
    display: block
}

/*BOOTSTRAP: CHANGE*/

.pagination-box {
    clear: both;
    padding-top: 25px
}

.carousel-inner img {
    height: 240px;
    width: 100%;
}

.navbar-brand {
    height: 100px;
    padding: 10px;
}
.navbar-brand img{
    width:80%;
    height: 100%;
}
.img-responsive-top {
    height: 100%
}

.carousel-indicators {
    bottom: -7px;
}

.carousel-control {
    bottom: 0;
    color: #fff;
    font-size: 20px;
    left: 0;
    opacity: 0.2;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    top: 0;
    width: 5%;
}

#main .img-thumbnail:hover {
    background-color: #0078C1
}

#main .img-thumbnail {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    height: auto;
    line-height: 1.42857;
    max-width: 100%;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
}

#main img {
    border: 2px solid #f88e1f;
}


a:focus {
    outline: none;
    text-decoration: none
}

.menu-top-metalube {
    margin-top: 35px
}

.navbar {
    border: none;
    border-bottom: 2px solid #0078C1;
    margin-bottom: 0px;
    min-height: 72px;
    position: relative;
}

.navbar-nav>li>a {
    line-height: 40px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-transform: lowercase;
    font-size: 18px;
    font-weight: 400;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2)
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #0078C1;
    background: url(../gfx/metalube/menu-hover.png) bottom center no-repeat;
}

/**/
#main {
    padding: 0px 0
}

.o-firmie_bg #main {
    background: rgba(256, 256, 256, 1) url(/media/bg/o-firmie.jpg) center bottom fixed no-repeat;
    background-size: cover;
}

.strona-glowna #main {
    /*min-height:100%;*/
    width: 100%;
    background: rgba(256, 256, 256, 1) url(/media/bg/statek2.jpg) center bottom fixed no-repeat;
    background-size: cover;
}

#middle-menu {
    /*min-height:100%;*/
    width: 100%;
    background: rgba(256, 256, 256, 1)
        /*url("/media/bg/olej.jpg") no-repeat fixed top center*/
    ;
    border-bottom: 5px solid #fff
}

#main .container {
    background: rgba(255, 255, 255, 0.8) url(../gfx/metalube/znaczek.png) right bottom no-repeat;
    padding-top: 20px;
    padding-bottom: 20px;
}

/*------------TLA-----------------------*/
.bg-1_statek #main {
    /*min-height:100%;*/
    width: 100%;
    background: rgba(256, 256, 256, 1) url(/media/bg-css/bg-1_statek.jpg) center bottom fixed no-repeat;
    background-size: cover;
}

.bg-2_statek #main {
    /*min-height:100%;*/
    width: 100%;
    background: rgba(256, 256, 256, 1) url(/media/bg-css/bg-2_statek.jpg) center bottom fixed no-repeat;
    background-size: cover;
}

.bg-3_statek #main {
    /*min-height:100%;*/
    width: 100%;
    background: rgba(256, 256, 256, 1) url(/media/bg-css/bg-3_statek.jpg) center bottom fixed no-repeat;
    background-size: cover;
}

.bg-4_statek #main {
    /*min-height:100%;*/
    width: 100%;
    background: rgba(256, 256, 256, 1) url(/media/bg-css/bg-4_statek.jpg) center bottom fixed no-repeat;
    background-size: cover;
}

.bg-5_statek #main {
    /*min-height:100%;*/
    width: 100%;
    background: rgba(256, 256, 256, 1) url(/media/bg-css/bg-5_statek.jpg) center bottom fixed no-repeat;
    background-size: cover;
}

.bg-6_statek #main {
    /*min-height:100%;*/
    width: 100%;
    background: rgba(256, 256, 256, 1) url(/media/bg-css/bg-6_statek.jpg) center bottom fixed no-repeat;
    background-size: cover;
}

.bg-7_statek #main {
    /*min-height:100%;*/
    width: 100%;
    background: rgba(256, 256, 256, 1) url(/media/bg-css/bg-7_statek.jpg) center bottom fixed no-repeat;
    background-size: cover;
}

.bg-8_statek #main {
    /*min-height:100%;*/
    width: 100%;
    background: rgba(256, 256, 256, 1) url(/media/bg-css/bg-8_statek.jpg) center bottom fixed no-repeat;
    background-size: cover;
}

.bg-9_statek #main {
    /*min-height:100%;*/
    width: 100%;
    background: rgba(256, 256, 256, 1) url(/media/bg-css/bg-9_statek.jpg) center bottom fixed no-repeat;
    background-size: cover;
}

.bg-10_statek #main {
    /*min-height:100%;*/
    width: 100%;
    background: rgba(256, 256, 256, 1) url(/media/bg-css/bg-10_statek.jpg) center bottom fixed no-repeat;
    background-size: cover;
}

.bg-11_olej #main {
    /*min-height:100%;*/
    width: 100%;
    background: rgba(256, 256, 256, 1) url(/media/bg-css/bg-11_olej.jpg) center bottom fixed no-repeat;
    background-size: cover;
}

.bg-12_turbina #main {
    /*min-height:100%;*/
    width: 100%;
    background: rgba(256, 256, 256, 1) url(/media/bg-css/bg-12_turbina.jpg) center bottom fixed no-repeat;
    background-size: cover;
}

.bg-13_sruba #main {
    /*min-height:100%;*/
    width: 100%;
    background: rgba(256, 256, 256, 1) url(/media/bg-css/bg-13_sruba.jpg) center bottom fixed no-repeat;
    background-size: cover;
}

.bg-14_huta #main {
    /*min-height:100%;*/
    width: 100%;
    background: rgba(256, 256, 256, 1) url(/media/bg-css/bg-14_huta.jpg) center bottom fixed no-repeat;
    background-size: cover;
}

.bg-15_zapora #main {
    /*min-height:100%;*/
    width: 100%;
    background: rgba(256, 256, 256, 1) url(/media/bg-css/bg-15_zapora.jpg) center bottom fixed no-repeat;
    background-size: cover;
}

.bg-17_koparka #main {
    /*min-height:100%;*/
    width: 100%;
    background: rgba(256, 256, 256, 1) url(/media/bg-css/bg-17_koparka.jpg) center bottom fixed no-repeat;
    background-size: cover;
}

.bg-16_dzwig #main {
    /*min-height:100%;*/
    width: 100%;
    background: rgba(256, 256, 256, 1) url(/media/bg-css/bg-16_dzwig.jpg) center bottom fixed no-repeat;
    background-size: cover;
}

.bg-18_koparka #main {
    /*min-height:100%;*/
    width: 100%;
    background: rgba(256, 256, 256, 1) url(/media/bg-css/bg-18_koparka.jpg) center bottom fixed no-repeat;
    background-size: cover;
}

.bg-19_maszyna #main {
    /*min-height:100%;*/
    width: 100%;
    background: rgba(256, 256, 256, 1) url(/media/bg-css/bg-19_maszyna.jpg) center bottom fixed no-repeat;
    background-size: cover;
}

/*aktualnosci*/
#aktualnosci {
    padding: 15px 0;
    background: #B3C9D6;
    border: 3px solid #fff;
    border-left: none;
    border-right: none;
}

#aktualnosci .newsy {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

#aktualnosci .newsy .news {
    padding: 15px;
}

#aktualnosci .newsy .news h2 {
    font-size: 18px;
    color: #0078C1;
    border-bottom: 1px solid #0078C1
}

#aktualnosci .newsy .news .wiecej {
    text-align: right
}

#aktualnosci .newsy .news .wiecej a:before {
    content: "\00BB";
    margin-right: 5px
}

#aktualnosci .newsy .news .wiecej a:hover {
    text-decoration: none;
}

.footer-list {}

.pagination-box nav ul.pagination {
    margin: 0
}

.footer-list .pagination-sm>li>a,
.pagination-sm>li>span {
    font-size: 10px;
    padding: 5px 10px;
    cursor: pointer;
    color: #414141
}

.footer-list .pagination-sm>li>a,
.pagination-sm>li>span.active {
    font-weight: bold;
    color: #F07C00
}

.footer-list .input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    border-radius: 3px;
    font: 10px Verdana;
    height: 25px;
    padding: 2px 10px;
    width: 59px;
}

/*middle-menu*/
#middle-menu {
    padding: 15px 0
}

#middle-menu .container {
    padding: 0
}

#middle-menu .m-oferta {
    position: relative;
    z-index: 2000;
    font-weight: 400
}

#middle-menu .m-oferta h2 {
    background-color: #0078C1;
    color: #fff;
    font-size: 18px;
    line-height: 48px;
    margin: 0;
    padding-left: 25px;
}

#middle-menu .m-oferta ul {
    border: 1px solid #0078C1;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    background-color: #fff
}

#middle-menu .m-oferta ul li {
    display: block;
}

#middle-menu .m-oferta ul li a {
    font-size: 18px;
    color: #555452;
    display: block;
    padding: 6px 10px 5px 10px;
    margin-right: 5px;
    white-space: nowrap
}

#middle-menu .m-oferta ul li a:hover,
#middle-menu .m-oferta ul li.opened>a {
    text-decoration: none;
    color: #0078C1;
    background: url(../gfx/metalube/menu-hover-m.png) right center no-repeat
}

#middle-menu .m-oferta ul li ul {
    position: absolute;
    left: 100%;
    top: 0;
    background: #fff;
    min-height: 100%;
    border-left: none;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3)
}

#middle-menu .m-oferta ul li ul li {
    display: block;
}

#middle-menu .m-oferta ul li ul li a {
    padding: 5px 10px
}

#middle-menu .m-oferta ul li ul li ul {
    border: 1px solid #F8BE8E;
    top: -1px
}

#middle-menu .m-oferta ul li ul li ul li {}

#middle-menu .m-oferta ul li ul li ul li a {
    display: block;
    font-size: 14px
}

#middle-menu .m-oferta ul li ul li ul li a:hover {
    background-image: none
}

#middle-menu .m-oferta ul li.active-path-to-page>a {
    color: #FDB813;
    background: url(../gfx/metalube/menu-hover-m.png) right center no-repeat
}

/*breadcrumbs*/
.breadcrumb {
    background: none;
    border-radius: 0px;
    list-style: outside none none;
    margin-bottom: 0px;
    padding: 8px 10px;
    border-bottom: 1px solid #cbcbcb;
}

.breadcrumb li div {
    display: none;
}

.breadcrumb>li+li::before {
    color: #898989;
    content: "\000BB";
    padding: 0 5px;
}

/* tableki oleje*/
.taboleje1 {
    margin-bottom: 20px
}

.taboleje1 td {
    padding: 10px;
}

.taboleje .tdoleje,
.tdoleje {
    background: #eeeeee;
    font-weight: 700
}

.taboleje>thead>tr>th,
.taboleje>tbody>tr>th,
.taboleje>tfoot>tr>th,
.taboleje>thead>tr>td,
.taboleje>tbody>tr>td,
.taboleje>tfoot>tr>td {
    text-align: center;
    vertical-align: middle
}

.taboleje .tdoleje1,
.tdoleje1 {
    background: #cfc087;
    text-align: left
}

.taboleje .tdoleje2,
.tdoleje2 {
    background: #ffdf5c;
    text-align: left
}

/*slider*/
.slider {
    height: 238px;
    overflow: hidden
}

/*footer*/
.footer {
    background: #044F7A;
    width: 100%;
    min-height: 50px;
}

.footer .f-right,
.footer .f-left {
    padding: 10px 0
}

.footer .f-right p {
    color: #fff;
    font: 10px Verdana, sans-serif;
    margin: 10px;
    text-align: right;
}

.footer .f-right p a.best-group {
    background: rgba(0, 0, 0, 0) url("../gfx/logo_footer.gif") no-repeat scroll left top;
    display: inline-block;
    height: 10px;
    vertical-align: middle;
    width: 80px;
}

.footer .f-left p {
    color: #fff;
    font: 10px Verdana, sans-serif;
    margin: 10px;
}

/**/

a.list-group-item.selected {
    background-color: #0078C1;
    color: #fff
}

/**/
@media (max-width: 768px) {

    #middle-menu .m-oferta h2 {
        cursor: pointer
    }

    .navbar {
        min-height: 50px;
    }

    .navbar-nav>li>a {
        line-height: 25px;
        font-size: 14px
    }

    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:hover,
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        background: #0078C0;
        color: #fff;
    }

    #middle-menu {
        padding: 5px 0;
    }

    #middle-menu .m-oferta ul li ul {
        position: static;
        background: #fff;
        min-height: 100%;
        border: none;
        box-shadow: none
    }

    #middle-menu .m-oferta ul li ul li ul {
        border: none;
        background: #ddd;
        padding-left: 5px
    }

    #middle-menu .m-oferta ul li ul li ul li ul {
        border: none;
        background: #4D4D4D;
        color: #fff;
        padding-left: 5px
    }

    #middle-menu .m-oferta ul li ul li ul li ul li a {
        color: #fff
    }

    #middle-menu .m-oferta ul li a:hover,
    #middle-menu .m-oferta ul li.opened>a {
        text-decoration: none;
        color: #ee7d00;
        background: url(../gfx/metalube/menu-hover.png) right center no-repeat
    }

    #main {
        padding: 0
    }

    .strona-glowna #main {
        background-image: none;
    }

    .strona-glowna #middle-menu {
        background-image: none
    }

    .navbar-brand {
        height: 50px;
        padding: 15px;
    }
}

/* googleMaps */
#mapy {
    width: 100%;
    background: #B5B5B5;
}

#mapy .mapa {
    padding-top: 10px;
    padding-bottom: 10px
}

#mapy .mapa h3 {
    background: #FDB812 none repeat scroll 0 0;
    margin: 0;
    padding: 10px;
    color: #fff
}

.save-widget {
    width: 220px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    background-color: white;
    padding: 10px;
    font-family: Roboto, Arial;
    font-size: 13px;
    margin: 15px;
}

/*oferta mapa serwisu*/


.oferta {}

.oferta ul {
    list-style: none;
    margin: 15px 0;
    padding: 0
}

.oferta ul li {
    margin: 2px 0;
}

.oferta ul li a {
    display: block;
    background: rgba(200, 200, 200, 0.6) url(../gfx/profitoleje/menu-hover-m.png) left center no-repeat;
    padding: 5px 5px 5px 15px;
    text-decoration: none
}

.oferta ul li a:hover {
    background: #909090;
    color: #fff
}

.m-oferta h2 .navbar-toggle {
    border: 1px solid #fff
}

.m-oferta h2 .navbar-toggle .icon-bar {
    background: #fff
}

/*service map image*/
.serwis-map-img .thumbnail:hover {
    border: 1px solid #0078C1
}

.thumbnail .caption {
    text-align: center;
}

.thumbnail a:hover {
    text-decoration: none;
    color: #0078C1;
}

.thumbnail a:hover .caption h3 {
    color: #0078C1 !important;
    text-decoration: none
}

.list-group-panel h3 {
    background: #dddddd none repeat scroll 0 0;
    border-radius: 5px;
    margin: 15px 0 -5px;
    padding: 10px 10px 20px;
    font-size: 20px;
}


.apdf {
    background: rgba(0, 0, 0, 0) url("/media/icon/pdf.png") no-repeat scroll 0 0;
    display: inline-block;
    padding: 7px 45px;
}

.apdf:hover {
    color: red;
    text-decoration: none;
    background-position: 5px 0px
}

.aimage,
.show-bigger-aimage {
    background: rgba(0, 0, 0, 0) url("/media/icon/img.png") no-repeat scroll 0 0;
    display: inline-block;
    padding: 7px 45px;
}

.aimage:hover,
.show-bigger-aimage:hover {
    color: red;
    text-decoration: none;
    background-position: 5px 0px
}

#cookies_info {
    background: #e7e7e7 none repeat scroll 0 0;
    bottom: 0;
    opacity: 0.9;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#cookies_info .ck-inner {
    margin: 0 auto;
    padding: 25px 0;
    /*width: 900px;*/
}

#cookies_info .ck-inner .ck-content {
    display: inline-block;
    /** width: 636px;*/
}

#cookies_info .ck-inner .ck-accept {
    background-color: #f7f7f3;
    border: 1px outset #43a1c8;
    box-shadow: 0 0 1px #00597b;
    color: #fd7b01;
    cursor: pointer;
    display: inline-block;
    float: right;
    margin: 18px 12px 16px 24px;
    padding: 6px 20px;
    text-align: center
}

#cookies_info .ck-inner .ck-accept:hover {
    box-shadow: 0 0 6px #00597b;
}

#cookies_info .ck-inner .ck-accept span {}