/* ######### Shared basic style for mega drop down menu DIV ######### */

.mega{
width:300px; /*default width of mega menu*/
padding: 0px 5px 0px 0px; position:absolute;
visibility:hidden; font-size: 90%; 
}

.mega .column{ /*each link column within a mega menu*/
float:left; border: 0px solid #666; margin: 10px 0px 0 15px;
}

.mega a, .mega a:visited{
text-decoration:none; color: #e2e2e2; margin: 2px -15px; padding: 8px 15px;
}

.mega a:hover{
text-decoration:none; color: #fff; background-color:#006ead;
}

.mega a[rel]:after{ /*add "down.png" to anchor links, or those with a rel attribute */
content:" " url(down.png);
}

.mega .column ul{
margin:0;
margin-left:0px;
padding:0;
list-style:none;
}

.mega .column ul li{
margin-bottom:3px;
}

.mega .ulmenu{ /*style any UL within mega menu with class="ulmenu"*/
margin:0;
padding:0;
border:1px solid gray;
border-bottom-width:0;
list-style:none;
}

.mega .ulmenu a{
display:block;
border-bottom:1px solid gray;
padding:5px;
}

.mega .ulmenu a:hover{
background:lightyellow;
}

/* ######### Style for Solid Block Mega Menu ######### */

.solidblocktheme{ /*additional mega drop down menu style for this theme*/
margin: 0; padding: 0px;
background: url(/images/navigacija_pozadina.png); text-transform: uppercase;
}

.solidblocktheme p, .solidblocktheme {
padding: 0px; /*add padding inside p and .column elements within mega menu*/
width:auto;
}

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
width: 100%;
overflow: hidden;

}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
/*padding: 9px 11px;*/
text-decoration: none;
border-right: 0px solid white;
}

.solidblockmenu li a:visited{
color: white;
}
/*
.solidblockmenu li a:hover, .solidblockmenu li a.selected{
color: white;
background: transparent url(images/navig_22.png) center center repeat-x;
}
*/

.solidblockmenu li a#MenuItem1, .solidblockmenu li a#MenuItem1.visited { background:url(/images/navig_11.png); width: 104px; height: 40px; cursor:pointer; display:block}
.solidblockmenu li a#MenuItem1.selected, .solidblockmenu li a#MenuItem1:hover {background: url(/images/navig_12.png) left top no-repeat;}

.solidblockmenu li a#MenuItem2, .solidblockmenu li a#MenuItem2.visited { background:url(/images/navig_21.png); width: 108px; height: 40px; cursor:pointer; display:block}
.solidblockmenu li a#MenuItem2.selected, .solidblockmenu li a#MenuItem2:hover {background: url(/images/navig_22.png) left top no-repeat;}

.solidblockmenu li a#MenuItem3, .solidblockmenu li a#MenuItem3.visited { background:url(/images/navig_31.png); width: 121px; height: 40px; cursor:pointer; display:block}
.solidblockmenu li a#MenuItem3.selected, .solidblockmenu li a#MenuItem3:hover {background: url(/images/navig_32.png) left top no-repeat;}

.solidblockmenu li a#MenuItem4, .solidblockmenu li a#MenuItem4.visited { background:url(/images/navig_41.png); width: 123px; height: 40px; cursor:pointer; display:block}
.solidblockmenu li a#MenuItem4.selected, .solidblockmenu li a#MenuItem4:hover {background: url(/images/navig_42.png) left top no-repeat;}

.solidblockmenu li a#MenuItem5, .solidblockmenu li a#MenuItem5.visited { background:url(/images/navig_51.png); width: 107px; height: 40px; cursor:pointer; display:block}
.solidblockmenu li a#MenuItem5.selected, .solidblockmenu li a#MenuItem5:hover {background: url(/images/navig_52.png) left top no-repeat;}

.solidblockmenu li a#MenuItem6, .solidblockmenu li a#MenuItem6.visited { background:url(/images/navig_61.png) no-repeat; width: 109px; height: 40px; cursor:pointer; display:block}
.solidblockmenu li a#MenuItem6.selected, .solidblockmenu li a#MenuItem6:hover {background: url(/images/navig_62.png) left top no-repeat;}

.solidblockmenu li a#MenuItem7, .solidblockmenu li a#MenuItem7.visited { background:url(/images/navig_71.png) no-repeat; width: 109px; height: 40px; cursor:pointer; display:block}
.solidblockmenu li a#MenuItem7.selected, .solidblockmenu li a#MenuItem7:hover {background: url(/images/navig_72.png) left top no-repeat;}

.solidblockmenu li a#MenuItem8, .solidblockmenu li a#MenuItem8.visited { background:url(/images/navig_81.png) no-repeat; width: 119px; height: 40px; cursor:pointer; display:block}
.solidblockmenu li a#MenuItem8.selected, .solidblockmenu li a#MenuItem8:hover {background: url(/images/navig_82.png) left top no-repeat;}




		/* en  */
		

