@charset "UTF-8";
/* CSS Document */

/* ===== global style ===== */

img { behavior: url(css/iepngfix.htc) }

* {
	margin: 0;
}

html, body {
	margin: 0 auto;
	padding: 0;
	height: 100%;
	background-color: #cdc8aa;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	
}

.novi {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	
}

#veliki {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	
}


h4 {
	margin: 0 0 10px 0;
	font-size: 12px;
}

div#outerDiv {
	width: 780px;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -170px auto;
	background-color: #FFF;
	border: 1px solid Black;
	/*padding: 90px 0;*/
}

/* ===== header ===== */

div#header {
	height: 310px;
	position: relative;
}

/* ===== links ===== */

a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #900;
	text-decoration:none;
}

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

a.active {
	color: #333;
}

/*.text {
	color: #333;
	font: normal 11px Verdana, Arial, sans-serif;
	line-height: 140%;
}*/


/*.rub	{
	border: 1px solid Black;
	background-color:#ffffff
}*/

/*html, body {
scrollbar-face-color:#efecd9;
scrollbar-base-color:#EBF5FF;
scrollbar-arrow-color:black;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#cdc8aa;
scrollbar-highlight-color:#EBF5FF;
scrollbar-3dlight-color:#cdc8aa;
scrollbar-darkshadow-Color:#cdc8aa;
}*/

/* ===== title ===== */

#pretitle {
	float: left;
	width: 545px;
	height: 50px;
	padding: 0;
	margin: 0;
	/*display: inline;*/
	/*border-bottom: solid #999 1px;*/
	/*border: #000 solid 1px;*/
}

#title {
	float: right;
	width: 170px;
	height: 40px;
	padding: 0;
	margin: 0 35px 10px 25px;
	display: inline;
	/*border-bottom: solid #999 1px;*/
	/*border: #000 solid 1px;*/
}

/* ===== main content ===== */

#content div#mainContent {
	float: left;
	width: 470px;
	margin: 0px 25px 0 50px;
	display: inline;
	padding: 0;
	text-align: justify;
	/*float:right;*/
	/*width: 422px;*/
	/*margin: 0 auto;*/
	/*padding-bottom: 0px;*/
	/*border: #000 solid 1px;*/
}

#mainContent div#floatRight {
	text-align: right;
	font-style: italic;
	float: right;
}

/*#mainContent p {
	margin: 0;
}*/

/*#content:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}*/

/* ===== sideBar ===== */

#content div#sideBar {
	float: right;
	width: 230px;
	padding: 0;
	margin: 0;
	/*border-left: solid #999 1px;*/
	/*border: #000 solid 1px;*/
}

/* ===== MENU ===== */

#sideBar div#menu {
	float: left;
	width: 170px;
	padding: 0;
	display: inline;
	text-align: left;
	margin: 0 35px 20px 25px;
}

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

#menu li {
	position: relative;
	left: 0px;
	margin: 0;
	padding: 0;
}

#menu ul li a.current {
	color: #333;
}

#menu ul li a.current:hover {
	cursor:default;
	text-decoration: none;
}

/*===== FOOTER =====*/

.push {
	height: 170px;
	width: 100%;
}

#footer {
	margin: 0 auto;
	width: 780px;
	height: 170px;
	position: relative;
	background: url(../images/backfooter.png) repeat-x;
	/*border:#000 solid 1px;*/
}

#footer p {
	margin: 0;
	line-height: normal;
	font-size: 9px;
	letter-spacing: 0.04em;
	/*text-transform: uppercase;*/
	text-align: center;
}

#footer a {
	color: #333;
	font-size: 9px;
}

#footer a:hover {
	/*background: #F7F7F4;*/
	color: #900;
}

#underFooter {
	width: 780px;
	/*position: relative;*/
	/*height: auto !important;*/
	/*height: 100%;*/
	margin: 0 auto;
	padding: 0;
	/*border:#FFF solid 1px;*/
}

#footer div#underLeft {
	/*padding-top: 5px;*/
	float: left;
	width: 470px;
	/*position: relativ;*/
	display: inline;
	text-align: center;
	margin:  98px 25px 0 50px;
	padding: 0;
	/*border: #000 solid 1px;*/
}

#footer div#underRight {
	float: right;
	width: 174px;
	position: relative;
	text-align: center;
	display: inline;
	top: 0px;
	margin: 45px 35px 0 25px;
	padding: 0;
	/*border: #000 solid 1px;*/
}


/* ===== other styles ===== */

.clear { clear: both }

.rightdiv {
	margin: 0;
	padding: 0;
	float: right;
	margin: 0 0 10px 15px;
}

img.rightImage {
	float: right;
	margin: 0 0 10px 15px;
}

img.leftImage {
	float: left;
	margin: 0 15px 10px 0;
}

.potpis {
	text-align: left;
	font-size: 9px;
}