@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700&&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Magra:400,700&&subset=latin,latin-ext);


body{	
	font-family: 'Open Sans', serif;
    font-weight: normal;
    font-size: 14px!important;
    color: #706F6F!important;
    line-height: 120%!important;
	margin: 0px;
	width: 100%;
	overflow-x: hidden;
}

h1{	
    font-size: 45px!important;
    //font-weight: 700!important;
    font-family: Garmond;
    line-height: 101%;
    color: black;
    margin-bottom: 0px;
}

p{
    margin-top:0px!important;
    margin-bottom:0px!important;
}

.naslovbloka{
    color:#ED1B24;
    font-family: 'Quando', serif;
    font-size: 45px;
    font-weight: 500;
    padding-top: 20px;
    padding-bottom: 20px;
}
.naslovnovice{
    font-family: 'Open Sans', serif;
    font-weight: bold;
    font-size: 13px;
    color: black;
    text-transform: uppercase;
    margin-top: 0px;
    line-height: 100%;
    max-height: 38px;
    overflow: hidden;
    margin-bottom: 10px;
}
.naslovnoga{
    padding-top:20px;
    padding-bottom:10px;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
}

.besedilonoga{
    list-style:none;
    text-transform: uppercase;
    line-height: 176%;
}
.besedilonoga a:hover{
    color:white!important;
    text-decoration: underline;
}


.vecbeli{
    border-radius: 30px;
    border: 2px solid white;
    padding: 6px;
    width: 59px;
    text-align: center;
    color: white!important;
    display: inline-block;
    margin-bottom: 20px;
}
.vecbeli:hover{
    color:black!important;
    background-color: white!important;
}

hr {
    color: white !important;
    background-color: #F6F7F8 !important;
}

.vecrdeci{
    border-radius: 30px;
    border: 1px solid #ED1B24;
    padding: 6px;
    width: 59px;
    text-align: center;
    color: #ED1B24!important;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
}
.vecrdeci:hover{
    color:white!important;
    background-color: #ED1B24!important;
}

.vecmodri{
    border-radius: 0px;
    border: 1px solid #294F75;
    padding: 6px;
    width: 59px;
    text-align: center;
    color: white!important;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #294F75;
    width: 100%;
}
.vecmodri:hover{
    color:white!important;
    background-color: #294F75!important;
    text-decoration: none;
}
hr{
    border-top:1px solid #917b63;
}

h2{	
	font-size: 17px!important;;
    font-weight: bold!important;;	
    color:black!important;
    text-transform: uppercase;
    font-family: 'Open Sans', serif;
}

.blok h2{
    min-height: 62px;
}

h3, h4, h5, h6 {	
	color: #3C3C3B;
	font-family: 'Lato', sans-serif;
	font-size: 21px;
	line-height: 100%;
	font-weight: 300;
}

.container{	
    min-width: 75%!important;
    max-width: 75%!important;
}

a{
	color: black!important;
}
a:hover{
	color: black!important;
	text-decoration:underline;
	cursor: pointer;
}

header{
    color: white;
    font-weight:normal;
}
header a{
	color:white!important;
}
header a:hover{
	color:black!important;
    text-decoration: none;
}
header .menu{
    font-family: Source Sans Pro;
    border-top:white solid 2px;
    border-bottom:1px solid #917b63!important;	
    min-height:50px;
}
header .navbar {	
	border-radius: 0;
	border: 0;		
	background-color:transparent;
	margin-bottom: 0px;
	text-transform: uppercase;
}
header .navbar-header
{
	min-height:80px;
	color: white;
}
header .navbar-brand{
    margin-top: 24px;
    padding-right: 119px;
    white-space: normal;
    font-family: Lato;
    font-size: 16px;
    letter-spacing: 1px;
}
header .navbar-default button{
	margin-top: 17px;
}
header .navbar-light .navbar-toggler{
    color: white;
    background-color: white;
}

.nav>li {
	margin-top: 20px!important;
	font-size: 18px;
    font-family: Source Sans Pro;
    font-weight:normal;
}
.nav>li>a {
	position: relative;
	display: block;
	padding-left: 14px;	
	color: white!important;	
}
.nav>li>a:hover {
	color:black!important;
    text-decoration: none;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color:white!important;
	background-color: #40403F!important;
	font-weight:500;
}
.drobtinice {
    line-height: 45px;
    padding-left: 39px;
    border-bottom: 1px solid #DADADA;
  }
.podmenu ul {
    list-style: none;
    font-family: Magra;
    font-size: 14px!important;
    font-weight: bold;
    text-transform: uppercase;
  }
 .podmenu ul li:before {
    content: '→ ';
  }
  .podmenu ul li{
  padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
    border-bottom: 1px solid #DADADA;
}

.podmenu ul li a {
    color: #294F75!important;
  }

#zavihki {
    overflow:auto;
}

#zavihki .nav{
    flex-wrap: initial;
}

