body {
	color: #555555;
	margin: 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	background-image: url(../pic/pageBG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

a { outline:none; }
/********************************************
   BOXOVI
********************************************/ 
#wrap {
	position: relative;
	width: 960px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	clear: both;
}
#wrapMainContent {
	width: 960px;
	position: relative;
	clear: both;
	padding: 0px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 1;
}
#header {
	position: relative;
	height: 70px;
	width:900px;
	padding: 0;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}
#logo {
	position: relative;
	height: 70px;
	width:330px;
	float: left;
}
#pretragaJezik {
	float: right;
	width: 300px;
	height: 70px;
	position: relative;
}
#pretraga {
	position: relative;
	margin-top: 5px;
	padding: 0px;
	float: right;
}
#baner {
	position: relative;
	height: 250px;
	width:930px;
	padding: 0;
	background-image: url(../pic/baner/1.jpg);
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	background-repeat: no-repeat;
}
#flash {
	position: relative;
	height: 250px;
	width:280px;
	padding: 0;
	clear: both;
	margin: 0px;
	float: right;
}
#mainContent {
	position: relative;
	width:900px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	clear: both;
	overflow: hidden;
}
#mainLeftBox {
	position: relative;
	width:210px;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	margin-right: 20px;
	margin-left: 0px;
}
#mainLeftBox2 {
	position: relative;
	width:670px;
	padding: 0;
	float: left;
	margin: 0px;
}
#mainCenterBox {
	position: relative;
	width:398px;
	margin: 0px;
	float: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-left-style: dashed;
	border-right-color: #D8D8D8;
	border-left-color: #D8D8D8;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	overflow: hidden;
}
#mainCenterBox2 {
	position: relative;
	width:400px;
	margin: 0px;
	float: left;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	overflow: hidden;
}
#mainRightBox {
	position: relative;
	width:210px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 20px;
	margin-bottom: 0px;
	float: right;
}
* html #mainRightBox { /*IE only rule. Original menu width minus all left/right paddings */
	float: none;
	padding-left: 15px;
}
#reklamniBaneri {
	position: relative;
	width:900px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	height: 60px;
	padding: 0px;
}
#footer {
	position: relative;
	width:900px;
/*	margin-top: 40px;*/
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #DDDDDD;
	font-size: 11px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	clear: both;
	overflow: hidden;
}
html > body #footer { margin-top: 40px; }
/********************************************
   FORME
********************************************/ 

.dugme {
	width: 80px;
	height: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 10px;
	color: #FFFFFF;
	cursor: pointer;
	margin-right: 10px;
	background: #e5e5dd url(../pic/dugme.gif) no-repeat;
}
html > body .dugme { width: 80px; }
.dugme2 {
	width:80px;
	height: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #e5e5dd url(../pic/dugme.gif) no-repeat;
	cursor: pointer;
	color: #FFFFFF;
	outline: none;
}
.dugme3 {
	width:65px;
	height: 25px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background: url(../pic/icons/dugme.gif) no-repeat;
	cursor: pointer;
	color: #666666;
	outline: none;

}
.textbox {
	width: 184px;
	color: #616B74;
	height: 16px;
	padding: 2px;
	border: 1px solid #E5E5E5;
	vertical-align: top;
}
.pretragabox {
	width: 184px;
	color: #616B74;
	height: 14px;
	padding: 2px;
	border: 1px solid #E5E5E5;
	vertical-align: top;
}
.kontaktbox {
	width: 326px;
	color: #616B74;
	height: 14px;
	padding: 2px;
	border: 1px solid #E5E5E5;
	vertical-align: top;
}
.forma {
	padding: 10px;
	border: 1px solid #F2F2F2;
	background-color: #FDFDFD;
	width: 370px;
	margin: 0px;
}
label {
	display:block;
	margin:5px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	font-size: 11px;
	font-weight: bold;
}
.textboxKontakt {
	width: 330px;
	border: 1px solid #CCC;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	padding-left: 2px;
}

/********************************************
   NAVIGACIJA PRVI NIVO
********************************************/ 

#navigacija{
	position:relative;
	display:block;
	height:30px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: transparent;
	background-image: url(../pic/navigacija/bgoff.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 10px;
	z-index: 1;
	}



#navigacija ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	}

#navigacija ul li{
	display:block;
	float:left;
	margin:0;
	}

#navigacija ul li a{
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	height:26px;
	background-color: transparent;
	background-image: url(../pic/navigacija/bgrazmak.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 4px;
	padding-right: 9px;
	padding-bottom: 0;
	padding-left: 9px;
	font-weight: bold;
	width: 110px;
	text-align: center;
	}

#navigacija ul li a:hover,#navigacija ul li a.current{
	color:#FFFFFF;
	background-image: url(../pic/navigacija/bgon.gif);
	background-repeat: repeat-x;
	background-position: right top;
	}
	
