@import url('hover.css');

/*
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto Mono', monospace;
*/

img {outline: none;}
a {outline: none; text-decoration:none;color:#FF8F00;}
a:hover {color:#C46B00;}
code {color:#0033CC;}

a.skupina{
	display:inline-block;
	width:125px;
	height:80px;
	background-color:#1d3a6b;
	color:white;
	font-weight:200;
	font-size:14px;
	padding:5px; margin-top:5px;
	text-align:center;
	vertical-align:top;
	user-select: none;
	margin-left:-4px;
}

a.skupina:hover{
	background-color:#4A75C4;
}

a.skupina>img{
	height:55px;
	user-select: none;

}



html{
	height:100%;
}
page{
	text-align: center;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:100%;
	}

body{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	font-size:17px;
	background-color:white;
	margin:0;
	padding:0;
	height:100%;
	color:black;
}

body #tynimce>*>img{
	max-width: 100%;
}

h1, .naslov{
		font-family: 'Roboto Condensed', sans-serif;
		padding:0;
		margin:0;
		font-size: 30px;
		font-weight:600;
}		

h2, .lead{
		font-family: 'Roboto Condensed', sans-serif;
		padding:0;
		margin:0;
		font-size: 20px;
		font-weight:400;
}		

h3{
		padding:0;
		margin:0;
		font-size: 18px;
		font-weight:100;
}

#topNaslov {
    position: absolute;
    top: -125px;
    left: 34px;
    font-family: 'Roboto', sans-serif;
    mix-blend-mode: overlay;
    font-size: 100px;
    font-weight: 900;
    color: ivory;
    text-shadow: 4px 2px 8px black;
	user-select: none;
	display:none;
}


p{
	margin-top:0;
}


/*
.linkToBtn{
	color:white;
	user-select: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13.3px;
	background-color:#1d6dd9;
	border:thin #999999 solid;
	color:white;
	padding:8px;
	outline:0;
	height:33px;
	border-radius:4px;
	cursor:pointer;
}
.linkToBtn:hover{color:white;background:none; background-color:#13468A;}
.linkToBtn:active{color:white;background:none; background-color:#89B5EF;color:black;}
.linkToBtn.selected{
	background-color:#03aeff;
}
*/

.btnRed{/*background: linear-gradient(127deg, rgba(255,130,130,1) 0%, rgba(247,54,54,1) 50%, rgba(150,18,18,1) 100%);*/background-color:#9B0000}
.btnRed:hover{background:none; background-color:#FF0000}
.btnRed:active{background:none;background-color:white;color:red;}

/*.btnLike{
	background-color:#F3F3F3;
	border-radius:50px;
	width:40px;
	height:40px;
	font-size:medium;
	border:none;
	padding:0;
}
.btnLike:hover{background-color:#CCFF99;}
.btnLike:active{background-color:#99FF33;}
*/

.izdelkiNogaHolder{
	position:absolute;
	top:7px;
	right:7px;
	left:7px;
	z-index:1;
	text-align:center
}
.izdelkiNogaHolder>.button.vecInfo{
	height:18px;
}

.izdelkiNogaHolder>button>img{
	height:18px;
	vertical-align:middle;
}

#kosaricaHolder{
	display:inline-block;
	position:relative;
}
.kosaricaCount{
	position:absolute;
	top:11px;
	left:15px;
	right:20px;
	font-weight:bold;
	font-size:12px;
	color:white;
	text-align:center;
}




/*
.kosaricaItem{
	display:inline-block;
	height:400px;
	width:200px;
	border-radius:10px;
	
}
*/

#kosaricaTable img{
	max-width:150px;
	border-radius:10px;
}



.kosaricaZapis tr:nth-child(odd){
	background-color:#FFFFCC;
}

.kosaricaZapis tr:nth-child(even){
	background-color:white;
}

.kosaricaZapis tr:last-child{
	background-color:#CCFFFF;
	color:black;
}

.kosaricaZapis tr:last-child td{
	border-top:2px black solid;
}

.kosaricaZapis tr td{
	padding:5px;
}


.hotNot{
	position:absolute;
	top:12px;
	right:15px;
	z-index:1;
}
.hotNot>img{
	cursor:pointer;
}
.hotNot>img:hover{
	filter: drop-shadow(0px 0px 5px #aaaaaa );
}


.ocenaCounter{position:absolute;top:-1px;left:0px;font-weight:bold;width:100%;text-align:center;}

/*
.btnGray{background-color:#E5E5E5;color:#666666;}
.btnGray:hover{background-color:#729300;color:white;}
.btnGray:active{background-color:#CBFF15;color:black;}
*/

.hashTag{
	display:inline-block;
	border:thin #CCCCCC solid;
	background-color:beige;
	padding:2px;
	margin-bottom:2px;
	border-radius:10px;
	font-weight:400;
	cursor:pointer;
}
.hashTag:hover{
	border:thin #0d86ff solid;
	background-color:#ffff68;
}



.stickyTipke{
	background-color:#ededed;
	z-index:10;
	padding:10px;
	border-top: 1px #e0e0e0 solid;
	border-bottom: 1px #e0e0e0 solid;

}


.skupine{
	padding:10px;
	min-height:20px;
	position:relative;
	text-align:left;	
	border-bottom-style: inset;
	background-color:#e4e4e4;
}

#vsebina{
	color:#333333;
	margin:0px auto;
	padding:0px;
	height:100%;
}


.zapisIzdelki {
    text-align: left;
    position: relative;
    border: 1px #dcdcdc solid;
    min-height: 430px;
    margin-left: 0;
    margin-right: 10px;
    padding: 10px;
    margin-bottom: 35px;
    width: 335px;
    display: inline-block;
    vertical-align: top;
}

.zapisIzdelki:hover{
	box-shadow: #888888 0 0 10px 0px;
}
.zapisIzdelki.razprodano{
	filter:opacity(0.4)
}

.zws{text-align:center;font-size:14px;position:absolute;top:0; left:-60px;width:55px;}
.zwsi{position:relative;max-width:40px;max-height:40px;border-radius:50px;padding:4px; border:2px #0066FF solid;}
/*.zwjz{position:relative; background-color:#e2eeff;margin-bottom:5px;border-radius:15px;height:24px;vertical-align:middle;font-weight:400;cursor:pointer;}*/
.zwjz {
    position: relative;
    background-color: #233c6a;
    color: white;
    margin-bottom: 5px;
    border-radius: 3px;
    height: 24px;
    vertical-align: middle;
    font-weight: 200;
    font-size:20px;
    cursor: pointer;
    padding:5px;
}

.zwspin{position:absolute;top:-20px;left:65px; z-index:2;}

.IzdelkiBesediloHolder{
	max-height:295px;
	min-height:295px;
	overflow:hidden;
	transition-duration: 1s;
}

.IzdelkiBesediloHolder.open0{
	max-height:345px;
}


.IzdelkiBesedilo iframe{
	max-width: 99%;
	border:thin #CCCCCC solid;
	border-radius:10px;
}
.izdelkiNoga{
	position:relative;padding-top:5px;text-align:center;
	height:41px;
	background-color:#F4F4F4;
	border-radius:5px;
}

.izdelkiCena{
	font-size:40px;
	color:#f30e67;
	font-weight:bold;
	text-align: center;
}
/*.izdelkiZvezdice{
	text-align:center;
	border-bottom:thin #E0E0E0 solid;
}*/

.izdelkiZvezdice {
    text-align: center;
    position: absolute;
    top: 17px;
    right: 19px;
    zoom: 69%;
    border: 0;
}

.oceneHolder{
	position:relative;padding-top:10px;text-align:center;border-top:thin #E4E4E4 solid;
	
}

.prikaziVec {
    position: absolute;
    background-color: #FFFFFF88;
    right: 15px;
    top: 45px;
    display: block;
    padding: 6px;
    display: none;
    border-radius: 5px;
    z-index: 1;
    display: none;
}
.prikaziVec:hover{
	background-color:#ffff68;
}

.IzdelkiBesediloExpanded{
	max-height:none;
	transition-duration: 1s;
}

.znackaRazprodano{
	position:absolute;
	top:10px;
	right:10px
}
.IzdelkiBesedilo img{
	max-width:99%;
	max-height:170px;
	display:inline-block;
	/*border:thin #CCCCCC solid;*/
	border-radius:10px;
	
}

#kosaricaSkupaj{
	position:relative;
	padding:10px 20px 10px 10px;;
	/*text-align:right;
	text-align:-webkit-right;*/
	background-color:#F3F3F3
}

#divWrap{
	position:relative;
	background-color:white;
	vertical-align:top;
	min-height:100%;
	width:100%;
	margin: 0 auto;
	}

