/***************************************************
*    Copyright (c) DOBBIN http://web.dobbin.hr/    *
****************************************************/

body {
	margin: 0px;
	padding: 20px 0px 10px 0px;
	background: #E1E1CD url("../../images/bg.gif") 0px 0px;
	text-align: center;
}

html {
	font: normal 11px Tahoma, Verdana, Arial, sans-serif;
	color: #058144;
	text-decoration: none;
}

#wrap {
	width: 772px;
	margin: 0px auto;
	text-align: left;
}

#containerIndex {
	background: url("../../images/bg_containerIndex.gif") repeat-y 0px 0px;
	padding: 0px 5px 20px 5px;
	min-height: 350px; /* FF */
}

#container {
	background: url("../../images/bg_container.gif") repeat-y 0px 0px;
	padding: 0px 5px 20px 5px;
	min-height: 350px; /* FF */
}

.clear {
	clear: both;
}


/* HEADER */

#headerIndex {
	background: url("../../images/bg_headerIndex.gif") no-repeat 0px 0px;
	height: 127px;
}

#header {
	background: url("../../images/bg_header.gif") no-repeat 0px 0px;
	height: 127px;
}

#header img, #headerIndex img {
	padding: 40px 0px 0px 30px;
}

#headTitles ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#headTitles ul li {
	float: left;
	padding: 1px;
}

#headTitles ul li p {
	font: bold 11px Tahoma, Verdana, Arial, sans-serif;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	padding: 9px 0px 6px 25px;
	margin: 0px;
}

#headTitles ul li p a {
	font: bold 11px Tahoma, Verdana, Arial, sans-serif;
	color: #FFF;
	text-decoration: underline;
}

#headTitles ul li p a:hover {
	font: bold 11px Tahoma, Verdana, Arial, sans-serif;
	color: #FFF;
	text-decoration: none;
}

#headTitles ul li.title1 { width: 188px; background-color: #51AB51; }
#headTitles ul li.title2 { width: 168px; background-color: #058144; }
#headTitles ul li.title3 { width: 400px; background-color: #51AB51; }
#headTitles ul li.title4 { width: 650px; background-color: #51AB51; }
#headTitles ul li.title5 { width: 108px; background-color: #51AB51; }

#headTitles ul li.title1 p,
#headTitles ul li.title3 p,
#headTitles ul li.title4 p,
#headTitles ul li.title5 p { border: 1px solid #83D86E; background: url("../../images/bg_headTitle1.gif") no-repeat 0px 0px; }
#headTitles ul li.title2 p { border: 1px solid #1DA060; background: url("../../images/bg_headTitle2.gif") no-repeat 0px 0px; }



/* CONTENT */

#leftColumn {
	background: url("../../images/bg_leftColumn.gif") repeat-x 0px 0px;
	float: left;
	width: 190px;
	border-top: 2px solid #057940;
}

#centerColumn {
	background: url("../../images/bg_centerColumn.gif") repeat-x 0px 0px;
	float: left;
	width: 170px;
	border-top: 2px solid #9EDA8C;
}

#rightColumn {
	background: url("../../images/bg_leftColumn.gif") repeat-x 0px 0px;
	float: left;
	width: 402px;
	border-top: 2px solid #057940;
}

#mainColumn {
	float: left;
	width: 572px;
	border-top: 2px solid #9EDA8C;
}

#leftColumn .wrap { padding: 10px 5px 0px 5px; }
#centerColumn .wrap { padding: 20px 8px 0px 11px; }
#mainColumn .wrap1 { padding: 20px 10px 0px 20px; } /* water punionice */
#mainColumn .wrap2 { padding: 20px 35px 0px 30px; }

#rightColumn .wrap { 
	padding: 20px 0px 0px 25px; 
	margin: 0px 20px 0px 0px;
	background: url("../../images/content/home/home.jpg") no-repeat bottom right; 
	height: 365px; /* background height */
}



/* LEFT COLUMN */

#leftColumn ul#leftNav {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#leftColumn .outerBox {
	background: #29974A url("../../images/topBox_leftColumn.gif") no-repeat top left;
	margin: 0px 0px 5px 0px;
}

