/* global */
html,body {
	height: 100%;
}

#template{ 
	background:#666565;
	font:12px Arial, Helvetica, Sans-Serif;
	color:black;
	line-height:16px;
	margin:0;
	padding:0;
	text-align:center;
}

/*************************************************************************** MAIN DIVs*****************************************************************************************/
	
#t_header, #t_body , #t_footer{	
	margin:0 auto;
	width:984px;
	position:relative;
	text-align:left;
	width:968px;
	padding:0 8px;
	
}
/****header block***/ 
#t_header{
	height:156px;
	position:relative;	
	background:url(../images/bg_header.gif) no-repeat 0 0;	
	padding-top:16px;		
}
	
#t_header #logo, #t_header #P_header {
	display:block;
	float:left;
	height:106px;
}
#t_header #logo img{
	margin:8px 9px;
	width:200px;
	height:90px;
}
#t_header #P_header{
	overflow:hidden;
	width:750px;
}
#t_header #P_top{
	overflow:hidden;
	clear:both;
	height:46px;
}

/*******end header block*****/

/******body block******/
#t_body {

	background:url(../images/bg_t_body.gif) repeat-y;
	position:relative;		
	min-height:100%;	
}
* html  #t_body {
	height:100%;	/*ie*/	
}

#tp_main,#t_left,#t_right{
	float:left;
	display:inline;	
	margin-left:12px;
	overflow:hidden;
	width:190px;
}

#t_right{
	width:160px;
}	

#tp_main{
	width:570px;
	margin-bottom:18px;
}											
			
	
/******end body block****/

/**** footer***/		/*OK*/
#t_footer{	
	height:80px;
	background:#666565 url(../images/bg_footer.gif) repeat-x;		
}
#t_footer div {
	float:right;
	margin-right:20px;
	margin-top:40px;
	color:white;
}
#t_footer div a {
	border-left:1px solid #999999;
	margin-left:5px;
	padding-left:5px;
	color:white;
}
/****end footer block****/

/*************************************************************************** END MAIN DIVs*****************************************************************************************/

/****************************************************************************HTML TAGS*********************************************************************************************/
a, a:link, a:active, a:visited {
	color:#3973AC;
}
a:hover {
	text-decoration:underline;
	color:#3973AC;
}

dd { margin-left:18px; }
ul {list-style-type: square;}

h1,h2,h3,h4,h5,h6{ 
	font-size:18px;
	line-height:16px;
	margin:16px 0;
	font-weight:bold;
}

h2 {
	font-size:16px;
}
h3,h4,h5 {
	font-size:14px;
	margin:0;
}
h4 {
	font-size:12px;
}
h5 {
	font-size:11px;
}
small, .small {
	font-size:9px;
}


.inputbox {
	border:1px solid #D1CFC1;
	font-size:11px;
}
input.inputbox {
	height:13px;
}

.button {
	background-color:#D1D2D4;
	border-color:#FFFFFF #666565 #666565 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#666565;
	font-size:10px;
	font-weight:bold;
	height:18px;
	text-transform:uppercase;
}




/************************************************************************************************SYSTEM STYLES************************************************************************/
span.pagenav_next, span.pagenav_prev {
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
}
span.pagenav_next {
	float:right;
}
.pagenav {
	color:#999999;
	font-size:11px;
	letter-spacing:2px;
	text-align:right;
}
div.pagination, div.paginationcounter {
	margin:18px 0;
	text-align:center;
}
.readon, a.readon:link, a.readon:active, a.readon:visited {
	color:#666666;
	font-size:10px;
	font-weight:bold;
	letter-spacing:2px;
	text-align:left;
	text-decoration:none;
}

.contentpane, .contentpane-B {
	margin: 0 9px;
}
.componentheading{
	background:url(../images/crno-sivi-kosi.gif) no-repeat 0 0;	
	display:inline;
	font-size:18px;
	line-height:27px;
	height:30px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:9px;
	text-transform:uppercase;
	margin:0 -9px 9px -9px;
}


.categories, .cat_items {
	border-top:1px solid #d1d2d4;
	margin-top:33px;
	clear:both;
}

.categories h3,  .cat_items h3{
	background: #d1d2d4 url(../images/sivi-kosi.gif) no-repeat scroll right top;
	display:inline;
	font-size:12px;
	line-height:14px;
	margin:0;
	padding:0 27px 0 9px;
}

.categories ul ,.cat_items ul {
	padding:9px;
}

.categories li ,.cat_items li {
	background:transparent url(../images/arrow.gif) no-repeat scroll 0 4px;
	padding:0 12px;
	list-style-type: none;
	list-style-position:outside;
	font-size:11px;
	color:#3973AC;
}
.categories ul a , .cat_items ul a{
	text-decoration:none;
	color:#3973AC;
}
.categories ul a:hover, .cat_items a:hover {
	text-decoration:underline;
}


