html{
	position:relative;
	min-height: 100%;
}
body {
	background: #eaebec;
	font-family: "Open Sans", sans-serif; 
}
footer{
	font-family:Lato, sans-serif;
	line-height:20px;
}
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	min-height: 60px; /* Set the fixed height of the footer here */
	line-height: 60px; /* Vertically center the text there */
	background-color:#676f75;
}

.top-bar{
	background:#000;
	min-height:20px;
}
.menu-bar{
	background:#fff;
	box-shadow: 0 5px 1px  #aaa;
	z-index:991;
}
#glavni_meni{
	margin-bottom:20px;
}
div.menu-bar .main-menu img{
	
	/**
	-ms-transform: rotate(-8deg); 
	-webkit-transform: rotate(-8deg); 
	transform: rotate(-8deg);
	/**/
	max-height:45px;
}
.h1{
	padding-top:5px;
	font:normal 1.1em 'Lato',sans-serif!important;
	color:#4b4b4b;
}
.no-shop b.domen{
	color:#edb5bf;
}
.no-shop{
	display:block;
	position:relative;
	width:100%;
	padding:15px;
	background:#4d6d9a;
	color:#fff;
	border-radius:6px;
}
.shop-paketi{
	position:relative;
	background:#86b3d1;
	min-height:100px;
}

.btn-shop{color:#fff;background-color:#edb5bf;border-color:#e7a6b3;border-radius:0;}
.btn-shop:hover{color:#fff;background-color:#e7a6b3;border-color:#edb5bf}
.btn-shop.focus,.btn-shop:focus{color:#fff;background-color:#e7a6b3;border-color:#edb5bf;box-shadow:0 0 0 .2rem rgba(237,181,191,.5)}.btn-shop.disabled,.btn-shop:disabled{color:#fff;background-color:#edb5bf;border-color:#e7a6b3}.btn-shop:not(:disabled):not(.disabled).active,.btn-shop:not(:disabled):not(.disabled):active,.show>.btn-shop.dropdown-toggle{color:#fff;background-color:#edb5bf;border-color:#e7a6b3}.btn-shop:not(:disabled):not(.disabled).active:focus,.btn-shop:not(:disabled):not(.disabled):active:focus,.show>.btn-shop.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(237,181,191,.5)}

#shop-header{
	position:relative;
	background:#D2D2D2;
	min-height:100px;
	color:#2D3132;
	padding-top:10px;
}
.shopinfo{display:none}
#shop-logo{
	position: relative;
	width:248px;
	height:100px;
	background-color:#fff;
}
#shop-logo img{
	max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#shop-logo h1{
	font-size:2rem;
}
#shop-info div span{
	
	font-weight:600;
	color:#2D3132;
}
#shop-header .search input{
	border-radius:0;
	background:#FBFFFF;
	color:#000;
}
#shop-header div .input-group-append, #shop-header div .input-group-append button{
	border-radius:0;
}

#shop-header .search input:focus{color:#000;background-color:#FFFFFF;border-color:#8AA8B4;outline:0;box-shadow:0 0 0 .1rem rgba(205,144,155,.25)}#shop-header .search input::-webkit-input-placeholder{color:#000;opacity:1}#shop-header .search input::-moz-placeholder{color:#000;opacity:1}#shop-header .search input:-ms-input-placeholder{color:#000;opacity:1}#shop-header .search input::-ms-input-placeholder{color:#000;opacity:1}#shop-header .search input::placeholder{color:#000;opacity:1}

.in-shop{
	background:#C8D6DC;
	color:#405A65;
}
.end-shop{
	background:#5f6366!important;
	color:#fff;
}
h1.oglas-naslov{
	font:normal 1.6em Lato,sans-serif;
	color:#1a1a1a;
}
.oglas-box{
	background:#f7f7f7;
	border:1px solid #adadad;
	padding-top:10px;
}
.oglas-image{
	width:100%;
	padding-top:10px;
	position:relative;
}
.oglas-image i.tot-slike{
	position:absolute;
	top:15px;
	right:10px;
	color:#737373;
	font-size:1.2em;
}
.oglas-image img{
	max-width:100%;
}

.item-box{
	display:flex;
	position:relative;
	width:100%;
	height:35px;
	border-bottom:2px dotted #9fdde7;
	background:rgba(237,234,229,1);
	margin:2px auto;	
}
.item-box.odd{
	background:#f6f6fa;
	border-bottom:2px dotted #026627;
}
.item-box.atributis{	
	background:rgba(57,57,57,0.08);
	
}

