*
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}


body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #0c1205;
}
p {
	padding-bottom: 12px;
}
a {
	text-decoration: underline;
	color: #FFF;
}
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #FFF;
}
ul li    {
	list-style-image: none;
	list-style-type: none;
}


a:hover {
	color: #a89235;
	text-decoration: none;
}
#body-1 {
	background-color: #2e421a;
	background-image: url(images/body-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
#body-1 #header {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	height: 127px;
}
#body-1 #header #logo {
	background-image: url(images/zlatna-greda-logo.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 127px;
	width: 450px;
	float: left;
}
#body-1 #header #logo-en {
	background-image: url(images/zlatna-greda-logo-en.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 127px;
	width: 450px;
	float: left;
}
#body-1 #header #head-menu {
	float: right;
	height: 22px;
	width: 230px;
	text-align: right;
	padding-top: 105px;
}
#body-1 #header #head-menu a {
	text-decoration: none;
	font-size: 10px;
}
#body-1 #header #head-menu a img{
	margin-right: 3px;
	margin-left: 23px;
}
#body-1 #header #head-image-part {
	height: 127px;
	width: 310px;
	float: left;
}

#intro  {
	height: 334px;
	width: 986px;
	background-image: url(images/intro-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 4px;
	padding-left: 4px;
	margin-right: auto;
	margin-left: auto;
}
#slide {
	height: 262px;
	width: 986px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 4px;
	padding-left: 4px;
	background-image: url(images/slide-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#slide2{
	height: 266px;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}
#body-1 #menu {
	height: 45px;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/menu-bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
#body-1 #menu ul {
	line-height: 45px;
	list-style-image: none;
	list-style-type: none;
}
#body-1 #menu ul li {
	float: left;
	background-image: url(images/menu-separator.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%;
}
#body-1 #menu ul li.li_last {
	background-image: none;
}

#body-1 #menu ul li a {
	padding-right: 34px;
	padding-left: 34px;
	font-size: 20px;
	text-decoration: none;
	text-transform: uppercase;
}
#body-1 #menu ul li a.a_en {
	padding-right: 29px;
	padding-left: 29px;
	font-size: 20px;
	text-decoration: none;
	text-transform: uppercase;
}
#body-1 #content {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}
#body-1 #content #index-left {
	float: left;
	width: 325px;
	font-size: 17px;
	text-align: justify;
	line-height: 21px;
}
#body-1 #content #index-left p {
	padding-bottom: 20px;
}
#body-1 #content #index-left span {
	font-size: 12px;
	display: block;
	padding-right: 125px;
	padding-left: 8px;
	line-height: 14px;
	padding-bottom: 5px;
	float: left;
}
#body-1 #content #index-left h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #c4b05b;
	font-weight: normal;
	padding-top: 12px;
	padding-bottom: 10px;
}
#body-1 #content #index-left a {
	background-color: #01200e;
	background-position: 100% 50%;
	background-image: url(images/karta-podrucja.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	float: left;
	width: 325px;
}
#body-1 #content #index-left a:hover {
	background-color: #042b14;
}
#body-1 #content #index-right {
	width: 665px;
	float: left;
}
#body-1 #content #index-right ul {
	width: 290px;
	float: left;
	padding-left: 42px;
	line-height: 16px;
	padding-bottom: 20px;
}
#body-1 #content #index-right ul li a {
	text-decoration: none;
	color: #c4b05b;
}
#body-1 #content #index-right ul li a:hover {
	color: #FFF;
}
#body-1 #content #index-right ul li {
	float: left;
	width: 290px;
	text-align: justify;
}
#body-1 #content #index-right ul li a img {
	background-image: url(images/index-image-bg.gif);
	background-repeat: no-repeat;
	padding: 4px;
	height: 134px;
	width: 282px;
	margin-bottom: 7px;
}
#body-1 #content #index-right ul li a img:hover {
	background-image: url(images/index-image-bg-on.gif);
}

#body-1 #content #content-bottom {
	clear: both;
	width: 990px;
	height: 44px;
	padding-top: 9px;
	padding-bottom: 10px;
}
#body-1 #content #left {
	float: left;
	width: 657px;
	text-align: justify;
}
#body-1 #content #left h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
}


#body-1 #content #left ul li {font-size: 15px;
	background-image: url(images/white-bullet.gif);
	background-repeat: no-repeat;
	background-position: 13px 8px;
	padding-left: 23px;}

