/*
Author: Emanuel Blagonic @ Blagonic Brothers
Author URI: http://blagonic.com/
*/
/******************************* CSS RESET - MEYERWEB.COM *******************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 92%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/******************************* BASE CSS *******************************/
/* COMMON ELEMENTS */
.clear { clear:both }
.left { text-align:left } .center { text-align:center } .right { text-align:right }
.alignleft { float:left } .aligncenter { margin:0 auto } .alignright { float:right }
img.alignleft, table.alignleft { margin:5px 10px 5px 0 } img.alignright, table.alignright { margin: 5px 0 5px 10px }
img.aligncenter { display:block; margin: 10px auto }
.noborder { border:none; padding:0 }
.nomargin { margin:0 }
.banner { border:none; padding:0; margin-bottom:10px }
.hidden { display:none }
strong { font-weight:bold }
.spacer { clear:both; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee }
.spacer.double { border-bottom:3px double #ddd }
p.spacer { clear:none }
/* BODY */
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#898989;
	text-align:center;
	background:#fff url(../img/art/body-bg-x.png) repeat-x 0 0;
}

/* LOGO */
#logo { margin-bottom:0 }
#logo a {
	position:absolute;
	top:31px;
	left:0;
	width:415px;
	height:41px;
	z-index:100;
	text-indent:-8000px;
	background:url(../img/art/logo.png) no-repeat 0 0;
}
#logo a:hover {
	text-decoration:none;
	border-bottom:none;
	display:block;
	height:41px;
}

/* BUILDING BLOCKS */
.container {
	width:880px;
	margin:0 auto;
	position:relative;
	text-align:left;
}
#header .container {
	height:140px;
	margin-bottom:20px;
}
#main { margin-bottom:20px }
#content {
	float:left;
	width:560px;
	padding-right:19px;
	border-right:1px solid #eee;
}
body.homepage #content {
	width:280px;
	float:left;
	padding-right:19px;
	border-right:1px solid #eee;
}
body.homepage #secondary-content {
	width:240px;
	float:left;
	padding-left:19px;
	border-left:1px solid #eee;
	padding-right:19px;
 	position:relative;
	left:-1px;
}
#sidebar {
	width:280px;
	padding-left:19px;
	border-left:1px solid #eee;
	position:relative;
	left:-1px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
}

/* 	Styling tags */
h1, h2, h3, h4, h5, h6, p, table, .view ul, .view ol { margin-bottom:20px }
h1.pagetitle {
	font-size:2.6em;
	line-height:34px;
	color:#333;
	margin-bottom:20px;
}
h2 {
	font-size:2em;
	color:#555;
}
h3 {
	font-size:1.6em;
	color:#333;
}
h4 {
	font-size:1.2em;
	text-transform:uppercase;
	color:#333;
}
p, .view li {
	font-size:1.2em;
	line-height:18px;
}
p.description {
	font-size:1.8em;
	line-height:20px;
	color:#555;
}
.view ul {
	list-style:disc;
	margin-left:25px;
}
.view ul ul { list-style:circle }
.view li { margin-bottom:3px }
.view ul ul li:first-child, .view ol ol li:first-child { padding-top:3px }
.view ul ul li { }
.view ol {
	margin-left:25px;
	list-style:decimal;
}
.view ol ol { list-style:lower-latin }
.view ul ul, .view ol ol { margin-bottom:0 }
.view li li { font-size:1em }

/* 	Table */
.view table thead th, .view table thead td {
	background:#3787b1;
	color:#fff;
	font-size:1.5em;
	line-height:20px;
	font-weight:normal;
}
.view td, .view th {
	font-size:1.2em;
	line-height:16px;
	padding:3px 6px;
	background:#d9e7ee;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
}
.view tbody th {
	font-size:1.2em;
	font-weight:bold;
	color:#000;
}


/* 	Images */

/* 	Links */
a {
	text-decoration:none;
	color:#9e0b0f;
	font-size:1em;
}
a:hover {
	color:#222;	
}
/* HOMEPAGE */

/* 	Header 
	Headnav */
#headnav {
	position:absolute;
	bottom:-1px;
	left:0;
	width:880px;
	height:35px;
}
#headnav li {
	float:left;
	margin-right:2px;
}
#headnav a {
	display:block;
	font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#222;
	padding:11px 15px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
}
#headnav a:hover {
	background:#eee;
}
#headnav a.selected {
	background:#fff;
}
/*	Second headnav
	Headnav 2 */
#headnav2 {
	position:absolute;
	top:20px;
	right:-10px;
}
#headnav2 li {
	float:left;
	background:url(../img/art/headnav2-bg-y.gif) repeat-y left top;
}
#headnav2 li:first-child { background:none }
#headnav2 a {
	font-size:1.35em;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	padding:3px 10px;
	display:block;
}
#headnav2 a:hover { color:#ddd }
/*	Header
	Usability area */
