a{
    text-decoration: none;
}
img{
    border: none;
}
body{
    margin: 0;
    padding: 0;
    font-family: arial;
}

.clear{
    clear: both;
    overflow: hidden;
    height: 5px;
}
/* -------------- body -------------- */
#index{
    background: url('../img/top.jpg') no-repeat center top;
}
#produkty{
    background: url('../img/top3.jpg') no-repeat center top;
}
#other{
    background: url('../img/top2.jpg') no-repeat center top;
}

/* -------------- page -------------- */
header{
    max-width: 980px;
    min-height: 84px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}
header #logo{
    float: left;
    /*width: 412px;*/
    margin-top: 10px;
}
header nav#menu{
    float: right;
    overflow: hidden;
    /*width: 500px;*/
    min-height: 48px;
    margin-top: 36px;
}
header nav#menu ul{
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
}
header nav#menu ul li{
    float: left;
    overflow: hidden;
    font-family: Lato;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 10px;
    height: 48px;
}
header nav#menu ul li a{
    color: #d93130;
}
header nav#menu ul li:hover{
    background: url('../img/arrow-top.png') no-repeat center bottom;
}
header nav#menu ul li.select{
    background: url('../img/arrow-top.png') no-repeat center bottom;
}

header nav#lang{
    width: 110px;
    height: 26px;
    overflow: hidden;
    background: #f5f5f5;
    margin-left: 870px;
    position: absolute;
}
header nav#lang ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
header nav#lang ul li{
    float: left;
    font-size: 12px;
    font-family: Arial;
    color: #464646;
    font-weight: 700;
    margin: 5px;
}
header nav#lang ul li a{
    color: #464646;
}
header nav#lang ul li.select a{
    color: #d93130;
}
header nav#lang ul li:hover a{
    color: #d93130;
}

footer{
    width: 100%;
    height: 182px;
    clear: both;
    overflow: hidden;
    background: url('../img/foot.jpg') no-repeat center top;
    background-size: 180% 120%;
}
footer section#foot{max-width: 1000px;clear: both;overflow: hidden;margin: 15px auto;}
footer section#foot article#f1{
    float: left;
    overflow: hidden;
    max-width: 225px;
    color: #fff;
    font-family: Lato;
    font-size: 13px;
    margin: 40px 0 0 190px;
}
footer section#foot article#f2{
    float: left;
    overflow: hidden;
    max-width: 270px;
    color: #fff;
    font-family: Lato;
    font-size: 12px;
    margin: 2px 0 0 35px;
}
footer section#foot article#f2 p{
    margin: 0;
}
footer section#foot article#f3{
    float: left;
    overflow: hidden;
    max-width: 225px;
    color: #fff;
    font-family: Lato;
    font-size: 12px;
    margin: 45px 0 0 35px;
}
footer section#foot article#f3 a{
    color: #fff;
}



section#page{
    clear: both;
    overflow: hidden;
    width: 980px;
    /*height: 297px;*/
    min-height: 400px;
    margin: 0 auto;
    padding-bottom: 30px;
}

/* -------------- startowa -------------- */
section#fader{
    max-width: 980px;
    height: 340px;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
}
section#fader #slider{
    max-width: 635px;
    height: 223px;
    overflow: hidden;
    margin: 35px 0 0 0px;
}

section#startowa{
    max-width: 980px;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
}
section#startowa article{
    float: left;
    max-width: 630px;
    overflow: hidden;
}
section#startowa #galeria{
    width: 280px;
    text-align: center;
    text-align: -webkit-center;
}
section#startowa article > h1{
    margin: 0;
    padding: 0;
    color: #b53534;
    font-family: arial;
    font-size: 14px;
}
section .mainText > div{
    /*font-size: 12px;
    font-family: arial;
    color: #464646;
    font-weight: bold;
    line-height: 130%;
    clear:both;
    overflow: hidden;
    margin: 10px 0;*/
}
section#startowa article > div > h1{margin: 0;padding: 0;color: #585757;font-family: Lato, Arial;font-size: 15px;}
section#startowa aside{
    float: right;
    max-width: 290px;
    overflow: hidden;
    padding-bottom: 5px;
}
section#startowa aside h2{
    color: #b53534;
    font-size: 14px;
    font-family: arial;
    margin: 0;
    padding: 0;
}

section#startowa aside > div{
    width: 250px;
    clear: both;
    overflow: hidden;
    padding: 15px;
    background: #f6f6f6;
    margin-top: 5px;
    box-shadow: 1px 1px 2px #ccc;
}
section#startowa aside > div span{
    display: block;
    font-size: 11px;
    color: #b53434;
    font-weight: bold;
}
section#startowa aside > div h3{
    display: block;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    margin: 0;
    margin-top: 8px;
}
section#startowa aside > div p{
    font-size: 12px;
    font-family: arial;
    color: #464646;
    margin: 0;
    margin-top: 5px;
    padding: 0;
    padding-top: 5px;
    border-top: 1px solid #fff;
}