/********************************************
   NAVIGACIJA DRUGI I TRECI NIVO
********************************************/ 

DIV#side-nav {
	FLOAT: left;
	WIDTH: 210px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#side-nav A {
	FONT-SIZE: 12px;
	COLOR: #666666;
	text-decoration: none;
	width: 200px;
	line-height: 30px;
	display: block;
	font-weight: normal;
}
#side-nav OL {
	LIST-STYLE-TYPE: none;
	margin: 0px;
	padding: 0px;
}
#side-nav OL LI {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F2F2F2;
}
#side-nav OL A {
	PADDING-LEFT: 10px;
	outline: none;
}
#side-nav OL A:hover {
	COLOR: #FBA22C;
	text-decoration: none;
}
#side-nav UL {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	
}
#side-nav UL LI {
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
}
#side-nav UL A {
	COLOR: #FBA22C;
	text-decoration: none;
	font-size: 11px;
	line-height: 20px;
	margin-left: 10px;
	width: 190px;
}

#side-nav UL A:hover {
	COLOR: #333333;
	TEXT-DECORATION: underline;
	background-color: #FFFFFF;
}
.submenu {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F2F2F2;
	background-image: none;
	
}
LI.menu1 {
	background-image: url(../pic/strelicameni.gif);
	background-repeat: no-repeat;
	background-position: right;
}

/********************************************
   LINKOVI
********************************************/

.detaljnije a:link, .detaljnije a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FBA22C;
	text-decoration: underline;
}
.detaljnije a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FBA22C;
	text-decoration: none;
}
.akcija {
	text-align: left;
	width: 210px;
	padding-bottom: 20px;
}
.jezik {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2F3337;
	text-align: right;
	float: right;
	position: relative;
	margin-top: 5px;
	padding-left: 30px;
}
.jezik a:link, .jezik a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2F3337;
	text-decoration: none;
	font-weight: normal;
}
.jezik a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2F3337;
	text-decoration: underline;
	font-weight: normal;
}
.arhiva {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FBA22C;
	text-align: left;
	float: right;
	position: relative;
	overflow: hidden;
}
.arhiva a:link, .arhiva a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FBA22C;
	text-align: left;
	text-decoration: none;
}
.arhiva a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FBA22C;
	text-align: left;
	text-decoration: underline;
}
.pretraga {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	position: relative;
	padding-bottom: 5px;
}
.pretraga a:link, .pretraga a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FBA22C;
	text-align: left;
	text-decoration: underline;
}
.pretraga a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #696969;
	text-align: left;
	text-decoration: underline;
}


/********************************************
   TEXT & NSALOV
********************************************/ 

.oranzNaslov {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FBA22C;
	text-align: left;
	font-weight: bold;
}

/********************************************
   VESTI
********************************************/ 

#vestiBox {
	position: relative;
	width:210px;
	float: left;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.vestiDatum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: left;
}
.vestiNaslov {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #696969;
	text-align: left;
	font-weight: bold;
	line-height: 18px;
	padding-bottom: 10px;
}
.vestiText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #616B74;
	text-align: left;
	line-height: 19px;
}



/********************************************
   ANKETA
********************************************/ 

#anketaBox {
	position: relative;
	width:190px;
	float: left;
	background-image: url(../pic/anketaBG.png);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 190px;
}
.anketaNaslov {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FBA22C;
	text-align: left;
	font-weight: bold;
	padding-bottom: 10px;
}
.textAnketa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2F3337;
	text-align: left;
	line-height: 19px;
}
.formaanketa {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	font-size: 11px;
	color: #2F3337;
}


/********************************************
   KORISNI LINKOVI
********************************************/ 

#linkoviBox {
	position: relative;
	width:190px;
	float: left;
	background-image: url(../pic/linkoviBG.png);
	background-repeat: no-repeat;
	padding: 10px;
	height: 190px;
	margin: 0px;
}
.linkoviNaslov {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #2F3337;
	text-align: left;
	font-weight: bold;
	padding-bottom: 10px;
}

ul.linkovi {
	list-style: none;
	text-align: left;
	padding: 0;
	text-decoration: none;
	margin: 0px;
}
ul.linkovi li {
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;
	margin: 0;
	font-size: 11px;
	display: block;
}
* html body ul.linkovi li {
	height: 1%;
}
ul.linkovi a {
	color: #2F3337;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 18px;
	background-image: url(../pic/strelica.gif);
	background-repeat: no-repeat;
	background-position: 2px 7px;
	text-decoration: none;
	font-weight: normal;
}
ul.linkovi a:hover {
	color: #FBA22C;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	text-decoration: underline;
}


/********************************************
   VREMENSKA PROGNOZA
********************************************/ 

