@charset "utf-8";
/* CSS Document */

/*++++++++++++  WRAPPER  +++++++++++++++*/
#wrapper {
border: 1px solid #2c4d76;
}

/*++++++++++++  HEADER  +++++++++++++++*/
#header{
width: 999px;
background: #FF9933;
height: 73px;
background: url(../../img/header_bg01.gif) repeat-x top left;
position: relative;
}
#header img.logo{
position: absolute;
top: 12px;
left: 18px;
}
#rss_menu{
position: absolute;
top: 6px;
right: 11px;
font-family: Arial;
font-size: 10px;
color: #b4c2d3;
}
#rss_menu a {color: #b4c2d3;}
#rss_menu a:hover { color: #FFFFFF; text-decoration: underline;}

/*+++ search box +++*/
#searchCont{
background: url(../../img/search001.gif) no-repeat left bottom;
}

#search_btn{ position: absolute; right: 0px; width: 40px; height: 20px; outline: none;}
#search{
border: 1px solid #718eb2;
height: 16px;
padding: 2px 0 0px 3px;
position: absolute;
top: 0;
right: 42px;
font-size: 11px;
width: 195px;
color:#2c4d76;
}
#header_menu {
position: absolute;
top: 3px;
right: 13px;
font-family:Arial;
font-size: 10px;
color: #b4c2d3;
}
#header_menu span {
color: #fff;
}
#header_menu a {
color: #b4c2d3;
}
#header_menu a:hover {
color: #b4c2d3; text-decoration: underline;
}



/*++++++++++++++++++++++++++++   TOP NAVIGATION  ++++++++++++++++++++++++*/
#main_menu {
background-color:#2C4D76;
position:relative;
width:999px;
}
/*___________________// TOP NAVIGATION______________________________________*/