#leftColumn .outerBox .innerBox {
	background: url("../../images/bottomBox_leftColumn.gif") no-repeat bottom left;
	padding: 10px 6px 5px 6px;
}

#leftColumn .outerBoxActive {
	background: #46AA50 url("../../images/topBoxActive_leftColumn.gif") no-repeat top left;
	margin: 0px 0px 5px 0px;
}

#leftColumn .outerBoxActive .innerBox {
	background: url("../../images/bottomBoxActive_leftColumn.gif") no-repeat bottom left;
	padding: 10px 6px 5px 6px;
}

#leftColumn .outerBoxActive .innerBox p,
#leftColumn .outerBox .innerBox p {
	background: url("../../images/bullet1_leftColumn.gif") no-repeat 0px 1px;
	font: normal 10px Tahoma, Verdana, Arial, sans-serif;
	color: #FFF;
	text-decoration: none;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 15px;
}

#leftColumn .outerBox .innerBox p span {
	font: normal 10px Tahoma, Verdana, Arial, sans-serif;
	color: #D1F4C3;
	text-decoration: none;
	display: block;
	margin: 0px 0px 5px 0px;
}

#leftColumn .outerBoxActive .innerBox p span {
	font: normal 10px Tahoma, Verdana, Arial, sans-serif;
	color: #FFF;
	text-decoration: none;
	display: block;
	margin: 0px 0px 5px 0px;
}

#leftColumn .outerBox .innerBox p span.title {
	font: bold 10px Tahoma, Verdana, Arial, sans-serif;
	color: #D1F4C3;
	text-decoration: none;
	text-transform: uppercase;
}

#leftColumn .outerBoxActive .innerBox p span.title {
	font: bold 10px Tahoma, Verdana, Arial, sans-serif;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
}


#leftColumn .outerBox .innerBox a {
	display: block;
	color: #D1F4C3;
	text-decoration: none;
	width: 100%;
}

#leftColumn .outerBoxActive .innerBox a {
	display: block;
	color: #FFF;
	text-decoration: none;
	width: 100%;
}

#leftColumn .outerBox .innerBox a:hover span,
#leftColumn .outerBox .innerBox a:hover {
	color: #FFF;
	text-decoration: none;
}

#leftColumn h1 {
	padding: 1px;
	background-color: #51AB51;
}

#leftColumn h1 p {
	font: bold 11px Tahoma, Verdana, Arial, sans-serif;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	padding: 9px 0px 6px 25px;
	margin: 0px;
	border: 1px solid #83D86E;
	background: url("../../images/bg_headTitle1.gif") no-repeat 0px 0px;
}

#leftColumn .wrapContactInfo {
	padding: 0px 20px 0px 10px;
}

#leftColumn .wrapContactInfo h2 {
	background: url("../../images/bullet1_leftColumn.gif") no-repeat 0px 1px;
	font: bold 11px Tahoma, Verdana, Arial, sans-serif;
	color: #FFF;
	text-decoration: none;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 15px;
}

#leftColumn .wrapContactInfo ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style: none;
}

#leftColumn .wrapContactInfo li {
	font: normal 11px Tahoma, Verdana, Arial, sans-serif;
	color: #FFF;
	text-decoration: none;
	padding: 0px 0px 5px 15px;
}

#leftColumn .wrapContactInfo ul li.bulletZoom {
	background: url("../../images/bullet3_centerColumn.gif") no-repeat 2px 1px;
}

#leftColumn .wrapContactInfo ul li.paddingBottom {
	padding: 0px 0px 10px 15px;
}

#leftColumn .wrapContactInfo ul li.paddingBottom span {
	padding: 0px 0px 0px 4px;
}

#leftColumn .wrapContactInfo ul li a {
	font: normal 11px Tahoma, Verdana, Arial, sans-serif;
	color: #FFF;
	text-decoration: underline;
}

#leftColumn .wrapContactInfo ul li a:hover {
	font: normal 11px Tahoma, Verdana, Arial, sans-serif;
	color: #FFF;
	text-decoration: none;
}



/* CENTER COLUMN */

#centerColumn h2,
#mainColumn .contactDetails h2 {
	background: url("../../images/bullet1_centerColumn.gif") no-repeat 0px 1px;
	font: bold 11px Tahoma, Verdana, Arial, sans-serif;
	color: #007C36;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 20px;
}