#usability-area {
	position:absolute;
	top:50px;
	right:0;
	width:291px;
	height:24px;
}
#usability-area a {
	float:left;
	display:block;
	text-indent:-8000px;
	text-decoration:none;
	height:24px;
	margin-right:5px;
}
#usability-area #pristupacnost { width:224px; background:url(../img/art/transparent.png) no-repeat 0 0 }
#usability-area #manja-slova { width:24px; background:url(../img/art/transparent.png) no-repeat -224px 0 }
#usability-area #veca-slova { width:33px; background:url(../img/art/transparent.png) no-repeat -248px 0; margin-right:0 }
#usability-area #pristupacnost:hover { background:url(../img/art/transparent.png) no-repeat 0 -24px }
#usability-area #manja-slova:hover { background:url(../img/art/transparent.png) no-repeat -224px -24px }
#usability-area #veca-slova:hover { background:url(../img/art/transparent.png) no-repeat -248px -24px }

/*	Sidebar
	Search form */
#searchform {
	background:#464646;
	width:240px;
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:20px;
}
#searchform h2 {
	font-size:1.2em;
	text-transform:uppercase;
	color:#fff;
}
#searchform #s {
	width:160px;
	font-size:1.1em;
	padding:4px;
	background:#eee;
	color:#888;
	border:0;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	margin-bottom:5px;
	margin-right:4px;
	float:left;
}
#searchform #s:hover, #searchform #s:focus { background:#fff }
#searchform #searchsubmit {
	width:66px;
	font-size:1em;
	padding:3px 0;
	text-align:center;
	text-transform:uppercase;
	background:#959595;
	color:#fff;
	border:0;
	border-bottom:1px solid #333;
	border-right:1px solid #333;
	margin-bottom:5px;
	cursor:pointer;
}
#searchform #searchsubmit:hover { background:#aaa }
#searchform .info {
	font-size:1.1em;
	line-height:13px;
	color:#aaa;
	margin-bottom:0;
}

/*	Breadcrumb */
#breadcrumb {
	text-align:left;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#777;
	width:850px;
	padding:15px;
	margin-bottom:20px;
	background:#eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	min-height:11px;
	height:auto !important;
	height:11px;
}
#breadcrumb li {
	float:left;
}
#breadcrumb a {
	display:block;
	padding:0 12px 0 0;
	margin-right:8px;
	background:url(../img/art/bullets/arr-right.gif) no-repeat right 4px;
	color:#003c68;
}
#breadcrumb .last a { background:none }

/* 	Columns */
.column {
	float:left;
	display:block;
	margin-left:20px;
	width:280px;
	margin-bottom:10px;
}
.column.first { margin-left:0 }
#footer .column { width:205px }

/* 	Footer */
#footer .container {
	margin:20px auto 0;
	border-top:1px solid #eee;
	padding:20px 0 40px;
	font-family:Arial, Helvetica, sans-serif;
}
#footer .widget h2 { margin-bottom:0; color:#aaa }
#footer .navigation ul { border:0 }
#footer .navigation li { border:0 }
#footer .navigation a {
	font-size:1.5em;
	line-height:15px;
	font-weight:normal;
	padding:1px 0;
}
#footer .navigation a:hover { background:none }
#footer .text p { color:#333 }
#footer p {
	font-size:1.2em;
	line-height:15px;
}
#footer .alignleft {font-size:1em;}
#return_top {
	padding-right:10px;
	background:url(../img/art/return-top.gif) no-repeat right 5px;
}