div.top {clear:left; width:254px; margin:0 0 0 0;}
div.top h2.ha2plavi {color:#323232; padding-left:6px; }
div.top div {width:254px; height:100%; float:left; position: relative; padding: 10px 0 6px 6px; overflow: hidden; background:url(../../img/separator_noveVijesti.gif) no-repeat left bottom;}
div.top div p {padding-left: 32px; background:url(../../img/jedan.gif) no-repeat left center; font-size:11px;}
div.top div p a.sivi_link {color:#535353; font-size:10px;}
div.top div p.jedan { background:url(../../img/jedan.gif) no-repeat left center;}
div.top div p a:hover { text-decoration:underline;}
div.top div p.dva {background:url(../../img/dva.gif) no-repeat left center;}
div.top div p.tri {background:url(../../img/tri.gif) no-repeat left center;}
div.top div p.cetiri {background:url(../../img/cetiri.gif) no-repeat left center;}
div.top div p.pet {background:url(../../img/pet.gif) no-repeat left center;}



div.title_back {width:100%; background-color:#ececec; height:.9em; position:relative;}
div.title_back h2 {color:#ff6600; font-size:1.3em; display:inline; font-weight:normal; text-align:left; font-family:"Trebuchet MS";
background-color:#fff; padding-right:5px; text-transform:uppercase; position:absolute; top:-5px; left:0;}
div.title_back h2 a {color:#ff6600;}
div.title_back h2.clanak_title1 { text-transform:none; color:#535353; font-size:1.1em; font-weight:bold; top: -4px;}

h3 {color:#2c4d76; font:1.3em Georgia;}
h3 a {color:#2c4d76;}
h3.clanak_title2 {font-family:Georgia; font-size:2.4em; color:#2c4d76;}
h3.clanak_title2 a {color:#2c4d76;}
p.title_crni {color:#535353; font-size:1.1em; margin-top: 6px;}

/*___________________   MIDDLE CONTENT__________________________________*/
#middle_content {
position: relative;
width: 978px;
overflow: hidden;
float: left;
background: #fff;
/*padding: 0px 10px 27px 10px;*/
}

/********* LEKSIKON CONTAINER ***********/
#leksikonContainer {
width: 657px;
float: left;
position:relative;
margin: 0;
padding: 0 10px 0 0px;
margin: 0 0 0 0px;
font-family: Trebuchet MS;
border-right: 1px solid #cfcfcf;
}
#leksikonContainer a {
color: #2c4d76;
text-decoration: none;
outline: none;
}
#leksikonContainer a:hover {
text-decoration: underline;
}
#leksikonContainer h1.nameNavigation {
font: 13px Trebuchet MS;
color: #ff6600;
text-transform: uppercase;
margin: -5px 0 6px 0;
position: relative;
z-index: 10;
}
#leksikonContainer h2 {
color: #2c4d76;
font: 24px Georgia;
} 
#leksikonContainer .subNavigation {
background: url(../../img/dottedLineH.gif) repeat-x left bottom;
color: #B8B8B8;
margin-bottom: 10px;
padding-bottom: 6px;
text-align: left;
height: 13px;
font: 10px Tahoma;
margin-top: -4px;
}
#leksikonContainer .subNavigation a {
color: #acacac;
text-decoration: none !important;
display: block !important;
text-align: center !important;
float: left;
padding: 2px 4px !important;
}
#leksikonContainer .subNavigation a:hover {
color: #666666 !important;
text-decoration: underline;
}
#leksikonContainer .subNavigation a.selected {
color: #2C4D76 !important;
text-decoration: none !important;
}
#leksikonContainer .subNavigation .subNavigationSep {
display: block;
float: left;
text-align: center;
padding: 2px 0px !important;
}
#leksikonContainer .navigationSelected {
background-color: #d7e9ff;
color: #2c4d76 !important;
}
#leksikonContainer .searchBox {
background: #D6E9FF url(../../img/searchBoxTitle.gif) no-repeat scroll right top;
height: 20px;
margin: 10px 0 10px 0;
overflow: hidden;
padding: 5px 9px 6px 10px;
}
#leksikonContainer .listBox {
width: 318px;
float: left;
}
#leksikonContainer .listBox ol {
list-style-position: outside;
list-style-type: decimal;
margin: 12px 11px 7px;
padding-left: 23px;
}
#leksikonContainer .listBox ol li {
color: #333333;
font: 12px Georgia;
line-height: 13px;
padding: 0 0 7px;
}
#leksikonContainer .listBox ol li a {
color: #2C4D76;
font: 11px Trebuchet MS;
line-height: normal;
text-decoration: none;
}
#leksikonContainer .listBox ol li a:hover {
color: #2C4D76;
text-decoration: underline;
}
#leksikonContainer h4 {
background: url(../../img/boxH4BgLight.gif) repeat-x scroll left 4px;
color: #505050;
font: bold 11px Trebuchet MS;
line-height :normal;
margin-bottom: 7px;
margin-top: 12px;
text-transform: uppercase;
}
#leksikonContainer h4 span {
background: #FFFFFF;
padding-right: 5px;
}
/*#leksikonContainer .paging {
color: #6D6D6D;
font: 10px Tahoma;
text-align: right;
margin-bottom: 5px;
margin-top: -5px;
padding-bottom: 4px;
background: url(../../img/dottedLineH.gif) repeat-x left bottom;
}
#leksikonContainer .paging a {
color: #6D6D6D;
text-decoration: none;
}
#leksikonContainer .paging a:hover {
color: #505050;
text-decoration: underline;
}
#leksikonContainer .paging .page {
width: 32px;
height: 13px;
border: 1px solid #C4C4C4;
font: 10px Tahoma;
color: #505050;
text-align: center;
padding-top: 2px;
}
#leksikonContainer .paging .lastPage {
color: #2c4d76;
text-decoration: none;
}
#leksikonContainer .paging .lastPage:hover {
text-decoration: underline;
}*/
#leksikonContainer .rptCssHolder .pager 
{
background: url(../../img/dottedLineH.gif) repeat-x left bottom;
color: #B8B8B8;
font-family: Tahoma;
font-size: 10px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: normal;
padding-bottom: 10px;
text-align: right;
}
#leksikonContainer .pager 
{
background: url(../../img/dottedLineH.gif) repeat-x left top;
color: #B8B8B8;
font-family: Tahoma;
font-size: 10px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: normal;
padding-top: 10px;
text-align: right;
}
#leksikonContainer .pager a {
color: #2C4D76;
padding: 0 3px;
}
#leksikonContainer .pager a.selected {
cursor: default;
font-weight: bold;
}
#leksikonContainer .pager a:hover {
background: #D7E9FF none repeat scroll 0 0;
}
#leksikonContainer .pager a.selected:hover {
background: #FFFFFF none repeat scroll 0 0;
}
#leksikonContainer .pager a.lp {
color: #B8B8B8;
}
#leksikonContainer .pager a.lp:hover {
background: #FFFFFF none repeat scroll 0 0;
}
#leksikonContainer .pager a.ln {
color: #B8B8B8;
}
#leksikonContainer .pager a.ln:hover {
background: #FFFFFF none repeat scroll 0 0;
}

