body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	backgrounds: url("bij.gif");
	color: #626262;
	background-image: url("images/cvijet-lijevo.gif");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0% 100%;
	margin: 0px 0px 0px 0px;
}


a:link, a:visited {
	color: #899820;
	text-decoration: none;
}

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

a:active {
	color: #ABBD26;
	text-decoration: none;
}

#container {
	BORDERs: #eda 1px solid;
	BACKGROUNDs: #f4ecd9;
	MARGIN: 0px auto;
	WIDTH: 750px;
	TEXT-ALIGN: left
}
#PageHeader {
	width: 750px;
	height: 69px;
	position: relative;
	left: 0px;
	top: 0px;
	borders: 1px solid #000000;
}
#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 205px;
	height: 69px;
	background: url("images/logo.gif") top right;
}
#swich {
	background: url("images/style.gif");
	width: 54px;
	height: 27px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: 42px;
	left: 480px;
}

#map {
	padding: 0px 0px 0px 0px;
	background: url("images/mapa_css.gif") top right;
	width: 140px;
	height: 41px;
	position: absolute;
	left: 605px;
}

#map .text{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	letter-spacing: -0.5px;
	text-align: center;
	padding: 15px 0px 0px 0px;
}

#map a:link, #map a:visited, #map a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#map a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#lang {
	padding: 0px 0px 0px 0px;
	margin: 0px 153px 0px 0px;
	background: url("images/lang.gif") top right;
	width: 103px;
	height: 41px;
	position: absolute;
	left: 500px;
}

#lang .text{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #ffffff;
	letter-spacing: -0.5px;
	text-align: center;
	padding: 15px 0px 0px 0px;
}

#lang a:link, #lang a:visited, #lang a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#lang a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#TzTop {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #626262;
	position: absolute;
	top: 50px;
	left: 540px;
}
#godm {
	background: url("images/50-mali.gif") top right;
	width: 62px;
	height: 57px;
	position: absolute;
	top: 7px;
	left: 410px;
}
#SubMenuFront {
	width: 750px;
	height: 311px;
	position: relative;
	border: 1px solid #000000;
}
#SlideBox {
	background: url("images/slide.gif");
	width: 541px;
	height: 311px;
	position: absolute;
	left: 209px;
	border: 1px solid #000000;
}

#Slide {
	width: 470px;
	height: 250px;
	position: relative;
	left: 38px;
	top: 29px;
}
#fBox1 {
	background: url("images/fbox1.gif");
	width: 185px;
	height: 78px;
	position: absolute;
	top: 10px;
	left: 0px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height : 25px;
	padding: 28px 0px 0px 20px;
	border: 1px solid #000000;
}

#fBox1 a:link, #fBox1 a:visited, #fBox1 a:active {
	color: #FFFFFF;
	text-decoration:none;
}

#fBox1 a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}
#searchf {
	background: url("images/search.gif");
	width: 191px;
	height: 66px;
	position: absolute;
	top: 120px;
	left: 0px;
}

#searchf_but {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 30px;
	left: 160px;
}

#searchf_input {
	border: solid 1px #FFFFFF;
	height: 16px;
	width: 132px;
	background-color: #FBCCA8;
	font-size: 12px;
	color: #626262;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 30px;
	left: 20px;
}

#newsletter {
	background: url("images/newsletter.gif");
	width: 144px;
	height: 66px;
	position: absolute;
	top: 195px;
	left: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color:#951614;
	padding: 47px 0px 0px 65px;
}

#newsletter a:link, #newsletter a:visited, #newsletter a:active {
	color:#FFFFFF;
	text-decoration: none;
}

#newsletter a:hover { 
	color:#FFFFFF;
	text-decoration: underline;
}
#mainBlock_front {
	position: relative;
	width: 750px;
	border: 1px solid #000000;
}
/* LIJEVI STUPAC */
#frontLeft {
	float: left;
	width: 209px;
}
#frontLeft .dolazak {
	background: url("images/dolazak.gif") no-repeat center top;
	height: 58px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height : 14px;
	color: #626262;
	padding: 190px 15px 0px 17px;
}