/***com_poll***/
/*gotovo - nema dodatnih stilova*/




/***com_login, com_register, com_user***/
#com_login form td, #com_registration form td, #com_user form td {
	padding:0 9px 9px 0;
}
#com_login label, #com_registration label, #com_user label, span.editlinktip  {
	font-weight:bold;
}


/***com_search***/

#com_search form td {
	padding:0 9px 9px 0;
}
#com_search label{
	font-weight:bold;
}
#com_search .results small {
	display:block;
	background:#d1d2d4;
	color:#666565;
}
#com_search .results .itembox  {
	border-bottom:1px solid #666565;
	margin:0;
	position:relative;
	padding:5px 0;
}
#com_search .results .itembox small {
	display:inline;
	background:transparent;
}
#com_search .results .itembox .contentheading {
	font-size:12px;
}
#com_search .results .itembox .item_info {
	font-size:9px;
	color:#666565;
}
#com_search .results .itembox .date {
	float:left;
	padding-right:9px;
}





/***komentari***/
#com_comments {
	clear:both;
	border-top:1px solid #d1d2d4;
}

#com_comments  h3{
	background: #d1d2d4 url(../images/sivi-kosi.gif) no-repeat scroll right top;
	display:inline;
	font-size:12px;
	line-height:14px;
	margin:0;
	padding:0 27px 0 9px;
	color:#666565;
}
#com_comments .cmt_txt {
	color:#666565;
	font-size:11px;
	line-height:14px;
}
#com_comments form , #com_comments .noform{
	margin:9px 0 ;
	border:1px solid #cccccc;
	clear:both;
	padding: 0 9px;
	background:#F5F5F5;
}
#com_comments .noform{
	background: url(../images/usklicnik.gif) no-repeat scroll 0 top;
	padding:0 20px;
	font-weight:bold;
}
#com_comments form h4 {font-size:11px;}


/***com_content-article***/

#com_content-article .nadnaslov{
	color:#ed1e25;
	margin-bottom:9px;
	margin-bottom:-27px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

#com_content-article .contentheading{
	margin-top:33px;
	background-color:inherit;
	color:#3973AC;
	display:block;
	font-size:16px;
	font-weight:bold;
}

#com_content-article .item_info{
	border-bottom:1px solid #d1d2d4;
	color:#666565;
	font-size:9px;
	line-height:10px;
	margin:9px 0;
	overflow:hidden;
	width:100%;
}
#com_content-article .item_info .author{
	float:left;
	width:350px;
}
#com_content-article .item_info .date, .blogleading .item_info .date{
	clear:right;
	float:right;
	text-align:right;
	width:200px;
}
.contentpane-B#com_content-article .introtext {
	font-weight:bold;
	overflow:hidden;
}

/***com_content-section***/

#com_content_category form td {
	padding:0 9px 9px 0;
}

#com_content_category .sectiontableentry0 td , #com_content_category .sectiontableentry1 td    {
	padding:0 9px;
}



/***com_content-blogsection,  com_content-category, com_frontpage***/

#com_content_blogsection .contentheading  h2,
#com_content_blogcategory .contentheading  h2,
#com_frontpage .contentheading  h2 {
	font-size:14px;
}

.blogleading  .item_info, .blogintro  .item_info, .blogintro1  .item_info{
	border-bottom:1px solid #d1d2d4;
	color:#666565;
	font-size:9px;
	line-height:10px;
	margin:9px 0;
	overflow:hidden;
	width:100%;	/*ie patch*/
}

.blogleading  .itembox{
	margin-top:36px;
}
.blogleading  .item_0{
	margin-top:0px;
}

.blogleading   .item_info .author{
	float:left;
	width:350px;
}
.blogleading  .item_info .date{
	float:right;
	clear:right;
}



.blogintro, .blogintro1 {
	background:transparent url(../images/blogintro_bg.gif) repeat-y scroll 0 0;
	left:-9px;
	margin:9px 0;
	overflow:hidden;
	position:relative;
	width:570px;
}

.blogintro .itembox, .blogintro1 .itembox {
	border-top: #b2b2b4 4px solid;
	margin-right:3px;
	margin-bottom:3px;
	padding:9px 9px 0;
	width:170px !important;
	display:inline;	/*ie patch*/
	
}

.blogintro .mosimage {
	margin:0 -9px !important;
	width:188px;
}

 .blogintro1 {
 	background:transparent url(../images/blogintro1_bg.gif) repeat-y scroll 0 0;
}

.blogintro1 .itembox {
	margin-right:4px;
	width:265px !important;
}
.blogintro1 .mosimage {
	width:185px;
}

