/* @group Core Elements */

html {
	height: 100%;
	margin-bottom: 1px;
}

body,td {
	line-height: 135%;
	font-family: Helvetica, Arial, sans-serif;
}

body {
	margin: 10px 0;
	padding: 0;
	color: #555;
}

body.f-smaller {
	font-size: 10px;
}

body,
body.f-default {
	font-size: 12px;
}

body.f-larger {
	font-size: 15px;
}

p {
  /* setup some more readable paragraph spacing */
  margin-top: 10px;
  margin-bottom: 15px;
}

h1, h2, h3, h4 {
	/* setup some more readable header spacing */
	padding-bottom: 5px;
	margin: 25px 0 10px 0;
	font-family: Arial Narrow, Helvetica, Arial, sans-serif;
}

h1 { 
	font-size: 200%;
}

h2 {
	font-size: 175%;
}

h3 {
	font-size: 150%;
}

h4 {
	font-size: 120%;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Joomla Elements */

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 95%;
}

.componentheading {
	font-size: 220%; /********** original 170 **********/
	line-height: 100%;
	padding: 0;
	margin: 3px 0 10px 20px; /********** original 25 0 20 0 **********/
	font-family: Arial Narrow, Helvetica, Arial, sans-serif;
}

.contentheading {
	font-size: 180%; /********** original 170 **********/
	letter-spacing: -1px; /********** dodano **********/
	font-weight: normal;
	line-height: 125%; /********** original 110% **********/
	padding-bottom: 2px; /********** original 8 **********/
	font-family: Georgia, Times, serif; /********** original Arial Narrow, Helvetica, Arial, sans-serif **********/
	margin: 5px 0 0 0; /********** original 15 0 0 0 **********/
	text-shadow:1px 1px 2px rgba(0, 0, 0, 0.12);
}

td.buttonheading,
.contentpaneopen td.buttonheading {
	padding: 0px 3px 0;
}

td.column_separator {
	padding-left: 15px;
}

td.componentheading {
	padding-bottom: 15px;
}

.sectiontableheader {
  	font-weight: bold;
  	padding: 4px;
  	line-height: 20px;
  	border-bottom: 1px solid #f0f0f0;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
  	text-align: left;
  	padding: 5px 0 5px 5px;
}

.contentpane,
.contentpaneopen {
	width: 100%;
}

/* @end */

/* @group Structure */

.wrapper {
	position: relative;
}

#overall-frame {
	width: 100%;
	position: relative;
}

#under, #under2, #under3 { /***** dodano #under i #under2 *****/
	padding-bottom: 15px;
	margin-bottom: 20px;
	height: 100px;
}

#primary-nav3 {
	height: 47px;
	padding: 0 40px;
}

#body {
	padding: 10px 5px 0 5px;
}

#header {
	height: 142px; /********** original 122 **********/
	overflow: hidden;
}

#footer-pad {
	padding: 0 5px;
}

#component-top div div {
	height: 17px;
	overflow: hidden;
}

#component {
	background: #fff;
}

#component div.right {
	padding: 7px 22px;
}

#component-bottom div div {
	height: 17px;
	overflow: hidden;
}

#footer-top div div {
	height: 17px;
	overflow: hidden;
}

#footer div.right {
	padding: 7px 2px 7px 22px;
}

#footer-bottom div div {
	height: 17px;
	overflow: hidden;
}


table.mainbody {
	width: 100%;
	margin: 0;
	padding: 0;
}

img#rocket {
	margin-top: 25px;
	margin-bottom: 20px;
	width: 150px;
	height: 26px;
}

#logo {
	width: 297px;
	height: 104px;
	margin-left: 42px;
	margin-top: 18px;
}

#inset {
	height: 130px;
	padding-top: 20px;
}

#sidemodules,
#topmodules,
#middlemodules,
#bottommodules,
#footermodules,
#component {
	overflow: hidden;
}



.spacer .block {
	float: left;
}

.spacer.w99 .block {
	width: 100%;
}

.spacer.w49 .block {
	width: 50%;
}

.spacer.w33 .block {
	width: 33.3%;
}

#bottom {
	padding-bottom: 30px;
	overflow: auto;
}

#pathway {
	height: 30px;
	padding: 0 32px;
	overflow: hidden;
}