#frontLeft .dolazak a:link, #frontLeft .dolazak a:visited, #frontLeft .dolazak a:active {
	color: #706336;
	text-decoration:none;
}

#frontLeft .dolazak a:hover {
	color: #F26722;
	text-decoration:underline;
}

#frontLeft .povijest {
	background: url("images/povijest.gif") no-repeat center top;
	height: 96px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height : 14px;
	color: #FFFFFF;
	padding: 39px 10px 0px 94px;
}

#frontLeft .povijest a:link, #frontLeft .povijest a:visited, #frontLeft .povijest a:active {
	color: #F26722;
	text-decoration:none;
}

#frontLeft .povijest a:hover {
	color: #F26722;
	text-decoration:underline;
}


#frontLeft .aktivni_odmor {
	background: url("images/aktivni_odmor.gif") no-repeat center top;
	height: 92px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height : 14px;
	color: #626262;
	padding: 24px 10px 0px 128px;
}

#frontLeft .suveniri {
	background: url("images/suveniri.gif") no-repeat center top;
	height: 78px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height : 14px;
	color: #FFFFFF;
	padding: 32px 10px 0px 112px;
}

#frontLeft .suveniri a:link, #frontLeft .suveniri a:visited, #frontLeft .suveniri a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#frontLeft .suveniri a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#frontLeft .tz_logo {
	background: url("images/tz_logo.gif") no-repeat center top;
	height: 63px;
	padding: 3px 0px 0px 20px;
}	

/* SREDNJI STUPAC */
#frontMiddle {
	float: left;
	width: 357px;
}
#frontMiddle .provedite{
	background: url("images/provedite.gif") no-repeat center top;
	height: 106px;
}

#frontMiddle .bott{
	background: url("images/middle_bott.gif") no-repeat center top;
	height: 21px;
}

#frontMiddle .bg{
	background: url("images/middle_bg.gif");
	width: 321px;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 15px;
	padding-bottom: 5px;
}

#frontMiddle .hr{
	clear: both;
	padding-left: 18px;
	padding-right: 18px;
	background-image: url("images/hor.gif");
	padding-top: 5px;
	padding-bottom: 5px;
}

#frontMiddle .slika {
	float: left;
	width: 80px;
}

#frontMiddle .tekst {
	float: left;
	width: 240px;
	color: #626262;
	letter-spacing: -0.5px;	
}

#frontMiddle .tekst_bold {
	color: #336699;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}

#frontMiddle a:link, #frontMiddle a:visited, #frontMiddle a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#frontMiddle a:hover {
	color: #336699;
	text-decoration: underline;
}
/* DESNI STUPAC */
#frontRight {
	float: left;
	width: 184px;
}
#frontRight .novosti_top {
	background: url("images/novosti_top.gif") no-repeat center top;
	height: 31px;
	margin-top: 5px;
}

#frontRight .novosti_bott {
	background: url("images/novosti_bott.gif") no-repeat center top;
	height: 25px;
}

#frontRight .novosti {
	background: url("images/novosti.gif");
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height : 14px;
	color: #FFFFFF;
	padding: 5px 10px 5px 18px;
}

#frontRight .title {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height : 14px;
	color: #FFFFFF;
	font-weight: bold;
}

#frontRight .novosti a:link, #frontRight .novosti a:visited, #frontRight .novosti a:active {
	color: #F6C7B0;
	font-weight: bold;
	text-decoration: underline;
}

#frontRight .novosti a:hover {
	color: #C13708;
	text-decoration: underline;
}

#frontRight .izleti {
	background: url("images/izleti.gif") no-repeat center top;
	height: 351px;
	margin-top: 5px;
	padding: 35px 10px 0px 22px;
}
/* FOOTER */
#Footer {
	background: url("images/footer.gif") top right;
	width: 750px;
	height: 73px;
	position: relative;
	bottoms: 0px;
	margins: 0px 0px 20px 0px;
	
}

