/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}


.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 140px; /* Width of Menu Items */
border-bottom: 1px solid #FFF;

}
	
.suckerdiv ul li{
font-weight:bold;
position: relative;
padding-left:8px;
border-left: 1px #FFFFFF solid;
background-color:#ffffff;
background: #FFFFFF url(http://www.kultura.gov.mk/images/menu_arrow.gif) no-repeat center left;
/*background:url(images/menu_arrow.gif) no-repeat;
background-position:left center;*/
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 160px; /*sub menu width*/
margin-left: -2px;
top: 0;
z-index:100;
visibility: hidden;
border: 1px solid #ccc;
}

/* Sub level menu links style */
.suckerdiv ul li a{
font-weight:bold;
display: block;
overflow: auto; /*force hasLayout in IE7 */
width: 100%;
color: black;
text-decoration: none;
background: #FFF;
padding: 1px 5px;
border: 1px solid #fff;
border-bottom: 0;
}



.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
background-color: #FFFFFF;
}

.suckerdiv .subfolderstyle{
background: url(../images/arrow-list.gif) no-repeat center right;
background: #FFFFFF;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */


/* Novo Meni*/
.meni-button {
	font-family:Arial, Tahoma, Verdana;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	/*width:222px;*/
	height:21px;
	background:url(/images/block_title_bg.png);
	background-repeat:no-repeat;
	vertical-align:middle;
	text-transform:uppercase;
	text-decoration:none;
	padding-left:18px;
	padding-right:5px;
	padding-top:4px;
}

.contentMeni.ul.menu ul, ul.menu ul ul {

	border:none;

}



.contentMeni.ul.menu li {

	list-style:none;

	list-style-image:none;

	list-style-position:outside;

	margin:0px;

	padding:0px;

}



.contentMeni.ul.menu a {

	background:url(images/menu_arrow.gif) no-repeat;

	background-position:left center;

	font-family:Arial, Tahoma, Verdana;

	font-weight:bold;

	font-size:11px;

	color:#000000;

	display:block;

	/* line-height:18px; */

	/* text-transform:uppercase; */

	text-decoration:none;

	width:210px;

}



.contentMeni.ul.menu li.menu ul.submenu a {

	background:none;

	font-family:Arial, Tahoma, Verdana;

	font-weight:normal;

	font-size:11px;

	color:#000000;

	display:block;

	line-height:18px;

	text-transform:none;

	text-decoration:none;

	width:210px;

}

.contentMeni.ul.menu ul.submenu li {

	background:none;

	font-family:Arial, Tahoma, Verdana;

	font-weight:normal;

	font-size:11px;

	color:#000000;

	line-height:18px;

	text-transform:none;

	text-decoration:none;

	width:210px;

}

.contentMeni.ul.menu ul.submenu {

	background:none;

	font-family:Arial, Tahoma, Verdana;

	font-weight:normal;

	font-size:11px;

	color:#000000;

	line-height:18px;

	text-transform:none;

	text-decoration:none;

	width:210px;

}

.contentMeni.ul.menu a:hover, ul.menu a.active {

	color:#CA3434 !important;

	font-family:Arial, Tahoma, Verdana;

	font-weight:bold;

	font-size:11px;

	/* text-transform:uppercase; */

	text-decoration:none;

}



.contentMeni.ul.menu ul.submenu a:hover, ul.menu ul.submenu a.active {

	color:#CA3434 !important;

	font-family:Arial, Tahoma, Verdana;

	font-weight:normal;

	font-size:11px;

	text-transform:none;

	text-decoration:none;

}

.submenu a:link, .submenu a:visited {

	background:none;

	font-family:Arial, Tahoma, Verdana;

	font-weight:normal;

	font-size:11px;

	color:#000000;

	/* line-height:18px; */

	text-transform:none;

	text-decoration:none;

	width:210px;

}



ul.menu li a {

	/* text-indent:14px; */

	padding-left:14px;

	width:190px;

	margin-bottom:4px;

}



ul.menu li li a {

	/* line-height:18px; */

	/* text-indent:18px; */

	padding-left:18px;

	margin-bottom:1px;

	width:190px;

}



ul.menu li li li a {

	text-indent:30px;

}



ul.menu li a.active {

	/* line-height:18px; */

}



ul.menu li ul.menu li a.active {

	line-height:18px;

}



ul.menu li a:hover {

	/* line-height:18px; */

}



ul.menu li ul.menu li a:hover {

	line-height:18px;

}



ul.menu ul {

	background:none;

	padding-top:0px;

}



ul.menu, ul.menu ul, ul.menu ul ul, ul.menu li, ul.menu li li, ul.menu li li li {

	list-style:none;

	list-style-image:none;

	margin:0;

	padding:0;

}