#footermods {
	float: right;
	
}

/* @end */

/* @group Modules */

#footer div.module {
	margin-right: 20px;
}

#footer div.module,
#footer div.module div,
#footer div.module div div,
#footer div.module div div div {
	background: none;
	padding: 0;
}

div.module div div div,
div.module-hilite1 div div div,
div.module-hilite2 div div div,
div.module-hilite3 div div div,
div.module-hilite4 div div div,
div.module-hilite5 div div div,
div.module-hilite6 div div div {
	position:  relative;
	padding: 50px 22px 22px 22px;
	overflow: hidden;
}

div.module-hilite7 div div div {
	padding: 22px;
	overflow: hidden;
}

#tabmodules div div div {
	padding: 13px 22px 22px 22px;
}

#tabmodules div div div div,
div.module div div div div,
div.module-hilite1 div div div div,
div.module-hilite2 div div div div,
div.module-hilite3 div div div div,
div.module-hilite4 div div div div,
div.module-hilite5 div div div div,
div.module-hilite6 div div div div,
div.module-hilite7 div div div div {
	background: none;
	padding: 0;
}

div.module h3,
div.module-hilite1 h3,
div.module-hilite2 h3,
div.module-hilite3 h3,
div.module-hilite4 h3,
div.module-hilite5 h3,
div.module-hilite6 h3 {
	position: absolute;
	margin: 0;
	left: 55px;
	top: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	letter-spacing:-1px;
}

div.module-hilite7 h3 {
	margin: -3px 0 0 0;
	padding: 0 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing:-1px;
}

div.moduletable h3 {
	font-family: Arial Narrow, Helvetica, Arial, sans-serif;
	font-size: 140%;
	margin: 10px 0 15px 0;

}

#footer div.module h3 {
	position: static;
	padding-left: 0;
	margin: 0;
	padding: 10px 0 12px 40px;
	color: #fff;
}

div.module-hilite1 h3,
div.module-hilite2 h3,
div.module-hilite3 h3,
div.module-hilite4 h3,
div.module-hilite5 h3,
div.module-hilite6 h3 {
	color: #fff;
}

div.module-hilite5,
div.module-hilite6 {
	color: #ccc;
}

div.module ul,
div.module-hilite1 ul,
div.module-hilite2 ul,
div.module-hilite3 ul,
div.module-hilite4 ul,
div.module-hilite5 ul,
div.module-hilite6 ul,
div.module-hilite7 ul {
	margin: 10px 0;
	padding-left: 20px;
}

/* @end */

/* @group Horizontal Menu */

#horiz-menu {
	height: 47px;

}

#horiz-menu ul.menu {
	padding-left: 12px; /***** original 15 *****/
}

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

#horiz-menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#horiz-menu a {
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	height: 47px;
	line-height: 47px;
	padding: 0 10px;
	font-weight: normal; /***** original bold *****/
	font-size: 14px; /***** original 120% *****/
	color: #444;
}

#horiz-menu li:hover li a,
#horiz-menu li.sfHover li a {
	color: #666;
}

#horiz-menu li:hover a,
#horiz-menu li.sfHover a,
#horiz-menu li:hover a.topdaddy,
#horiz-menu li.sfHover a.topdaddy,
#horiz-menu a.topdaddy:hover,
#horiz-menu li li:hover a:hover,
#horiz-menu li li.sfHover a:hover {
	color: #000;
}

#horiz-menu li li a, 
#horiz-menu li li a:hover,
#horiz-menu li:hover li a,
#horiz-menu li.sfHover li a,
#horiz-menu li.parent:hover li a,
#horiz-menu li.parent.sfHover li a,
#horiz-menu li.active.parent:hover li a,
#horiz-menu li.active.parent.sfHover li a {
	background: none;
}

/* mouseovers */

#horiz-menu li li a:hover {
	background: none;
	color: #000;
}

#horiz-menu li.active a {
	color: #333;
}

#horiz-menu span.topdaddy,
#horiz-menu span.top {
	display: block;
	float: left;
	position: relative;
	text-align: center;
}

#horiz-menu li li span.top {
	display: inline;
	float: none;
	position: static;
	text-align: left;
}

#horiz-menu span.topdaddy span {
	text-align: left;
}