#body-1 #content #left .text {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #01200e;
	padding-right: 5px;
	padding-bottom: 16px;
	line-height: 15px;
	margin-bottom: 7px;
}
#body-1 #content #left .text table {
	margin-left: 16px;
}
#body-1 #content #left .text table tr td p {
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	line-height: 16px;
}
#body-1 #content #left .text p {
	text-align: justify;
	padding-left: 16px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 0px;
	line-height: 18px;
}
#body-1 #content #left .text p img {
	float: left;
	background-image: url(images/index-image-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 134px;
	width: 282px;
	margin-right: 16px;
	display: inline;
	padding: 4px;
	margin-top: 4px;
}
#body-1 #content #left .text ul li {
	font-size: 15px;
	background-image: url(images/white-bullet.gif);
	background-position: 17px 7px;
	background-repeat: no-repeat;
	padding-left: 27px;
	line-height: 18px;
}
#body-1 #content #left #galerija {
	background-color: #01200e;
	padding-right: 5px;
	margin-bottom: 7px;
	margin-top: 16px;
	padding-top: 16px;
}
#body-1 #content #left #galerija ul {
	padding-left: 4px;
}
#body-1 #content #left #galerija ul li {
	float: left;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 16px;
}
#body-1 #content #left #galerija ul li a {
	background-image: url(images/galerija-img-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 100px;
	width: 194px;
	padding: 4px;
	float: left;
}
#body-1 #content #left #galerija ul li a:hover {
	background-image: url(images/galerija-img-bg-on.gif);
}


#body-1 #content #wide {
	font-size: 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#body-1 #content #wide img {
	display: block;
}

#body-1 #content #wide p {
	padding-right: 15px;
	padding-left: 8px;
	text-align: justify;
}
#body-1 #content #wide .text {
	background-color: #01200e;
	padding-bottom: 10px;
	margin-bottom: 8px;
}
#body-1 #content #wide a.saznaj-vise {
	margin-right: 15px;
	bottom: 17px;
}
#body-1 #content #wide .text p img {
	height: 148px;
	width: 312px;
	padding: 4px;
	background-image: url(images/programi-img-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-right: 18px;
	margin-top: 3px;
	float: left;
}
#body-1 #content #wide #karta {
	padding-top: 10px;
	padding-left: 6px;
	float: left;
}


#sadrzaj    {
	float: left;
	width: 657px;
	padding-bottom: 20px;
	padding-top: 20px;
}
#sadrzaj ul li    {
	font-size: 15px;
	background-image: url(images/white-bullet.gif);
	background-repeat: no-repeat;
	background-position: 13px 8px;
	padding-left: 23px;
}



#body-1 #content #right {
	float: right;
	width: 293px;
	height: 100%;
}


#body-2 {
	background-color: #1d2b0f;
	padding-top: 17px;
	padding-bottom: 28px;
}
#body-2 #content-2 {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}
#body-2 #content-2 #index-left-2 {
	width: 325px;
	padding-right: 42px;
	float: left;
}
#body-2 #content-2 #index-right-2 {
	float: right;
	width: 584px;
	background-color: #01200e;
	padding-top: 5px;
	padding-left: 32px;
}
#body-2 #content-2 #left2 {
	float: left;
	background-color: #01200e;
	width: 592px;
	padding-right: 54px;
	padding-left: 11px;
	padding-bottom: 5px;
}
#body-2 #content-2 #right2 {
	float: right;
	width: 323px;
}

#footer {
	margin-bottom: 39px;
	background-color: #131d0a;
}
#footer #footer-content {
	width: 990px;
	font-size: 13px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/footer-logo.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	height: 100px;
	padding-top: 20px;
}
#footer #footer-content img {
	padding-left: 230px;
	padding-top: 5px;
}

#footer #footer-content p {
	float: left;
	width: 330px;
	padding-bottom: 0px;
}
#footer #footer-content a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer #footer-content a:hover {
	text-decoration: underline;
}
.clear   {
	clear: both;
	font-size: 0px;
	line-height: 0px;
}
#gallery {
}
#gallery h1 {
	font-size: 32px;
	text-transform: uppercase;
	color: #c4b05b;
	float: left;
	padding-right: 32px;
	line-height: 37px;
	display: block;
	height: 80px;
}
#gallery h1 strong {
	font-size: 18px;
	font-weight: normal;
}