#FooterMds {
	margin: 13px 0px 0px 8px;
	float: left;
	background: url("images/mds.gif");
}

#FooterLinks {
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 15px 0px 0px 55px;
}

#FooterLinks a {
	color: #FFFFFF;
	text-decoration: none;
}

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



/* PAGES */
#mainBlock {
	margin: 10px 10px 10px 10px;
	position: relative;
	width: 730px;
	borders: 1px solid #000000;
}

#pageMain {
	float: left;
	width: 535px;
	padding-right: 15px;
	background: url("images/vert.gif") top right repeat-y;
	margins: 0px 0px 0px 0px;
}

#pageRight {
	float: left;
	width: 180px;
	margins: 0px 0px 0px 0px;
}

#breadcrumb {
 	color:#626262;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:11px;
	margin: 10px 10px 0px 10px;
	position: relative;
	width: 730px;
	borders: 1px solid #000000;
	
} 

#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active { 
	color:#336699;
}

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



/* DEFAULT naslov članka */
.articleHead, .articleList_tophead, h1, h2 {
	font-size: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height : 200%;
	color : #ABBD26;
	margin: 0px 0px 0px 0px;
}

/* DEFAULT podnaslov članka */
.articleSubHead, .articleList_topsubhead, h3, h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #336699;
	line-height: 110%;
}

.headSpacer {
	height: 15px;
	background-image:url("images/hor.gif");
	margin-bottom: 5px;
}

.contentHead {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	line-height : 120%;
	color : #336699;
}
.contentSubHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #94B351;
	line-height: 110%;
	margin-bottom: 0px;
}
.articleText {
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color : #626262;
	line-height : 150%;
}

.textMark {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color : #F58025;
}
#icons {
	width: 650px;
	position: relative;
	top: 0px;
	left: 40px;
	clear: both;
	padding-top: 10px;
}

#search {
	background: url("images/search.gif");
	width: 191px;
	height: 66px;
	position: absolute;
	top: 5px;
	right: 0px;
}

#searchbut {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 30px;
	left: 160px;
}

#searchinput {
	border: solid 1px #FFFFFF;
	height: 16px;
	width: 132px;
	background-color: #FBCCA8;
	font-size: 12px;
	color: #626262;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 30px;
	left: 20px;
}

.image_left { 
	border: #626262 1px solid;
	float: left;
	margin: 0px 8px 8px 0px;
}
.image_right { 
	border: #626262 1px solid;
	float: right;
	margin: 0px 0px 8px 8px;
}



/*MENI*/

#menu {
	width: 750px;
	height: 34px;
	BACKGROUND: url(images/menu.gif) no-repeat top center;
	paddings-top: 8px;
	borders: 1px solid #CC0000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	position: relative;
	z-index:2;

}


/*kad u nav dodam float:left onda je donji border ok inače se spoji sa gornjim */
#nav {
	MARGIN: 0px 0px 0px 0px;
	LIST-STYLE-TYPE: none;
	borders: 1px solid #000000;
	float: left;
	position: relative;
	top: 7px;
	left: 5px;
	PADDING: 0px 0px 0px 0px;
}
#nav UL {
	PADDING: 0px 0px 0px 0px;
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
}
#nav A {
	DISPLAY: block;
	WIDTH: 150px;
	PADDING: 3px 0px 3px 0px;
	text-decoration: none;
	text-align: center;
	background: #efefef;
	color: #FFFFFF;
}
#nav .vod, #nav .vod a {
	WIDTH: 96px;
	color: #FFFFFF;
	BACKGROUND: #F26722 url(images/downarrow.gif) no-repeat 87px center;
}
#nav .vod a:hover {
	colors: #c00000;
	BACKGROUND: #FF803B url(images/downarrow.gif) no-repeat 87px center;
}