.divLevo{
	background-color:white;
	width:200px;
	display:inline-block;
	vertical-align:top;
	min-width:200px;
}

.divDesno{
	display:inline-block;
	height: 100%;
 	background-color:white;
 	max-width:1180px;
}

.usersList, .usersListNadomescam{
	display:inline-block;
	margin-bottom:2px;
	padding-left:5px;
	padding-top:1px;
	border:thin #d0d0d0 solid;
	color:black;
	font-weight:400;
	font-size:18px;
	outline:0;
	height:23px;width:230px;
	border-radius:2px;
	cursor:pointer;
	text-align:left;
}


.usersList>img, .usersListNadomescam>img{
	width:16px;
	height:16px;
	padding-top:-2px;
	vertical-align:middle;
}


.usersList:hover, .usersListNadomescam:hover{background-color:#001466;color:white;}
.usersList:active, .usersListNadomescam:active{background-color:white;color:#1d6dd9;}
.usersList.selected, .usersListNadomescam.selected{background-color:#1d6dd9;color:white;}





.seznamTabelaGlava{
	background-color:#001466;
	color:#FFFFCC;
	display:inline-block;
	text-align:left;
	/*border-bottom:thin #CCCCCC solid;*/
	width:100%;
	cursor:pointer;
	padding:5px;
	padding-bottom:2px;
	font-weight:400;
	height:25px;
	border-radius:6px 6px 0 0;
	font-size:14px;
	vertical-align:middle;
}

.seznamTabela{
	display:inline-block;
	text-align:left;
	border-bottom:thin #CCCCCC solid;
	width:100%;
	cursor:pointer;
	padding:5px;
	padding-bottom:2px;
	font-weight:400;
	height:25px;
	font-size:14px;
	vertical-align:middle;
	/*text-shadow:1px 1px 2px #555555;*/
}

.seznamTabela:hover{background-color:#001466;color:white;}
.seznamTabela:active{background-color:white;color:#1d6dd9;}
.seznamTabela.selected{background-color:#1d6dd9;color:white;}

.seznamTabela>div, .seznamTabelaGlava>div{
	display:inline-block;
	vertical-align:middle;
	border-right:thin #CCCCCC solid;
}

.seznamTabela>div:last-child, .seznamTabelaGlava>div:last-child{
	border-right:none;
}

.seznamTabela>div>img{
	width:20px;
	height:20px;
	vertical-align:top;
}

/*
.ostaliPodatki{
	display:none;
	text-align:left;
	border:thin #C0C0C0 solid;
	border-radius:0 0 10px 10px;
	height:450px;
	overflow:hidden auto;
	background-color:ghostwhite;	
}
*/
/*
#koledar{
	position:relative;
	width:660px;
	height:100px;
	background-color:white;
	text-align:center;
	display:inline-block;
	border-radius:5px;
	vertical-align:top;
}

.koledarDan{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:17px;
	text-align:center;
	border:thin white solid;
	border-radius:4px;
	font-size:10px;
	cursor:pointer;
	padding:0;
	margin:0 -1px;
	color:black;
}

.koledarDanToday{
	background-color:#0CFAC5;
}

.koledarDan:hover{
	border:thin #FF8F00 solid;
}

.koledarDanSelected{
	border:thin #005F74 solid;
}


.koledarImeDneva{
	font-size:9px;
	margin-top:4px;
	color:#666666;
}

.koledarStevilkaDneva{
	font-size:12px;
	font-weight:600;
	border-radius:10px;
}

.koledarStevilkaDneva.normal{color:black;border: thin white solid;border-radius:10px;}
.koledarStevilkaDneva.sobota{color:#FF66CC;border: thin #FF66CC solid;border-radius:10px;}
.koledarStevilkaDneva.nedelja{color:#CC00CC;border: thin #CC00CC solid;border-radius:10px;}

*/

/*praznik*/
/*
.koledarStevilkaDneva.praznik{
	background-color:#FFFF99;
	color:black;
	border:thin red solid;
	border-radius:10px
}
*/

.smallHelp{
	display:inline-block;
	height:20px;width:20px;
	background-color:#729300;
	border-radius:10px;
	color:white;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
}

#porocilaUre{
	display:inline-block;
	width:220px;
	height:100px;
	background-color:white;
	border:thin #E6E6E6 solid;
	border-radius:5px;
	vertical-align:top;
}

.porocilaTipke{
	margin-top:10px
}
.porocilaTipkeLevo{
	display:inline-block;
	width:500px;
}

.porocilaTipkeDesno{
	display:inline-block;
	width:380px;
	text-align:right;
}

.porocilaTipkeDesno img{
	display:inline-block;
	height:32px;
	width:32px;
	vertical-align:top;
}


#fogBack{
	position:fixed;
	top:0;left:0;width:100%; height:100%;
	background-color:#000000cc;
	z-index:500;
}

#formWindow{
	width:90%;
	position:fixed;
	top:5%;left:5%;Bottom:5%;right:5%;
	/*margin:-290px -300px;*/
	border: 1px #1d6dd9 solid;
	z-index:501;
	border-radius:5px;
	background-color:#d7d7d7;
	overflow:hidden;
	display:none;
	box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);	
	/*height: fit-content;*/
	max-height: 89%;
}


	border: 1px #1d6dd9 solid;
	z-index:501;
	border-radius:5px;
	background-color:#d7d7d7;
	overflow:hidden;
	display:none;
	box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);	
	/*height: fit-content;*/
	max-height: 89%;
}