#centerColumn h2.pdf,
#mainColumn .contactDetails h2.pdf {
	background: url("../../images/bullet_pdf.gif") no-repeat 0px 1px;
	margin: 0px 0px 10px 0px;
	padding: 2px 0px 5px 24px;
}

#centerColumn h2 a,
#mainColumn .contactDetails h2 a {
	font: bold 11px Tahoma, Verdana, Arial, sans-serif;
	color: #007C36;
	text-decoration: underline;
}

#centerColumn h2 a:hover,
#mainColumn .contactDetails h2 a:hover {
	font: bold 11px Tahoma, Verdana, Arial, sans-serif;
	color: #007C36;
	text-decoration: none;
}

#centerColumn ul,
#mainColumn .contactDetails ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style: none;
}

#centerColumn ul li,
#mainColumn .contactDetails ul li {
	background: url("../../images/bullet2_centerColumn.gif") no-repeat 2px 4px;
	padding: 0px 0px 5px 20px;
	font: normal 11px Tahoma, Verdana, Arial, sans-serif;
	color: #007C36;
	text-decoration: none;
}

#centerColumn ul li.bulletZoom,
#mainColumn .contactDetails ul li.bulletZoom {
	background: url("../../images/bullet3_centerColumn.gif") no-repeat 2px 1px;
}

#centerColumn ul li.paddingBottom {
	padding: 0px 0px 15px 20px;
}

#centerColumn ul li.paddingBottom span, #mainColumn ul li.paddingBottom span {
	padding: 0px 0px 0px 4px;
}

#centerColumn ul li a,
#mainColumn .contactDetails ul li a {
	font: normal 11px Tahoma, Verdana, Arial, sans-serif;
	color: #007C36;
	text-decoration: underline;
}

#centerColumn ul li a:hover,
#mainColumn .contactDetails ul li a:hover {
	font: normal 11px Tahoma, Verdana, Arial, sans-serif;
	color: #007C36;
	text-decoration: none;
}

#centerColumn img,
#mainColumn .contactDetails img {
	border: 1px solid #058144;
	margin: 0px 0px 5px 0px;
}


/* RIGHT COLUMN */

#rightColumn .wrap h1.welcome {
	background: url("../../images/title_dobrodosli.gif") no-repeat 0px 0px;
	height: 28px;
	text-indent:-9999px;
	margin: 0px 0px 20px 0px;
}

#rightColumn .wrap p {
	font: bold 11px Tahoma, Verdana, Arial, sans-serif;
	color: #FFF;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#rightColumn .wrap .textLightGreen {
	color: #D1F4C3;
}

#rightColumn .wrap ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#rightColumn .wrap ul li {
	font: bold 10px Tahoma, Verdana, Arial, sans-serif;
	color: #FFF;
	text-decoration: none;
	padding: 0px 0px 10px 0px;
	width: 135px;
}



/* MAIN COLUMN */

#mainColumn h1 {
	font: bold 19px Tahoma, Verdana, Arial, sans-serif;
	color: #058144;
	text-decoration: none;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

#mainColumn h1 span {
	font: normal 16px Tahoma, Verdana, Arial, sans-serif;
	color: #058144;
	text-decoration: none;
}

#mainColumn p {
	margin: 12px 0px 12px 0px;
	padding: 0px;
}

#mainColumn .thumbnailBoxT {
	float: left;
	width: 131px;
	margin: 0px 0px 20px 0px;
}

#mainColumn .thumbnailBox {
	float: left;
	width: 193px;
	margin: 0px 0px 20px 0px;
}

#mainColumn .thumbnailBox .thumbnails {
	background-color: #FFF;
	border: 1px solid #058144;
	padding: 1px 0px 4px 3px;
}

#mainColumn .thumbnailBoxT .thumbnails {
	background: url("../../images/bg_thumbnailBoxT.gif") no-repeat 0px 0px;
	padding: 3px 0px 8px 4px;
}

#mainColumn .thumbnails img {
	margin: 5px 0px 0px 4px;
}

#mainColumn .thumbnails img.middle {
	margin: 5px 0px 0px 34px;
}


