body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFF;
	background-image: url(bg.gif);
	background-repeat: repeat-x;
	text-align: center;
}

p {
font-family: Arial, sans-serif;
font-size:14px;
}

#box {
width:375px; 
height:215; 
background-color:#fdf2ec; 
text-align: top; 
margin:35px 0px 0px 0px; 
display: block;  
padding:10px;

}

#wrapper {
	width: 812px;
	margin: 0 auto;
}

#header{
	width:812px;
	display:inline;
}

#logos {
	width:800px;
	height:90px;
	margin-right: 6px;
	margin-left: 6px;
}

#logo1 {
	float:left;
	width:274px;
	height:90px;
}

#logo2 {
	float:right;
	width:109px;
}

#hd {
width:812px;
height:340px;
}

#hd1 {
float:left;
background-image:url(header01.jpg);
background-repeat: no-repeat;
width:371px;
height:340px;
}

#hd2 {
float:right;
background-image:url(header02.gif);
background-repeat: no-repeat;
width:441px;
height:340px;
}

img {
	border: 0px;
}

#slika3 {
float:left;
background-image:url(header_r4_c3_r2_c5.jpg);
background-repeat: no-repeat;
width:160px;
height:155px;
}
#slika4 {
float:left;
background-image:url(skupljeno.jpg);
background-repeat: no-repeat;
width:240px;
height:235px;
}

#link1{
border:0px; 
float:left; 
margin:-80.5px 0px 0px 0px;
background-image:url(prva-link-normal.jpg);
background-repeat: no-repeat;
height:81px;
width:168px;
text-decoration:none;
color:#333333;
}

#link1active{
border:0px; 
float:left; 
margin:-80.5px 0px 0px 0px;
background-image:url(prva-link-hover.jpg);
background-repeat: no-repeat;
height:81px;
width:168px;
text-decoration:none;
color:#e20a16;
}

#link2active{
border:0px; 
float:left; 
margin:-80.5px 0px 0px 0px;
background-image:url(ostali-link-hover.jpg);
background-repeat: no-repeat;
height:81px;
width:221px;
text-decoration:none;
color:#e20a16;
}

#link3active{
border:0px; 
float:left; 
margin:-80.5px 0px 0px 0px;
background-image:url(ostali-link-hover.jpg);
background-repeat: no-repeat;
height:81px;
width:211px;
text-decoration:none;
color:#e20a16;
}

#link4active{
border:0px; 
float:left; 
margin:-80.5px 0px 0px 0px;
background-image:url(ostali-link-hover.jpg);
background-repeat: no-repeat;
height:81px;
width:139px;
text-decoration:none;
color:#e20a16;
}
#link1active span, #link2active span, #link3active span, #link4active span {
display: block;
text-align: center;
line-height: 80px;
font-family: "Trebuchet MS", sans-serif;
font-size:18px;
}

#link1:hover{
background-image:url(prva-link-hover.jpg);
background-repeat: no-repeat;
}


#link2{
border:0px; 
float:left; 
margin:-80.5px 0px 0px 0px;
background-image:url(ostali-link-normal.jpg);
background-repeat: no-repeat;
height:81px;
width:221px;
text-decoration:none;
color:#333333;
}

#link2:hover{
background-image:url(ostali-link-hover.jpg);
background-repeat: no-repeat;
}



#link3{
border:0px; 
float:left; 
margin:-80.5px 0px 0px 0px;
background-image:url(ostali-link-normal.jpg);
background-repeat: no-repeat;
height:81px; 
width:211px;
text-decoration:none;
color:#333333;
}

#link3:hover{
background-image:url(ostali-link-hover.jpg);
background-repeat: no-repeat;
}


#link4{
border:0px; 
float:left; 
margin:-80.5px 0px 0px 0px;
background-image:url(ostali-link-normal.jpg);
background-repeat: no-repeat;
height:81px; 
width:139px;
text-decoration:none;
color:#333333;
}

#link4:hover{
background-image:url(ostali-link-hover.jpg);
background-repeat: no-repeat;

}


#link1 span, #link2 span, #link3 span{
display: block;
text-align: center;
line-height: 80px;
font-family: "Trebuchet MS", sans-serif;
font-size:18px;
}

#link4 span {
	display: block;
	line-height: 81px;
	font-family: "Trebuchet MS", sans-serif;
	font-size:18px;
}
#link1:hover, #link2:hover, #link3:hover, #link4:hover {
color:#e20a16;
}

#footer3{
border-top:1px solid #d8d8d8;
clear:both;
height:50px;
line-height:75px;
width:940px;
font-family: Arial;
font-size:9px;
color:#666666;
padding:10px;
margin-top:24px;
}
#footer3 img {
float:right;
margin-left:40px;
margin-top:15px;

}

#footer{
	border-top: 1px solid #b5b2aa;
	clear: both;
	height: 40px;
	width: 800px;
	margin-right: 6px;
	margin-left: 6px;
}

#copy {
	float:left;
	font-family: Arial;
	font-size:11px;
	color:#b5b2aa;
	line-height:40px;
}

#footer img {
	float:right;
	margin-top:12px;
}

#main{
	float:right;
	font-family: Arial;
	font-size:14px;
	width:800px;
	margin-right: 6px;
	margin-left: 6px;
	height: auto;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	margin-top: 25px;
	color: #352921;
	font-weight: normal;
}

