html {
    overflow-y: scroll; /* For always visible scrollbar */
}
body {
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    background: #333;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-weight: 300;
}
* { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } /* Odstrani vse zaokrozene robove */
.main { /* Main content bg color */
    background: #ffffff;
}
.main a, .main a:visited{
    color: #993333;
}
.main a:hover {
    color: #993333;
}
.banner { /* Banner bg color and font color */
    background: #666666;
    color: #ffffff;
    padding-bottom: 15px;
}
.banner a, .banner a:visited{
    color: inherit;
}
.banner a:hover {
    color: #993333;
}
.footer { /* Footer font color - bg color defined in body */
    color: #ffffff;
    padding-top: 10px;
}
.footer a, .footer a:visited {
    color: inherit;
}
.footer a:hover {
    color: #993333;
}
@media (min-width: 768px) { /* Overrides for screens wider than XS - 768px */
    .navbar {
        background-image: -webkit-linear-gradient(top, #E0E0E0 0%, #B3B3B3 100%);
        background-image:      -o-linear-gradient(top, #E0E0E0 0%, #B3B3B3 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#B3B3B3));
        background-image:         linear-gradient(to bottom, #E0E0E0 0%, #B3B3B3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffE0E0E0', endColorstr='#ffB3B3B3', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        background-repeat: repeat-x;
        height: 79px;
        border-bottom: 1px solid #7C7C7C;
        border-left: none;
        border-right: none;
        border-top: none;
        border-radius: 0px;
        min-height: 79px;
        margin-bottom: 0px;
    }
    ul.nav a:hover,
    .navbar .navbar-nav > .open > a,
    .navbar .navbar-nav > .active > a {
        background-image: -webkit-linear-gradient(top, #CECECE 0%, #919191 100%);
        background-image:      -o-linear-gradient(top, #CECECE 0%, #919191 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#CECECE), to(#919191));
        background-image:         linear-gradient(to bottom, #CECECE 0%, #919191 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffCECECE', endColorstr='#ff919191', GradientType=0);
        background-repeat: repeat-x;
        border-bottom: 1px solid #7C7C7C;
    }
    .navbar-brand {
        height: 0px;
        padding: 0px 0px;
        margin-top: 5px;
        padding-left: 15px;
    }
    .navbar .navbar-nav > li > a {
        color: #333;
    }
    .navbar .divider-vertical {
        margin: 0px 0px 0px -1px;
        border-right: 1px solid #7C7C7C;
        border-left: 1px solid #7C7C7C;
    }
    #navbar {
        position: relative;    
    }
    #navbar .nav {
        position: absolute; 
        bottom: 0; 
        right: 0;
        margin-bottom: -74px;
        margin-right: 0px;
    }
}
@media (max-width: 768px) { /* Override for navbar on XS screens where width < 768px*/
    .navbar { 
        margin-bottom: 0px;
        background-color: #cacaca;
        border: none;
    }
    .navbar-inverse .navbar-nav>li>a {
        color: #333;
    }
    ul.nav a:hover,
    .navbar .navbar-nav > .open > a,
    .navbar .navbar-nav > .active > a {
        color: #fff;
        background-color: #7c7c7c;
    }
    .navbar-inverse .navbar-nav>.active>a:hover {
        background-color: #7c7c7c;
    }
    .navbar-inverse .navbar-collapse {
        border-color: #7c7c7c;
    }
    .nav-logo {
        height: 48px;
        margin-top: -14px;
    }
    .navbar-toggle {
        border: none;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #333;
    }
    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        background-color: #7c7c7c;
    }
    .navbar-inverse .navbar-toggle:focus>.icon-bar,
    .navbar-inverse .navbar-toggle:hover>.icon-bar {
        background-color: #fff;
    }
}

.carousel-control.left,
.carousel-control.right { 
    background: none !important; 
    filter: progid:none !important;
    color: #333;
    opacity: .75;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    right: 19%;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
  left: 19%;
}
.carousel-control:hover { 
    color: #993333;
}
.carousel-indicators li {
    background-color: #333;
    border: 1px solid #333;
}
.carousel-indicators .active {
    background-color: #993333;
    border: 1px solid #993333;
}

.sidebar {
    margin-top: 25px;
    padding-left: 15px;
    display: block;
}
.sidebar a, .sidebar a:hover, .sidebar a:visited {
    color: inherit;
}
.sidebar-nav {
    list-style: none;
    padding-left: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.kvadratek-barva {
    margin: 0px 0px -2px 0px;
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px #dcdcdc solid;
}
.rdeca {
    background-color:#993333;
}
.siva {
    background-color: #7c7c7c;
}
.modra {
    background-color: #182B57;
}
.crna {
    background-color: #111;
}

.image-center {
    margin: 0 auto;
}

.btn {
    text-align: left;
}

.btn-default {
  background-color: #cacaca;
  border-color: #7c7c7c;
}