.solidblockmenu li a#MenuItemEn1, .solidblockmenu li a#MenuItemEn1.visited { background:url(../images/navig_en_11.png); width: 120px; height: 41px; cursor:pointer; display:block}
.solidblockmenu li a#MenuItemEn1.selected, .solidblockmenu li a#MenuItemEn1:hover {background: url(../images/navig_en_12.png) left top no-repeat;}

.solidblockmenu li a#MenuItemEn2, .solidblockmenu li a#MenuItemEn2.visited { background:url(../images/navig_en_21.png); width: 110px; height: 41px; cursor:pointer; display:block}
.solidblockmenu li a#MenuItemEn2.selected, .solidblockmenu li a#MenuItemEn2:hover {background: url(../images/navig_en_22.png) left top no-repeat;}

.solidblockmenu li a#MenuItemEn3, .solidblockmenu li a#MenuItemEn3.visited { background:url(../images/navig_en_31.png); width: 122px; height: 41px; cursor:pointer; display:block}
.solidblockmenu li a#MenuItemEn3.selected, .solidblockmenu li a#MenuItemEn3:hover {background: url(../images/navig_en_32.png) left top no-repeat;}

.solidblockmenu li a#MenuItemEn4, .solidblockmenu li a#MenuItemEn4.visited { background:url(../images/navig_en_41.png); width: 133px; height: 41px; cursor:pointer; display:block}
.solidblockmenu li a#MenuItemEn4.selected, .solidblockmenu li a#MenuItemEn4:hover {background: url(../images/navig_en_42.png) left top no-repeat;}

.solidblockmenu li a#MenuItemEn5, .solidblockmenu li a#MenuItemEn5.visited { background:url(../images/navig_en_51.png); width: 89px; height: 41px; cursor:pointer; display:block}
.solidblockmenu li a#MenuItemEn5.selected, .solidblockmenu li a#MenuItemEn5:hover {background: url(../images/navig_en_52.png) left top no-repeat;}

.solidblockmenu li a#MenuItemEn6, .solidblockmenu li a#MenuItemEn6.visited { background:url(../images/navig_en_61.png) no-repeat; width: 112px; height: 41px; cursor:pointer; display:block}
.solidblockmenu li a#MenuItemEn6.selected, .solidblockmenu li a#MenuItemEn6:hover {background: url(../images/navig_en_62.png) left top no-repeat;}









.SirokoTri  {width: 310px}
.Siroko200  {width: 188px}
.Siroko350  {width: 300px}
.Siroko150  {width: 120px}
.NavigOnama  {width: 250px; padding-right: 5px;}
.NavigKontakt  {width: 190px; padding-right: 31px;}

.NavigPodnaslov  { display:block; margin-bottom: 2px; padding-bottom: 2px; border-bottom: 2px solid #dcdee2;}
.NavigSeparator {width: 35px;  border-left: 1px solid #e5e5e5; height: 130px; float:left;}
.NavigKolona1 { width: 158px; float:left; }
.NavigKolona1 .Naslov, .NavigKolona2 .Naslov { font-size: 14px; font-weight:normal; margin-bottom: 0px; }
.NavigKolona1 .Opis, .NavigKolona2 .Opis  { font-size: 12px; font-style: italic; margin-top: 0px; }
.NavigKolona1 .Separator, .NavigKolona2 .Separator  { border-bottom: 1px solid #fff; border-top: 1px solid #000; margin: 0px 0; height: 0px; 	zoom: 1;
	filter: alpha(opacity=20);
	opacity: 0.2;
 }



.NavigKolona2 { width: 80px; float:left; }


.NavigKolonaRegistracija { width: 320px; }
.NavigacijaDole { margin-top: 10px; padding: 10px 10px 10px 15px; border-top: 2px solid #FFF; text-align: left; background:#dcdee2;
-moz-border-radius: 0 0px 5px 5px;
-webkit-border-radius: 0 0px 5px 5px;
border-radius: 0 0px 5px 5px;}
.NavigacijaGore { padding: 10px 10px 10px 15px; border-bottom: 1px solid #e5e5e5; background:#dcdee2; margin: 0 0 5px 0;
-moz-border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0;
border-radius: 5px 0 0 0;}
.NavigacijaGoreUdesno { padding: 10px 10px 10px 15px; border-bottom: 1px solid #e5e5e5; background:#dcdee2; margin: 0 0 5px 0;
-moz-border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;}
.NavigacijaDole img { margin: 0 3px -3px 0px}
.NavigItem {padding-left: 10px; background:url(../images/icon_siva_strelica.png) left top no-repeat;}

.UDesno {margin-left: 0px; margin-top: 0;
-webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.3) ; /*css 3 shadows*/
-moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.3) ;
box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.3) ;

}
.ULevo {
-webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.3) ; /*css 3 shadows*/
-moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.3) ;
box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.3) ;

}

.Linkovi a { display: block; }