#leksikonContainer .leksikonList {
margin-bottom: 10px;
position: relative;
width: 477px;
background: #fff url(../../img/leksikonListBg.gif) repeat-y left top;
padding-left: 180px;
}
#leksikonContainer .leksikonList .bannerContainer {
margin: 14px 0;
}
#leksikonContainer .leksikonList .letter .letterOne {
position: absolute;
left: 0;
top: 0;
width: 160px;
text-align: center;
height: 100px;
color: #2c4d76;
font: 100px Georgia;
}

#leksikonContainer .leksikonList .letter .lettersPojam {
position: absolute;
left: 0;
top: 5px;
width: 160px;
text-align: center;
color: #2c4d76;
font: 11px Trebuchet MS;
}

/* ovdje ubaciti stil za traženi pojam koji se pojavljuje u leksikon grupi lijevo */
#leksikonContainer .leksikonList .letter .letters {
position: absolute;
left: 0;
top: 20px;
width: 160px;
text-align: center;
color: #FF6600;
font: bold 11px Trebuchet MS;
}

#leksikonContainer .leksikonList ul {
font: 13px Georgia;
}
#leksikonContainer .leksikonList ul li {
margin: 7px 0;
}

/* END LEKSIKON */

/* +++++ RIGHT COLUMN ++++ */
#right {width:300px; float: right; position:relative; margin-left:10px;} 
#right div.banner{ width: 300px; height: 250px; margin-bottom: 15px;}
#right div.banner a{border:none;}
#tecajna {width:300px; position:relative; margin-bottom:10px; z-index:-1;}
#tecajna h4 {font: 13px Trebuchet MS; color: #ff6600; text-transform: uppercase; margin-bottom: 6px;}
table {font-size:11px; font-family:"Trebuchet MS";}
#tecajna table td span {display:block; padding-top:3px; padding-bottom:3px;font-weight:bold;}
#tecajna table td.sivko {background-color:#f4f7fd;}
#tecajna table td span.valuta {color:#2c4d76; padding-left:10px; text-align:left;}
#tecajna table td span.kurs {color:#505050;}
#tecajna table td span.plus {color:#07a212;}
#tecajna table td span.minus {color:#c4180c;}
/*+++++++++++++++++++++++++++++++++  TICKER  ++++++++++++++++++++++++++++++++++++*/
#ticker {width:298px; position:relative; float:left; margin-bottom:15px; overflow:visible; border:1px solid #cfcfcf; margin:0; padding:0; font-family:"Trebuchet MS";
font-size:11px; font-weight:bold; margin-bottom:15px;}
#ticker a.crni {color:#505050;}
#ticker a.zeleni {color:#07a212;}
#ticker a.crveni {color:#c4180c;}
#ticker a {color:#2c4d76;}
#ticker div.naslov {width:298px; position:relative; float:left; margin-bottom:7px;}
#ticker div.naslov p {margin:0; padding:0; padding: 2px 0 2px 9px; border-bottom:1px solid #cfcfcf;}
#ticker div.ticker_line {width:auto; float:left; padding-left:9px; padding-right:9px;}
#ticker div.ticker_line p.t_line {width:100%; overflow:hidden; background: url(../img/separator_ticker.gif) no-repeat left bottom; /*background-color:#FFFF99;*/ padding-bottom:5px;}
#ticker div.ticker_line p.t_line a {display:block; float:left; width:25%;}
#ticker div.ticker_line p.t_link { font-weight:normal; padding: 2px 0;}
#ticker div.ticker_line p.t_link a:hover {color:#2c4d76; text-decoration:underline;}
/*+++++++++++++++++++   KOMPANIJE   +++++++++++++++++++++++++*/
#kompanije {width:300px; position:relative; float:left; margin-bottom:15px; overflow:visible; z-index:-1; zoom:1;}
#kompanije h4 {font: 13px Trebuchet MS; color: #ff6600; text-transform: uppercase; margin-bottom: 6px;}
#kompanije ul {width:295px; height:20px; position:relative; zoom:1; padding-left:5px; text-align:left; left:0px; text-transform:uppercase; font-family:Tahoma; 
background: #FFFFFF url(../img/1px-border01.gif) repeat-x bottom left; margin-top:6px;}
#kompanije ul li {
height:19px; 
padding-left:2px; 
float:left;
zoom:1; 
background:url(../img/fond_left_tab01.gif) no-repeat top left;
margin-right:2px;
}
#kompanije ul li a {
float:left;
display:block;
height:15px;
background:url(../img/fond_right_tab01.gif) no-repeat top right;
text-decoration:none;
color: #FFFFFF;
font-size:10px;
font-weight:normal;
zoom:1;
padding-top:4px;
padding-right:14px;
padding-left:12px;
}
#kompanije ul li.tab00 {background:url(../img/fond_left_tab00.gif) no-repeat top left; color:#142b47; position:relative;   height:20px;}
#kompanije ul li.tab00 a {background:url(../img/fond_right_tab00.gif) no-repeat top right;color:#142b47;position:relative; height:20px;
border-bottom:1px solid #ffffff;}
#kompanije div.box03 {width:300px; background: #FFFFFF url(../img/1px-border02.gif) repeat-x bottom left; position:relative; font-family:"Trebuchet MS";
 font-size:11px; font-weight:bold; height:21px; overflow: hidden;}
