html{
    padding: 0;
    width: 100%;
}

body{
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: white;
    height: auto;
    padding: 0;
    
}

#slideshow{
    height: auto;
    width: 100%;
    background: blue;
    margin: 0;
}

/* menu & nav */

#menubar{
    
    color: black;
    background: #bc8f8f;
}

#banner{
    z-index: 990;
}

.navline{
    z-index: 999;
    color: black;
    background: #fff;
    position: fixed;
}

#nav{
    color: #4F636F;
    text-align: center;
    float: left;
    list-style: none;
    }

#nav li{
    display: inline;
    float: left;
    }

#nav ul{
    background: white;
}

#nav li:hover{
    background: #eee;
    position: relative;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
}

#nav li:hover ul:first-child{
    border-top: 1px solid black;
}

#nav a{
        text-decoration: none;
        color: #4F636F;
}

/* bara info top */

#infoline{
    font-size: 18px;
    color: white;
    width: 80%;
    margin: 0px auto;
}

.logo{
    color: #bc8f8f;
    font-family: 'Great Vibes', cursive;
    font-size: 20px;
}

#infoline li{
    text-align: center;
    padding: 5px;
    float: left;
    width: 20%;
    border-right: 1px solid white;
}

#infoline li.bigly{
    width: 40%;}

#infoline a{
    text-decoration: none;
    color: white;
}

#infoline a:link{color:white;}
#infoline a:visited{color:white;}
#infoline a:hover{color:gold;}

.breadcrumbs a:link{color:blue;}
.breadcrumbs a:visited{color:blue;}
.breadcrumbs a:hover{color:blue;}

/* clearer */

.clr{
    clear: both;}

/* BGs */

.bg-top{
    background: #bc8f8f;
}


/* flex */

#home-slider{
    position: relative;
}



.oferta{
    position: relative;
}


/* facebook */

.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important; 
}

.last-child{
    border-right: 0;
}

footer{
    background: #4F636F;
    color: white;
}

.foot-cat a{
    color: black;
    text-decoration: none;
}

.answer{
    color: #555;
}

p + p{
    margin-top: 10px;
}