.blogintro .item_3, .blogintro .item_6,  .blogintro .item_9,
.blogintro1 .item_2, .blogintro1 .item_4,  .blogintro1 .item_6 {
	margin-right:0;
}

#archivesection  form {
	border-bottom: 1px solid black;
	height:30px;
	margin-bottom:9px;
}




/***com_newsfeed***/

#com_newsfeeds .channel  h2 {display:none;}
#com_newsfeeds  .itembox{
	margin-top:36px;
}

#com_newsfeeds .contentheading  h3 {
	font-size:14px;
}

#com_newsfeeds .item_info{
	border-bottom:1px solid #d1d2d4;
	color:#666565;
	font-size:9px;
	line-height:10px;
	margin:9px 0;
	overflow:hidden;
	width:100%;	/*ie patch*/
}

#com_newsfeeds   .item_info .enclosure{
	float:left;
	width:350px;
}
#com_newsfeeds  .item_info .date{
	float:right;
	clear:right;
}

#com_newsfeeds .itembox img {
	float:left;
	margin:0 6px 6px 0;
	width:200px;
	max-height:133px;
}

/***com_weblinks***/
#com_weblinks  .itembox{
	margin-top:36px;
}
#com_weblinks .contentheading {
	font-size:14px;
}

#com_weblinks .itembox img {
	float:left;
	margin:0 6px 6px 0;
	width:200px;
	max-height:133px;
}


/**#com_download**/

#com_download .downloadfile, #com_download .downloadfile_NA {
	background-color:#D1D2D4;
	border-top:4px solid #666565;
	float:left;
	margin:4px 4px 0 0;
	text-align:center;
	width:181px;
}
#com_download   .downloadfile_NA {
	opacity:0.5;
	filter: alpha(opacity = 50);
	position:relative;
	
}

#com_download .downloadfile a:link, #com_download .downloadfile a:active, #com_download  .downloadfile a:visited, #com_download .downloadfile_NA a:link, #com_download .downloadfile_NA a:active, #com_download  .downloadfile_NA a:visited {
	font-size:11px;
	text-decoration:none;
}

#com_download .zadnji_broj .downloadfile, #com_download  .zadnji_broj .downloadfile_NA {
	float:none;
	margin: 4px auto;
}

#com_download .downloadfile img {
	display:block;
	height:190px;
	margin:9px auto;
	width:148px;
}

#com_download  .download {
	border-top:1px solid #d1d2d4;
	clear:both;
	overflow:auto;
}

#com_download h2 {
	background: #d1d2d4 url(../images/sivi-kosi.gif) no-repeat scroll right top;
	display:inline;
	font-size:12px;
	line-height:14px;
	margin:0;
	padding:0 27px 0 9px;
}

/***GALLERY****/
#com_gallery h2{
	margin-top:33px;
	background-color:inherit;
	color:#3973AC;
	display:block;
	font-size:16px;
	font-weight:bold;
}








/*******************************************************************MODULI*****************************************************************************************************/
/**********globalno**********/
div.moduletable, div.moduletable-full {
	margin: 0 9px;
	padding-bottom:9px;
	font-size:11px;
}

div.moduletable h3.moduletitle ,div.moduletable-full h3.moduletitle {
	background:url(../images/crno-sivi-kosi.gif) no-repeat 0 0;
	margin: 0 -9px 9px -9px;
	color:#FFFFFF;
	font-weight:normal;
	padding-left:9px;
	display:inline; 
	text-align:left;
	line-height:28px;
	height:30px;
}
div.moduletable-full, div.moduletable-full h3.moduletitle {
	margin-left:0;
	margin-right:0;
}


/**********moduli unutar contentpane**********/
#com_content-article div.moduletable{
	margin: 0 0 0 9px;
	clear:both;
	border-top:1px solid #d1d2d4;
}

#com_content-article div.moduletable h3.moduletitle{
	background: #d1d2d4 url(../images/sivi-kosi.gif) no-repeat  right top;
	font-size:12px;
	line-height:14px;
	height:16px;
	padding:0 27px 0 9px;
	color:#666565;
	font-weight:bold;
	display:inline-block; 
	margin-top:-1px;
}

* html  #com_content-article div.moduletable h3.moduletitle {
	display: inline; /*IE*/
}


/**********moduli u headeru**********/
/*menu*/
#P_top .list_menu ul , #P_top .list_menu li   {
	margin:0;
	padding:0;
	list-style:none;
}
#P_top .list_menu  ul{
	float:left;
	position:relative;
}
#P_top ul.mainlevel li, #P_top  ul.mainlevel li a{
	float:left;
	display:inline;	
	height:22px;
	line-height:22px;
	color:white;	
	text-decoration:none;
	font-weight:bold;
}	
#P_top ul.mainlevel li a{
	padding:0 7px;
}