#formWindow table {border-collapse: collapse;}
#formWindow tr {/*border-bottom: 1px #CCCCCC dotted; padding-bottom:10px;*/}
#formWindow td:first-child {padding-top:10px}
#formWindow td {padding-bottom:10px;vertical-align:top;}
#formWindow td, th {vertical-align:top;}


.nDiv{
	padding:10px;
	color:#333333;
	text-align:center;	
	background-color:white;
	min-height:600px;
}

.nDiv>*>img{
	/*border:thin #999999 solid;*/
	border-radius:5px;
}

.ozkiDiv{
	max-width:1100px;
	margin: 0 auto;
	/*display: grid;*/
}

.naslovnaVrstica{
	display: block;
	top:0;left:0;width:auto;height:30px;
	vertical-align:middle;
	color:whitesmoke;
	background-color:#17329e;
	padding-top:5px;
	font-weight:500;
	user-select: none;
}

.porocilaZapis{
	width:890px;
	/*min-height:200px;*/
	border-radius:5px;
	border:thin #CCCCCC solid;
	background-color:#EEEEEE;
	color:#214549;
	margin-top:20px;
	padding:10px;
	position:relative;
	font-family: 'Roboto Condensed', sans-serif;
	
}

.porocilaZapisBadge{
	display:inline-block;
	/*position:absolute;*/
	width:40px; height:40px;
	margin-top:5px;
	text-align:center;
	vertical-align:top;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:500;
	font-size:12px;
}