/* -------------- kontakt -------------- */
section#kontakt{
    float: left;
    width: 255px;
    overflow: hidden;
}
section#kontakt h1{
    color: #fff;
    font-family: Lato;
    text-transform: uppercase;
    font-size: 20px;
    margin: 45px auto 80px;
}
section#kontakt > div{
    clear: both;
    overflow: hidden;
    font-size: 12px;
    font-family: arial;
    color: #585757;
    line-height: 150%;
}

section#form{
    float: left;
    width: 300px;
    overflow: hidden;
    margin: 215px 0 0 15px;
}
section#form input.inp{
    display: block;
    width: 240px;
    padding: 5px;
    font-size: 12px;
    font-family: arial;
    color: #333;
    clear: both;
    overflow: hidden;
    border: 1px solid #ececec;
    margin-bottom: 8px;	
}
section#form textarea{
    display: block;
    width: 288px;
    height: 100px;
    padding: 5px 5px 20px 5px;
    font-size: 12px;
    font-family: arial;
    color: #333;
    clear: both;
    overflow: hidden;
    border: 1px solid #ececec;
}
section#form input[type=submit]{
    height: 21px;
    width: 70px;
    background: #c43c37 url('../img/more-arrow.png') no-repeat top right;
    border: none;
    color: #fff;
    font-size: 11px;
    font-family: tahoma;
    margin: -15px 0 0 230px;
    cursor: pointer;
    display: block;
    resize: none;
}

section#mapa{
    float: right;
    width: 335px;
    overflow: hidden;
    margin: 170px 0 0 0px;
}
section#mapa h2{
    font-size: 12px;
    font-family: arial;
    color: #585757;
    font-weight: 100;
    margin: 5px 0;
}
section#mapa #map{
    width: 300px;
    height: 300px;
    border: 1px solid #b0aeae;
}

/* -------------- tekstowa -------------- */
section#tekstowa{
    clear: both;
    width: 980px;
    overflow: hidden;
}
section#tekstowa > h1{
    color: #fff;
    font-family: Lato;
    text-transform: uppercase;
    font-size: 20px;
    margin: 40px auto 90px;
}
section .mainText > div{
    float: left;
    overflow: hidden;
    max-width: 645px;
    font-size: 13px;
    font-family: Lato;
    color: #585757;
}
section#tekstowa > div > h1{margin: 0;padding: 0;color: #585757;font-family: Lato, Arial;font-size: 15px;}

article#galeria{
    float: right;
    width: 175px;
    overflow: hidden;
    margin: 30px 55px 0 0;
}
article#galeria .foty{
    border: 1px solid #999898;
    width: 173px;
    height: 129px;
    cleaR: both;
    overflow: hidden;
    margin-bottom: 8px;
}

/* -------------- aktualności -------------- */
section#news-list{
    clear: both;
    width: 980px;
    overflow: hidden;
}
section#news-list > h1{
    color: #fff;
    font-family: Lato;
    text-transform: uppercase;
    font-size: 20px;
    margin: 40px auto 90px;
}
section#news-list > div{
    clear: both;
    width: 980px;
    overflow: hidden;
}
section#news-list > div > div.news{
    clear: both;
    overflow: hidden;
    border: 1px solid #f7f7f7;
    background: #fefefe;
    padding: 25px 20px;
    width: 928px;
    margin-bottom: 10px;
}
section#news-list > div > div.news > span{
    float: left;
    font-size: 12px;
    font-family: arial;
    color: #b53434;
    font-weight: bold;
    display: block;
}
section#news-list > div > div.news > h2{
    float: left;
    font-size: 12px;
    font-family: arial;
    color: #585757;
    font-weight: bold;
    display: block;
    margin: 0;
    padding: 0;
    margin-left: 3px;
}
section#news-list > div > div.news > div{
    clear: both;
    overflow: hidden;
    font-size: 12px;
    font-family: arial;
    color: #585757;
    line-height: 120%;
    padding-top: 5px;
}