#kompanije div.box03 img {display: none;}
#kompanije div.box03 span {color:#2c4d76; padding-left:10px; float:left; text-align:left; width:70px; padding-top:3px; padding-bottom:2px;}
#kompanije div.box03 span.numb {color:#505050; text-align:right !important;  float:left; display:block; width:70px;}
#kompanije div.box03 span.minus2 {color:#07a212; text-align:right !important;  float:right; margin-right:10px; display:block; width:55px;}
#kompanije div.box03 span.minus {color:#c4180c; text-align:right !important; float:right; display:block; width:55px;}
#kompanije div.box03 span a {color:#2c4d76;}
/*___________________   FOOTER BLUE ORANGE   ______________________________*/
.footer_plavi {width:976px; background:url(../../img/footer_plavi_back.gif) repeat-x top left; position:relative; height:110px; padding-left:2em; padding-top:18px;
color:#19365a; font:1.1em "Trebuchet MS"; float:left;}
.footer_plavi p {width:631px; margin-bottom:24px;  }
.footer_plavi div#footer_link a {color:#19365a;}
.footer_plavi div#footer_link a:hover {color:#19365a; text-decoration:underline;}
.earth {width:324px; height:119px; position:absolute; top:2px; right:1px; background:url(../img/footer_plavi_earth.gif) no-repeat top right;}

/* +++ footer or +++ */
#footer_nar{width:998px; background:url(../../img/footer_tplavi_bg.gif) repeat-x top left; height:224px; position:relative; color:#FFFFFF;
font: 1.1em "Trebuchet MS"; float:left;}
#footer_nar div.nar_linkovi{width: 968px; position:absolute; left: 20px; top: 20px;}
#footer_nar ul{float:left; width: 160px;} 
#footer_nar ul li.prvi{margin-bottom: .3em;}
#footer_nar ul a{color:#d6deeb;}
#footer_nar ul li.prvi a{color:#FFFFFF;}
#footer_nar ul a:hover{text-decoration:underline;}
#footer_nar ul a.title{font-weight:bold; text-transform:uppercase;}
#footer_nar p { position:absolute; bottom: 4px; right: 11px; font-size: 10px;}
#footer_nar p a {color:#ffffff;}
#footer_nar p a:hover {color:#FFFFFF; text-decoration:underline;}
/*___________________  // FOOTER BLUE ORANGE   ______________________________*/

#left_clanak {width: 636px; float:left; position:relative; padding: 0px 20px 0px 10px; margin: 0px 0 0px 0; font-family:"Trebuchet MS"; /*border-right: 1px solid #cfcfcf;*/ }
/*#left_clanak div.clanak_sep { clear: both; width: 636px; height: 1px;  background: url(../../img/clanak_main_separator.gif) no-repeat bottom left; }*/
#left_clanak div.left_clanak01 {width: 636px; float:left; position:relative; }
#left_clanak .clanak_title { font-family:Georgia; font-size: 32px; color:#2c4d76; margin-bottom: 4px; font-weight:normal; margin: 0 0 .5em 0;}
#left_clanak .clanak_title a { color:#2c4d76;}
#left_clanak .clanak_title a:hover { color:#2c4d76; text-decoration:underline;}
#left_clanak .clanak_subtitle { font: 15px Georgia !important; color:#484848 !important; margin-bottom: 17px; font-style:italic !important;font-weight:bold !important; }

#left_clanak.grupa_gr_clanak {display: none; font-family:Georgia; font-style: italic !important; font-size: 11px !important; font-weight:bold !important; color:#a9a9a9 !important;}
#left_clanak.grupa_gr_clanak span { padding-right: 5px;}
#left_clanak.grupa_gr_clanak a {color:#a9a9a9;}
#left_clanak.grupa_gr_clanak a:hover {color:#a9a9a9; text-decoration:underline;}