.porocilaZapisBesedila{
	display:inline-block;
	text-align:left;
	vertical-align:top;	
	width:800px;
}


.porocilaZapisNasV{
	display:inline-block;
	/*position:absolute;*/
	text-align:left;
	vertical-align:top;	
	background-color:aliceblue;
	font-weight:500;
	width:800px;
	border:thin #CCCCCC solid;
	border-radius:5px;
	padding:10px;
	margin-bottom:5px;
}

.porocilaZapisNasV img{
	display:inline-block;
	height:20px;
	width:20px;
	vertical-align:top;
}

.noColor{
	background-color:#F5F5F5;
	border:none;
}

#errVnos{
	position:fixed;
	top:-200px;
	left:50%;
	width:400px;
	margin-left:-200px;
	z-index:600;
	font-size:18px;
	text-align:center;
	font-weight:400;
	text-shadow:0px 0px 3px black;
	opacity:0;
	color:white; 
	padding:25px; 
	border-radius:5px;

}

.showWaitOrange{
	background-color:#ff8f00;
}

.showWaitGreen{
	background-color:#CCFF33;
	color:black;
}
.showWaitGreen>#evText{
	color:black;
	text-shadow:0px 0px 3px white;
}

#noga{
	background-color:#303030;
	color:#FFFFFF;
	height:30px;
	/*display:inline-block;*/
	text-align:center;
	width:100%;
	position:absolute;
	bottom:0;
}