/* -------------- submenu -------------- */
aside#submenu{
    float: left;
    overflow: hidden;
    max-width: 242px;
    width: 100%;
}
aside#submenu nav{

}
aside#submenu nav ul.first{
    margin: 0;
    padding: 0;
    list-style: none;
}
aside#submenu nav ul.first > li{
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #b8b8b9;
    /*border-right: 1px solid #b8b8b9;*/
    margin-bottom: 2px;
}
aside#submenu nav ul.first > li > a{
    width: 213px;
    height: auto;
    display: block;
    background: url('../img/sub-arrow.png') no-repeat 0 6px;	
    padding: 13px 0 0 25px;
    font-size: 12px;
    font-family: Lato;
    color: #585757;
    text-transform: uppercase;
}
aside#submenu nav ul.first > li > a:hover{
    color: #b6433f;
    font-weight: 700;
    background: url('../img/sub-arrow.png') no-repeat 0 -38px;
}
aside#submenu nav ul.first > li > a.select{
    color: #b6433f;
    font-weight: 700;
    background: url('../img/sub-arrow.png') no-repeat 0 -38px;
}

aside#submenu nav ul.first > li > ul.sec{
    margin: 0;
    padding: 0;
    list-style: none;
}
aside#submenu nav ul.first > li > ul.sec > li{
    clear: both;
    overflow: hidden;
    width: 210px;
    margin-left: 25px;
}
aside#submenu nav ul.first > li > ul.sec > li > a{
    display: block;
    width: 210px;
    padding: 5px 0;
    font-size: 12px;
    font-family: Lato;
    color: #585757;
    text-transform: uppercase;
}
aside#submenu nav ul.first > li > ul.sec > li > a:hover{
    color: #b6433f;
    font-weight: 700;
}
aside#submenu nav ul.first > li > ul.sec > li > a.select{
    color: #b6433f;
    font-weight: 700;
}

aside#submenu nav ul.first > li > ul.sec > li > ul.thi{
    margin: 0 0 0 20px;
    padding: 0;
    list-style: disc;
    color: #585757;
}
aside#submenu nav ul.first > li > ul.sec > li > ul.thi > li{
    clear: both;
    /*overflow: hidden;*/
    width: 210px;
    margin-left: 0px;
}
aside#submenu nav ul.first > li > ul.sec > li > ul.thi > li > a{
    display: block;
    width: 210px;
    padding: 5px 0;
    font-size: 12px;
    font-family: Lato;
    color: #585757;
    text-transform: uppercase;
}
aside#submenu nav ul.first > li > ul.sec > li > ul.thi > li > a.select{
    color: #b6433f;
    font-weight: 700;
}
aside#submenu nav ul.first > li > ul.sec > li > ul.thi > li > a:hover{
    color: #b6433f;
    font-weight: 700;
}

/* -------------- produkt -------------- */
section#produkt{
    clear: both;
    width: 980px;
    overflow: hidden;
}
section#produkt > h1{
    color: #fff;
    font-family: Lato;
    text-transform: uppercase;
    font-size: 20px;
    margin: 40px auto 42px;
}
section#produkt > div{
    clear: both;
    max-width: 980px;
    overflow: hidden;
}
section#produkt > div article{
    float: right;
    overflow: hidden;
    max-width: 700px;
}
section#produkt > div article > h2{
    color: #333;
    font-family: Lato;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 40px;
    /*margin: 40px auto 90px;*/
}
section#produkt > div article > div.tresc{
    cleaR: both;
    overflow: hidden;
    font-size: 12px;
    font-family: Arial;
    color: #464646;
    line-height: 150%;
}

/*bootstrap*/
.container-fluid{
    padding-right: 0 !important;
}
.navbar-default{
    border-color: transparent !important;
    background-color: transparent  !important;
}
.navbar-collapse{
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.navbar-toggle{
    margin-right: 0;
}

.navbar-fixed-side{
    position: relative !important;
    overflow: hidden;
}

/*Facebook taken from http://skrypty.klocus.pl/2011/07/wysuwany-slider-like-box-facebooka.html*/
/* glowny div z like box'em */
#like-box {
    position: fixed;
    z-index: 99;
    top: 150px;  /* jego polozenie od gory */
    right: -296px; /* szerokosc wygenerowanego boxa + 4px obramowania */
    -webkit-transition: left 0.5s ease-out;
    -moz-transition: left 0.5s ease-out;
    -o-transition: left 0.5s ease-out;
    transition: left 0.5s ease-out;
}

/* wysuniecie like box'a */
#like-box:hover {
    right: 0px;
}

/* zewnetrzna ramka boxa */
#like-box .outside {
    position: relative;
    z-index: 1;
    background: #3b5999;
    padding: 0px;
    min-width: 1px;
    float: right;
}

/* wewnetrzne tlo boxa */
#like-box .inside {
    position: relative;
    z-index: 2;
    background: #fff;
}

/* pasek z logo FB */
#like-box .belt {
    position: relative;
    z-index: 0;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    float: left;
    width: 120px;
    height: 40px;
    padding: 7px 20px 0px 20px;
    margin: 50px -40px 0px 0px;
    background: #3b5999;
    color: #fff;
    font-weight: bold;
    font-family: Verdana;
    font-size: 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}