/* prvi paragraf */
#left_clanak div.left_clanak01 {width: 426px; float: left; }
#left_clanak div.left_clanak01 p { width: auto; position:relative; font: 14px Georgia; line-height:22px; padding: 0 0 0 0px; color:#000; text-align:justify;}
#left_clanak div.left_clanak01 p span.f_letter { font-size:44px; color: #2c4d76; float:left; line-height: 44px; padding: 0 7px 0 0 ;}
#left_clanak span.caption { display:block; width: 100%; color:#737373; font: 10px Georgia; font-style:italic; text-align:right; }
#left_clanak span.caption + p {margin-top:20px;}
#left_clanak span.caption + p:first-letter {margin-top:9px;font-size:44px; color: #2c4d76; float:left; line-height: 44px; padding: 0 7px 0 0 ;}

#left_clanak div.left_clanak01 .rssList {
margin: 10px 0;
list-style-type: circle;
list-style-position: inside;
font: 14px Georgia;
}
#left_clanak div.left_clanak01 .rssList li {
margin: 2px 0 2px 10px;
}
#left_clanak div.left_clanak01 p.clanak_gr_tx a {width: 8px; height: 7px;  }
#left_clanak div.left_clanak01 p.clanak_gr_tx a img.str {width: 8px; height: 7px;  position:absolute; right: 80px; bottom: 3px;}

#left_clanak .linkBar {
font: 11px Tahoma;
color: #686767;
text-align: right;
background: url(../../img/dottedLineH.gif) repeat-x left bottom;
margin-top: 14px;
height: 19px;
}
#left_clanak .linkBar a {
color: #686767;
text-decoration: none;
background: url(../../img/arrow.gif) no-repeat right 4px;
padding-right: 12px;
}
#left_clanak .linkBar a:hover {
color: #2c4d76;
text-decoration: underline;
}

/* +++ VEZANO ++++ */

/*+++ 	MIDDLE LEFT COL +++ */
#left_clanak {width:636px; float:left; position:relative; }
#left_clanak div.left_grupaL {width:426px; float:left; position:relative;  }
#left_clanak div.left_grupaL div {width:415px; float:left; position:relative; margin-bottom: 0px;} 
#left_clanak div.left_grupaL  p { font: 14px Georgia; color:#000000; line-height: 22px; margin-top:20px; text-align:justify !important;}
#left_clanak div.left_grupaL  p span { font-weight:bold; display:block;}
#left_clanak div.left_grupaL  p span.izdvojeni_paragraf {display:block; width: 140px; float:left; color:#2c4d76; text-align:center; padding: 18px 8px 10px 8px; line-height: 18px; font-style: italic;}
#left_clanak div.left_grupaL  p span.izdvojeni_paragraf a{ color:#2c4d76; }
#left_clanak div.left_grupaL  p img {/*float:right; width: 175px;*/ display:block; /*margin-top: 5px; margin-left: 10px;*/}
#left_clanak div.left_grupaL  p.donji_p { padding-top: 13px;}

#left_clanak div.left_grupaL p.podnaslov { width: 379px; background:#e8edf8; border-top: 1px solid #cfcfcf;  border-bottom: 1px solid #cfcfcf; 
padding: 0px 18px 2px 18px; margin:0; margin-top: 14px; font-family: "Trebuchet MS"; font-size: 12px; line-height:normal;}
#left_clanak div.left_grupaL p.podnaslov b { display:block;padding:6px 0pt 12px;font-size:14px;font-weight:bold; color: #2c4d76;}
#left_clanak div.left_grupaL div.podnaslov h4 {padding: 6px 0 12px 0;}
#left_clanak div.left_grupaL div.podnaslov h4 a {font-size: 14px; font-weight:bold; color: #2c4d76; }
#left_clanak div.left_grupaL div.podnaslov h4 a:hover {color: #2c4d76; text-decoration: underline;}

#left_clanak div.left_grupaL div#pagination { width: 397px; padding: 20px 0px 20px 18px; margin: 0 0 0 0; text-align: right; font-family: Georgia;
font-size: 12px; }
#left_clanak div.left_grupaL div#pagination p { width: auto; float:right; height: 24px; line-height: 24px;}
#left_clanak div.left_grupaL div#pagination p a { display: block; width: auto; float:left;   }
#left_clanak div.left_grupaL div#pagination p span {display: block; width: auto; float:left; margin: 0 5px; }
#left_clanak div.left_grupaL div#pagination p a.active { color: #686767;  }
#left_clanak div.left_grupaL div#pagination p a.link { color: #2c4d76; /*padding-right: 18px; background: url(../../img/strelicaPagination.gif) no-repeat center right;*/}
#left_clanak div.left_grupaL div#pagination p a.link:hover { color: #2c4d76; text-decoration: underline; }
#left_clanak div.left_grupaL div#pagination p span {font-size: 24px; color: #cccccc;  height: 24px; line-height: 24px;}