#showWait, #showWait2{
	position:fixed;
	text-align:center;
	top:0;left:0;bottom:0;right:0;
	padding-top:300px;
	color:black;
	cursor:wait;
	z-index:10000;
}
#showWait>#swBorder{
	display:inline-block;
	position:fixed;
	padding:30px;
	border:thin black solid;
	border-radius:10px;
	background-color:#ffffffdd;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:10001;
	width:250px;
	left:-145px;
	margin-left:50%;
}
#showWait img{
	height: 100%;
	max-height: 50px;
	vertical-align: middle;
}



button,.button{
	/*background: linear-gradient(127deg, rgba(57,191,255,1) 0%, rgba(45,135,207,1) 50%, rgba(18,99,150,1) 100%);*/
	display:inline-block;	
	background-color:#1d6dd9;
	border:thin #999999 solid;
	color:white;
	padding:8px;
	outline:0;
	height:33px;
	border-radius:4px;
	font-family: 'Roboto', sans-serif;
	font-weight:normal;
	font-size:14px;
}
.button{
	display:inline-block;
	margin-left:5px;
	vertical-align:middle;
}
a.button{
	height:auto;
}

button:hover,.button:hover{background:none; background-color:#13468A;color:white;}
button:active,.button:active{background:none; background-color:#89B5EF;color:black;}
button.selected,.button.selected{
	background-color:#03aeff;
}


textarea{
	background-color:#FFFFE1;
	border:thin #999999 solid;
	border-radius:2px;
	height:25px;
	margin:2px;
	padding:3px;
	outline:none;
	resize: vertical;
	font-family:'Roboto Mono', monospace;
}

textarea.kontaktVprasanje{
	width:400px;
	height:300px;
}

textarea:focus{
	background-color:#E3EDFB;
}


textarea::placeholder { 
  color:#CCCCCC;
  opacity: 1; /* Firefox */
}


/*input, select{
	width:250px;
	background-color:#FFFFE1;
	border:thin #999999 solid;
	border-radius:2px;
	height:25px;
	margin:2px;
	padding:3px;
	outline:none;
}
*/
select{
	width:258px;
}

input:focus, select:focus{
	background-color:#E3EDFB;
}

input[type=checkbox]{
	width:20px;
	margin-right:10px;
	vertical-align:middle;
}


input::placeholder { 
  color:#CCCCCC;
  opacity: 1; /* Firefox */
}

select{
	/*background-color:white;*/
	border:thin #999999 solid;
	border-radius:4px;
	height:33px;
   -webkit-appearance: menulist-button;
	margin:2px;
	padding:3px;
	outline:none;
	
}
select>option{
font-size:12px;
}

.selectButton{

	border:thin #999999 solid;
	color:white;
	padding:8px;
	outline:0;
	height:33px;
	border-radius:4px;
	background-color:#CCCCCC;
	margin:0 4px 6px 0;
	zoom:80%;
}

.selectButton.selected{
	background-color:#8BB400;
}

.selectButton:hover{
	background-color:#999999;
}

#kontejnerPotrdiTipk{
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(244,244,244,1) 50%, rgba(237,237,237,1) 100%);
	position:absolute;bottom:0;left:0;right:5px;height:40px;padding-top:10px;	
	text-align:right;
	border-top:thin #d6d6d6 solid;
}