.item-box.head .item-left{
	width:120px;
	
	
}
.item-box.atributi .item-left{
	width:160px;
	
	
}
.item-box.atributis:hover{
	margin:2px auto;
	background:rgba(57,57,57,0.4);
	color:#fff;
}
.item-box .item-left{
	display:inline-block;
	padding:3px;
	width:40%;
	text-align:left;
	border-left:1px solid #9fdde7;
	border-top:1px solid #9fdde7;
	border-left:1px solid #9fdde7;
	min-height:35px;
	font-size: fit-width;
	color:#393939;	
	line-height:100%;
	vertical-align:middle;
}
.item-box.odd .item-left{
	border-left:1px solid #026627;
	border-top:1px solid #026627;
	border-left:1px solid #026627;
}


.item-box .item-right{
	display:inline-block;
	position:absolute;
	right:0;
	padding:3px;
	text-align:right;
	font-weight:600;
	font-size:1.1rem;
	height:35px;
	max-width:58%;	
	line-height:100%;
	vertical-align:middle;
}
.item-box .item-right.cena{
	font:normal 1.2rem PeachyKeen, sans-serif;
	background-color:#fce181;
	color:#026670;
}

.oglas-id{
	position:relative;	
}
.oglas-id b{
	color:#026670;	
}
.oglas-id abbr{
	position:absolute;
	left:2px;	
}
.oglas-id abbr{
	color:#abafae;
}
.oglas-id abbr a{
	color:#abafae;
}

.opis{
	background:#e6e6e6;
	color:#737373;
	padding:10px;
}

#back-top{position:fixed;bottom:25px;right:25px;width:40px;height:40px;line-height:45px;background:#fff;border:1px solid #e25f3f;text-align:center;vertical-align:middle;cursor:pointer;border-radius:50%;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;z-index:9998}#back-top span{color:#e25f3f;line-height:1}#back-top span:before{font-size:24px;z-index:2}#back-top:hover{background:#e05533;border-color:#fff}#back-top:hover span{color:#fff}



/* Portrait and Landscape */
@media screen 
  and (max-width: 990px) {
	.card-container h3>a {
		font-size:1rem;
	} 
  }
@media screen 
  and (max-width: 768px) {
	.footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		min-height: 30px; /* Set the fixed height of the footer here */
		line-height: 30px; /* Vertically center the text there */
		background-color:#676f75;
		font-size:0.7em;
	} 
	.card-container h3>a {
		font-size:0.2vw;
	}
	#shop-info,#shop-promo{display:none}
	.shopinfo{display:block}
	#shop-header div .input-group-append button span{
	display:none;
}
	
}
@media screen 
  and (max-width: 568px) {
	 .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{padding-right:7px;padding-left:7px}
	
	


	.footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		min-height: 30px; /* Set the fixed height of the footer here */
		line-height: 30px; /* Vertically center the text there */
		background-color:#676f75;
		font-size:0.7em;
	}
	.card-container h3>a {
		font-size:5vw;
	}
	
}
@media (max-width: 500px) {
    .dropdown-menu{
          height:200px!important;
          overflow-y:auto!important;
       }
	   
		.meni-separator{
			display:block!important;
		}
 }
	
	
	
	
	


.dropdown-menu {
	min-width: 200px;
}
.dropdown-menu.columns-2 {
	min-width: 400px;
}
.dropdown-menu.columns-3 {
	min-width: 600px;
}
.dropdown-menu li a {
	padding: 5px 15px;
	font-weight: 300;
}
.multi-column-dropdown {
	list-style: none;
  margin: 0px;
  padding: 0px;
}
.multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #333;
	white-space: normal;
}
.multi-column-dropdown li a:hover {
	text-decoration: none;
	color: #262626;
	background-color: #999;
}
 
@media (max-width: 767px) {
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
}
.allcat{
	background-color:#acacac;
}
.allcat:hover{
	background-color:#acacac!important;
	color:#fff;
}



.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999999999999999;
  top: 0;
  left: 0;
  background-color: rgba(112,112,112,0.9);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 10px;
  text-align:center;
  color:#fff;
}

.sidenav a {
  padding: 2px 2px;
  text-decoration: none;
  font-size: 10px;
  color: #fff;
  display: block;
  transition: 0.3s;

}

.sidenav a:hover{
  color: #cccddb;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}