<meta http-equiv="content-type" content="text/html; charset=utf-8">
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
/*[START-QCC]*/.qmclear{}.qmmc:after{content: ".";display:block;height:0px;clear:both;overflow:hidden;}.qmmc div>a, .qmmc dd>a, .qmmc li>a, .qmmc div>span, .qmmc dd>span, .qmmc li>span, .qmmc div, .qmmc dl, .qmmc dd, .qmmc li, .qmmc ul {font-wieght:normal;text-decoration:none;font-family:'Roboto', 'Open Sans';/*'Open Sans', sans-serif;*/ /*Arial, sans-serif;'Roboto', 'Open Sans'*/font-size:14px;line-height:normal;padding:0px;margin:0px;}.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmmc {position:relative;zoom:1;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;line-height:normal;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div,.qmmc .qmcbox ul{float:none;position:static;visibility:inherit;left:auto;}.qmmc .qmmulti{float:left;position:relative;}.qmmc .qmmulti dd{margin:0px;padding:0px;}.qmmc dd {position:relative;}.qmmc .qmml0 {z-index:99;}.qmmc .qmml1 {z-index:98;}.qmmc .qmml2 {z-index:97;}.qmmc .qmml3 {z-index:96;}.qmmc .qmml4 {z-index:95;}.qmmc .qmml5 {z-index:94;}.qmmc .qmml6 {z-index:93;}.qmmc .qmml7 {z-index:92;}.qmmc .qmml8 {z-index:91;}.qmmc .qmml9 {z-index:90;}.qmmc li {z-index:auto;}.qmmc ul {visibility:hidden;position:absolute;z-index:10;}.qmmc, .qmmc ul, .qmmc dl {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{visibility:inherit;left:auto;}/*[END-QCC]*//*[START-QCC1]*/#qm1 ul {top:100%;}#qm1 ul li:hover>ul{visibility:inherit;top:0px;left:100%;}#qm1 ul dd:hover>ul{visibility:inherit;top:0px;left:100%;}#qm1.qmmc, .qmcoreindicator {z-index:9999999;}#qm1 span.qmcbox div, #qm1 span.qmcbox ul, #qm1 span.qmcbox li, #qm1 span.qmcbox span, .qmcoreindicator {border-style:none;border-width:0px;padding:0px;margin:0px;width:auto;height:auto;top:auto;left:auto;white-space:normal;box-shadow:none;border-radius:0px;}/*[END-QCC1]*/

/*
 * @import url('https://fonts.googleapis.com/css?family=Roboto');
 */
/*
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
*/

@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');

/*
@font-face {
    font-family: 'ArealRNIDS';
    src: url('fonts/ArealRNIDS-Regular.woff2') format('woff2');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'OrtoRNIDS';
    src: url('fonts/OrtoRNIDS-Regular.woff2') format('woff2');
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
*/
@font-face {
    font-family: 'Roboto';
    src: url('Roboto/Roboto-Regular');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet"> 

.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 1 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm1	
	{	
		width:auto;
		background-color:transparent;
		
	margin-top:29px;
	font-family: 'Roboto', 'Open Sans';
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm1 a	
	{	
		/* padding:18px 25px 15px 15px;*/
		padding:18px 10px 15px 10px;
		background-color:transparent;
		color:#fff;
				
		text-decoration:none;
		font-weight:bold;
		text-align:left;
		/*font-variant:small-caps;*/
		text-transform:uppercase;
		/*border-width:0px 0px 0px 1px; vertical dividers */
		border-width:0px 0px 0px 1px;
		border-style:solid;
		border-color:transparent;
		
		color: rgba(38,79,54, 1.00);
		color:#666;
		
		color:#173f5f;
		border-width:1px 1px 0px 1px;
		border-style:solid;
		border-color:transparent;

		/*width: calc(100% - 20px);*/
/*		
font-feature-settings: "kern" on; 
*/
/*  font-family: "ArealRNIDS", Georgia;
font-feature-settings: "kern";*/
/*font-family: 'Roboto', 'Open Sans';*/
/*font-family: Arial;*/
/*font-family: 'Open Sans', sans-serif;*/
font-family: 'Roboto', 'Open Sans';
font-size:12px;

min-height: 17px;
min-width: 65px;


	}
	
	
	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm1 .qmactive, body #qm1>li:hover>.qmparent	
	{	
		z-index:100;
		background-color:#FFFFFF;
		
		/*color:#c00;*/
		cursor: default;
		/* green yellow*/
		/*color:#ffd800;*/
		color:#fff;
		/* green */
		background: rgba(63,101,78, 1.00);
		
		background:#ffffff;
		color:#173f5f;
		
		border-width:1px 1px 0px 1px;
		border-style:solid;
		border-color:#173f5f;

		
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm1 div, #qm1 ul	
	{	
		/*margin:-1px 0px 0px;*/
margin:-1px 0px 0px 0px;

		
		border-width:0px;
		border-style:solid;
		border-color:#ccc;
		box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-khtml-box-shadow:none;
		
		background:#fff;
		/*border-radius: 0px 0px 10px 0px; zakrivljena ivica */
		border-radius: 0px 0px 0px 0px;
		/*-moz-box-shadow:0px 0px 10px rgb(95, 95, 95);-webkit-box-shadow:0px 0px 10px rgb(95, 95, 95);-ms-box-shadow:0px 0px 10px rgb(95, 95, 95);-o-box-shadow:0px 0px 10px rgb(95, 95, 95);-khtml-box-shadow:0px 0px 10px rgb(95, 95, 95);box-shadow:0px 0px 10px rgb(95, 95, 95);*/
		/*padding:4px 0 4px;*/
		padding:0px;
		
		/* green */
		background: rgba(63,101,78, 1.00);
		border: 1px solid rgba(63,101,78, 1.00);


		box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-khtml-box-shadow:none;
		

		border-radius: 0px 0px 0px 0px;
		
		background:#fff;
		border: 1px solid #173f5f;
		
		
	}


	/*"""""""" (SUB) Column""""""""*/	
	#qm1 div .qmmulti, #qm1 ul .qmmulti	
	{	
		padding:4px;
		
		padding:0px;
		
		
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm1 div a, #qm1 ul a	
	{	
		/*padding:5px 45px 5px 10px;*/
		padding:5px 20px 5px 10px;
		background-color:#FFFFFF;
		/*color:#313131;*/
		color:#000;
		font-size:10px;
		font-weight:normal;
		/*
		text-transform:none;
		font-size:12px;
		*/
		/*border-width:1px 0px;*/
		/*border-style:solid;
		border-color:transparent;*/
		
		
		/*
		border: 1px solid transparent;
		border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;-ms-border-radius:0px 0px 0px 0px;-o-border-radius:0px 0px 0px 0px;-khtml-border-radius:0px 0px 0px 0px;
		box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-khtml-box-shadow:none;
		*/
		margin: 0px 5px;
		
		/* green */
		background: rgba(63,101,78, 0.95);
		color: #fff;
		border: 0px;
		
		position: relative; /* used with absolute for positioning underline */
		
		background:#fff;
		color:#173f5f;
		
/*		
margin: 0px 1px;
font-size: 12px;
*/
font-size: 12px;
margin: 1px; /* vazno */
margin-top:0px;

margin: 0px; /* vazno */
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm1 div a:hover	
	{	
		/*background-color:rgba(152, 178, 201, 0.5);*/
		/*background-color:rgba(152, 178, 201, 1);*/
		/*border-color:#d00;*/
		color:#c00;
		/*border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;-ms-border-radius:3px 3px 3px 3px;-o-border-radius:3px 3px 3px 3px;-khtml-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;*/
		/* green */
		background: rgba(63,101,78, 0.95);
		/*color:#ffd800;*/
		color:#f5c71a;
		/* narandzast */
		color: rgba(247,147,130, 0.95);
		/* ovde je kursor za podmeni */
		cursor: pointer;
		
		background: rgba(255,255,255, 0.95);
		color:#173f5f;
		
		
	}
/* s sa linkovima */	
	.menu-link {
        /*color: goldenrod;*/
	color: mistyrose;
	color: #fff;
	
        text-decoration: none;
        display: block;
        /*padding: 0.5rem 2rem 0 1.2rem; */ /* padding-bottom is space between text and underline */
        padding: 0;
        border: 0;
	/*
        margin: 0.5rem 0;
        font-size: 1rem;
        font-weight: 300;
        line-height: 1.4;
	*/
        position: relative; /* used with absolute for positioning underline */
        
        padding: 0;
	margin: 0;
	font-size: 1px;
        font-weight: 0;
        line-height: 1px;

	
      }
      .menu-link:after {
        position: absolute;
        content: "";
        display: block;
        bottom: 0;
        left: 0;
        height: 1px;
        line-height: 1px;
        width: 100%;
        background-color: mistyrose;
	/* boja za podvalcenje */
	background-color: #999;

margin-bottom:1px;
	
        transform-origin: right bottom;
        transform: scaleX(0);
        transition: transform 0.4s linear;
      }
      .menu-link:hover:after,
      .menu-link:active:after {
        transform: scaleX(1);
        transform-origin: left bottom;
        transition: transform 0.4s linear;
      }
      li:nth-of-type(2) .menu-link:after {
        background-color: magenta;
        left: auto;
        right: 0;
        transform-origin: left bottom;
      }
      li:nth-of-type(2) .menu-link:hover:after,
      li:nth-of-type(2) .menu-link:active:after {
        transform-origin: right bottom;
      }
      .misty1{
	/*color:mistyrose;*/
	color: #ef0000;
	
	}
/* ends sa linkovima */
      
	/*
	#qm1 div a:after	
	{	
	position: absolute;
        background-color: goldenrod;
        transform-origin: right bottom;
        transform: scaleX(0);
        transition: transform 0.4s linear;
	color:red;
	}
	#qm1 div a:hover:after
	{	
	transform: scaleX(1);
        transform-origin: left bottom;
        transition: transform 0.4s linear;
	}
	*/

	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm1 ul li:hover>a, #qm1 ul dd:hover>a	
	{	
		/*background-color:rgba(152, 178, 201, 0.5);*/
		/*border-color:#98B2C9;*/
		/*
		border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;-ms-border-radius:3px 3px 3px 3px;-o-border-radius:3px 3px 3px 3px;-khtml-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;
		*/
		
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm1 div .qmactive, body #qm1 ul li:hover>.qmparent	
	{	
		/*background-color:rgba(152, 178, 201, 0.5);*/
		/*border-color:#98B2C9;*/
		/*border-color:#c00; sub item crveni */
		/*border-color:rgba(63,101,78, 0.95);*/
		border-color:rgba(63,101,78);
		/* green yellow orange 
		 background: rgba(38,79,54, 0.95);
		 */
		background: rgba(63,101,78, 0.95);
		
		/*color:#ffd800;*/
		color: rgba(247,147,130, 0.95);
		
		background: #fff;
		border-color:#173f5f;
		color:#173f5f;
		
		border: 0px;/* vazno */
		
	}


	/*"""""""" Individual Titles divajderi naslovi """"""""*/	
	#qm1 .qmtitle	
	{	
		cursor:default;
		/*padding:5px 0px 5px 4px;*/
		padding:5px 0px 5px 10px;
		/*background-color:rgba(143, 142, 142, 0.5);*/
		/*background:#2A83ED;
		background-color:rgba(143, 142, 142, 1);*/
		color:#313131;
		/* font-family: Arial;*/
		/* font-family: 'Roboto', 'Open Sans';*/
		
		font-size:10px;
		font-weight:bold;
		/*font-variant:small-caps;*/
		text-transform:uppercase;
		/*border-width:0px 0px 1px;
		border-style:solid;
		border-color:#98B2C9;*/
		
		/*margin:5px;*/
		color:#fff;
		/*background:#2A83ED;
		background:#a1a1a1;*/
		/*background:#cdcdcd;*/
		/*background-color:rgba(152, 178, 201, 0.5);*/
		/*background-color:rgba(255, 0, 0, 0);*/
		margin:3px 5px;
		
		/*font-style:italic;*/
		
		/*background: linear-gradient( -90deg, rgba(0,0,0, 0.0) 0%, rgba(0,0,0, 0.95) 100%) repeat scroll 0 0 transparent;*/
		/*background: linear-gradient( -90deg, rgba(63,101,78, 0.0) 0%, rgba(63,101,78, 0.95) 100%) repeat scroll 0 0 transparent;*/
		
		/* green */
		/*background: rgba(63,101,78, 0.95);*/
		/*background: linear-gradient( -90deg, rgba(255,255,255, 0.0) 0%, rgba(255,255,255, 0.95) 100%) repeat scroll 0 0 transparent;*/
		color: #000;
		color: #a1a1a1;
		font-weight:bold;
		/*text-decoration:underline;*/
		
		color: #173f5f;
		background:#f7f7f7;
		
		font-family: 'Roboto', 'Open Sans';
font-size: 11px;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm1 .qmdividerx	
	{	
		border-top-width:1px;
		/*border-color:#c00; crveni divider*/
		
		border-color:#333;
		
		margin:2px 5px;
		
		border-color:#173f5f;
	}


	/*"""""""" Individual Vertical Dividers""""""""*/	
	#qm1 .qmdividery	
	{	
		border-left-width:1px;
		height:15px;
		margin:4px 2px 0px;
		/*border-color:#555555;*/
		border-color:transparent;
	}


	/*[END-QS1]*/


	@media screen and (max-width: 1000px) {
	#qm1	
	{	
		width:auto;
		background-color:transparent;
		
		border-bottom: 1px solid #999;
		
		top:5px;
		
		
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm1 a	
	{	
		padding:15px 25px 12px 15px;
		background-color:transparent;
		/*color:#313131;*/
		/*color:#000;*/
		color:#000;
		/*font-family: Arial;*/
		
		font-size:12px;
		text-decoration:none;
		font-weight:bold;
		text-align:left;
		/*font-variant:small-caps;*/
		text-transform:uppercase;
		/*border-width:0px 0px 0px 1px; vertical dividers */
		/*border-width:0px 0px 0px 0px
		border-style:solid;
		border-color:#ccc;
		;*/
		/*border: 1px solid transparent;*/
					
		font-family: 'Roboto', 'Open Sans';
		
		/*margin: 4px 0 -1px 0;*/
		margin: 0 0 -1px 0;
		
		
	}
	
}