.textSmall{font-size:11px;}
.textXSmall{font-size:10px;}

.textMono{font-family: 'Roboto Mono', monospace;}


.imgWrapText, .imgWrapText>img{
	max-width:100%;
	display:block;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	vertical-align:top;
} 

.imgStoPosto>img{
	width:100%;
	margin-right:15px;
	margin-bottom:15px;
} 




button.paginator{
	border:none;
	background-color:#FFFFCC;
	color:black;
	padding:8px;
	outline:0;
	height:30px;
	width:30px;
	border-radius:100%;
	cursor:pointer;
}

button.paginator:hover{
	background-color:#729300;
	color:white;
}

button.paginator.selected{
	background-color:#8BB400;
	color:white;
}






*::-webkit-scrollbar {
  width: 5px;               /* width of the entire scrollbar */
}
*::-webkit-scrollbar-track {
  background: #CCCCCC;        /* color of the tracking area */
}
*::-webkit-scrollbar-thumb {
  background-color: #808080;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  /*border: 3px solid #666666;*/  /* creates padding around scroll thumb */
}



/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  text-align:left;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 200px;
  right:0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
	cursor:pointer;
  color: black;
  padding: 10px 14px;
  text-decoration: none;
  display: block;
  font-size:13px;
  font-weight:300;
}

.dropdown-content button {
	width:100%;
}


/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color:#001466;}

#mobileMenuOpen{
	display:none;
}

.sweet-alert.showSweetAlert{
	box-shadow:black 0px 0px 15px;
	border:1px black solid;
}

#searchFilter{
	width:400px;
}
.hide{
	display:none;
}

.center{text-align:center;}
.bold{font-weight:bold;}
.underline{text-decoration:underline;}
.right{text-align:right}
.left{text-align:left}

#adminFunctions{
	background-color:#FFF4CC;
	padding:5px;
	text-align:right;
}


.floatFrm{
	background-color:white; 
	border:black #cccccc solid;
	border-top-width: 0px; 
	min-height:50px; 
	max-height:750px;
	overflow:hidden scroll;
}

.IzdelkiButton{
	vertical-align:middle;
}

.zwjz button.IzdelkiButton:last-child{
	margin-right:60px;
}


.IzdelkiButton.selected{
	filter:brightness(.5)
}

#sortHolder{
	background-color:white;
	display:inline-block;
	padding:2px 10px 2px 10px;
	border-radius:5px;
	vertical-align:middle;
}

#sortHolder button{
	background-color:none;
	background:none;
	color:black;
	border:none;
	height:auto;
	width:auto;
	padding:0;
	margin:0;
	cursor:pointer;
	}
#sortHolder button:hover{
	filter: drop-shadow(0px 0px 5px #666666 );
}

.vaMiddle{
	vertical-align:middle;
}

.sortButton{
height:auto;width:auto;
}

.inBlock{
	display:inline-block;
}

.skupinaName{
	text-decoration:underline;
	color:black;
}
.skupinaName:hover{
	color:#f30e67;
}
.skupinaName:last-child{
	color:#f30e67;
}


#glava{
	background-color:white;
	height:150px;
	width:100%;
	/*background-image:url('slike/bLogo.png');
	background-repeat:no-repeat;*/
}

