/*
promjena boje:

tamnija ljub: #312947
svjetlija ljub: #41385F

stare boje 
# -630822 - tamniuja
# -950c34  - svjetlija

stara osnova - # -7C0A2B
nova osnova - #393153

navigacija staro - #740727
navigacija novo - #7BA515

#F9C884

*/




@import url("../css/joomla.css"); /* Joomla! default styling */
@import url("../css/header.css"); /* multi-header styling */

body{
	margin: 0; /*5px*/
	padding: 0;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	background: #ffffff;
}
#body_bg{
	background: #81759B url(../images/pozadina.gif) 0 0 repeat-x; /* background: #343440 url(../images/background.jpg) 0 0 repeat-x;*/
	margin: 0 0 50px 0; /*10px 0 50px 0;*/
	padding: 0;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #ffffff; /*#4b4b4b*/
}
.clr{
	clear: both;
}


/* CUSTOM STYLING
--------------------------------------------------------- */
div#wrapper {
	width: 960px;
	height: 1%; /* ie sucks */
}
div#inner {
	position: relative;
	text-align: left;
}

/* TYPOGRAPHY STYLING
--------------------------------------------------------- */
span.alert{
	display: block;
	background: #fff6bf url(../images/wr_exclamation.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}
span.info{
	display: block;
	background: #f8fafc url(../images/wr_information.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
}
span.download{
	display: block;
	background: #e2f3de url(../images/wr_download.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #3C6;
	border-bottom: 2px solid #3C6;
}
pre{
	display: block;
	line-height: 100%;
	border-left: 5px solid #ccc;
	background: #f2f2f2;
	padding: 10px;
	font-family: Monaco, "Courier New", monospace;
	font-size: 11px;
	overflow: auto !important;
	overflow: scroll;
	width: 95%;
}
blockquote{
	margin: 20px 0;
	padding: 0 0 0 40px;
	background: url(../images/wr_quote.png) no-repeat;
	background-position: 10px 0;
	border: none;
	font-style: oblique;
	color: #888;
}

/* ---- layout --- */
span#logo {
	background: transparent url(../images/logo.png) 0 0 no-repeat;
	width: 210px;
	height: 61px;
	right: 30px;
	top: 26px;
	z-index: 1000;
	position: absolute;
}
div#layout_full {
	width: 960px;
	position: relative;
}
div#layout_small {
	width: 730px;
	float: left;
	position: relative;
}
div#layout_top {
	background: transparent url(../images/layout_top.png) 0 0 no-repeat;
	height: 30px;
}
div#layout_top_small {
	background: transparent url(../images/layout_top_small.png) 0 0 no-repeat;
	height: 30px;
}
div#layout_middle {
	background: transparent url(../images/layout_middle.png) 0 0 repeat-y;
}
div#layout_middle_small {
	background: transparent url(../images/layout_middle_small.png) 0 0 repeat-y;
}
div.layout_middle_bg {
	/*background: url(../images/layout_middle_bg.jpg) 0 0 no-repeat;*/
	min-height: 0px; /**/
 	height: auto !important;
  	height: 0px; /*60px*/
	margin: 0 11px;
}
div#layout_bottom {
	background: transparent url(../images/layout_bottom.png) 0 0 no-repeat;
	height: 30px;
}
div#layout_bottom_small {
	background: transparent url(../images/layout_bottom_small.png) 0 0 no-repeat;
	height: 30px;
}