#horiz-menu li.active li span span.selector,
#horiz-menu li:hover li span span.selector,
#horiz-menu li.sfHover li span span.selector {
	display: none;
}


#horiz-menu li li.active,
#horiz-menu li.active li a,
#horiz-menu li.active li a:hover {
	background: none;
}

#horiz-menu li li a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
}

#horiz-menu a:hover {
	text-decoration: none;
}

/* @end */

/* @group Sub Menu */

td.sidebar ul.menuside {
	margin: 0;
	padding: 0;
}

ul.menuside li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menuside a:hover {
	text-decoration: none;
}

ul.menuside li.active li a {
	font-weight: normal;
}

ul.menuside span {
	display: block;
}

ul.menuside a {
	display: block;
	line-height: 24px;
	text-indent: 15px;
	height: 24px;
}

ul.menuside ul {
	margin: 4px 0;
}

ul.menuside ul li {
	list-style: disc;
}

ul.menuside ul a {
	background: none;
	text-indent: 0;
}

ul.menuside a:hover {
	text-decoration: none;
}

ul.menuside ul {
	margin-left: 30px;
	padding: 0;
}

ul.menuside ul ul {
	padding: 0;
	margin-left: 40px;
}

ul.menuside li li {
	padding: 0;
	margin: 0;
}

ul.menuside li li a {

}

ul.menuside ul a {
	text-indent: 0;
}

ul.menuside li.active li a {

}

ul.menuside ul ul ul a {
	text-indent: 30px;
}

/* @end */

/* @group Mainmenu */

a.mainlevel {
	display: block;
	line-height: 24px;
	text-indent: 15px;
	height: 24px;
	font-size: 110%;
	text-decoration: none;
}

#under a.mainlevel {
	display: inline;
	background:  none;
	color: #999;
	padding: 0 5px;
}

a#active_menu.sublevel {
	background: none;
}

a#active_menu,
ul.menuside li.active a {
	background-position: 0 0;
}

a.mainlevel:hover,
ul.menuside a:hover {
	background-position: 0 -48px;
	color: #000;
}

ul.menuside a,
a.mainlevel {
	color: #666;
}

a.sublevel {
	text-decoration: none;
	color: #666;
	background: none;
	line-height: 25px;
}

a.sublevel:hover {
	color: #000;
}

a.mainlevel:hover, a.sublevel:hover {
	text-decoration: none;
}

/* @end */

/* @group Content Styles */

/* @group Login */

#mod-top .spacer {
	color: #ccc;
}

#mod-top form {
	padding: 5px 0 0 0;
	margin: 0;
}

div.loginelement {
	float: left;
	padding-left: 5px;
	padding-top: 2px;
}

div.loginelement label {
	margin: 0;
	display: block;
	height: 20px;
	line-height: 20px;
	float: left;
	color: #999;
	width: 70px;
}

div.loginelement .inputbox {
	margin: 0;
	width: 100px;
	border: 1px solid #444;
	background: url(../images/header-bg.png);
	color: #999;
} 

#mod-top a {
	padding-left: 15px;
	font-size: 100%;
	padding-right: 10px;
	display: block;
	float: left;
	color: #ccc;
}

/* @group Readon */

a.readon {
	clear: both;
	float: right;
	margin-top: 0px; /********** original 10 **********/
	font-weight: bold;
	display: block;
	text-align: center;
	width: 115px;
	height: 38px;
	line-height: 36px;
	color: #fff;
	margin-right: 25px; /********** dodano **********/
}

#footer a.readon {
	color: #fff;
}

/* @end */

/* @group Pathway */

span.pathway {
	display: block;
	line-height: 1.2em;
	font-weight: normal;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 3px;
	padding-left: 10px;
}

span.pathway img {
	float: left;
	width: 10px;
	height: 10px;
	padding-right: 5px;
	padding-top: 3px;
	background: url(../images/path-arrow.png) 0 50% no-repeat;
}

span.pathway a {
	float: left;
	padding: 0 20px 0 0;
}

/* @end */

/* @group Typography */

ul.number,
ul.media-1,
ul.media-2,
ul.media-3,
ul.media-4,
ul.arrow-1,
ul.arrow-2,
ul.plus-1,
ul.plus-2,
ul.cart,
ul.circles,
ul.camera,
ul.people,
ul.rss,
ul.check,
ul.star-1,
ul.star-2,
ul.triangle-1,
ul.triangle-2,
ul.bullet-1,
ul.bullet-2 {
	padding-left: 20px;
	margin-left: 0;
}