/******************************* WIDGETS *******************************/
/* 	Widget */
.widget li {
	position:relative;
	margin-bottom:15px;
}
.widget li li { margin-bottom:0 }
span.meta {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#b7b7b7;
	display:block;
}
.view .meta { position:relative; top:-15px; font-size:11px }
.widget h2 {
	font-size:1.2em;
	line-height:15px;
	margin-bottom:10px;
	color:#000;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}

/* 	Featured - not rly a widget */
#featured .container {
	height:280px;
	overflow:hidden;
	margin-bottom:20px;
}
#featured .image {
	float:left;
	width:580px;
	height:280px;
}
#featured .image img { border:0; margin:0; padding:0 }
#featured .text {
	width:280px;
	height:258px;
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
	padding-top:20px;
	overflow:hidden;
	float:right;
}
#featured h2 {
	font-size:2.2em;
	line-height:26px;
	margin-bottom:5px;
}
#featured p {
	font-size:1.4em;
	line-height:20px;
	color:#555;
}
#featured p.more { margin-top:-10px; }
#featured span.meta { font-size:1.05em; }
.more a{
font-size:1em
}
/* 	Navigation */
.widget .navigation ul { border-top:1px solid #eee }
.widget .navigation li { 
	border-bottom:1px solid #eee;
}
.widget .navigation a {
	display:block;
	padding:4px 10px;
	font-size:1.6em;
	font-weight:bold;
}
.widget .navigation a:hover, .widget .navigation a.selected { background:#f5f5f5; color:#222 }

/*	Navigation
	Korisni linkovi */
.widget .korisni-linkovi {
	background:#eee;
	padding:20px;
	border:1px solid #e5e5e5;
}
.widget .korisni-linkovi a {
	background:#fff;
}

/*	Newslist & Archive shared styles */
.widget .newslist li, .widget .archive li {
	margin-top:15px;
	padding-top:15px;
	border-top:1px solid #ebebeb;
}
.widget .newslist li.first, .widget .archive li.first { margin:0; padding:0; border:0 }

/*	Newslist */
.widget .newslist h3 {
	font-size:2.4em;
	line-height:20px;
	margin-bottom:5px;
}
.widget .newslist p {
	font-size:1.6em;
	line-height:16px;
	color:#898989;
}
.widget .newslist .meta { margin-bottom:5px }
.widget .newslist .more { margin-top:-5px }

/*	Archive */
.widget .archive li { margin-top:7px; padding-top:7px }
.widget .archive h3 {
	font-size:1.6em;
	line-height:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.widget .archive .meta { margin-bottom:2px }

/* 	Pagination */
.pagination {
	text-align:center;
}
.pagination li {
	display:inline;
	font-size:1.5em;
	font-weight:bold;
	margin-right:2px;
}
.widget .newslist .pagination li, .widget .archive .pagination li { border:0 }
.pagination a {
	display:inline-block;
	padding:5px 8px;
	background:#eee;
	border:1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.pagination a:hover, .pagination a.selected {
	background:#ddd;
	border:1px solid #ccc;
}

/*	Text */
.widget .text p {
	font-size:1.2em;
	line-height:15px;
}

/* 	Form
	Normal form */
	
.normalform { margin:15px 0 }
.normalform ol{ list-style-type:none; margin:0 0 10px }
.normalform ol { font-size:0.83em } /* resetiramo font na 10px */
.normalform li {
	float:left;
	clear:both;
	margin-bottom:10px;
	position:relative;
	width:560px; /* ovdje treba definirati velicinu "forme", i ovisno o velicini namjestiti .error */
}
.normalform legend {
	font-size:1.4em;
	color:#111;
	padding:20px 0 10px;
}
.normalform label {
	font-size:1.2em;
	font-weight:bold;
	display:block;
	padding-top:3px;
	width:160px;
	float:left;
}
.normalform .required label { color:#cc1300 }
.normalform .text, .normalform .select, .normalform .textarea {
	border:1px solid #bbb;
	padding:4px 3px;
	font-family:Arial, Helvetica, sans-serif;
	width:384px;
	font-size:1.2em;
	color:#555;
	float:right;
}
.normalform .textarea {
	height:150px;
}
.normalform .select { width:392px }
.normalform .text:focus, .normalform .textarea:focus { border:1px solid #888 }

.normalform .select {
	padding:3px;
}
.normalform .btn {
	font-size:1.4em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background:#3787b2;
	border:1px solid #1f6e99;
	color:#fff;
	padding:7px 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
	margin-left:166px;
}
.normalform .btn:hover {
	background:#222;
	border:1px solid #111;
}
.error em {
	position:absolute;
	padding:3px 6px;
	background:#c0171d;
	color:#eee;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
	bottom:-5px;
	right:-5px;
	font-style:normal;
}

/*	Banner
	Prikaz jednog bannera */
.banner { margin-bottom:20px }

/*	Anketa */
.anketa {
	padding:19px;
	border:1px solid #eee;
}
.anketa h2 {
	font-size:1.2em;
}
.anketa h3 
{
	font-size:1.7em;
	line-height:16px;
	color:#0076a3;
}
.anketa li {
	width:220px;
	padding-left:20px;
	position:relative;
}
.widget .anketa li { margin-bottom:10px }
.anketa label {
	font-size:1.6em;
	color:#777;
}
.anketa .radio {
	position:absolute;
	top:-4px;
	left:0;
}
.anketa .button {
	padding:3px 6px;
	font-size:1.1em;
	color:#333;
	font-weight:bold;
	overflow:visible;
	margin:5px 0 0;
}

/* END */

/* XER */
.elhide{display:none;}
#xerLoading
{
	width:30px;
	height:30px;
	background:url(../img/art/transparent.png) no-repeat 0 -120px;
	position:absolute;
	right:20px;
	display:none;
}

#xerLoading .inner {
	width:30px;
	height:30px;
	text-indent:-8000px;
	background:url(../img/art/ajax-loader.gif) no-repeat 7px 7px;
}
.elhide{display:none !important;}
p.msg { font-size:1.2em; font-weight:bold; color:#333; padding:10px; background:#fbfacf; border:1px solid #f0efa8 }
p.msg.error { background:#fbcfcf; border:1px solid #e8aaaa }
p.msg.success { background:#cffbd2; border:1px solid #adecb2 }