#glavaTop{
	height:40px;
	background-color:#1d3a6b;
	color:white;
	position:relative;
}
.glavaTopStrip{
	height:40px;
	background-color:#1d3a6b;
	color:white;
	display:inline-block;
	position:absolute;

}

.glavaTopStrip .icons{
	margin-top:5px;
	margin-left:10px;
	vertical-align:middle;
	display:inline-block;
	color:white;
}

.glavaTopStrip a{
	color:white;
}

.glavaTopStrip a:hover{
	color:#FFFF99;
}




.glavaTopStrip .menu{
	margin:5px 5px 0 5px;
}

.glavaTopStrip .menuSeparator{
	margin:0;
	margin-top:5px;
}

#glavaLogoStrip{
	height:130px;
	background-color:white;
	position:relative;
}

#glavaLogoStrip #logo{
	position:absolute;
	top: 18px; 
	left: 30px;
}

#glavaLogoStrip #logo img{
	width:285px;
	margin-top:13px;
}

#glavaLogoStrip #regPrijava {
	position:absolute;
	top: 30px; 
	right: 30px;
	
}

#menu{
	position:relative;
	background-color:#1d3a6b;
	color:white;
	height:75px;
	
}

#menu #menu_Main {
	list-style:none;
}
#menu #menu_Main li{
	display:inline-block;
	margin-left:-10px;
}

#menu #menu_Main a{
	display:inline-block;
	height:45px;
	color: white;
	margin:0 3px 0 3px;
	padding:30px 8px 0 8px;
	background-color:#1d3a6b;
	font-size:15px;
}

#menu_Main .separator{
	vertical-align:middle;
}

#menu #menu_Main a.selected{
	background-color:#1e4891;
}

#menu #menu_Main a:hover{
	background-color:#4A75C4;
}

#carusel{
	background-color:white;
	height:250px;
	width:100%;

}
#carusel_Main{
	width:1024px;
	height:250px;
	margin:0 auto;
}

div#iskanje{
	height:40px;
	background-color:#00000044;
	padding:10px 0 10px 0;
	margin:0 auto;
	width:1024px;
	height:40px;
}

#iskanjeHolder{
	position:relative;
	text-align:center;
	height:60px;
	background-color: #a9a9a9;
	margin:0;
}

.vrtiljakHolder{
	text-align:center;
	display:block;
	width:1024px;
	height:250px;
	/*background-color:aqua;*/
	overflow:hidden;
}


#vrtiljakMainNaslov{
	position:absolute;
	top: -10px;
	right: 40px;
	height: 119px;
	width: 960px;
	text-align:right;
}

#vrtiljakMainNaslov h1 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 70px;
    color: white;
    text-shadow: 2px 2px 6px black;
    font-weight: 600;
}

#vrtiljakMainOpis {
    position: absolute;
    top: 70px;
    right: 40px;
    height: 197px;
    width: 766px;
    text-align: right;
    font-size: 20px;
    font-weight: 500;
    filter: drop-shadow(2px 4px 6px black);
    color:cornsilk;
}


#vrtiljakMainSlika{
	position:absolute;
	top: 0px;
	left: 0px;
	height: 250px;
	width: 1024px;
}

#vrtiljakMainSlika img{
	width: -webkit-fill-available;
	height: -webkit-fill-available;
}


bigLineSpace{line-height:150%;}


input, select{
	width:250px;
	background-color:#FFFFE1;
	border:thin #999999 solid;
	border-radius:2px;
	height:25px;
	margin:2px;
	padding:3px;
	outline:none;
}

input:focus, select:focus{
	background-color:white;
}

input:-webkit-autofill {
	background:none;
}

input:-internal-autofill-selected {
    background: none !important;
}


.must{
	background-image:url('slike/mustEnter.png');
	background-position:right center;
	background-repeat:no-repeat;
}

.invalid{
	background-color:#ffecec;
	border:thin red solid;
	background-image:url('slike/invalid.png');
	background-position:right center;
	background-repeat:no-repeat;
}

