/*
 * Styled by Brani.cz
 */

/*
@import url('https://fonts.googleapis.com/css?family=Lato');
* { font-family: 'Lato', sans-serif !important; }
*/


img.brani-main-cat-icon {
    height: 25px;
    margin-top: -4px;
    margin-right: 9px;
}

@media (min-width: 768px) {

    /* height */
    /* Main navigation */
    .navigation-in a:hover,
    .menu-helper a:hover {
        background-color: #fe0000 !important;
        color: white !important;
    }

    .navigation-in ul li ul li a:hover {
        background-color: transparent !important;
        color: black !important;
    }

    #navigation {
        height: 46px;
    }

    .navigation-in,
    .menu-helper {
        line-height: 31px;
    }

    /* popup menu */
    .navigation-in>ul>li.ext.exp>ul {
        top: 46px;
    }

    /* Carousel - no bottom */
    .homepage-box {
        padding-bottom: 0px;
    }

    h4.indented {
        margin-top: 15px;
    }
}


/* Ears */
.brani-ear {
    position: absolute;
    z-index: 1;
}

@media (max-width:1740px) {
    .brani-ear {
        display: none;
    }
}

.brani-left-ear {
    left: 0px;
    top: 0px;
}

.brani-right-ear {
    right: 0px;
    top: 0px;
}

.variant-list select {
    width: 100%;
}

.top-navigation-bar,
.top-navigation-bar-menu li a b,
.top-navigation-bar-menu-helper li a b,
.top-navigation-bar a,
.top-navigation-bar .dropdown button {
    color: black;
}


.product .p {
    padding: 15px;
}

.product .p:hover {
    /*border: 2px solid red;*/
    padding: 15px;
}

/* Potrebne pre korektne zobrazenie obrazku vedla loga webu*/
header#header .header-top .site-name a,
header#header .header-top .site-name a img {
    display: inline;
}

/* Schovat horne ikony pod urcite rozlisenie */
@media (max-width: 990px) {
    .brani-top-icon {
        display: none;
    }
}

.brani-top-icon-left {
    float: right;
}

.img-cat-price img {
    position: absolute;
    height: 50px;
    margin-top: 5px;
}

.product .p-desc {
    margin-top: 69px !important;
}

.time-banner {
    margin-left: 100px;
    ;

}

.time-banner-end {
    position: relative;
    top: -340px;
    left: 345px;
    cursor: pointer;
}

#clockdiv {
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 25px;

}

#clockdiv>div {
    padding: 5px;
    border-radius: 3px;
    background: rgba(192, 192, 192, 0.6);
    display: inline-block;
    margin: 5px;
    width: 65px;

}

#clockdiv div>span {
    padding: 10px;
    border-radius: 3px;
    width: 50px;
    background: rgba(192, 192, 192, 1);
    display: inline-block;
}

.smalltext {
    padding-top: 5px;
    font-size: 12px;
}

@media (max-width: 767px) {
    .variant-list select {
        max-width: 100%;
        word-wrap: break-word;
        /* IE*/
        white-space: -moz-pre-wrap;
        /* Firefox */
        white-space: pre-wrap;
        /* other browsers */
    }

    .time-banner,
    .time-banner-end {
        display: none;
    }

}