#vremeBox {
	position: relative;
	width:190px;
	float: left;
	background-image: url(../pic/vremeBG.png);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 10px;
/*	height: 190px;*/
}
.vremeNaslov {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #2F3337;
	text-align: left;
	font-weight: bold;
	padding-bottom: 10px;
}
.vremeRed ul, .vremeRed li {
	list-style-type: none; /* to minimize problems */
	margin: 0;
	padding:0; /* extra space */
	display: inline;
}
.vremeRed li {
	height: 23px;
}
.vremeRed li.levo {
	display: block;
	text-align: left;
	float: left;
	padding-left: 10px;
	padding-top: 2px;
}
.vremeRed li.desno {
	display: block;
	text-align: center;
	float: left;
	padding-top: 2px;
	color: #2F3337;
}
.vremeRed { /* defines container for the menu */
	width: 190px;
	font-size: 11px;
	float: left;
	margin: 0px;
	list-style-type: none;
	color: #2F3337;
	padding: 0px;
	height: 23px;
}


/********************************************
   BILTEN
********************************************/ 

#biltenBox {
	position: relative;
	width:190px;
	background-image: url(../pic/biltenBG.png);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 10px;
	height: 190px;
	float: left;
}
.biltenNaslov {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #2F3337;
	text-align: left;
	font-weight: bold;
	padding-bottom: 10px;
}
.biltenText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2F3337;
	text-align: left;
	line-height: 19px;
}
.formabilten {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	font-size: 11px;
	color: #2F3337;
}
/********************************************
   INFO BOX
********************************************/ 

.infoBox {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D8D8D8;
	height: 152px;
	margin-bottom: 20px;
}
#infoBox2 {
	margin-bottom: 20px;
}
#infoBox2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FBA22C;
	text-decoration: underline;
}
.infoBox3 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D8D8D8;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.infoNaslov {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #696969;
	padding-bottom: 15px;
	text-align: left;
	font-weight: bold;
}
.infoText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #616B74;
	text-align: left;
	line-height: 19px;
}
.infoText a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FBA22C;
	text-decoration: underline;
}
.infoSlika {
	width:120px;
	height: 90px;
	padding-right: 10px;
	padding-top: 5px;
	float: left;
}



/********************************************
   REKLAMNI BANERI
********************************************/

#reklama ul, #reklama li {
	list-style-type: none; /* to minimize problems */
	margin: 0;
	padding:0; /* extra space */
	display: inline;
}
#reklama li {
	height: 60px;
	display: block;
	text-align: left;
	width: 140px;
	float: left;
	margin-right: 8px;
	margin-left: 0px;
}
#reklama { /* defines container for the menu */
	font-size: 12px;
	float: left;
	margin: 0px;
	list-style-type: none;
	color: #2F3337;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#reklama li p {
	padding:0;
	margin:0;
}
/********************************************
   BREADCRUMB
********************************************/ 

.breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8B8B8B;
	padding-top: 0px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F2F2F2;
	margin-bottom: 10px;
}
.breadcrumb a {
	text-decoration: none;
	padding-right: 15px; /*adjust bullet image padding*/
	color: #FBA22C;
	background-color: transparent;
	background-image: url(../pic/breadcrumb.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-weight: normal;
}
.breadcrumb a:visited, .breadcrumb a:active {
	color: #FBA22C;
	text-decoration: none;
}
.breadcrumb a:hover {
	text-decoration: underline;
}

img.percentImage {
 background: white url(../pic/percentImage_back.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}
.galerija {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	position: relative;
	padding-bottom: 5px;
}
.galerija a:link, .galerija a:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FBA22C;
	text-align: left;
}
.galerija a:hover {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #696969;
	text-align: left;
}

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


#MS a {
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	display: block;
	width: 110px;

	text-decoration: none;
	text-align:left;
	background-color: #F8F8F8;
	float: left;
	margin-top: 1px;
	padding-top: 5px;
	padding-left: 10px;
	border: 1px solid #999999;
}

#MS a:hover {
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	display: block;
	width: 110px;

	text-decoration: none;
	background-color: #EEEEEE;
	float: left;
	padding-top: 5px;
	padding-left: 10px;
	border: 1px solid #999999;
}

.crniLink a {
	font:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	text-decoration:none;
	margin-left: 10px;
}
.crniLink a:hover {
	text-decoration:underline;
}

/********************************************/
/*				ZA STAMPU					*/
/********************************************/

.printNaslov {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17pt;
	color: #696969;
	padding-bottom: 15px;
	text-align: left;
	font-weight: bold;
}
.printText {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14pt;
	color: #616B74;
	text-align: left;
	line-height: 24px;
}
.printText a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14pt;
	color: #FBA22C;
	text-decoration: underline;
	line-height: 24px;
}