body {
	margin: 0px;
	font-family: Arial;
	color: #97968A;
	text-decoration: none;
	background-image: url(images/bg.gif);
}

.back {
   width: 800px;
	background-color: #fff;
}

.headline {
	font-size: 15px;
	font-weight: bold;
	padding-left: 38px;
	height: 25px;
	padding-top: 10px;
	background-color: White;
	}

.text {
	font-size: 14px;
	padding-left: 38px;
	vertical-align: text-top;
	width: 526px;
	padding-top: 5px;
	text-align: justify;
	background-color: White;
}

.textPartneri {
	font-size: 14px;
	padding-left: 38px;
	vertical-align: text-top;
	width: 330px;
	padding-top: 5px;
	text-align: justify;
	background-color: White;
}

.textCentar {
	text-align: justify;
}

a.textLink {
	font-size: 14px;
	text-decoration: underline;
}

.textDown {
	font-size: 15px;
	padding-left: 245px;
	padding-right: 5px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}

.projektiSlike {
	font-size: 14px;
	width: 434px;
	background-color: White;
	padding: 31px 0 0 0;
	vertical-align: top;
}

.projektiOpis {
	font-size: 14px;
	background-color: White;
}

.lineDown {
	background: White;
	width: 98px;
	}

.lineDownBack {
	background-image: url(images/line_down.gif);
	height: 30px;
	}

.lineDownRightBack {
   width: 42px;
	background-image: url(images/line_down.gif);
	height: 30px;
	}
	
.lineDownLeftBack {
   width: 74px;
	height: 30px;
	background-image: url(images/line_down.gif);
	}
	
.meniBgLeft{
	background-image: url(images/meni_left.jpg);
	width: 74px;
	height: 56px;
	background-repeat: repeat-x;
	}

.meniBg{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	text-transform: lowercase;
	font-size: 14px;
	text-decoration: none;
	color: White;
	vertical-align: text-top;
	padding-top: 10px;
	background-image: url(images/meni_back.jpg);
	height: 46px;
	background-repeat: repeat-x;
	width: 98px;
	}

.meniBgAlpolic{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	font-size: 13px;
	text-decoration: none;
	color: White;
	vertical-align: text-top;
	padding-top: 6px;
	background-image: url(images/meni_back.jpg);
	height: 46px;
	background-repeat: repeat-x;
	width: 294px;
	}
	
.meniBgAlpolicLeft{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	font-size: 13px;
	text-decoration: none;
	color: White;
	vertical-align: text-top;
	padding-top: 6px;
	background-image: url(images/meni_back.jpg);
	height: 46px;
	background-repeat: repeat-x;
	width: 196px;
	}	
		
.meniText{
   font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	text-transform: lowercase;
	font-size: 14px;
	text-decoration: none;
	color: White;
	vertical-align: top;
	background-image: url(images/meni_back.jpg);
	background-repeat: repeat-x;
	width: 98px;
	padding-right: 5px;
}

.meniTextSelect{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	text-transform: lowercase;
	font-size: 14px;
	text-decoration: none;
	color: White;
	background-image: url(images/meni_blue.jpg);
	vertical-align: top;
	padding-top: 10px;
	height: 46px;
	background-repeat: repeat-x;
	padding-right: 5px;
}
	
.meniBgRight{
	background-image: url(images/meni_back.jpg);
	height: 56px;
	width: 42px;
	background-repeat: repeat-x;
	}

.meniLogo{
	background-image: url(images/alucommerce_logo.jpg);
	height: 56px;
	width: 194px;
	background-repeat: repeat-x;
	}

.rightPics{
	width: 194px;
	vertical-align: text-top;
	}

.main{
	width: 628px;
	padding-right: 0px;
	padding-left: 0px;
}
	
.meniLeft{
	width: 172px;
	height: 414px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: left;
	text-decoration: none;
	color: #97968A;
	font-family: "Humanst521 BT";
	font-size: 15px;
	font-weight: bold;
	background-color: White;
}


.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #97968A;
	width: 800px;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1px;
	background-color: White;
}
.index{
	width: 400px;
	text-align: center;
	background-color: White;
}

.IndexLine {
	background-image: url(images/line_down.gif);
	height: 8px;
	width: 150px;
	}

.IndexLineWhite {
	background: White;
	width: 100px;
	height: 8px;
	}
	
.indexText{
	text-align: center;
	font-size: 12px;
	background-color: White;
}

a {
   color: #97968A;
	text-decoration: none;
}
a:hover {
   color: #1f54a9;
}
.background {
	color: #FFFFFF;
	background-color: #FFFFFF;
}

.imagesLogo {
	text-align: left;
	background-color: White;
	vertical-align: top;
	border: none;
}

.frame {
   width: 628px;
	height: auto;
	vertical-align: top;
	margin: 0;
	padding: 0;
	background-color: White;
}

.mapa {
	float: right;
}
/* ----- Left menu -----------*/

.arrowlistmenu{
width: 140px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 13px sans-serif;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
text-transform: lowercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}
.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}
.arrowlistmenu ul li a{
font: 11px sans-serif;
color: #1f54a9;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
}
.arrowlistmenu ul li a:visited{
color: #1f54a9;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #ececec;
}
.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}
/*--------------------------*/