#gallery p {
	text-align: justify;
	padding-right: 32px;
	font-size: 15px;
	color: #bdb593;
	line-height: 16px;
	padding-top: 2px;
	font-weight: bold;
	display: block;
	height: 66px;
}
#gallery ul {
	padding-top: 14px;
	width: 580px;
}
#gallery ul li {
	float: left;
	padding-right: 21px;
	padding-bottom: 13px;
}
#gallery ul li a {
	background-image: url(images/galerija-thumb-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 4px;
	float: left;
	height: 76px;
	width: 87px;
}
#gallery ul li a:hover {
	background-image: url(images/galerija-thumb-bg-on.gif);
}
#korisno {
	width: auto;
}
#korisno p {
	padding-bottom: 0px;
	color: #817230;
}

#korisno a {
	text-decoration: none;
	color: #bdb593;
	line-height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: 100% 0px;
	text-align: justify;
	background-color: #01200e;
}
#korisno a:hover {
	background-color: #042b14;
	color: #FFF;
}

#korisno span  {
	width: 220px;
	display: block;
	font-size: 12px;
	margin-bottom: 5px;
	padding-left: 5px;
	line-height: 14px;
	height: 89px;
	padding-top: 5px;
	padding-right: 100px;
}
#korisno h2   {
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
	color: #c4b05b;
	padding-bottom: 5px;
	white-space: nowrap;
}
#korisno a.vodostaj {
	background-image: url(images/vodostaj.gif);
}
#korisno a.prognoza {
	background-image: url(images/prognoze.gif);
}
#korisno a.kalendar {
	background-image: url(images/kalendar.gif);
}
#korisno a.partneri {
	background-image: url(images/partneri.gif);
}
#izdvojeno {
	font-size: 12px;
	line-height: 17px;
	margin-top: 15px;
	padding-top: 3px;
	margin-bottom: 15px;
	float: right;
	width: 293px;
}
#izdvojeno a.img_a  {
	background-image: url(images/right-img-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 4px;
	height: 109px;
	width: 108px;
	margin-left: 7px;
	display: block;
	margin-bottom: 12px;
	margin-top: 5px;
	margin-right: 7px;
}
#izdvojeno a.img_a:hover {
	background-image: url(images/right-img-bg-on.gif);
}
#izdvojeno table {
	background-color: #01200e;
}
#izdvojeno table p {
	padding-left: 16px;
	padding-bottom: 0px;
	padding-top: 5px;
	line-height: 14px;
}


#karta-podrucja {
	margin-bottom: 15px;
	float: right;
	width: 293px;
}


#karta-podrucja span {
	font-size: 10px;
	display: block;
	padding-right: 125px;
	padding-left: 8px;
	line-height: 13px;
	padding-bottom: 5px;
	text-align: justify;
}
#karta-podrucja h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #c4b05b;
	font-weight: normal;
	padding-top: 12px;
	padding-bottom: 10px;
}
#karta-podrucja a {
	background-color: #01200e;
	display: block;
	background-position: 100% 50%;
	background-image: url(images/karta-podrucja.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}
#karta-podrucja a:hover {
	background-color: #042b14;
}
#knjiga-dojmova    {
	background-color: #01200e;
	float: right;
	width: 293px;
}
#knjiga-dojmova p    {
	text-align: justify;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	font-size: 14px;
	line-height: 16px;
}
.font-size-15 {
	font-size: 15px;
}
a.saznaj-vise {
	background-image: url(images/vise.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline;
	float: right;
	height: 26px;
	width: 98px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 7px;
	padding-left: 15px;
	position: relative;
	margin-right: 9px;
	bottom: -10px;
	z-index: 0;
}
a.saznaj-vise:hover {
	background-image: url(images/vise-on.gif);
}
img.eko_img   {
	background-image: url(images/eko-img-bg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 150px;
	width: 316px;
	padding: 4px;
	float: left;
	margin-top: 20px;
	margin-bottom: 27px;
}
.float-left {
	float: left;
	width: 990px;
}
.float-left ul li    {
	font-size: 15px;
	background-image: url(images/white-bullet.gif);
	background-repeat: no-repeat;
	background-position: 13px 8px;
	padding-left: 23px;
	width: 970px;
	float: left;
}
.float-left p {
	float: left;
	width: 970px;
}
.float-left img {
}