/* ---- sidebar --- */
div#sidebar_wrap {
	width: 230px;
	position: absolute;
	right: 10px;
	top: 35px;
}
div#sidebar_layout_top {
	background: transparent url(../images/sidebar_top.png) 0 0 no-repeat;
	height: 30px;
}
div#sidebar_layout_middle {
	background: transparent url(../images/sidebar_middle.png) 0 0 repeat-y;
	min-height: 20px;
 	height: auto !important;
  	height: 20px;
}
div#sidebar_layout_bottom {
	background: transparent url(../images/sidebar_bottom.png) 0 0 no-repeat;
	height: 30px;
}
div#sidebar {
	color: #d5d4d4;
	font-size: 11px;
	padding: 0 18px;
}
div#sidebar a:link, div#sidebar a:visited {
	color: #d5d4d4;
	text-decoration: underline;
}
div#sidebar a:hover {
	color: #fff;
}
div#sidebar h3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 17px;
	color: #fff;
	margin: 0;
	letter-spacing: -0.05em;
	font-weight: normal;
	margin: 0 0 5px 0;
}
div#sidebar_module_wrap {}
div#sidebar_module {}
div#sidebar_module .module {
	padding-bottom: 10px;
	width: 184px;
}
div#sidebar_module .module div div {
	/*border-bottom: 1px solid #41385F;*/

}
div#sidebar_module .module div div div {
	padding-bottom: 5px;  /*10px;*/
	/* border-bottom: 1px solid #312947; */
}
div#sidebar_subnav {
	padding-bottom: 10px;
}
div#sidebar_subnav h3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 17px;
	color: #fff;
	margin: 0;
	letter-spacing: -0.05em;
	font-weight: normal;
	margin: 0 0 5px 0;
}
div#sidebar_subnav ul, div#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	/*border-bottom: 1px solid #41385F;
	border-top: 1px solid #312947;*/
	width: 184px;
}
div#sidebar_subnav li, div#sidebar li {
	padding: 0;
	line-height: 20px;
	text-indent: 5px;
	/*border-bottom: 1px solid #312947;*/
	width: 184px;
}
div#sidebar_subnav li a:link, div#sidebar_subnav li a:visited,
div#sidebar li a:link, div#sidebar li a:visited {
	color: #d5d4d4;
	display: block;
	border-bottom: none;
	width: 100%;
	border-top: 1px solid #41385F;
	text-decoration: none;
}
div#sidebar_subnav li a:hover, div#sidebar li a:hover {
	color: #312947;
	background: #9F97B3; /*rollover izmjena*/
}

/* CONTENT
--------------------------------------------------------- */
div#content_padding {
	padding: 0 20px;
}

/* ---- tab menu --- */
div#nav_wrap {
	/*display: none;*/
	height: 80; /*75px;*/
	/*border-bottom: 5px solid #393153;*/
}
div#nav {}
div#nav ul {
	padding: 0;
	margin: 0;
	margin-right: 35px;
	margin-top: 50px;
	float: left;
	padding-left: 10px;
}
div#nav li {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	padding-left: 10px;
	background: url(../images/tab_left.jpg) 0 0 no-repeat;
}
div#nav a {
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	padding: 0 20px 0 10px;
	text-decoration: none;
	cursor: pointer;
	background: url(../images/tab_right.jpg) 100% 0 no-repeat;
	font-size: 11px;
	font-weight: bold;
}
div#nav a:link, div#nav a:visited {
	color: #ffffff;
}
div#nav a:hover {
	color: #312947;
}
div#nav li.active_menu {
	background: url(../images/tab_active_left.jpg) 0 0 no-repeat;
}
div#nav li.active_menu a:link,
div#nav li.active_menu a:visited,
div#nav li.active_menu a:hover {
	color: #ffffff;
	background: url(../images/tab_active_right.jpg) 100% 0 no-repeat;
}
div#nav li.active_menu a:hover {
	color: #ddd;
}

/* ---- header modules --- */
div#header_modules_wrap {
	margin-top: 0; /*10px */
}
div#header_modules {}

/* ---- user1 module --- */
div#user1_wrap {
	float: left;
	width: 240px;
	height: 200px;
	background: url(../images/user1_bg.jpg) 0% 0% no-repeat;
	position: relative;
}
div#user1 {
	padding: 8px 15px;
	height: 170px;
	font-size: 11px;
	overflow: hidden;
	width: 200px;
}
div#user1 h3 {
	margin: 0 0 5px 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 15px;
	color: #393153;
	letter-spacing: -0.05em;
}
div#user1 a:link, div#user1 a:visited {
	color: #393153;
	text-decoration: none;
}
div#user1 a:hover {
	text-decoration: underline;
}

/* ---- header module --- */
div#header_wrap_1 { /* user1 module enabled */
	float: left;
	width: 428px;
}
div#header_wrap_2 { /* user1 module disabled */
	float: left;
	width: 668px;
}
div#header_wrap_3 { /* user1 module disabled */
	float: left;
	width: 658px;
}
div#header_wrap_4 { /* user1 module disabled */
	float: left;
	width: 898px;
}

