/* TOP - MENU  */
body { background:#fff; font-size:15px; font-family: 'Open Sans', 'Arial', sans-serif;}
.ukryj { display: none !important; }

.tytul { font-size:32px; font-weight:400; text-transform:uppercase; }
.tytul img { margin-right:20px; }
.tresc { font-size:15px; padding-top:20px; line-height:26px; font-weight:300; color:#444; }
a { text-decoration:none !important; }

/* MENU GŁÓWNE */
.menu-con { padding:0px; position: relative; z-index: 600; height:80px; border:0px solid #000; }
.menu-con .navbar-default { border-top:2px solid #fff; background: url('../../img/grafika/tlo-niebieskie.png') repeat top center; }
.menu-con .navbar-static-top .container {  position:relative; text-align:center; }
.menu-con .navbar-fixed-top .container {  position:relative;  }
#navbar { background: none; border: 0px solid #000;  }

.logo { display:block; position:absolute; top:0px; left:10px; z-index: 600; background:#fff; padding:15px 30px; border-bottom-left-radius:15px; border-bottom-right-radius:15px;  }
.logo a { display:block; }
.logo img { max-width:100%; height:auto; }
.menu { padding:0px; }

.menu-glowne { float:right; padding:0px; z-index:2; margin:0px auto; position:relative; text-align:center; border:0px solid #f00; }
.menu-con .menu a { float:left; font-size:15px; display:inline-block; color:#fff; padding:30px 20px; text-decoration:none; text-transform:uppercase; }
.menu-con .menu a.activ { color:#f2d847 !important; }
.menu-con .menu a:hover { color:#f2d847; }

.menu-con .rozwijane { position:relative; float:left; display:inline-block;  }
.menu-con .rozwijane-podmenu { display:none; position:absolute; left:0px; top:80px; padding:0px 0px; border-bottom:3px solid #1664a0; }
.menu-con .rozwijane-podmenu a { display:block; text-align:left !important; padding:7px 20px; width:100%; font-size:14px; }
.menu-con .rozwijane-podmenu a:hover { background:#f2d847; color:#333; }
.menu-con .rozwijane:hover .rozwijane-podmenu { display:block; background-color:#134975; width:200px; }

/* SLIDER */
#slider { position:relative; overflow:hidden; background:#eee; padding:0px; }
#slider .sekcja { display:table; float:left; padding:530px 0px 0px 0px; }
#slider .sekcja > div { text-align:right; }
#slider .sekcja .slider-tresc { display:table-cell; vertical-align:middle; padding:20px 50px; background: url('../../img/grafika/tlo-niebieskie.png') repeat-x top center; background-size: 2px 100%; border-radius:15px; }
#slider .sekcja .slider-tresc img { margin-left:30px; }
#slider .sekcja .slider-naglowek { vertical-align:middle; font-size:32px; font-weight:400; text-transform:uppercase; color:#fff; margin-top:20px; }
#slider .sekcja a { text-decoration:none;  }

.carousel { width:100%; margin-bottom:0px; }
.carousel .item { width:100%; height:700px; text-align:center;  }
.carousel .container { position: relative; }
.carousel-indicators { bottom:5px; left:15px; margin-left:0; width:auto; text-align: right;}
.carousel-indicators li { display:inline-block; width:13px; height:13px; margin-right:17px !important; text-align:center !important; background:#fff; }
.carousel-indicators li.active { background:#0d70b7; }

/* BOX PRODUCENCI */
#box-producenci { padding:60px 0px; border-bottom:1px solid #eee; }
#box-producenci a { display:inline-block; }
#box-producenci a:hover { opacity:0.8; }
#box-producenci img { max-width:100%; height:auto; border-radius:15px;  }
#box-producenci .box { padding:0px 50px; }
#box-producenci .box.border {  border-right:1px solid #eee; }
#box-producenci .box > div { padding:0px; }
#box-producenci .tytul { font-size:17px; text-transform:uppercase; font-weight:600; color:#222; margin-top:25px; }
#box-producenci .podtytul { font-size:15px; font-weight:300; color:#555; margin-top:10px; line-height:26px; }
#box-producenci .wiecej { display:inline-block; font-size:15px; padding:10px 20px; color:#fff; margin-top:15px; border-radius:15px; background: url('../../img/grafika/tlo-niebieskie.png') repeat-x top center; background-size: 2px 100%; }
#box-producenci .punkt { display:inline-block; width:9px; height:9px; margin-left:40px; background-color:#fff; border-radius:15px; margin-bottom:1px; }

/* BOX KIM JESTESMY */
#box-kimjestesmy { padding:50px 0px; }
#box-kimjestesmy img { max-width:100%; height:auto; }
#box-kimjestesmy .tresc { text-align:justify;  }
#box-kimjestesmy .lewa { padding-right:50px; border-right:1px solid #eee; }
#box-kimjestesmy .prawa { padding-left:50px; }
#box-kimjestesmy .logo-dzial { background-color:#134975; color:#fff; border-radius:15px; padding:30px 10px 20px 10px; margin-top:30px; }
#box-kimjestesmy .logo-dzial img { display:block; margin:0 auto; margin-bottom:20px; }

/* BOX FORMULARZ KONTAKTOWY  */
#box-formularz { padding:50px 0px; color:#fff; background: url('../../img/tla/tlo-formularz.png') no-repeat top center; background-size: cover; }
#box-formularz .tresc { color:#fff; }
#box-formularz .pasek { height:1px; background-color:#ddd; margin:20px 0px 30px 0px;  }
#box-formularz a { color:#fff;  }
#box-formularz img { max-width:100%; }
#box-formularz .tresc.formularz { padding:20px 0px 0px 0px !important; text-align:justify; }
#box-formularz .kol-1 { padding:0px 30px !important; }
#box-formularz .kol-2 { padding:0px 30px !important; }
#box-formularz form { float:left; width:100%; padding:20px 0px 0px 0px; }
#box-formularz textarea, #seg-formularz button,
#box-formularz input { border:1px solid #eee; border-radius:0px; box-shadow:none; }
#box-formularz .btn-send { color:#333; background:#eee; font-size:15px; width:130px; height:34px; border:0; padding:0px; border-radius:0px;}
#box-formularz .btn-send:hover { text-decoration: underline; color:#eee;}
#box-formularz textarea { height:83px !important;}

/* DZIAŁY TEKSTOWE */
#dzialy-tekstowe { padding:40px 0px 45px 0px; }

/* PRODUCENCI */
#producenci { padding:40px 0px 0px 0px; }
#producenci .sekcja { padding:0px 0px 50px 0px; }
#producenci .tytul { margin:0px; }
#producenci a:hover { opacity:0.8; }
#producenci .wiecej { display:inline-block; font-size:15px; padding:10px 20px; color:#fff; margin-top:15px; border-radius:15px; background: url('../../img/grafika/tlo-niebieskie.png') repeat-x top center; background-size: 2px 100%; }
#producenci .wiecej.powrot { margin-top:30px; }
#producenci .punkt { display:inline-block; width:9px; height:9px; margin-left:40px; background-color:#fff; border-radius:15px; margin-bottom:1px; }
#producenci .zdjecia { padding:15px 15px 0px 15px; }
#producenci .fota { border:1px solid #eee; }
#producenci .fota img { width:100%; height:auto; }
#producenci .zdjecia a { display:inline-block; width:100%; color:#888; font-size:13px; text-align:center; margin-top:3px; }










/* FOOTER */
#footer { padding:15px 0px 30px 0px; text-align:left; color:#666; font-size:14px; text-transform:uppercase;  }
#footer a { float:left; color:#666; padding:0px; margin-right:30px; margin-top:15px;  }
#footer a:hover {  color:#134975; text-decoration:none; }
#footer a.activ {  color:#134975;  }
#footer .podpis { padding-top:15px; color:#888; font-size:13px; line-height: 25px; }


/* COOKIE */
#cookie_msg { position: fixed;  bottom:0; padding: 5px 0 0 0; z-index: 999; background: #333; width:100%;}
#cookie_msg .cookie_msg { padding: 10px 0; color:#eee; overflow: hidden; font-size:12px;line-height: 17px; text-align:center;}
#cookie_msg .cookie_msg a { font-style: normal; color:#eee; font-weight: bold; text-decoration: none; }
#cookie_msg #cookie_msg_close {  }
#cookie_msg a:hover { color:#777;}

#jq-my-img-box { width:100% !important;}
#jq-my-img-box .modal-dialog { }
#jq-my-img-box .modal-dialog .modal-body { text-align:center;}
#jq-my-img-box .modal-dialog .modal-body img { /*max-width:100%;*/ filter:alpha(opacity=0); opacity:0;}
#jq-my-img-box .modal-dialog .modal-body img.loader { position:absolute; left:48%; top:100%; filter:alpha(opacity=100); opacity:1; }
#jq-my-img-box .modal-footer button { outline: none;}
#box-img-btn-prev.disabled, #box-img-btn-next.disabled { color:#aaa; }



/* lg */
@media (min-width: 1200px) {

}

/* lg */
@media (max-width: 1200px) {
    
}


/* md */
@media (min-width: 992px) and (max-width: 1200px) {
    
    .tytul { font-size:26px; }
    .tytul img { margin-right:15px; }
    .tresc { font-size:14px; padding-top:15px; line-height:25px; }
    
    /* MENU GŁÓWNE 1 */
    .logo { width:320px; padding:18px 25px; }
    .menu-con .menu a { font-size:14px; padding:31px 15px; }
    .menu-con .rozwijane-podmenu a { font-size:13px; padding:7px 20px; }
    
    /* SLIDER 1 */
    #slider .sekcja { padding:395px 0px 0px 0px; }
    #slider .sekcja .slider-tresc { padding:15px 40px; }
    #slider .sekcja .slider-tresc img { margin-left:25px; height:55px; }
    #slider .sekcja .slider-naglowek { font-size:28px; }
    .carousel .item { height:550px; text-align:center; }

    /* BOX PRODUCENCI 1 */
    #box-producenci { padding:50px 0px; }
    #box-producenci .box { padding:0px 40px; }
    #box-producenci .tytul { font-size:16px; margin-top:20px; }
    #box-producenci .podtytul { font-size:14px; margin-top:10px; line-height:25px; }
    #box-producenci .wiecej { margin-top:10px; }

    /* BOX KIM JESTEŚMY 1 */
    #box-kimjestesmy { padding:40px 0px; }
    
    /* BOX FORMULARZ KONTAKTOWY 1 */
    #box-formularz { padding:40px 0px; }
    
    /* DZIAŁY TEKSTOWE 1 */
    #dzialy-tekstowe { padding:30px 0px 35px 0px; }
    
    /* FOOTER 1 */
    #footer a { margin-right:20px; margin-top:10px; font-size:14px; }

}

/* sm */
@media (min-width: 768px) and (max-width: 992px) {
    
    .tytul { font-size:21px; }
    .tytul img { margin-right:10px; }
    .tresc { font-size:13px; padding-top:10px; line-height:24px; }
    
     /* MENU GŁÓWNE 2 */
    .logo { width:250px; padding:24px 20px; }
    .menu-con .menu a { font-size:13px; padding:31px 15px; }
    .menu-con .rozwijane-podmenu a { font-size:13px; padding:7px 20px; }

    /* SLIDER 2 */
    #slider .sekcja { padding:320px 10px 0px 0px; }
    #slider .sekcja .slider-tresc { padding:10px 30px; }
    #slider .sekcja .slider-tresc img { margin-left:20px; height:50px; }
    #slider .sekcja .slider-naglowek { font-size:21px; }
    .carousel .item { height:450px; text-align:center;  }
    
    /* BOX PRODUCENCI 2 */
    #box-producenci { padding:45px 0px; }
    #box-producenci .box { padding:0px 30px; }
    #box-producenci .tytul { font-size:15px; margin-top:20px; }
    #box-producenci .podtytul { font-size:13px; margin-top:5px; line-height:24px; }
    #box-producenci .wiecej { margin-top:10px; }

    /* BOX KIM JESTEŚMY 2 */
    #box-kimjestesmy { padding:35px 0px; }
    
    /* BOX FORMULARZ KONTAKTOWY 2 */
    #box-formularz { padding:35px 0px; }
    
    /* DZIAŁY TEKSTOWE 2 */
    #dzialy-tekstowe { padding:20px 0px 25px 0px; }

    /* FOOTER 2 */
    #footer a { margin-right:15px; margin-top:5px; font-size:13px; }
    

}

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

}

/* > xs */
@media (min-width: 768px) {
    
    .menu-glowne .dropdown:hover > .dropdown-menu { display: block !important; }
    .menu-glowne .dropdown .dropdown-menu .dropdown:hover .dropdown-menu { display: block !important; }
}

/* xs */
@media (max-width: 768px) {
    
    .tytul { font-size:25px; }
    .tytul img { margin-right:10px; }
    .tresc { font-size:14px; padding-top:10px; line-height:25px; }
    
    body { padding-top:66px;}
    #navbar { position: relative; left:auto; top:auto; height:auto; width:auto; text-align: center;}

    /* MENU 3 */
    .menu-con {  height:40px; background-color:#fff;  } 
    .menu-con .container { padding:0px 0px 0px 0px; } 
    .menu-con .logo-male { position:absolute; top:10px; left:14px; margin:0; padding:10px; background:#fff; border-radius:10px; }
    .menu-con .logo-male img { width:134px; }
    
    .menu-con .navbar-static-top {   }
    .menu-con .navbar-toggle { margin-top:13px; }
    .menu-con { height:66px; position: fixed; top:0; z-index: 400; width:100%; padding:0;}
    .menu-con .navbar-header { margin-right:0px; margin-top:5px; margin-bottom: 8px;}
    .menu-con .navbar-collapse { padding:0; margin:0;}
    .menu-con .navbar-default .navbar-toggle .icon-bar { background-color:#fff; }
    
    .menu-glowne { float:none; padding:0; margin:0; background:#134975; height:auto; border-radius: 0;}
    .menu-glowne a { width:100%; text-align:left; border-top:1px solid #eee; padding:10px 20px !important; }
    .menu-glowne a:hover { background-color:#0d70b7; color:#fff !important; }
    .menu-glowne .rozwijane { width:100%; text-align:left; }
    .menu-glowne .rozwijane-podmenu { position:relative; top:0px; float:left; display:block; width:100%; border:0px solid; padding:0px; }
    .menu-glowne .rozwijane-podmenu a { padding-left:40px !important; background-color:#f9f9f9; color:#333 !important; }
    .menu-con .rozwijane:hover .rozwijane-podmenu { display:block; width:100%; }
    .menu-glowne .dropdown.open .dropdown-menu { display: block !important; }

    /* SLIDER 3 */
    #slider .xs.container { height:305px; padding:0px; }
    #slider .sekcja { position:absolute; bottom:0px; padding:0px 15px; width:100%; }
    #slider .sekcja > div { text-align:center; }
    #slider .sekcja .slider-tresc { display:block; padding:5px 5px 5px 5px; width:100%; }
    #slider .sekcja .slider-tresc img { margin-left:20px; height:40px; }
    #slider .sekcja .slider-naglowek { font-size:18px; }
    .carousel .item { height:350px; text-align:center;  }
    .carousel-indicators { bottom:0px; left:0px; margin-left:0; width:auto; text-align:center; width:100%; }
    .carousel-indicators li { display:inline-block; width:13px; height:13px; margin:0px 10px !important;  }

    /* BOX PRODUCENCI 3 */
    #box-producenci { padding:50px 0px 0px 0px; }
    #box-producenci .box { padding:0px 20px 50px 20px; }
    #box-producenci .tytul { font-size:15px; margin-top:20px; }
    #box-producenci .podtytul { font-size:13px; margin-top:10px; line-height:25px; }
    #box-producenci .wiecej { display:inline-block !important; margin-top:10px; }

    /* BOX KIM JESTESMY 3 */
    #box-kimjestesmy { padding:40px 0px 50px 0px; }
    #box-kimjestesmy .lewa { padding-right:15px; border-right:0px solid; }
    #box-kimjestesmy .prawa { padding-left:15px; }    
    #box-kimjestesmy .linia { margin:20px 0px; border-bottom:1px solid #eee; }
    
    /* BOX FORMULARZ KONTAKTOWY 3 */
    #box-formularz { padding:40px 0px; }    
    
    /* DZIAŁY TEKSTOWE 3 */
    #dzialy-tekstowe { padding:30px 0px 40px 0px; }    
   
    /* FOOTER 3 */
    #footer { padding:15px 0px 30px 0px; font-size:14px; }
    #footer a { margin-right:20px; margin-top:10px; font-size:13px; }
    #footer .podpis { float:left; padding-top:10px; font-size:13px; line-height:22px;   }
    
    
}

@media (max-height: 300px) {}
@media (max-width: 415px) {}
/* < xs 3/4 */
@media (max-width: 574px) {}
/* > xs /2 */
@media (min-width: 384px) and (max-width: 768px) {}
/* xs - max */
@media (max-width: 384px) {}