#m01{
	background-image:url(m01.jpg);
	background-repeat: no-repeat;
	float:left;
	width:267px;
	height:192px;
	margin-top: 25px;
	margin-bottom: 70px;
}

#m02{
	background-image:url(m02.jpg);
	background-repeat: no-repeat;
	float:left;
	width:266px;
	height:192px;
	margin-top: 25px;
	margin-bottom: 70px;
}

#m03{
	background-image:url(m03.jpg);
	background-repeat: no-repeat;
	float:left;
	width:266px;
	height:192px;
	margin-top: 25px;
	margin-bottom: 70px;
}

#mnaslov{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
	letter-spacing: -0.04em;
	margin: 25px 15px 10px 20px;
}

#mnaslov a{
	color: #FFF;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

#mtekst{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: left;
	letter-spacing: -0.01em;
	margin: 0 18px 15px 20px;
	line-height: 16px;
}

#mopsirnije{
	float:left;
	margin: 0 18px 0px 20px;
}

#oprojektuul{
margin:0px 0px 0px -26px;
font-family:arial; 
font-size:14px; 
line-height:20px;
}
#contentoprojektu{
background-image:url(images/oprogramu_back.jpg);
background-repeat: no-repeat;
clear:both;
/*line-height:75px;*/
float:left;
margin: 0px 0px 15px 0px;
font-family: Arial;
font-size:9px;
width:960px;
}

#contentpogodnosti{
background-image:url(images/pogodnosti_back.jpg);
background-repeat: no-repeat;
clear:both;
/*line-height:75px;*/
float:left;
margin: 0px 0px 15px 0px;
font-family: Arial;
font-size:9px;
width:960px;
}

p {
line-height:20px;
}

#linkich {
font-family:arial; 
font-size:12px; 
color:#E20A16; 
text-decoration:none; 
margin-top:-12px; 
margin-left:20px;
}

#linkich:hover {
font-family:arial; 
font-size:12px; 
color:#E20A16; 
text-decoration:underline; 
margin-top:-12px; 
margin-left:20px;
}


.menu {
	float:left;
	width: 800px;
	height: 49px;
	margin-right: 6px;
	margin-left: 6px;
	display: block;
}

.menu ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;  
}

.menu_01 ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;  
}

.menu_01 span {
	position: absolute;
	left: -999em;
}

.menu_01 li {
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none; 
}

.menu_01 li.item1 {
	width: 192px;
	height: 49px;
	display: block;
	padding: 0px;
	float: left;
}

.menu_01 li.item1 a {
	width: 192px;
	height: 49px;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(m1.gif) 0 0 no-repeat;
}

.menu_01 li.item1 a:hover{
	background: url(m1.gif) 0 -49px no-repeat;
}

.menu_01 li.item1.active1 {
	background: url(m1.gif) 0 -49px no-repeat;
}

.menu_01 li.item2 {
	width: 240px;
	height: 49px;
	display: block;
	padding: 0px;
	float: left;
}

.menu_01 li.item2 a {
	width: 240px;
	height: 49px;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(m2.gif) 0 0 no-repeat;
}

.menu_01 li.item2 a:hover{
	background: url(m2.gif) 0 -49px no-repeat;
}

.menu_01 li.item2.active2 {
	background: url(m2.gif) 0 -49px no-repeat;
}

.menu_01 li.item3 {
	width: 240px;
	height: 49px;
	display: block;
	padding: 0px;
	float: left;
}

.menu_01 li.item3 a {
	width: 240px;
	height: 49px;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(m3.gif) 0 0 no-repeat;
}

.menu_01 li.item3 a:hover{
	background: url(m3.gif) 0 -49px no-repeat;
}

.menu_01 li.item3.active3 {
	background: url(m3.gif) 0 -49px no-repeat;
}

.menu_01 li.item4 {
	width: 128px;
	height: 49px;
	display: block;
	padding: 0px;
	float: left;
}

.menu_01 li.item4 a {
	width: 128px;
	height: 49px;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(m4.gif) 0 0 no-repeat;
}

.menu_01 li.item4 a:hover{
	background: url(m4.gif) 0 -49px no-repeat;
}

.menu_01 li.item4.active4 {
	background: url(m4.gif) 0 -49px no-repeat;
}

.prikupljeno {
	color:#e96a05;
	font-family:Arial;
	font-size:31px;
	position:relative;
	text-align:left;
	z-index:500;
	width:auto;
	height:46px;
	left: 37px;
	top: 243px;
}

.stanje {
	color:#999999;
	font-family:Arial;
	font-size:11px;
	position:relative;
	text-align:left;
	width:auto;
	z-index:500;
	left: 37px;
	top: 243px;
}

.left-content {
	float:left; width:313px;
	height:270px;
}

.peone{
	margin-top:0px; 
	margin-left:10px; 
	line-height:130%;
	float:left;
}

.petwo {
	margin-top:0px; 
	margin-left:10px; 
	line-height:130%; 
	float:left;
}

.border {
	border-left:1px solid #CCC; 
	margin-top:20px; 
	float:left;
	height:250px;
}

.pad-right {
	padding-right:10px;
}

.pad-left {
	padding-left:10px;
	float:left;
	margin-top:10px;
}

._pogodnosti {
	width:700px; padding-left:5px; height:530px; float:left;
}

.ljevi {
	margin-top:20px;
}

.desni {
	margin-top:14px;
}
a {
	color: #d56104;
	text-decoration: none;
}

a:hover {
	color: #e96a05;
	text-decoration: underline;
}