#left_clanak div.left_grupaL2 {width:426px; position:relative; float:left; }
#left_clanak div.left_grupaL2 div {width:415px; float:left; position:relative; margin-bottom: 0px;} 
#left_clanak div.left_grupaL2  p { font: 14px Georgia; color:#000000; line-height: 22px; margin-top:20px; text-align:justify !important;}
#left_clanak div.left_grupaL2  p span { font-weight:bold; display:block;}
#left_clanak div.left_grupaL2  p span.izdvojeni_paragraf {display:block; width: 140px; float:left; color:#2c4d76; text-align:center; padding: 18px 8px 10px 8px; line-height: 18px; font-style: italic;}
#left_clanak div.left_grupaL2  p span.izdvojeni_paragraf a{ color:#2c4d76; }
#left_clanak div.left_grupaL2  p img {/*float:right; width: 175px;*/ display:block; /*margin-top: 5px; margin-left: 10px;*/}
#left_clanak div.left_grupaL2  p.donji_p { padding-top: 13px;}

#left_clanak div.left_grupaL2 p.podnaslov { width: 379px; background:#e8edf8; border-top: 1px solid #cfcfcf;  border-bottom: 1px solid #cfcfcf; 
padding: 0px 18px 2px 18px; margin:0; margin-top: 14px; font-family: "Trebuchet MS"; font-size: 12px; line-height:normal;}
#left_clanak div.left_grupaL2 p.podnaslov b { display:block;padding:6px 0pt 12px;font-size:14px;font-weight:bold; color: #2c4d76;}
#left_clanak div.left_grupaL2 div.podnaslov h4 {padding: 6px 0 12px 0;}
#left_clanak div.left_grupaL2 div.podnaslov h4 a {font-size: 14px; font-weight:bold; color: #2c4d76; }
#left_clanak div.left_grupaL2 div.podnaslov h4 a:hover {color: #2c4d76; text-decoration: underline;}

#left_clanak div.left_grupaL2 div#pagination { width: 397px; padding: 20px 0px 20px 18px; margin: 0 0 0 0; text-align: right; font-family: Georgia; font-size: 12px; }
#left_clanak div.left_grupaL2 div#pagination p { width: auto; float:right; height: 24px; line-height: 24px;}
#left_clanak div.left_grupaL2 div#pagination p a { display: block; width: auto; float:left;   }
#left_clanak div.left_grupaL2 div#pagination p span {display: block; width: auto; float:left; margin: 0 5px; }
#left_clanak div.left_grupaL2 div#pagination p a.active { color: #686767;  }
#left_clanak div.left_grupaL2 div#pagination p a.link { color: #2c4d76; /*padding-right: 18px; background: url(../../img/strelicaPagination.gif) no-repeat center right;*/}
#left_clanak div.left_grupaL2 div#pagination p a.link:hover { color: #2c4d76; text-decoration: underline; }
#left_clanak div.left_grupaL2 div#pagination p span {font-size: 24px; color: #cccccc;  height: 24px; line-height: 24px;}


/* ### IMAGES WITHIN THE ARTICLE ### */
span.imgParagraphContainer_left
{
margin:5px 10px 7px 0px !important;
}
.imgParagraphContainer_right
{
margin:5px 0px 7px 10px !important;
}
span.imgParagraphContainer_left .imgDescription
{
font: 10px Georgia;
font-style: italic;
padding-top:5px;
text-align:left !important;
font-weight:normal !important;
line-height:1.4em !important;
}
span.imgParagraphContainer_right .imgDescription
{
font: 10px Georgia;
font-style: italic;
padding-top:5px;
text-align: right !important;
font-weight:normal !important;
line-height:1.4em !important;
}
/*+++ 	MIDDLE RIGHT COL +++ */

/*+++ 	alati +++ */
#left_clanak div.left_grupaR {width:191px; float:right; position:relative; margin-top: 10px;margin-bottom: 0px; padding: 0 0 0 0px;}
#left_clanak div.left_grupaR div.alati {float:left; width: 180px; position:relative; padding: 0 0 0 10px; margin: 0 0 20px 0px; border-left: 1px solid #cfcfcf; 
border-bottom: 1px solid #cfcfcf;}
#left_clanak div.left_grupaR div.alati h2 { font-weight: bold; }
#left_clanak div.left_grupaR div.alati p a { color:#2c4d76; font-size: 11px; background: url(../../img/alati_cloud.gif) no-repeat center left; padding-left:16px; display: block; width: 164px; margin: 0 0 10px 0;}
#left_clanak div.left_grupaR div.alati p a.share {background: url(../../img/alati_share.gif) no-repeat center left;}
#left_clanak div.left_grupaR div.alati p a.posalji {background: url(../../img/alati_send.gif) no-repeat center left;}
#left_clanak div.left_grupaR div.alati p a.rsss {background: url(../../img/alati_rss.gif) no-repeat center left;}
#left_clanak div.left_grupaR div.alati p a.print {background: url(../../img/alati_print.gif) no-repeat center left;}
#left_clanak div.left_grupaR div.alati p a.smanji {background: url(../../img/alati_smanji.gif) no-repeat center left;}
#left_clanak div.left_grupaR div.alati p a.broj {background: url(../../img/alati_broj.gif) no-repeat center left;}
#left_clanak div.left_grupaR div.alati p a:hover { text-decoration: underline;}