#P_top ul.mainlevel li  a:hover, #P_top ul.mainlevel li.active_menu{
	background:#d90000;
}

#P_top ul.mainlevel li ul{		
	position:absolute;
	top:22px;
	left:0;
	height:24px;		
}	

#P_top ul.mainlevel li ul li, #P_top  ul.mainlevel li ul li a{
	color:black;
	height:24px;
	line-height:24px;
}

#P_top ul.mainlevel li ul li a:hover, #P_top ul.mainlevel li ul li.current a{
	background:url(../images/bg_sublevel.gif) repeat-x 0 0;
}

.mod_search .search {
	background:white url(../images/povecalo16x16.gif) no-repeat scroll 0 center;
	border:1px solid #D1D2D4;
	float:right;
	margin:1px ;
	padding-left:17px;
	height:18px;
}

#P_top .mod_search .inputbox {
	border:none;
	font-size:85%;
	height:14px;
	width:176px;
}




/** RELATED **/
.mod_related li {
	background:transparent url(../images/arrow.gif) no-repeat scroll 0 4px;
	padding:0 12px;
	list-style-type: none;
	list-style-position:outside;
	font-size:11px;
	color:#3973AC;
}
.mod_related a{
	text-decoration:none;
	color:#3973AC;
}
.mod_related a:hover {
	text-decoration:underline;
}

/** LATESTNEWS/MOSTREAD/RSS/SECTIONS/ARCHVE **/
.latestnews li , .mostread li  , .mod_rss li, .mod_sections li, .mod_archive li {
	background:transparent url(../images/arrow.gif) no-repeat scroll 0 7px;
	font-weight:bold;
}

.latestnews li a, .mostread li a , .mod_rss li a, .mod_sections li a, .mod_archive li a {
	display:block;
	padding:3px 0px 3px 13px;
	text-decoration:none;
}
 .mod_rss li div {
	font-weight:normal;
	margin-top:-3px;
	margin-left:13px;
}

.latestnews li a:hover, .mostread li a:hover, .mod_rss li a:hover, .mod_sections li a:hover, .mod_archive li a:hover{
	background:red;
	color:white;
}
.mod_archive {
	height:112px;
	overflow-x:auto;
}


/** POLL**/

.mod_poll h4 {
	font-size:11px;
	margin:9px;
}
.mod_poll img{
	display:block;
	width:100%;
	margin:0 0 9px 0;
}
.mod_poll .pollstableborder, .mod_poll img {
	margin:0 9px 9px;
}

/*******************************************************************MAMBOTI*****************************************************************************************************/
.contenttoc ul li {
	background:transparent url(../images/arrow.gif) no-repeat scroll 0 7px;
	font-weight:bold;
}
.contenttoc ul li a {
	display:block;
	padding:3px 0px 3px 13px;
	text-decoration:none;
}
.contenttoc ul li div {
	font-weight:normal;
	margin-top:-3px;
	margin-left:13px;
}

.contenttoc ul li a:hover{
	background:red;
	color:white;
}

/*********************************************************************************************USER STYLES******************************************************************************/

.nadnaslov, .nadnaslovintro {
	color:#CC0F09;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	
}

.okvir1,  .okvir1R, .okvir2,  .okvir2R   {
	background:#F5F5F5;
	border:1px solid #E5E5E5;
	margin-bottom: 12px;
	padding:5px 5px 0pt;
}
.okvir1,  .okvir1R {
	background:#FFF5E9;
	border:1px solid #EBE2D7;
	
}
.okvir1R , .okvir2R {
	width:40%;
	float:right;
	margin:0 0 0 5px;
}

.okvir1 .nadnaslov,.okvir2 .nadnaslov, .okvir1R .nadnaslov, .okvir2R .nadnaslov {
	font-family:Verdana,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	margin:0 0 3px !important;
}

.okvir1 h3,.okvir2 h3,.okvir1R h3,.okvir2R h3 {
	margin-top:0px;
}
.okvir1 h4,.okvir2 h4,.okvir1R h4,.okvir2R h4 {
	margin:0px;
}

.crveni {color:red}
.sivapozadina{background:gray}

.aokvir   {
	background:#F5F5F5;
	border:1px solid #E5E5E5;
	margin-bottom: 12px;
	padding:5px 5px 0pt;
	float:right;
	margin:0 0 0 5px;
	width:156px;
}
.aokvir h3, .aokvir h4 {margin-bottom:0px;margin-top:0px;text-align:center}
.aokvir h4 {color:gray}
.aokvir em {text-align:center}
.aokvir strong, .aokvir img, .aokvir em{display:block}
.aokvir strong {margin-bottom:18px}