@charset "UTF-8";
/* CSS Document */

@media screen and (min-width:481px){
/* CSS Document */
ul#topnav {
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	position: relative;
	/*--Set relative positioning on the unordered list itself - not on the list item 1.2vw;--*/
	font-size:60%;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #FFF;
	zoom: 1;
	
	/*--Bottom right rounded corner--*/
	/*-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;*/
	/*--Bottom left rounded corner--*/
	/*-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;*/
	
	margin-bottom: 25px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 5px;
	background-color:#0C479D;
	/*background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,102,178,1.00)),color-stop( 100% , rgba(0,78,137,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(0,102,178,1.00) 0%,rgba(0,78,137,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,102,178,1.00) 0%,rgba(0,78,137,1.00) 100%);*/
}
	
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	zoom:1;
	display:block;
	 /*--Divider for each parent level links--*/
}
	
ul#topnav li a {
	padding: 5px 10px ;
	display: block;
	color: #fff;
	text-decoration: none;
	zoom:1;
}
	
ul#topnav li a span {
	padding: 5px 15px ;
	display: block;
	color: #000;
	text-decoration: none;
	zoom:1;	
}
	
ul#topnav li:hover { background: #4196F3; }
	
	
body#home a#homeLink,
body#investment a#investmentLink,

body#onama a#companyLink,
body#sistem a#companyLink,

body#standardi a#companyLink,
body#sertifikati a#companyLink,
body#ekologija a#companyLink,
body#odrzivost a#companyLink,

body#distribution a#distributionNetwork,
	
body#Contact a#kontaktLink,
body#novosti a#novostiLink,



body#fulja a#uljaLink,
body#fgorivo a#gorivoLink,
body#fvazduh a#vazduhLink,
body#fklima a#klimaLink
{
 	 background: #4196F3;
 	 margin-top:-5px;
	 padding-bottom:5px;
	 padding-top:10px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
 }
 
 
/*body#home span#homeSub,*/
/*body#home span#homeSub,
body#investment span#homeSub,

body#onama span#companySub,
body#sistem span#companySub,
	
body#standardi span#companySub,
body#sertifikati span#companySub,
body#ekologija span#companySub,
body#odrzivost span#companySub,

body#info span#novostiSub,
body#newsletter span#novostiSub
{
	 display: block; z-index:1;
}*/
  

	
body#onama a#onamaLink,
body#sistem a#sistemLink,
	
body#standardi a#sistemLink,
body#sertifikati a#sistemLink,
body#ekologija a#sistemLink,
body#odrzivost a#sistemLink,
	
body#info span#infoLink,
body#newsletter span#newsletterLink
{
   text-decoration:underline;
}


/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span {

	float: left;
	padding: 5px 0;
	padding-right:0px;
	position: absolute;
	left: 0; top:28px;
	display: none; /*--Hide by default--*/
	width: 100%;
	background: #FFF; /* padajuci menu*/
	color: #000;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

ul#topnav li:hover span { display: block; z-index:10;} /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; padding-left:15px; padding-right:10px; color:#000;} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}

ul#topnav li span#current {display:block; }


}

@media screen and (min-width:769px){
/* CSS Document */
ul#topnav {
	
	padding: 0;
	
	float: left;
	width: 100%;
	list-style: none;
	position: relative;
	/*--Set relative positioning on the unordered list itself - not on the list item 1.2vw;--*/
	font-size:90%;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #FFF;
	zoom: 1;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	
	margin-bottom: 27px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 5px;
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,102,178,1.00)),color-stop( 100% , rgba(0,78,137,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(0,102,178,1.00) 0%,rgba(0,78,137,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,102,178,1.00) 0%,rgba(0,78,137,1.00) 100%);
	
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	zoom:1;
	display:block;
	 /*--Divider for each parent level links--*/
}
ul#topnav li a {
	padding: 10px 15px ;
	display: block;
	color: #FFF;
	text-decoration: none;
	zoom:1;
	letter-spacing:0.7px;
	
}
ul#topnav li a span {
	padding: 5px 15px ;
	display: block;
	color: #000;
	text-decoration: none;
	zoom:1;
	
}
ul#topnav li:hover { background: #4196F3; }
 
body#home a#homeLink,
body#investment a#investmentLink,
	
body#sistem a#companyLink,
body#onama a#companyLink,
	
body#standardi a#companyLink,
body#sertifikati a#companyLink,
body#ekologija a#companyLink,
body#odrzivost a#companyLink,
	
body#distribution a#distributionNetwork,
	
body#kontakt a#kontaktLink,
	
body#info a#novostiLink,
body#newsletter a#novostiLink,



body#fulja a#uljaLink,
body#fgorivo a#gorivoLink,
body#fvazduh a#vazduhLink,
body#fklima a#klimaLink,

body#trafo a#trafoLink,
body#prekidac a#prekidacLink,

body#starter a#starterLink,
body#servis a#servisLink,
body#pitanja a#pitanjaLink,
body#savet a#savetiLink
{
 	 background: #4196F3;
 	 margin-top:-5px;
	 padding-bottom:10px;
	 padding-top:15px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
 }
 
/*body#home span#homeSub,*/
/*body#home span#homeSub,

body#onama span#sistemSub,
body#sistem span#sistemSub,
	
body#standardi span#sistemSub,
body#sertifikati span#sistemSub,
body#ekologija span#sistemSub,
body#odrzivost span#sistemSub,

body#info span#novostiSub,
body#newsletter span#novostiSub

{ display: block; z-index:1; }*/
	
	

	
body#onama a#onamaLink,
nbody#sistem a#sistemLink,
	
body#standardi a#sistemLink,
body#sertifikati a#sistemLink,
body#ekologija a#sistemLink,
body#odrzivost a#sistemLink,

body#info a#infoLink,
body#newsletter a#newsletterLink
{ text-decoration:underline; }

/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span {

	float: left;
	padding: 5px 0;
	padding-right:0px;
	position: absolute;
	left: 0; top:37px;
	display: none; /*--Hide by default--*/
	width: 100%;
	background: #FFF; /* padajuci menu*/
	color: #000;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

ul#topnav li:hover span { display: block; z-index:10;} /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; padding-left:15px; padding-right:10px; color:#000;} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}

ul#topnav li span#current {display:block; }


}