html {
	min-height:8em; 
	height:auto;
}
/* for Internet Explorer */
/*\*/
* html {
height: 8em;
}
/**/

body {
	color: #616B74;
	padding: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	background-color: #336797;
}

/********************************************
   BOXOVI
********************************************/ 
#wrap {
	position: relative;
	width: 980px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clear: both;
	padding: 0px;
}
#kapaGore {
	position: relative;
	height: 11px;
	width:980px;
	padding: 0;
	margin: 0;
	background-image: url(../pic/kapaGore.gif);
	background-repeat: no-repeat;
}
#kapaDole {
	position: relative;
	height: 11px;
	width:980px;
	padding: 0;
	margin: 0;
	background-image: url(../pic/kapaDole.gif);
	background-repeat: no-repeat;
}
#wrapContent {
	width: 950px;
	position: relative;
	background-color: #FFFFFF;
	overflow: hidden;
	margin: 0;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#baner {
	position: relative;
	height: 260px;
	width:950px;
	padding: 0;
	clear: both;
	margin: 0px;
}
#wrapMainContent {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	clear: both;
	overflow: hidden;
}
#boxleft {
	width:230px;
	float: left;
	position: relative;
	background-color: #F9F9F9;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom:-2000px;
	padding-bottom:2000px;
	min-height:8em; 
	height:auto;
}
#boxright {
	width:230px;
	float: right;
	position: relative;
	background-color: #F9F9F9;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom:-2000px;
	padding-bottom:2000px;
}
#mainContent {
	margin-right: 250px;
	margin-left: 250px;
	padding-right: 30px;
	padding-left: 30px;
}
#mainContentDrugiNivo {
	margin-right: 0px;
	margin-left: 250px;
	padding-right: 30px;
	padding-left: 30px;
/*	margin-bottom:-2000px;
	padding-bottom:2000px;*/
}
.traka {
	height: 40px;
	color: #336797;
	font-size: 18px;
	line-height: 38px;
}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	width: 910px;
	text-align: center;
	height: 20px;
	font-size: 11px;
/*	padding-top: 15px;*/
	padding-right: 20px;
	padding-left: 20px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #B71F06;
	margin: 0px;
}
#linkovi {
	width: 950px;
	text-align: center;
	font-size: 11px;
	clear: both;
	margin: 0px;
	position: relative;
	height: 25px;
	padding: 0px;
	color: #A51129;
}
.reklamniBaneri {
	width:230px;
	float: left;
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
}
.printMail {
	font-size: 11px;
	text-align: left;
	float: right;
	position: relative;
	overflow: hidden;
	margin-top: 8px;
}

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

#navigacija{
	position:relative;
	display:block;
	height:30px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	width: 950px;
	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: 5px;
	padding: 0px;
	margin-bottom: 2px;
	}
#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: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	font-weight: bold;
	width: 100px;
	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: 230px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#side-nav A {
	FONT-SIZE: 12px;
	COLOR: #868686;
	text-decoration: none;
	width: 220px;
	line-height: 30px;
	display: block;
	font-weight: normal;
	outline: 0;
}
#side-nav OL {
	LIST-STYLE-TYPE: none;
	margin: 0px;
	padding: 0px;
}
#side-nav OL LI {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #C8C8C8;
}
#side-nav OL A {
	PADDING-LEFT: 10px;
	outline: 0;
}
#side-nav OL A:hover {
	COLOR: #A51129;
	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: #A51129;
	text-decoration: none;
	font-size: 11px;
	line-height: 20px;
	margin-left: 10px;
	outline: 0;
}

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

}



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

#linkoviBox {
	float:left;
	position: relative;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width:230px;
}
#linkoviBox ul.linkovi {
	list-style: none;
	text-align: left;
	text-decoration: none;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#linkoviBox ul.linkovi li {
	display:block;
	margin: 0;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
/*	background-position: 0px;*/
}
* html body #linkoviBox ul.linkovi li {
	height: 1%;
}
#linkoviBox ul.linkovi a {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 10px;
	background-image: none;
	text-decoration: none;
	font-weight: normal;
	background-image: url(../pic/strelica.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}
#linkoviBox ul.linkovi a:hover {
	color: #A51129;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: underline;
}
/********************************************
   VESTI
********************************************/ 

#vestiBox {
	position: relative;
	width:230px;
	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: 12px;
	color: #336797;
	text-align: left;
	padding-bottom: 7px;
	background-image: url(../pic/strelica2.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px 6px;
	position:relative;
}
.vestiDatum a:link, .vestiDatum a:visited  {
	color: #336797;
	text-decoration: underline;
}
.vestiDatum a:hover {
	text-decoration: none;
}
.vestiText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4C4C4C;
	text-align: left;
	line-height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C8C8C8;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-image: url(../pic/senka.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}


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

#vremeBox {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	width:230px;
	float: left;
	margin: 0px;
	background-image: url(../pic/senka.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.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: 230px;
	font-size: 12px;
	float: left;
	margin: 0px;
	list-style-type: none;
	color: #2F3337;
	padding: 0px;
	height: 30px;
	background-image: url(../pic/trakaVreme.gif);
	background-repeat: no-repeat;
}
/********************************************
   ANKETA
********************************************/ 

