.transition (@time) {
    -webkit-transition: @time ease-in-out;
    -moz-transition: @time ease-in-out;
    -o-transition: @time ease-in-out;
    transition: @time ease-in-out;
}

.borderRadius(@r) {
    -webkit-border-radius: @r;
    -moz-border-radius: @r;
    border-radius: @r;
}

#content {
    margin-bottom: 50px;
    padding-top: 0px;
    .breadcrumb {
        background-color: #fff;
        float: left;
    }
    #strona {
        padding: 35px 15px;
    }
}

#index, #lista {
    #index-nowosci {
        background: transparent url('../images/icon-nowosci.png') left center no-repeat;
        height: 135px;
        margin-left: -50px;
        text-indent: -9999px;
        width: 320px;
    }
    .katalog {
        background-color: #000000;
        color: #fefefe;
        * {
            color: #fefefe;
        }
        h1 {
            font-size: 30px;
            margin: 10px 0px 15px 0px;
        }
        .linki {
            padding: 10px;
            a {
                font-size: 20px;
                padding: 10px;
                span {
                    color: #71B6E4;
                }
            }
        }
    }
    .produkt {
        padding: 15px;
        .in {
            background: #FFF url('../images/kropki.png') bottom center repeat-x;
            min-height: 280px;
            position: relative;
            .transition(0.5s);
            &:hover {
                border-color: red;
            }
            h2, h4 {
                font-size: 18px;
                line-height: 22px;
                min-height: 68px;
                padding: 5px 10px;
                a {
                    color: #000;
                    font-weight: 300;
                }
            }
        }
        .new {
            .borderRadius(3px);
            background-color: #BD1B05;
            color: #FFF;
            display: block;
            height: 30px;
            right: 0px;
            overflow: hidden;
            top: 50px;
            padding: 5px;
            position: absolute;
        }
    }
}

#produkt {
    position: relative;
    h1 {
        margin-bottom: 50px;
        font-weight: 300;
    }
    .new {
        .borderRadius(3px);
        background-color: #BD1B05;
        bottom: 30px;
        color: #FFF;
        display: block;
        height: 30px;
        font-weight: 600;
        left: 0px;
        padding: 5px;
        position: absolute;
        top: 0;

    }
    #logo {
        background: transparent url('../images/dj-logo-small.png') center center no-repeat;
        display: block;
        height: 100px;
        position: absolute;
        right: 10px;
        text-indent: -99999px;
        width: 100px;
    }
    .opis {
        margin: 0px 0px 45px 0px;
        position: relative;
        * {
            font-size: 16px;
            font-weight: 300;
        }
    }
    .list-group {
        border-radius: 0px;
        box-shadow: none;
        .list-group-item {
            background: #FFF url('../images/kropki.png') bottom center repeat-x;
            border: 0;
            .badge {
                .borderRadius(3px);
                background-color: #000;
                padding: 5px;
            }
        }
        .list-group-item:last-child {
            background: none;
        }
    }
    #pakowanie {
        img {
            margin: 8px;
            vertical-align: middle;
        }
    }
    #znakowanie {
        margin: 0px 0px;
    }
    #zdjecie-big {
        min-height: 300px;
    }
    #zdjecia-detale, #produkty-podobne {
        h2 {
            font-weight: 300;
            margin: 40px 0px 20px 0px;
            text-align: left;
        }
        ul {
            list-style: none;
            li {
                border: 2px solid #FFF;
                cursor: pointer;
                display: block;
                height: 100px;
                margin: 5px 7px;
                padding: 5px;
                text-align: center;
                width: 100px;
                .transition(1s);
                &:hover {
                    border: 2px solid #F5F5F5;
                }
                a {
                    display: block;
                }
            }
        }
    }
    .addthis_sharing_toolbox {
        display: inline-block;
        width: 130px;
    }
    a#zapytaj-o-cene {
        margin-top: -23px;
    }
}

#newsy {
    .news {
        margin: 0px 0px 30px 0px;
        h2, h3 {
            font-size: 20px;
            a {
                color: #000;
                font-size: 20px;
                .transition(0.5s);
                &:hover {
                    color: #2aabd2;
                    border: 0;
                    text-decoration: none;
                }
            }
        }
        .data {
            color: #D3C5BA;
        }
        .wiecej {
            a {
                color: #000;
                .transition(0.5s);
                &:hover {
                    color: #2aabd2;
                    border: 0;
                    text-decoration: none;
                }
            }
        }
    }
}
#news {
    h1 {

    }
    .addthis_toolbox {
        a {
            margin: 5px;
        }
    }
    .zajawka {
        margin: 15px;
        * {
            font-weight: bold;
        }
    }
    .zdjecie {

    }
    .tresc {
        margin: 15px;
    }
}

ul.pagination {

    li {
        color: #EFEFEF;

        a {
            border: 1px dotted silver;
            color: #333;
            &:hover {
                color: #000;
            }
        }
        &.active {
            a {
                background-color: #BD1B05;
                &:hover {
                    background-color: #BD1B05;
                }
            }
        }
    }  
}

#projektanci {
    div.projektant {
        background-color: #FFF;
        float: left;
        margin: 0px 0px 10px 0px;
        padding-top: 5px;
        text-align: center;
        .transition(700ms);
        &:hover {
            background-color: #000;
            .nazwa {
                color: #FFF;
            }
        }
        .nazwa {
            color: #000;
            display: block;
            padding: 10px;
            text-align: center;
        }
    }
}

/* Mniejsze niz 1200 */
@media (max-width: 1200px) {
    div#content {
        div#index {
            h1#index-nowosci {
                background: none;
                height: auto;
                margin-left: 10px;
                text-indent: 0px;
                width: 100%;
            }
        }
    }
}

@media (min-width: 1200px) {
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
}

/* Landscape phones and down */
@media (max-width: 480px) {
}