ul.number li,
ul.media-1 li,
ul.media-2 li,
ul.media-3 li,
ul.media-4 li,
ul.arrow-1 li,
ul.arrow-2 li,
ul.plus-1 li,
ul.plus-2 li,
ul.cart li,
ul.circles li,
ul.camera li,
ul.people li,
ul.rss li,
ul.check li,
ul.star-1 li,
ul.star-2 li,
ul.triangle-1 li,
ul.triangle-2 li,
ul.bullet-1 li, 
ul.bullet-2 li {
	list-style: none;
	margin-left: 0px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	padding-left: 28px;
}

pre {
	background: #f7f7f7;
	border: 1px solid #f0f0f0;
	padding: 10px;
}

blockquote {
	color: #666;
	font-style: italic;
	font-size: 120%;
	line-height: 150%;
	width: auto;
	padding: 0px 0px 5px 60px;
	margin: 15px 0;
	background: url(../images/quote-start.png) 0 0 no-repeat;
}

blockquote p {
	padding: 0 60px 10px 0;
	margin-top: 0;
	background: url(../images/quote-end.png) 100% 100% no-repeat;
}

/* @end */

/* @group Notice Styles */

span.alert,
span.info,
span.download,
span.note {
	display: block;
	padding: 10px 10px 10px 45px;
	margin: 15px 0;	
}

span.alert {
	color: #c00;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background: #FFD6D6 url(../images/status-alert.png) 10px 50% no-repeat;
}

span.info {
	color: #0055BB;
	border-top: 3px solid #629de3;
	border-bottom: 3px solid #629de3;
	background: #D8E5F8 url(../images/status-info.png) 10px 50% no-repeat;
}

span.note {
	color: #B79000;
	border-top: 3px solid #fde179;
	border-bottom: 3px solid #fde179;
	background: #FEF6D8 url(../images/status-note.png) 10px 50% no-repeat;
}

span.download {
	color: #57861A;
	border-top: 3px solid #c2df88;
	border-bottom: 3px solid #c2df88;
	background: #EEF7DD url(../images/status-download.png) 10px 50% no-repeat;
}

/* @end */

/* @group RokSlide */

#rokslide-toolbar {
	color: #666;
}

#rokslide-toolbar span {
	white-space: nowrap;
	font-family: Arial Narrow, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 120%;
	line-height: 26px;
}

#rokslide-toolbar li.active { 
	color: #222;
}

#frame {
	text-align: left;
}

#frame div.module {
	float: left;
}

#frame .mmpr-1 .module {
	width: 100%;
}

#frame .mmpr-2 .module {
	width: 50%;
}

#frame .mmpr-3 .module {
	width: 33%;
}

#frame .mmpr-4 .module {
	width: 25%;
}

#frame .mmpr-5 .module {
	width: 20%;
}

/* @end */

div#banner {
	position: absolute;
	top: 18px; /********** original 41 **********/
	right: 17px; /********** original 31 **********/
}

a.nounder {
	text-decoration: none;
	border: 0;
	cursor: pointer;
}

a.nounder:hover {
	text-decoration: none;
}

a img.album {
	border-width: 2px;
	border-style: solid;
}

.clr {
	clear:both;
}

fieldset.input {
	border: 0;
}

a img {
	border: 0;
}

img.content-left {
	float: left;
	margin-right: 10px;
	padding: 5px;
	border: 1px solid #eee;
}

img.content-right {
	float: right;
	margin-left: 10px;
	padding: 5px;
	border: 1px solid #eee;
}

#under table {
	width: 350px;
}

/* @end */

/* @end */

/* @group Community Builder */

#overall-frame .dynamic-tab-pane-control .tab-page {
	border: 0;
	top: 5px;
}

#overall-frame .dynamic-tab-pane-control .tab-row .tab.selected {
	border: 0;
	top: 0;
	margin: 1px -1px 1px 2px;
	padding: 2px 5px 3px;
}

#overall-frame .dynamic-tab-pane-control .tab-row .tab.selected a {
	color: #fff;
}