/*+++ 	kljucne +++ */
#left_clanak div.left_grupaR div.kljucne {float:left; width: 180px; position:relative; padding: 0 0 0 10px; margin: 0 0 20px 0px; border-left: 1px solid #cfcfcf; 
border-bottom: 1px solid #cfcfcf;}
#left_clanak div.left_grupaR div.kljucne h2 { font-weight: bold; }
#left_clanak div.left_grupaR div.kljucne p a { color:#2c4d76; font-size: 11px; background: url(../../img/clanak_bullet.gif) no-repeat left 7px; padding-left: 10px;  display: block; width: 160px; margin: 0 0 10px 6px;}
#left_clanak div.left_grupaR div.kljucne p a:hover { text-decoration: underline;}


#left_clanak div.left_grupaR div.title_back {width:100%; position:relative; height: .8em; margin-bottom: 12px; background-color:#ececec; }
#left_clanak div.left_grupaR div.title_back h2{color:#505050 !important; font-family: Trebuchet MS; font-size: 1.1em; font-weight:bold; display:inline; background:#fff; padding-right:5px;
position:absolute; top:-4px; left:0;}


/* ### MainPage - rotate articles ### START */

#firstArtImg
{
display:block;
opacity:1;
filter:alpha(opacity=100);
}
#secondArtImg
{
display:block;
opacity:0;
filter:alpha(opacity=0);
}
#firstTitle
{

}
#secondTitle
{
display:none !important;   
}
/* ### MainPage - rotate articles ### END */

/* #####   GRUPA  Start ##### */
#left_grupa {width: 657px; float: left; position:relative; margin: 0; padding: 0 10px 0 0px; margin: 0 0 0 0px; font-family: Trebuchet MS; border-right: 1px solid #cfcfcf; color: #000;}

/* domagoj 2.4.
#left_grupa img {
display: inline;
}
*/
#left_grupa a {
color: #2c4d76;
text-decoration: none;
}
#left_grupa a:hover {
text-decoration: underline;
}

/* domagoj 2.4. ## stavio top marginu na articleList i groupColumn */
#left_grupa .firstArticle {
/*margin-bottom: 22px;*/
}
#left_grupa .firstArticle h1 {
font: 22px Georgia;
color: #2c4d76;
margin-top:-3px;
}
#left_grupa .firstArticle p {
font-size: 11px;
line-height: 16px;
margin-bottom: 1px;
}
#left_grupa .firstArticle p img {
display: inline;	
}
#left_grupa .firstArticle  .firstImg {
float: left;
margin: 4px 8px 0 0;
}
#left_grupa .firstArticle ul { font: 10px Tahoma; padding: 0; margin: 0; zoom: 1;}
#left_grupa .firstArticle ul li { /*background:url(../../img/bullet.gif) no-repeat center left;*/ padding: 1px 0px 1px 0px; color:#2c4d76; }

#left_grupa .articleList 
{
clear:left;
margin-top:22px;
float: left;
margin-right:10px;
width:416px;
}
#left_grupa .articleList h2 {
font: 18px Georgia;
color: #2c4d76;
margin-bottom: 5px;
}
#left_grupa .articleList p {
font-size: 11px;
line-height: 16px;
margin-bottom: 1px;
}
#left_grupa .articleList p img {
display: inline;	
}
#left_grupa .articleList p .img {
float: left;
margin: 4px 6px 0 0;
}
#left_grupa .articleList ul { font: 10px Tahoma; padding: 0; margin: 0 0 20px 0; zoom: 1;}
#left_grupa .articleList ul li { /*background:url(../../img/bullet.gif) no-repeat center left; */ padding: 1px 0px 1px 0px; color:#2c4d76; }

