body { background-color: #f4f4f4; overflow-x: hidden }
p object { position: relative !important; clear: both; display: block !important; }
p { position: relative !important;}

#header { margin: 0 auto; width: 100%; height: 300px; border-bottom: 6px solid #fff; background: url(../images/header_bg.jpg) repeat-x }
#footer { margin: 20px 0 0 0; width: 100%; height: 84px; background: url(../images/footer_bg.jpg) bottom repeat-x; }
.bg { background: url(../images/header_bg.png) -100px 120px no-repeat }

    h1 a { margin: -20px 0 35px 0; width: 400px; height: 130px; display: block; position: relative }
    .replace { margin: 0; padding: 0; text-indent: -9999px;	background: url(../images/fondovi_logo.png) no-repeat }
    .replace a { overflow: hidden }

/* Admin - stilovi koji su specifični za admin dio weba */
#admin #header { height: 220px }
#admin .bg { height: 220px; top: 0 }
#admin .content { background-color: #f4f4f4 }

    /* Naslovi */
    #admin h3.naslov { margin-top: 20px }
    #admin h4 { margin: 20px 0 0 0; color: #004276; font-size: 14px }
    #admin .content h3, h3 a { font-size: 14px !important; color: #9e0b0f; padding: 3px; margin-bottom: 0; text-decoration: none }

    /* Ostalo */
    #admin p.blank { border: none; text-align: left }
    #admin span { font-size: 11px; color: #999 }
    #admin hr { border-style: dashed }

/* Navigacija */
.navigacija { position: relative; margin-top: -40px }
.navigacija ul { width: 980px }
.navigacija li { margin: 0; float: left; display: block; background: url(../images/navigacija_separator.gif) right no-repeat; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase }
.navigacija li a, .navigacija li a:link { color: #b7b7b7; text-decoration: none; padding: 10px 12px 10px 12px }
.navigacija li a:visited { color: #b7b7b7; text-decoration: none }
.navigacija li a:hover { color: #834949	}
.current a { color: #834949 !important }

/* Linkovi content */
.content p a:link, .content p a, .content p a:visited, .content p a:active  { color: #9e0b0f; text-decoration: underline }
.content p a:hover { color: #9e0b0f; text-decoration: none }

/* Breadcrumbs */
.breadcrumbs { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 5px 10px 5px; color: #a4a4a4; }
.breadcrumbs a { color: #000; text-decoration: underline }
.breadcrumbs a:link { color: #000; text-decoration: underline }
.breadcrumbs a:visited { color: #000; text-decoration: underline }
.breadcrumbs a:hover { text-decoration: none }

/* Naslovnica - stilovi koji se koriste na javnom webu */
#naslovnica .header { width: 970px; height: 105px; background: url(../images/container_10_top.png) no-repeat }
#naslovnica .wrapper { width: 970px; margin-top: 10px; height: auto }
#naslovnica .wrapper .content { margin-left: 0 }
#naslovnica .wrapper .sidebar { font-size: 12px; padding: 0 5px 35px 5px; background-color: #f9f9f9; border: 1px solid #e4e4e4; border-left: 0   }
#naslovnica .wrapper .oglasi { width: 120px !important; margin: 0 0px 0 15px }
#naslovnica .wrapper .content img { border: 1px solid #ccc; padding: 5px; margin: 0 10px 0 0 }

/* Header */
.infobar { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #959595; font-size: 12px; padding-top: 10px }
.vrijeme { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #a4a4a4; padding-top: 10px; text-align: right }
.desno { text-align: right; width: 745px !important }

/* Footer */
.footer { margin: 0 auto; padding: 10px 0px; width: 970px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #555; font-size: 12px }
.footer ul.pages { float: left }
.footer ul.pages li { display: block; float: left; margin: 0 5px 0 0; padding-right: 5px; border-right: 1px solid #ccc }
.footer ul.pages li a { color: #555; text-decoration: none; display: block; float: left }
.footer ul.pages li a:hover { text-decoration: underline }

/* Content */
.content { margin: 0; padding: 10px 10px 10px 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; background-color: #fff }
.content.naslovnica { width: 430px !important; min-height: 590px; border: 1px solid #e4e4e4; padding-bottom: 25px }
.content.fondovi-wide { width: 770px !important; min-height: 590px; border: 1px solid #e4e4e4 }
.content.over-naslovnica { width: 770px !important; margin-bottom: 10px; margin-top: 15px; background-color: #fff; border: 1px solid #e4e4e4  }
.content.drustva { width: 570px !important; border: 1px solid #e4e4e4 }
.content.admin { width: 950px; margin: 0 0 20px 0px; padding-top: 20px }

    .content.naslovnica .top { margin: -10px 0 0 -10px !important; padding: 0 10px; width: 445px; height: 11px }
    .sidebar.naslovnica .top { margin-left: -6px; width: 336px; height: 11px }
    .oglasi .top { margin: -10px 0 0 -10px; width: 140px; height: 11px}

    /* Naslovi */
    .content h3 { font-size: 14px !important; color: #9e0b0f; padding: 3px; padding-bottom: 0; margin-bottom: 4px; text-decoration: none !important }
    .content.naslovnica h3 { padding: 0 }
    .content.naslovnica h3 a { text-decoration: none; padding: 0}
    .content.naslovnica h3 a:link { text-decoration: none !important }
    .content.naslovnica h3 a:visited { text-decoration: none !important }
    .content.naslovnica h3 a:hover { text-decoration: underline !important }

    h3.investicijski-cilj { margin: 10px 0 10px -5px; height: 24px; background: url(../images/content_naslovi.png) no-repeat; text-indent: -9999px }
    h3.alokacija { margin: 10px 0 10px -5px; height: 24px; background: url(../images/content_naslovi.png) 0 -24px no-repeat; text-indent: -9999px  }
    h3.naknade { margin: 10px 0 10px -5px; height: 24px; background: url(../images/content_naslovi.png) 0 -48px no-repeat; text-indent: -9999px  }
    h3.grafovi { margin: 10px 0 10px -5px; height: 24px; background: url(../images/content_naslovi.png) 0 -72px no-repeat; text-indent: -9999px  }
    h3.dokumenti { margin: 10px 0 10px -5px; height: 24px; background: url(../images/content_naslovi.png) 0 -96px no-repeat; text-indent: -9999px  }
    h3.neto { margin: 10px 0 10px -5px; height: 24px; background: url(../images/content_naslovi.png) 0 -120px no-repeat; text-indent: -9999px  }
    h2.naslov-featured { margin-top: 18px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 24px; font-style: italic; font-weight: normal; color: #fff }

    /* Ostalo */
    .content.naslovnica .article { margin-bottom: 20px }
    .content.naslovnica .article .datum { margin: -2px 0 4px 0}

    /* Vrste fondova */
    table h3.vrsta-1 { margin: 0 0 5px -5px; height: 24px; background: url(../images/content_naslovi_vrste.png) no-repeat; text-indent: -9999px }
    table h3.vrsta-2 { margin: 10px 0 5px -5px; height: 24px; background: url(../images/content_naslovi_vrste.png) 0 -24px no-repeat; text-indent: -9999px }
    table h3.vrsta-3 { margin: 10px 0 5px -5px; height: 24px; background: url(../images/content_naslovi_vrste.png) 0 -48px no-repeat; text-indent: -9999px }
    table h3.vrsta-4 { margin: 10px 0 5px -5px; height: 24px; background: url(../images/content_naslovi_vrste.png) 0 -72px no-repeat; text-indent: -9999px }

    /* Vrste indeksa */
    h3.Hrvatski { margin: 10px 0 5px -5px; height: 24px; background: url(../images/content_naslovi_vrste.png) 0 -96px no-repeat; text-indent: -9999px }
    h3.Svjetski { margin: 10px 0 5px -5px; height: 24px; background: url(../images/content_naslovi_vrste.png) 0 -120px no-repeat; text-indent: -9999px }
    h3.Regionalni { margin: 10px 0 5px -5px; height: 24px; background: url(../images/content_naslovi_vrste.png) 0 -144px no-repeat; text-indent: -9999px }


/* Sidebar */
.sidebar.naslovnica { margin: 0; width: 328px !important }
.sidebar.drustva { margin: 0; width: 338px !important}
.sidebar p#message { font-weight: bold; color: #fff }

    /* Naslovi */
    h2.clanci { margin: 10px 0; height: 24px; background: url(../images/sidebar_naslovi.png) no-repeat }
    h2.tecajnica { margin: 10px 0; height: 24px; background: url(../images/sidebar_naslovi.png) 0 -24px no-repeat }
    h2.sponzori { margin: 10px 0; height: 24px; background: url(../images/sidebar_naslovi.png) 0 -48px no-repeat }
    h2.kontakt { margin: 10px 0; height: 24px; background: url(../images/sidebar_naslovi.png) 0 -72px no-repeat }
    h2.fondovi { margin: 10px 0; height: 24px; background: url(../images/sidebar_naslovi.png) 0 -96px no-repeat }
    h2.vezani {margin: 10px 0; height: 24px; background: url(../images/sidebar_naslovi.png) 0 -120px no-repeat }
    h2.newsletter {margin: 10px 0; height: 24px; background: url(../images/sidebar_naslovi.png) 0 -144px no-repeat }
    h2.pretrazivanje {margin: 10px 0; height: 24px; background: url(../images/sidebar_naslovi.png) 0 -168px no-repeat }

    h3.comments { padding: 0px 0 4px 32px !important; background: url(../images/comments.png) left no-repeat}
    h3.comments-add { padding: 0px 0 4px 32px !important; background: url(../images/comments-add.png) left no-repeat}


    .sidebar h2 { text-indent: -9999px }
    .sidebar h3 { font-size: 14px !important; color: #9e0b0f; padding: 6px 0 6px 8px; margin: 10px 0 0 0; text-decoration: none }
    .content h4 { font-size: 12px }

    /* Ostalo */
    .sidebar p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #555; font-size: 12px; line-height: 16px; margin: 0 20px 10px 10px !important  }
    .sidebar form { margin-left: -4px }
    .sidebar label { color: #959595; font-size: 12px }
    .sidebar #newsletter { margin-left: 10px !important }
    .sidebar .newsletter + p { color: #555; font-size: 12px; margin: 0 20px 10px 10px !important }

/* Arhiva */
.arhiva.content h3 { font-size: 14px !important; color: #9e0b0f; padding: 0 24px !important; margin: 10px 0 5px 0 !important; text-decoration: none }
.arhiva #accordion { height: auto !important; }
.arhiva #accordion ul.new_articles { padding: 0 0 15px 10px !important; }
.arhiva #accordion ul.new_articles span { font-size: .8em; color: #777 }
.arhiva #accordion ul.new_articles span strong { text-transform: uppercase }
.arhiva #accordion .ui-state-active { border: 0 }
.arhiva #accordion .ui-state-default { border: 0; background: none }
.arhiva #accordion .ui-state-hover { border: 0; background: none }
.arhiva #accordion .ui-accordion-content { border: 0}

/* Razne klase */
.fa { line-height: 18px; color: #fff; font-size: .75em; margin-top: 10px; padding-left: 5px; font-family: Trebuchet MS, Arial,Helvetica,sans-serif }
.feed {  margin-left: 3px; padding: 0 0 0 19px; background: url("../images/feed-icon-14x14.png") no-repeat 0 50%; color: #aaa }
.plus { color: #337f09 !important; font-weight: bold !important }
.minus { color: #a71010 !important; font-weight: bold !important }
input { padding: 0px !important }

/* Novi članci */
ul.new_articles { list-style: none; margin: 0; height: auto; min-height: 170px; background: url("../images/new_articles_bg.png") no-repeat bottom }
.new_articles li { margin: 0 20px 0px 5px; padding: 6px 0 6px 4px; border-bottom: 1px solid #cdcdcd }
.new_articles li:hover { background-color: #F0F0F6 }
.new_articles li a { padding-bottom: 2px; display: block; text-decoration: none; color: #444; font-weight: bold; font-size: 11px }
.new_articles li a:hover { color: #9E0B0F !important }

.article .datum { font-size: 11px; color: #898989; padding-left: 20px; background: url("../images/clock.png") no-repeat left; }
.fond { font-size: 13px; color: #444 }

/* Form elements, comments, admin */
#greska h3 { padding: 20px 0 10px 0 !important }
#greska p { margin-bottom: 10px }
#newsletter { margin-bottom: 10px !important }
#search_engine { margin: 0 }
#keywords { width: 210px; font-size: 11px; letter-spacing: .5px }

.nema { margin-left: 10px !important; background: none !important; border: none !important }
.success { width: 298px; background: #a5e283; border: #337f09 1px solid; padding: 5px }
.error { position: relative; width: 298px; background: #ea7e7e; border: #a71010 1px solid; padding: 5px; margin-top: 15px }
.posalji { width: 65px !important}
.prijava { margin: 0 auto; width: 150px }

/* jQuery */
.ui-state-default { font-size: 11px !important; color: #000 }
.ui-state-hover { color: #7F0000 !important}
.button-override { border: none !important; color: #fff !important }
span.ui-icon {margin: -8px 5px 0 -1px !important; position: absolute; left: .2em; top: 50% }

/* Tables */
table.fondovi-tablica {
    font-size: 11px !important
}
table.tecajnica tr:hover td { cursor: default; font-weight: bold; color: #000 !important }
table.fondovi-tablica tr:hover td { cursor: default; font-weight: bold; color: #000 !important }

table tr:hover a {
    color: #000 !important;
    text-decoration: none;
}

table a { color: #9E0B0F ; text-decoration: none }
table a:hover { text-decoration: underline }

#naslovnica table {
	margin: 0 0 0 10px;
	border: none;
	font-size: 12px;
}
#naslovnica table td, th {
	padding: 3px;
	background-color: #f0f0f6;
	background-repeat: no-repeat;
	background-position: 10px 1px
}
#naslovnica table tbody td { color: #666666 }
#naslovnica thead tr th {
	background-color: #fff;
	border: none;
}
#naslovnica table tbody tr { border: 1px solid #d0d0d0 }
#naslovnica table tbody tr.odd { border: 1px solid #d0d0d0  }
#naslovnica table tbody tr.odd td { background-color: #fff }
#naslovnica .bez-okvira table tbody tr.odd { border: none }


table.tablesorter {
	margin:10px 0pt 15px;
        border: 4px solid #fff;
	font-size: 11px;
	width: 100%;
	text-align: left
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #efe5e5;
	border-bottom: 2px solid #C59F9F;
	font-size: 8pt;
	padding: 5px
}
table.tablesorter thead tr .header {
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 5px;
	background-color: #FAFAFA;
	vertical-align: top
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6
}

table.tablesorter tr {
    border-bottom: 1px solid #dedede
}

.trhover td {
    background-color: #fff !important;
}

#cats-overview .trhover td {
    background-color: #fff !important;
    cursor: pointer;
}

table.tablesorter a { text-decoration: none; color: #790000; font-weight: bold }
table.tablesorter a:hover { text-decoration: none; color: #000 }

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
  background-color: #c59f9f;
  color: #fff
}

.paginator { margin: 20px 0 10px 0; width: 100%; height: 20px; text-align: center; font-size: .8em }
.paginator a, .this-page { color: #9e0b0f; padding: 4px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.paginator a:visited { padding: 4px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.paginator a:hover { color: #9e0b0f; background: #EFE5E5; border-color: #ddd; text-decoration: none; }

.paginator .atfirst { padding: 4px 6px; border: solid 1px #ddd; background: #fff; color: #aaa; }
.paginator .atprev { margin-right: 5px; padding: 4px 6px; border: solid 1px #ddd; background: #fff; color: #aaa; }
.paginator .atlast { padding: 4px 6px; border: solid 1px #ddd; background: #fff; color: #aaa; }
.paginator .atnext { margin-left: 5px; padding: 4px 6px; border: solid 1px #ddd; background: #fff; color: #aaa; }

.paginator .first { padding: 4px 6px; border: solid 2px #ddd; background: #fff; }
.paginator .prev { margin-right: 5px; padding: 4px 6px; border: solid 2px #ddd; background: #fff; }
.paginator .last { padding: 4px 6px; border: solid 2px #ddd; background: #fff; }
.paginator .next { margin-left: 5px; padding: 4px 6px; border: solid 2px #ddd; background: #fff; }

.paginator .break { padding: 4px 6px; border: none; background: #fff; text-decoration: none;  }
.paginator .this-page { padding: 4px 6px; border-color: #999; font-weight: bold; vertical-align: top; background: #fff; color: #000; }