#overall-frame .connectionBox,
#overall-frame .containerBox {
	border: 1px solid #f1f1f1;
}

#overall-frame .cbMenu {
	margin-right: 1px !important;
}

#overall-frame .cbSSmenu {
	margin-top: 2px !important;
}

#overall-frame .superthumb_inner:hover {
	padding: 0;
}

#overall-frame #simplewelcome h3 {
	padding: 0 0 0 10px;
}

#overall-frame .gj_showfull-bulletin-subject,
#overall-frame .gj_showfull-bulletin-createddate,
#overall-frame .gj_showfull-username,
#overall-frame #showcat-pagenav-container .pagecounter {
	font-variant: normal;
}

#overall-frame #simpledesc {
	text-indent: 0;
}

#overall-frame #creator-wrapper .componentheading,
#overall-frame #moder_functions-wrapper .componentheading,
#overall-frame #main-float-left .componentheading,
#overall-frame #columnSmall2 .componentheading,
#overall-frame #columnSmall3 .componentheading,
#overall-frame #columnSmall4 .componentheading {
	margin: 5px 0 10px 0;
}

#overall-frame #moder_functions-wrapper {
	margin-top: 10px;
}

#overall-frame #main-float-left {
	margin-right: 10px;
	width: 71%;
	padding: 5px;
}

#overall-frame #columnSmall2 {
	border-right: 1px solid #eee;
	width: 25%;
}

#overall-frame #columnSmall3 {
	margin-left: 20px;
}

#overall-frame .cbPosTop {
	border: 1px solid #eee;
	padding: 10px;
}

#overall-frame .cbPosTop .sectiontableentry1,
#overall-frame .cbPosTop .sectiontableentry2 {
	background: none;
	border-bottom: 1px solid #eee;
}

#cbProfileTitle {
	margin-top: 0;
}

div#ribbon-frame {
	position: relative;
	padding: 3px 0 0 6px;
	height: 261px;
}

div#ribbon {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 94px;
	height: 94px;
	background: url(../images/ribbon.png) 0 0 no-repeat;
	z-index:3;
}

div#ribbon-frame div.moduletable {
	position: absolute;
	z-index: 0;
}

#component div.right div.image_caption.right,
#component div.right div.image_caption.left {
	background: none;
}

.tool-tip {
	background: #f6f6f6;
	border: 1px solid #e6e6e6;
	padding: 4px;
}

/***** EXTRA STUFF *****/

#articleview {padding: 10px 18px 0px 18px;}
#articleview .contentheading {font-size: 190%; line-height:110%;}
#articleview p {/*** font-size: 15px; line-height: 120%; ***/}
#articleview h3 {line-height:120%;}

#blogitemview {padding: 10px 18px 0px 18px;}
#blogitemview .contentheading {font-size: 190%; line-height:110%;}
#blogitemview p {/*** font-size: 15px; line-height: 120%; ***/}

#sectiondefview {padding: 10px 18px 0px 18px;}
#sectiondefview .contentheading {font-size: 190%; line-height:110%;}
#sectiondefview p {/*** font-size: 15px; line-height: 120%; ***/}

table.blog {margin-top:-3px!important;} /********** dodatak **********/