@media screen and (max-width: 1169px){
    header #logo{
    }
    #logo img{
    }
    header nav#lang{
        position: relative;
        margin-left: 0;
        float: right;
    }
    header nav#menu{
        margin-top: 9px;
        clear: right;
        padding-right: 0;
        padding-left: 0;
    }
    header nav#menu ul li{
        font-size: 1.3vw;
        float: left;
    }
    section#page{
        width: 100%;
    }
    section#kontakt{
        width: 50%;
    }
    section#form{
        float: right;
        width: 50%;
        margin: 150px 0 0 0;
    }
    section#mapa{
        width: 100%;
        margin: 0;
        text-align: center;
        text-align: -webkit-center;
    }
    footer{
        font-size: 1.2vw !important;
        /*background-size: inherit;*/
    }
    footer section#foot article#f1{
        font-size: 12px !important;
    }
    footer section#foot article#f2{
        font-size: 12px !important;
    }
    footer section#foot article#f3{
        font-size: 1.1vw !important;
        margin: 45px 0 0 15px;
    }
    footer section#foot article p font{
        font-size: 1.1vw !important;
    }
}

@media screen and (max-width: 768px){
    .container-fluid{
        padding-right: 15px !important;
    }
    .navbar{
        margin-bottom: 0 !important;
    }
    .navbar-toggle{
        float: none !important;
    }
    #index{
        background: none;
    }
    #other{
        background: none;
    }
    #produkty{
        background: none;
    }
    header #logo{
        text-align: center;
        text-align: -webkit-center;
    }
    header nav#menu{
        min-height: 48px;
        float: none;
        text-align: center;
        text-align: -webkit-center;
        clear: none;
    }
    header nav#menu ul{
        float: none;
        text-align: center;
        text-align: -webkit-center;
        display: table-caption;
        margin-top: 15px;
    }
    header nav#menu ul li{
        height: 20px;
        font-size: 1em;
        float: none;
    }
    section#page{
        width: 100%;
    }
    section#fader{
        width: 100%;
        text-align: center;
        text-align: -webkit-center;
        height: 25%;
    }
    section#fader #slider{
        width: 100% !important;
        background: none !important;
    }
    .nivo-slice{
        width: 100% !important;
        background-size: 100% !important;
    }
    section#startowa article{
        float: none;
    }
    section#startowa aside{
        float: none;
        text-align: center;
        text-align: -webkit-center;
        position: relative;
        margin: 0 auto;
    }
    section#kontakt{
        width: 100%;
        text-align: center;
        text-align: -webkit-center;
    }
    section#kontakt h1{
        color: #000;
        text-align: center;
        text-align: -webkit-center;
        margin: 15px;
    }
    section#news-list > h1{
        color: #000;
        text-align: center;
        text-align: -webkit-center;
        margin: 15px;
    }
    section#produkt > h1{
        color: #000;
        text-align: center;
        text-align: -webkit-center;
        margin: 15px;
    }
    section#news-list{
        width: 100%;
    }
    section#news-list table{
        table-layout: fixed;
        width: 100%;
    }
    section#news-list > div{
        width: 100%;
    }
    section#news-list > div > div.news{
        width: 100%;
    }
    section .mainText > div{
        float: none;
        padding: 0 15px;
    }
    section#tekstowa > h1{
        color: #000;
        text-align: center;
        text-align: -webkit-center;
        margin: 15px;
    }
    section#tekstowa{
        width: 100%;
    }
    article#galeria{
        float: none;
        width: 100%;
        margin: 0;
        text-align: center;
        text-align: -webkit-center;
    }
    section#produkt{
        width: 100%;
    }
    section#produkt > div article{
        float: none;
        max-width: 95%;
        padding: 0 15px 0 0;
    }
    aside#submenu{
        max-width: 100%;
    }
    aside#submenu nav {
        margin-left: 8px;
        margin-right: 8px;
    }
    section#produkt > div article > h2{
        margin-top: 15px;
    }
    aside#submenu nav ul.first > li > a{
        width: 100%;
    }
    .navbar-toggle{
        margin-right: 0 !important;
    }
    section#form{
        float: none;
        width: 100%;
        margin: 0;
        text-align: center;
        text-align: -webkit-center;
    }
    footer{
        background: rgb(184, 56, 56);
        height:  35%;
        padding: 0 15px;
    }
    footer section#foot article#f1{
        margin: 0;
    }
    footer section#foot article#f2{
        margin: 0;
        float: right;
    }
    footer section#foot article#f3{
        margin: 0 auto;
        padding: 15px;
        display: inline-block;
        clear: both;
        text-align: -webkit-center;
        text-align: center;
        max-width: 100%;
    }
}