select{
	width:258px;
}

#searchFilter {
    border-radius: 10px 0 0 10px;
    border: 0;
    height: 27px;
    padding-left: 20px;
    width: 790px;
}

.searchTipka {
    margin-left: -6px;
    border-radius: 0 10px 10px 0;
    border: 0;
    background-color: #eb8906;
}

#nogaLinki{
	background-color:#F3F3F3;
	color:#FFFFFF;
	min-height:30px;
	text-align:center;
	
}

#noga{
	background-color:#303030;
	color:#FFFFFF;
	height:30px;
	text-align:center;
	width:100%;
}
.cycle-pager{
	bottom:-35px;
}


.btnPink{
	background-color:#FF0066;
	height:auto;
	padding:3px 10px 5px 10px;
}
.btnPink>span{
	display:inline-block;
	vertical-align:text-bottom;
	border-radius:10px;
}

help>img{
	width:12px;
	height:12px;
}


help {
    text-decoration: none;
    padding:10px;
}
help:hover {
    cursor: help;
    position: relative;
}
help>span.h {
    display: none;
    opacity:0;
	transition: 100ms linear;
	width:0;
}
help:hover>span.h{
    border: #333333 1px dashed;
    border-radius:2px 10px 10px 10px;
    padding: 5px 20px 5px 5px;
    background-color:#FFFFCC;
    display: block;
    opacity:.1;
    z-index: 100;
    left: -5px;
    margin: 10px;
    width: 250px;
    position: absolute;
    top: -3px;
	transition: 200ms linear;
	font-size:13px;
	box-shadow: 0 0 8px -3px #768230;
}

help>span.h:hover{
    opacity:1;
	transition: 100ms linear;
}


.main_skupine{
	background-color:aqua;
	display:block;
	height:200px;
}

.main_vAkciji{
	background-color:antiquewhite;
	display:block;
	height:200px;
}

.main_priporocamo{
	background-color:burlywood;
	display:block;
	height:200px;
}

div[class*="trgovina"]{
	max-height:none;
	min-height:0;
}


.paginator{
	
}

.paginator a{
	background-color:#ededed;
	display:inline-block;
	height:23px;
	width:30px;
	border-radius:30px;
	font-size:14px;
	font-weight:400;
	padding-top:7px;
	color:black;
}

.paginator a.selected{
	background-color:#233c6a;
	color:white;
}


#imageDrawer img{
	max-height:200px;
}


.imgPreview{
	position:relative;
	display:inline-block;
	border:2px #F2F2F2 solid;
	margin:15px;
	height:200px;
	width:200px;
	vertical-align:top;
	text-align:center;
}

.imgPreview.selected{
	border:4px red solid;
}

.imgButtons{
	position:absolute;
	bottom:10px;
	left:0px;
	width:100%;
	text-align:center;
}
.imgButtons button{
	border:thin #FFFF99 solid;
	background-color:#ffffff88;
	padding:2px;
	height:30px;
	width:30px;
}
.imgButtons button:hover{
	background-color:chartreuse;
}

.opis1 button[akcija=vKosasrico]{
	padding:10px;
}

.red{
	color:red;
}

pre .green{
	color:#CCFF99;
}

pre .yellow{
	color:#FFFF66;
}
pre div{
	/*padding:10px;*/
}
pre div:hover{
	background-color:#121E2C;
}

#mobileBurger{
	display:none;
}

#mobileMenu{
	display:none;
}

.yellow{
	color:yellow
}

ul#menu_Main{
	margin-top:0;
	margin-bottom:0;
}


.galerija{
	display:inline-block;
	vertical-align:top;
	float:left;
}

.opis1{
	display:inline-block;
	float:left;
	vertical-align:top;
	min-width:685px;
}

.opis2{
	display:inline-block;
	vertical-align:top;
	min-width:685px;
	float:left;
}

.opisi{
    float: left;
    max-width: min-content;	
}