.dateauthorblock {margin: 0px 3px 3px 3px; padding-bottom: 3px; border-bottom: 2px solid #999;}
.createdate {padding: 0px 25px 0px 1px; font-size: 11px;}
.createby {padding-left: 1px; font-size: 11px;}
.articlehits {float:right; padding-right: 1px; font-size: 11px;} /***** dodano *****/

.article_separator {line-height:6px;/*** display:none !important; ***/}

.mod_placehere h2.contentheading {font-size: 150% !important; line-height: 110%;margin-top:1px!important;}
.mod_placehere p.buttonheading {clear:none;margin:6px 0;}

#headerline {background:#000; color:#ccc; margin: 0px 0px 0px 17px; width: 954px; height: 28px; border-top: 2px solid #444;}
#headerline .moduletable {float: right; padding:7px 12px 0px 12px;}
#headerline .moduletable-datum {float: left; padding:7px 12px 0px 22px;}
#headerline .moduletable-sitecounter {display:none;float: right; padding:7px 12px 0px 12px; width: 196px;}
#headerline .moduletable-fblike {float: right; padding:5px 12px 0px 6px;}


/*** Date style ***/
span.date-day {margin: 0px 4px 0px 0px;}
span.date-number {font-weight: bold; line-height:17px; margin: 0px 4px 0px 0px; padding: 1px 3px; background: #dd6600; color: #fff;}
span.date-month {margin: 0px 4px 0px 0px;}
span.date-year {margin: 0px 0px 0px 0px;}

/*** Who's online style ***/
span.online-number {font-weight: bold; line-height:17px; margin: 0px 2px; padding: 1px 3px; background: #1478B7; color: #fff;}

.footerblock {margin-top: 8px;}

.h1inmodule {margin-top: 0px; padding-top: 5px;}
.h2inmodule {margin-top: 0px; padding-top: 5px; color:#c00;}

/*** Frontpage image ***/
.frontpage-article-image {float: left; margin: 0px 18px 8px 0px; /*max-width:200px; max-height:150px; uvjet - width i height maknuti iz taga img*/}
.frontpage-article-image {box-shadow:2px 2px 2px rgba(0, 0, 0, 0.25);}

.postintroimg {margin: 0px 18px 8px 0px;}
.postbigimg {}
.postalbum {margin: 0px 18px 8px 0px;}
.postalbumright {margin: 0px 0px 8px 18px;}

/***** stil za slike u tablici *****/
.postimgleft2 {float:left; padding: 0px 0px 15px 0px;}
.postimgleft2 p {color:#333; font-size: 11px; margin: 6px 0px 0px 0px !important; width: 316px;}
.postimgcenter2 {float:none; padding: 0px 0px 15px 0px;}
.postimgcenter2 p {color:#333; font-size: 11px; margin: 6px 0px 0px 0px !important;}
.postimgright2 {float:right; padding: 0px 0px 15px 0px;}
.postimgright2 p {color:#333; font-size: 11px; margin: 6px 0px 0px 0px !important; width: 316px;}

.postimgleft3 {float:left; padding: 0px 0px 15px 0px;}
.postimgcenter3 {padding: 0px 0px 15px 0px;}
.postimgright3 {float:right; padding: 0px 0px 15px 0px;}

.postimgcaption {}

/***** Osoblje 1 *****/
.osoblje-mod {width: 100%;}
.osoblje-modblock {float: left; width: 154px;}
.osoblje-content {margin-top: 8px; width: 100%; text-align:center;}
.osoblje-content h1 {margin-top: 6px; margin-bottom: 20px; letter-spacing: 1px;}
.osoblje-contentblock {float: left; width: 156px; min-height: 285px; margin: 0 3px 7px 4px; padding: 4px 0px 0px 0px; background-color:#ddeeee;}

.osoblje-ime {margin-top:12px; margin-bottom: 8px; text-align: center; font-size:12px; font-weight:bold;}
.osoblje-ime2 {margin-top:4px; margin-bottom: 4px; text-align: center; font-size:12px; font-weight:bold; line-height: 14px;}
.osoblje-titula {text-align:center; font-size: 11px; line-height: 135%; margin-top: 0px; margin-bottom: 15px; color:#333;}
.osoblje-opis {text-align:center; font-size: 11px; line-height: 135%; margin-top: 0px; margin-bottom: 15px; padding: 0px 2px; color:#333;}

/***** Osoblje 2 *****/
.osoblje2-mod {width: 100%;}
.osoblje2-modblock {float: left; width: 154px;}
.osoblje2-content {margin-top: 8px; width: 100%; text-align:center;}
.osoblje2-content h1 {margin-top: 6px; margin-bottom: 20px; letter-spacing: 1px;}
.osoblje2-contentblock {float: left; width: 126px; min-height: 270px; margin: 0 2px 5px 2px; padding: 3px 0px 0px 0px; background-color:#ddeeee;}

.osoblje2-ime {margin-top:10px; margin-bottom: 6px; text-align: center; font-size:12px; font-style:italic; font-family: Georgia, serif;}
.osoblje2-ime2 {margin-top:4px; margin-bottom: 4px; text-align: center; font-size:12px; font-weight:bold; line-height: 14px;}
.osoblje2-titula {text-align:center; font-size: 11px; line-height: 135%; margin-top: 0px; margin-bottom: 15px; color:#333;}
.osoblje2-opis {text-align:center; font-size: 11px; line-height: 135%; margin-top: 0px; margin-bottom: 15px; color:#333;}

/***** podesavanje modula rokslide i sličnih u poziciji inset *****/
.module-slide {margin: 14px 0px 0px 13px; padding-bottom: 8px;}
.module-slide h3 {margin-top: -6px; padding-bottom: 2px;}
.module-fblike {margin: 4px 0px 0px 15px;}


/***** lista u modulu *****/
.module ul.number li,
.module ul.media-1 li,
.module ul.media-2 li,
.module ul.media-3 li,
.module ul.media-4 li,
.module ul.arrow-1 li,
.module ul.arrow-2 li,
.module ul.plus-1 li,
.module ul.plus-2 li,
.module ul.cart li,
.module ul.circles li,
.module ul.camera li,
.module ul.people li,
.module ul.rss li,
.module ul.check li,
.module ul.star-1 li,
.module ul.star-2 li,
.module ul.triangle-1 li,
.module ul.triangle-2 li,
.module ul.bullet-1 li, 
.module ul.bullet-2 li {
	list-style: none;
	margin-left: -20px; /********** original 0 **********/
	padding-bottom: 3px;
	margin-bottom: 5px; /********** original 10 **********/
	padding-left: 28px;
}

/*** Filmstrip ***/

#filmstrip {margin-top: 15px; padding: 0 17px 0 17px;}
#filmstrip .captionDiv {display:none}

div#filmstrip-ribbon-frame {
	position: relative;
	padding: 0px 0 0 0px;
	height: 67px;
}

div#filmstrip-ribbon-left {
	position: absolute;
	left: -3px;
	top: -2px;
	width: 24px;
	height: 71px;
	background: url(../images/filmstrip-ribbon-left.png) 0 0 no-repeat;
	z-index:1000;
}

div#filmstrip-ribbon-right {
	position: absolute;
	right: -3px;
	top: -2px;
	width: 24px;
	height: 71px;
	background: url(../images/filmstrip-ribbon-right.png) 0 0 no-repeat;
	z-index:1000;
}

div#filmstrip-ribbon-frame div.moduletable {
	position: absolute;
	z-index: 0;
}

/*** DropCap ***/

span.dropcap {display: block; font-size: 270%; float: left; margin: 0px 6px 0 0; line-height: 100%; letter-spacing: -1px; font-weight: bold;}

/*** posjećene stranice ***/

/*a:visited {color: #810081;}
a.readon:visited {color: #fff;}*/

.module-ads-rt {margin: 0px 0px 0px 25px;}
.module-ads-rt2 {margin: 10px 0px 5px 25px;}
.module-ads-c1 {margin: 0px 0px 0px 14px;}
.module-ads-rb {margin: 8px 0px 4px 6px;}
.module-ads-lc {margin: 10px 0px 10px 0px; text-align:center;}

/*Inset styles*/

.content-inset-right {float: right; width: 180px; padding-top: 7px; padding-left: 25px; padding-bottom: 15px; font-size: 17px/*17*/; font-weight: bold; line-height: 21px/*21*/;}

/* Kaldan module */
#kaldan {display: block; margin: -5px 0 0px 0px; text-align: center;}
#kaldan .clear {display: block; height: 8px;}
#kaldan .title {display: block; margin: 0px 0px 10px 0px; font-size: 14px;}
#kaldan .desc {display: block; margin: 0px 0px 10px 0px; font-size: 14px; font-weight: bold; line-height: 135%;}
#kaldan .desc .tip {display: block; font-size: 11px; font-weight: normal; color: #666;}

div#fpss-outer-container {box-shadow:1px 1px 10px rgba(0, 0, 0, 0.25);}

/* @end */

/* --- FPSS Slideshow Containers --- */
#fpss-outer-container {padding:0px;margin:0px;overflow:hidden;border:0px solid #ccc;width:434px;} /* This element controls the slideshow spacing and border */
#fpss-container {position:relative;margin:0;padding:0;clear:both;}
#fpss-slider {background:none;overflow:hidden;clear:both;text-align:left;width:434px;height:245px;} /* Add bg color if using bg image on #fpss-outer-container */
#slide-loading {background:#fff url(../images/loading.gif) no-repeat center;text-align:center;width:434px;height:245px;}
#slide-wrapper {display:none;width:434px;height:245px;}
#slide-wrapper #slide-outer {height:245px;}
#slide-wrapper #slide-outer .slide {position:absolute;overflow:hidden;right:0;width:434px;height:245px;}
#slide-wrapper #slide-outer .slide .slide-inner {height:245px;margin:0;overflow:hidden;text-align:left;z-index:8;}
#slide-wrapper #slide-outer .slide .slide-inner a.fpss_img span span span {background:none;}			

/* --- Content --- */
.fpss-introtext {width:100%;margin:0;padding:0;position:absolute;left:0;right:0;bottom:0;background: rgba(0, 0, 0, 0.4) url("../images/transparent_bg.png") repeat scroll 0 0;}
.fpss-introtext .slidetext {padding:4px 8px;}

/* --- Navigation Buttons --- */
#navi-outer {clear:both;margin:0;padding:0;color:#fff;height:27px;background:url(../images/navbar.png) repeat top;overflow:hidden;}
#navi-outer ul {margin:2px 0;padding:0 4px;text-align:right;}
#navi-outer li {display:inline;background:none;padding:0;margin:0;}
#navi-outer li a,#navi-outer li a:hover,#navi-outer li a.navi-active {display:block;float:left;overflow:hidden;width:40px;height:22px;padding:0;margin:0 2px;text-decoration:none;line-height:22px;background:#404040;}
#navi-outer li a {border:1px solid #fff;}
#navi-outer li a:hover,
#navi-outer li a.navi-active {border:1px solid #ff9900;}
#navi-outer li a img,#navi-outer li a:hover img,#navi-outer li a.navi-active img {height:80px;width:auto;display:block;margin:-15% 0 0 -70%;}
#navi-outer li a img {opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);}
#navi-outer li a:hover img {opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}
#navi-outer li a.navi-active img {opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}
#navi-outer li a span.navbar-img {}
#navi-outer li a span.navbar-key {display:none;}
#navi-outer li a span.navbar-title {display:none;}
#navi-outer li a span.navbar-tagline {display:none;}
#navi-outer li a span.navbar-clr {display:none;}
#navi-outer li.noimages {margin:0;padding:0;}
#navi-outer li.noimages a {display:block;float:right;width:12px;height:18px;line-height:18px;margin:4px 0 0 0;padding:0;border:none;text-align:center;background:none;color:#999;}
#navi-outer li.noimages a:hover {display:block;float:right;width:12px;height:18px;line-height:18px;margin:4px 0 0 0;padding:0;border:none;text-align:center;background:none;color:#555;}
#navi-outer li.noimages a#fpss-container_prev {background:url(../images/prev.gif) no-repeat 50% 50%;}
#navi-outer li.noimages a#fpss-container_playButton {width:40px;background:none;}
#navi-outer li.noimages a#fpss-container_next {background:url(../images/next.gif) no-repeat 50% 50%;}
#navi-outer li.clr {clear:both;}

/* --- Notice: Add custom text styling here to overwrite your template's CSS styles! --- */
.fpss-introtext .slidetext h1 {font-family:"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif !important; font-size:21px !important; font-weight:normal !important; letter-spacing: -1px !important; line-height:25px; margin:0; padding:0; color:#fff;}
.fpss-introtext .slidetext h1 a {color:#fafafa;}
.fpss-introtext .slidetext h1 a:hover {color:#f09;}
.fpss-introtext .slidetext h2 {font-size:11px;margin:0;padding:0;color:#999;font-weight:normal;}
.fpss-introtext .slidetext h3 {font-size:11px;margin:0;padding:0;display:none;}
.fpss-introtext .slidetext p {font-size: 13px !important; margin:0px 0px 4px 0px; padding:0; color:#fff;}
.fpss-introtext .slidetext a.readon {display:none;}
.fpss-introtext .slidetext a.readon:hover {display:none;}

/* --- Generic Styling (highly recommended) --- */
#fpss-outer-container a:active,
#fpss-outer-container a:focus {outline:0;}
#fpss-container img {border:none;}
.fpss-introtext .slidetext img,
.fpss-introtext .slidetext p img {display:none;} /* this will hide images inside the introtext */
.fpss-clr {clear:both;height:0;line-height:0;}

/* --- End of stylesheet --- */