#nav .dog, #nav .dog a {
	WIDTH: 96px;
	BACKGROUND: #F26722 url(images/downarrow.gif) no-repeat 83px center;
}
#nav .dog a:hover {
	BACKGROUND: #FF803B url(images/downarrow.gif) no-repeat 83px center;

}

#nav .smj, #nav .smj a {
	WIDTH: 83px;
	BACKGROUND: #F26722 url(images/downarrow.gif) no-repeat 71px center;
}
#nav .smj a:hover {
	BACKGROUND: #FF803B url(images/downarrow.gif) no-repeat 71px center;
}

#nav .doz, #nav .doz a {
	WIDTH: 126px;
	BACKGROUND: #F26722 url(images/downarrow.gif) no-repeat 113px center;
}
#nav .doz a:hover {
	BACKGROUND: #FF803B url(images/downarrow.gif) no-repeat 113px center;
}

#nav .akt, #nav .akt a {
	WIDTH: 111px;
	BACKGROUND: #F26722 url(images/downarrow.gif) no-repeat 102px center;
}
#nav .akt a:hover {
	BACKGROUND: #FF803B url(images/downarrow.gif) no-repeat 102px center;
}

#nav .pri, #nav .pri a {
	WIDTH: 131px;
	BACKGROUND: #F26722 url(images/downarrow.gif) no-repeat 122px center;
}
#nav .pri a:hover {
	BACKGROUND: #FF803B url(images/downarrow.gif) no-repeat 122px center;
}

#nav .tip, #nav .tip a {

	WIDTH: 97px;
	BACKGROUND: #F26722 url(images/downarrow.gif) no-repeat 83px center;
}
#nav .tip a:hover {
	BACKGROUND: #FF803B url(images/downarrow.gif) no-repeat 83px center;
}

#nav .meni, #nav .mvod {
	WIDTH: 155px;
	background: #F26722;
}
#nav .meni a, #nav .mvod a {
	WIDTH: 155px;
	background: #F26722;
}
#nav .meni a:hover, #nav .mvod a:hover {
	WIDTHs: 155px;
	background: #FF803B;
}

#nav .puni a {
	WIDTH: 155px;
	color: #FFFFFF;
	BACKGROUND: #F26722 url(images/tri.gif) no-repeat 140px center;
}
#nav .puni a:hover {
	WIDTH: 155px;

	color: #FFFFFF;
	BACKGROUND: #FF803B url(images/tri.gif) no-repeat 140px center;
}
#nav .treci a {
	WIDTH: 155px;
	color: #FFFFFF;
	BACKGROUND: #F26722;
}
#nav .treci a:hover {
	WIDTH: 155px;
	color: #FFFFFF;
	BACKGROUND: #FF803B;
}


#nav LI {
	FLOAT: left;
	WIDTH: 155px;
}
/*ovo definira cijele blokove nivoa - one koji se otvore kad se stane na Vodice, događanja idr */

#nav LI UL {
	BACKGROUND: #F26722;
	LEFT: -999em;
	WIDTH: 155px;
	POSITION: absolute;
	RIGHTs: 0px;
}

/*ovo definira zadnji blok nivoa ispod tips and infos */
#zadnji {
	LEFT: -999em;
	WIDTH: 155px;
	POSITION: absolute;
	RIGHT: 0px;
}
#nav .zad {
	display: none;
}


/*ovo je drugi nivo - Srima, tribunj itd, gornja margina je -20 da se poravna sa poravna sa nivoom ispred - npr da okruženje dođe u ravninu sa tribunjom, a lijeva je 155 da ne prekriva nivo ispred sebe jer je on 155 širok */

#nav LI UL UL {
	MARGIN: -20px 0px 0px 155px;
}
#nav LI:hover UL UL {

	LEFT: -999em;
}
#nav LI.sfhover UL UL {
	LEFT: -999em;
}
#nav LI:hover UL {
	LEFT: auto;
}
#nav LI.sfhover UL {
	LEFT: auto;
}
#nav LI LI:hover UL {
	LEFT: auto;
}
#nav LI LI.sfhover UL {

	LEFT: auto;
}