/* ---- pathway --- */
/*div#pathway_wrap {
	height: 24px;
	background: #f5f5f5 url(../images/pathway_bg.jpg) 0% 0% no-repeat;
	border-bottom: 1px solid #dddddd;
	margin-top: 10px;
}
div#pathway {
	color: #666666;
	font-size: 11px;
	line-height: 24px;
	padding-left: 20px;
}
div#pathway a:link, div#pathway a:visited {
	color: #666666;
}
div#pathway a:hover {
	color: #00469b;
}*/

/* ---- main content & left column --- */
div#maincontent_wrap {
	margin-top: 10px;
}
div#maincontent {
	display: inline-block;
}

/* ---- left column --- */
div#leftcolumn_wrap {
	width: 220px;
	float: left;
	position: relative;
	margin-right: 20px;
}
div#leftcolumn {
	color: #818181;
	font-size: 11px;
}

div#leftcolumn ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #ddd;
	width: 180px;
}
div#leftcolumn li {
	padding: 0;
	line-height: 20px;
	text-indent: 5px;
	border-bottom: 1px solid #ddd;
	width: 180px;
}
div#leftcolumn a:link, div#leftcolumn li a:visited {
	color: #818181;
	display: block;
	border-bottom: none;
	width: 100%;
	border-top: 1px solid #fff;
	text-decoration: none;
}
div#leftcolumn li a:hover {
	color: #00469b;
	background: #eee;
}

div#leftcolumn_layout_top {
	background: url(../images/leftcolumn_layout_top.gif) 0% 0% no-repeat;
	height: 20px;
}
div#leftcolumn_layout_middle {
	background: url(../images/leftcolumn_layout_middle.gif) 0% 0% repeat-y;
	margin-bottom: -20px;
}
div#leftcolumn_layout_bottom {
	background: url(../images/leftcolumn_layout_bottom.gif) 0% 0% no-repeat;
	height: 20px;
}

div#left_wrap {}
div#left {
	padding: 0 20px;
}
div#left h3 {
	margin: 0 0 5px 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 15px;
	color: #888;
	letter-spacing: -0.05em;
}
div#left .module {
	padding-bottom: 20px;
}

/* ---- user3 module --- */
div#user3_wrap {}
div#user3 {
	color: #909090;
}
div#user3 h3 {
	margin: 0;
	font-size: 11px;
}
div#user3 .module {
	margin: 20px 10px 0px 10px;
	
}

/* ---- content --- */
div#content_wrap_small {
	float: left;
	width: 428px;
	position: relative;
}
div#content_wrap {
	float: left;
	width: 658px;
	position: relative;
	
}
div#content_wrap_full {
	float: left;
	position: relative;
	/*margin: 0 10px 0 10px;*/
}
div#content {}

/* ---- newsflash module --- */
div#newsflash_wrap {}
div#newsflash td{
	font-size: 11px;
	color: #818181;
}
div#newsflash h3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	color: #818181;
	letter-spacing: -0.05em;
	font-weight: normal;
	margin: 0;
}

/* ---- user2 module --- */
div#user2_wrap {
	padding-bottom: 10px;
}
div#user2 {
	font-size: 11px;
	color: #a7a7a7;
	background: #f5f5f5 url(../images/user2_bg.gif) 0% 50% no-repeat;
	padding: 15px 10px 15px 60px;
	display: block;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	min-height: 29px;
 	height: auto !important;
  	height: 29px;
}
div#user2 a {
	font-size: 11px;
	color: #548ac8;
}

/* ---- mainbody --- */
div#mainbody_wrap {
	margin-top: 10px;
}
div#mainbody {}


/* FOOTER AND BOTTOM MODULES
--------------------------------------------------------- */
div#footer_modules_wrap {
padding-top: 40px;	

}
div#footer_modules {
	/*border-top: 1px solid #dddddd;*/
	margin: 20px 20px 0 20px;
	padding-top: 15px;
	color: #666666;
	font-size: 11px;
}
div#footer_modules a:link, div#footer_modules a:visited {
	color: #00469b;
	text-decoration: none;
}
div#footer_modules a:hover{
	color: #9F0004;
	text-decoration: underline;
}


/* ---- footer module --- */
div#footer_wrap {
	float: left;
}
div#footer {}

/* ---- bottom menu module --- */
div#bottom_menu_wrap {
	float: right;
}
div#bottom_menu {}
div#bottom_menu ul {
	margin: 0;
	padding: 0;
}
div#bottom_menu li {
	list-style: none;
	float: left;
}
div#bottom_menu li a {
	padding: 0 6px;
}