#mainColumn p.zoom {
	background: url("../../images/bullet3_centerColumn.gif") no-repeat 2px 1px;
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}

#mainColumn ul.listFilling {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin: 0px 0px 0px 20px;
}

#mainColumn ul.listFilling li {
	padding: 5px 0px 5px 30px;
}

#mainColumn ul.listFilling li.item1 { background: url("../../images/content/icon_item1.gif") no-repeat 0px 1px; }
#mainColumn ul.listFilling li.item2 { background: url("../../images/content/icon_item2.gif") no-repeat 0px 1px; }
#mainColumn ul.listFilling li.item3 { background: url("../../images/content/icon_item3.gif") no-repeat 0px 1px; }
#mainColumn ul.listFilling li.item4 { background: url("../../images/content/icon_item4.gif") no-repeat 0px 1px; }
#mainColumn ul.listFilling li.item5 { background: url("../../images/content/icon_item5.gif") no-repeat 0px 1px; }
#mainColumn ul.listFilling li.item6 { background: url("../../images/content/icon_item6.gif") no-repeat 0px 1px; }
#mainColumn ul.listFilling li.item7 { background: url("../../images/content/icon_item7.gif") no-repeat 0px 1px; }
#mainColumn ul.listFilling li.item8 { background: url("../../images/content/icon_item8.gif") no-repeat 0px 1px; }


#mainColumn #contactForm {
	width: 265px;
	float: left;
}

#mainColumn .contactDetails {
	width: 240px;
	float: left;
	margin: 14px 0px 0px 0px;
}

#mainColumn .contactDetails .info {
	background-color: #ECFEE5;
	border: 1px solid #C6E9B7;
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 5px 0px;
}

#mainColumn .contactDetails .info p {
	margin: 0px 0px 10px 0px;
}



/* BOTTOM NAVIGATION */

ul#bottomNav {
	margin: 0px 0px 0px 33px;
	padding: 10px 0px 0px 0px;
	list-style: none;
}

ul#bottomNav li {
	float: left;
	background: url("../../images/bullet1_centerColumn.gif") no-repeat 0px 2px;
	padding: 0px 30px 0px 15px;
}

ul#bottomNav li a {
	font: normal 11px Tahoma, Verdana, Arial, sans-serif;
	color: #058144;
	text-decoration: underline;
}

ul#bottomNav li a:hover {
	font: normal 11px Tahoma, Verdana, Arial, sans-serif;
	color: #058144;
	text-decoration: none;
}



/* FOOTER */

#footerIndex {
	background: url("../../images/bg_footerIndex.gif") no-repeat 0px 0px;
}

#footer {
	background: url("../../images/bg_footer.gif") no-repeat 0px 0px;
}

#footerIndex p, #footer p  {
	margin: 0px;
	padding: 88px 0px 0px 0px;
	text-align: center;
}

#footerIndex a, #footer a {
	font: normal 11px Tahoma, Verdana, Arial, sans-serif;
	color: #058144;
	text-decoration: none;
}



/* IMAGES */

img.border {
	border: 1px solid #058144;
}

.imgHighlight img {
	border: 1px solid #FFF;
}

.imgHighlight:hover img {
	border: 1px solid #058144;
}

.imgHighlight:hover {
	color: red; /* Dummy definition to overcome IE bug */
}

.imgHighlighttvo img {
	border: 1px solid #058144;
}



/* FORMS */

form {
	margin: 0px;
	padding: 0px;
}

.formLabel {
	font: bold 10px Tahoma, Verdana, Arial, sans-serif;
	color: #058144;
	text-decoration: none;
	padding: 0px 0px 3px 3px;
}

input, textarea {
	font: normal 11px Tahoma, Verdana, Arial, sans-serif;
	color: #058144;
	text-decoration: none;
}

input {
	width: 230px;
	padding: 2px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #058144;
}

textarea {
	width: 230px;
	padding: 2px;
	height: 100px;
	border: 1px solid #058144;
	margin: 0px 0px 10px 0px;
}

input.submit {
	width: 100px;
	padding: 4px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #058144;
	background-color: #058144;
	font: bold 10px Tahoma, Verdana, Arial, sans-serif;
	color: #FFF;
	cursor: pointer;
}