#zavihki .nav>li {
	margin-top: 20px!important;
	font-family: Magra;
    font-size: 17px;
    font-weight: bold;
    color: black!important;
    text-transform: uppercase;
}
#zavihki .nav>li>a {
	color: black!important;
    border-color: white;
    border-radius: 0px;
    background-color: #DADADA;
}
#zavihki .nav>li>a.active {
    background-color: white;
    border-color: #DADADA;
}
#zavihki .nav>li>a:hover {
	background-color: white;
    text-decoration: none;
    border-color: #DADADA;
}
#zavihki .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color:white!important;
	background-color: #40403F!important;
	font-weight:500;
}
#zavihki .povezava
{
    font-size: 11px;
    text-transform: uppercase;
    background-color: #dadada;
    padding: 5px;
    margin-top: 6px;
}
#zavihki .povezava a
{
    color:#706F6F!important;
}

#zavihki .povezava a:hover
{
    color:#E67017!important;
    text-decoration: none;
}

.main .naslov{
    font-family:Garamond;
    font-size:45px;
    color:#000000;
    padding: 39px;
    line-height:120%;
}

.main .datum{
    font-family:Garamond;
    color:#464646;
    font-size:20px;
    padding: 19px;
}

.main .opis{
    font-family:Garamond;
    font-size:22px;
    color:#464646;
    padding: 39px;
    line-height: 120%;
    text-align:justify;
}

.koledar .calendar {
    width: 210px;
    border-spacing: 0px;
    border-bottom: 1px solid #DADADA;
}
.koledar .calendar-month {
    font-family: open sans;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 11px;
    width: 210px;
  }
.koledar .calendar-month .calendar-prev, #wrap .main .zgornji .koledarcek .koledar .calendar-month .calendar-next {
    padding-left: 13px;
    padding-right: 13px;
}

.koledar .calendar-month .calendar-prev, #wrap .main .zgornji .koledarcek .koledar .calendar-month .calendar-next {
    padding-left: 13px;
    padding-right: 13px;
}

.koledar td {
    font-size: 11px;
    text-align: center;
    border-top: 1px solid #DADADA;
    border-right: 1px solid #DADADA;
    height: 19px;
    width: 20px;
    padding-top: 9px;
}

.koledar .event {
    background-color: #E67017;
    color: white;
}


header .kratekopis{
    padding-right: 50px;
}
.jeziki{
    padding-top: 6px;
    position: absolute;
    right: 5px;
}
.jeziki .si{
    border-right:1px solid #ED1B24;
}

footer{
    color:white;
    line-height: 120%;
}
footer ul{
    list-style: none;
    padding-left: 0px;
}
footer a{
    color:white!important;
}

.projekt{
    padding-left:0px;
    padding-right:15px;
    padding-bottom:20px;
}

.povezave .col-md-2
    {
        padding-left:10px;
    }

@media (max-width: 768px) {
    .container{	
        min-width: 100%!important;
        max-width: 100%!important;
        padding-left:0px!important;
        padding-right:0px!important;
    }

    .povezave .col-md-2
    {
        padding-left:15px;
    }
    
    header .navbar-brand{
        margin-top: 0px;
        padding-right: 0px;
        max-width: 200px;
    }
    header .kratekopis{
        padding-right: 0px;
    }

    .projekt{
        padding-left:0px!important;
        padding-right:0px!important;
        padding-bottom:20px;
    }

    #zavihki {
        overflow:scroll;
    }
}



.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
    float: left;
}

.owl-prev{
    position: absolute;
    left: 10px;
    top: 40px;
    color: white!important;
    font-size: 60px!important;
}

.owl-next{
    position: absolute;
    right: 10px;
    top: 40px;
    color: white!important;
    font-size: 60px!important;
}

.owl-dots{
    text-align: center;
    display:none;
}
.owl-dot{
    width: 6px;
    height: 6px;
    background-color: #917b63!important;
    border-radius: 49px;
    border: none;
    margin: 10px!important;
    outline: none;
}

.row{
    margin-left:0px!important;
    margin-right: 0px!important;
}

.nazivslike{
    line-height: 110%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
    color: gray;
}

img{
    max-width:100%;
}

.dropdown{
    margin-right: -7px;
    z-index:1000!important;
}
.dropdown-item{
    background-color:#a0a0a0!important;
}
.dropdown-menu{
    border-radius:0px!important;
    background-color:#a0a0a0!important;
    border:none!important;
    font-size:20px!important;
    z-index:1000 !important;
}
.dropdown-menu li{
    line-height: 176% !important;
    padding-right: 5px!important;
}
.dropdown-menu a{
    border:none!important;
}
.navbar-light .navbar-nav .nav-link{
    width: calc(100% - 11px)!important;
    overflow: hidden!important;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0px!important;
    padding-left: 0px!important;
}
.form-group {
    display: block!important;
    min-height: 50px!important;
    font-size: 17px;
}
.znacka{
    padding-right:0px;
    min-width: 100px;;
}

.znacka a{
    color:black!important;
    font-size:13px!important;
}
@keyframes example {
    0%   {background-color: #e8e5e5;}
    33%  {background-color: #c8c8c8;}
    66%  {background-color: #e8e5e5;}  }

.znacka ul{
    list-style: none;
}
.znacka li{
    float: right;
    padding: 20px;
    border-radius: 0px 0px 0px 20px;
    background-color: #e8e5e5;
    margin-right: 6px;
    animation-name: example;
    animation-duration: 5s;
    animation-iteration-count: 3;
    min-width:120px;
}