#left_grupa .bottomArticles {
margin: 8px 0 10px 0;
padding-top: 15px;
}
#left_grupa .bottomArticles ul {
list-style: none;
font: bold 11px Trebuchet MS;
margin-top: -2px;
}
#left_grupa .bottomArticles ul li {
color: #2c4d76;
background: #fff5df;
padding:4px 10px;
}
#left_grupa .bottomArticles ul li a {
line-height: 15px;
}
#left_grupa .bottomArticles ul li.alternating {
background: #f7e9cb;
}

#left_grupa .bottomArticles .listMore {
font-weight:bold;
}

#left_grupa .bottomArticles .listMore a {
display:block;
margin-left: 42px;
}

#left_grupa .bottomArticles .listMore span 
{
float:left;
color:#a9a9a9;
}

#left_grupa .groupColumn {
width: 231px;
float: left;
padding-top: 4px;
margin-top:22px;
color: #000;
position: relative;
overflow: hidden;
}
#left_grupa .groupColumn .commentsBox {
border-left: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
padding: 0 0 15px 10px;
margin-bottom: 20px;
background: #fff5df;
}
#left_grupa .groupColumn .commentsBox h4 {
font: bold 11px Trebuchet MS;
color: #505050;
text-transform: uppercase;
background: #dedede;
line-height: 8px;
margin-bottom: 3px;
zoom: 1;
}
#left_grupa .groupColumn .commentsBox h4 span {
background: #fff5df;
padding-right: 6px;
}
#left_grupa .groupColumn .commentsBox .columnName {
font: 9px Trebuchet MS;
color: #535353;
text-transform: uppercase;
}
#left_grupa .groupColumn .commentsBox h2 {
font: 16px Georgia;
color: #2c4d76;
margin: -2px 0 0 0;
height: 73px;
width: 128px;
}
#left_grupa .groupColumn .commentsBox p {
font: 11px Trebuchet MS;
margin-bottom: 10px;
line-height: 16px;
}
#left_grupa .groupColumn .commentsBox .author {
font: 11px Georgia;
font-style: italic;
}
#left_grupa .groupColumn .commentsBox .authorImg {
position: absolute;
top: -16px;
right: 1px;
}

#left_grupa .groupColumn .forumBox {
border-left: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
padding: 0 0 10px 10px;
margin-bottom: 20px;
background: #fff;
font: 10px Trebuchet MS;
}

#left_grupa .groupColumn .forumBox dd {

}
#left_grupa .groupColumn .forumBox dd p {
color: #313131;
line-height: 14px;
}
#left_grupa .groupColumn .forumBox dd p span {
font: 9px Tahoma;
color: #535353;
}

#left_grupa .groupColumn .forumBox dt {
margin-top:12px;
}

#left_grupa .groupColumn .forumBox h4 {
font: bold 11px Trebuchet MS;
color: #505050;
text-transform: uppercase;
background: url(../../img/boxH4Bg.gif) repeat-x center;
line-height: 14px;
/*margin-bottom: 12px;*/
zoom: 1;
}
#left_grupa .groupColumn .forumBox h4 span {
background: #fff;
padding-right: 6px;
}

#left_grupa .groupColumn .forumBox dl a {
font-size:10px;
font-weight:bold;
}

#left_grupa .groupColumn .forumBox dl .forum_profil {

font-weight:normal;
}

#left_grupa .groupColumn .mostArticlesBox {
border-left: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
padding: 0 0 10px 10px;
margin-bottom: 20px;
background: #fff;
font: 11px Trebuchet MS;
}
#left_grupa .groupColumn .mostArticlesBox h4 {
font: bold 11px Trebuchet MS;
color: #505050;
text-transform: uppercase;
background: url(../../img/boxH4Bg.gif) repeat-x center;
line-height: 14px;
margin-bottom: 12px;
zoom: 1;
}
#left_grupa .groupColumn .mostArticlesBox h4 span {
background: #fff;
padding-right: 6px;
}
#left_grupa .groupColumn .mostArticlesBox ol {
list-style-position: outside;
list-style-type: decimal;
padding-left: 23px;
margin-bottom: 10px;
zoom: 1;
}
#left_grupa .groupColumn .mostArticlesBox ol li {
font: 12px Georgia;
color: #333333;
padding: 0 0 6px 0;
line-height: 13px;
}
#left_grupa .groupColumn .mostArticlesBox ol li a {
font: 11px Trebuchet MS;
}
#left_grupa .groupColumn .mostArticlesBox a.linkRss {
color: #686767;
float: left;
background: url(../../img/rss.gif) no-repeat left;
padding-left: 16px;
}

#left_grupa .groupColumn .mostArticlesBox a.linkAll {
color: #686767;
float: right;
background: url(../../img/arrow.gif) no-repeat right;
padding-right: 12px;
}

/* ##### Grupa END ##### */