#anketaBox {
 position: relative;
 font-family: Arial, Helvetica, sans-serif;
 width:230px;
 float: left;
 margin-top: 10px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 overflow: hidden;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 10px;
 padding-left: 0px;
}
.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: 12px;
	color: #2F3337;
	text-align: left;
}
.formaanketa {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	font-size: 12px;
	color: #2F3337;
}
/********************************************
   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;
	margin-right: 10px;
	background-color: #336797;
}
.textbox {
	width: 150px;
	color: #616B74;
	height: 14px;
	padding: 2px;
	border: 1px solid #E5E5E5;
	vertical-align: top;
/*	margin-right: 10px;*/
}
.textbox2 {
	float:right;
	position: relative;
	width: 250px;
	color: #616B74;
	height: 14px;
	padding: 2px;
	border: 1px solid #E5E5E5;
	vertical-align: top;
	margin-right: 10px;
}
.formapretraga {
	width: 280px;
	height: 30px;
	color: #FFFFFF;
	position: relative;
	float: right;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;

}
.pretragaBox {
	font-size: 11px;
	text-align: left;
	height: 25px;
	width: 208px;
	padding-top: 5px;
	float: right;
}
.naprednaPretragaBox {
	font-size: 11px;
	text-align: left;
	height: 25px;
	width: 90px;
	float: left;
	padding-top: 5px;
}
.forma {
	padding: 10px;
	border: 1px solid #F2F2F2;
	background-color: #FDFDFD;
	margin: 0px;
}
.forma span {
	margin:5px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	font-size: 11px;
	font-weight: bold;
}
.kontaktbox {
	color: #616B74;
	height: 14px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	padding: 2px;
	border: 1px solid #E5E5E5;
	vertical-align: top;
	width: 310px;
}
label {
	display:block;
	margin:5px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	font-size: 11px;
	font-weight: bold;
}
.textboxKontakt {
	width: 310px;
	border: 1px solid #CCC;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	padding-left: 2px;
}


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

.detaljnije a:link, .detaljnije a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336797;
	text-decoration: underline;
}
.detaljnije a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #336797;
	text-decoration: none;
}
.detaljnijeInfo a:link, .detaljnijeInfo a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A51129;
	text-decoration: underline;
}
.detaljnijeInfo a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #A51129;
	text-decoration: none;
}
.footerlinkovi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A51129;
}
.footerlinkovi a:link, .footerlinkovi a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A51129;
	text-decoration: underline;
}
.footerlinkovi a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #A51129;
	text-decoration: none;
}
.arhiva {
	font-size: 11px;
	text-align: left;
	float: right;
	position: relative;
	overflow: hidden;
	margin-top: 10px;
}
.arhiva a:link, .arhiva a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A51129;
	text-decoration: underline;
}
.arhiva a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #A51129;
	text-decoration: none;
}



/********************************************
   INFO BOX
********************************************/ 

.infoBox {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D8D8D8;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-bottom: 20px;
}
.infoNaslov {
	height: 40px;
	color: #A51129;
	font-size: 20px;
	line-height: 38px;
}
.infoText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #616B74;
	text-align: left;
	margin-top: 15px;
}
.infoSlika {
	width:380px;
	height:120px;
	padding-top: 5px;
}

/********************************************
   PRETRAGA BOX
********************************************/ 

#pretragaBox {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D8D8D8;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-bottom: 20px;
}
.pretragaNaslov {
	height: 40px;
	color: #A51129;
	font-size: 20px;
	line-height: 38px;
	margin-top: 10px;
}
.pretragaText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #616B74;
	text-align: left;
	margin-top: 5px;
}

/********************************************
   ARHIVA VESTI BOX
********************************************/ 

.arhivaBox {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D8D8D8;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-bottom: 20px;
}
.arhivaNaslov {
	color: #336797;
	font-size: 12px;
	font-weight: bold;
}
.arhivaText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #616B74;
	text-align: left;
	margin-top: 5px;
	font-weight:normal;
}
.arhivaText a {
	color: #A51129;
	text-decoration:none;
	font-weight:normal;
}
.arhivaText a:hover {
	text-decoration:underline;
}
/********************************************
   INFO BOX DRUGI NIVO
********************************************/ 

#infoBoxDrugiNivo {
	margin-top: 10px;
	padding-bottom: 20px;
}
.infoNaslovDrugiNivo {
	height: 40px;
	color: #A51129;
	font-size: 20px;
	line-height: 38px;
}
.infoTextDrugiNivo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #616B74;
	text-align: left;
}
.infoTextDrugiNivo a {
	color: #A51129;
	text-decoration: none;
}
.infoTextDrugiNivo a:hover {
	text-decoration: underline;
}
.infoSlikaDrugiNivo {
	width:240px;
	height:180px;
	padding-top: 5px;
	float:left;
	padding-right:10px;
}
/********************************************
   BREADCRUMB
********************************************/ 

.breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8B8B8B;
	padding-top: 0px;
	padding-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D8D8D8;
	margin-bottom: 20px;
}
.breadcrumb a {
	text-decoration: none;
	padding-right: 15px; /*adjust bullet image padding*/
	color: #A51129;
	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: #A51129;
	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;
}
/*********************************************************************************
					MAPA SAJTA 
*********************************************************************************/
.MS ul {
	margin: 0;
	list-style-type: none;
	padding: 0px;
}


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

	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: 190px;

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

/*****************************************************************/

.galerija a {
	color: #A51129;
	text-decoration: none;
/*	font-weight: bold;*/
	font-family: Arial;
	font-size: 12px;
}
.galerija a:hover {
	text-decoration: underline;
}