ol {
font-size:14px;
}

ol li, ul li {
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding-top:0;
padding-bottom:12px;
margin:0;
}

.nospace {
padding-bottom:2px;
}

.style1,.style3,.navnum {
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:0;
}

.style1 {
padding:8px;
}

.style2 {
color:#ba161c;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
margin:0;
}

.style4 {
color:#ba161c;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

.navnum {
font-size:10px;
}

a.navnum {
color:#ba161c;
text-decoration:none;
}

a.navnum:hover {
text-decoration:underline;
}

.head {
font-size:16px;
margin:0;
padding:8px;
}

h4,h5 {
padding-left:8px;
padding-top:3px;
padding-bottom:6px;
font-size:14px;
margin:0;
}

h4 {
padding-top:6px;
font-size:16px;
}

ol,ul,a,.MsoEndnoteReference,.head,.link,h4,h5 {
color:#ba161c;
}

a.link2 {
color:white;
font-size:16px;
text-align: center;
}

/****
author - Jim Davis
***/

body,html {
  padding          : 0;
  margin           : 0;
  margin-bottom    : 0px;
}

#body_bg{
background     : #000000;
}

.main { 
  background: #000000;
  text-align       : left; 
  margin           : 0px,20px,0px,20px; 
  padding-left          : 10px; 
}


.mod {
  background       : #000000;
  width            : 2px;
}

.leftside {
background-color:#000;
background-image:url(../images/side_left.jpg);
background-repeat:repeat-y;
background-position:right top;
}

.rightside {
background-color:#000;
background-image:url(../images/side_right.jpg);
background-repeat:repeat-y;
background-position:right top;
}

.border {
background-color:#ba161c;
}

td, tr, p, div {
  font-family      : Arial, Verdana, Tahoma, Helvetica, sans-serif;
  font-size        : 12px;
  color            : #ffffff;
}
hr {
  color            : #999999;
  height           : 1px;
  width            : 100%;
}

form {
margin           : 0; 
padding          : 0;
}


.leftrow {
  width            : 169px;
  height           : 100%;
  margin-right     : 0;
  background       : #fff;

}

.rightrow {
  height           : 100%;
  width            : 169px;
  margin-left      : 0;
  background       : #fff;

 }

.back_button {
  color            : #999999;
  font-family      : Tahoma, Arial, Verdana,  Helvetica, sans-serif;
  font-size        : 11px;
  font-weight      : normal;
  padding-bottom   : 3px;
  margin-right     : 4px;
  float            : right;
  line-height      : 20px;
  }

.button {
  font-size        : 11px;
  color            : #333333;
  border           : 1px solid #B4C1D1;
  margin           : 3px;
  background-color : #EAECEE;
  padding          : 2px !important;
  padding          : 1px;
  cursor           : pointer;
}

.inputbox {
 color        : #000000;
 background   : #ffffff;
 border       : 1px solid #B4C1D1;
 margin       : 3px;

}

h1 {font-size        : 18px;
    color            : #3B5576;
    margin           : 5px 0;
}

h2 {font-size        : 16px;
    color            : #666666;
    margin           : 5px 0;
}

h3 {font-size        : 14px;
    color            : #3B5576;
    margin           : 5px 0;
}

form#form-login{
	background: #F1F4F6;
	color: #fff;
	margin: 5px 0 15px 0;
	text-align:left
      }

form#form-login fieldset{
border: none;
}

form#form-login fieldset label {}
form#form-login ul a
{}



.contact_email  {
  width            : 100%;
}

.contact_email .inputbox {
  width            : 345px;

}

table.moduletable, table.moduletable_menu, table.moduletable_text {
	margin           : 0 0 8px 0;
	width            : 100%;
      background       : url(../images/mod_bottom.gif) #F8F9FA repeat-x bottom left; 
      padding-bottom   : 2px;
	}

table.moduletable th, table.moduletable_menu th, table.moduletable_text th{
      
    font-family          : Tahoma, Arial, Verdana,  Helvetica, sans-serif;
	font-size          : 12px;
	font-weight        : bold;
	text-align         : left;
	width              : 100%;
      background         : url(../images/mod.gif) #E7EAEC repeat-x top left; 
      color              : #536570;
	padding            : 2px;
      text-indent        : 10px;
	line-height        : 22px;
       border-bottom: 1px solid #D2D5D8;
	    
	}

table.moduletable td, table.moduletable_menu td{
    padding-top: 2px;
   
    	}

.lcol table.moduletable th, .lcol table.moduletable_menu th, .rcol table.moduletable th, .rcol table.moduletable_menu th{
      
      background         : url(../images/mod_lr.gif) #6D8DB5 repeat-x top left; 
      color              : #F6F7F9;
	
	    
	}

.sectiontableheader {
  font-size        : 12px;
  font-weight      : normal;
  text-transform   : uppercase;
  letter-spacing   : 1px;
  background         : url(../images/mod_lr.gif) #6D8DB5 repeat-x top left; 
  color              : #F6F7F9; 
  padding          : 3px;
}

td.sectiontableheader a {
color              : #F6F7F9;
}

.sectiontableentry1 {
  vertical-align   : top;
  padding          : 3px;
  border-bottom    : 1px solid #ffffff;
  line-height      : 24px;

}

.sectiontableentry2 {
  vertical-align   : top;
  padding          : 3px;
  border-bottom    : 1px solid #ffffff;
  line-height      : 24px;
  }

.sectiontableentry1 img{
 
padding-top: 3px !important;
padding-top: 1px;
}

.sectiontableentry2 img{
 padding-top: 3px !important;
 padding-top: 1px;

}

a:link, a:visited {
  
  color            : #ba161c;
  text-decoration  : none;
  font-weight      : bold;
}

a:hover {
  color            : #999999;
  text-decoration  : none;
  font-weight      : bold;
}



a.category:link, a.category:visited {
  font-size        : 11px;
  font-weight      : bold;
}

a.readon:link, a.readon:visited {
  color            : #999999;
  font-family      : Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/readon.gif) no-repeat;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0 3px 18px;
  float            : right;
  line-height      : 10px;
  text-decoration  : underline;
}

a.readon:hover {
  color            : #4B6B94;
  font-family      : Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size        : 11px;
  background       : url(../images/readon.gif) no-repeat;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0 3px 18px;
  line-height      : 10px;
  text-decoration  : underline;
}

ul {
  margin           : 2px;
  padding-left     : 10px;
  list-style       : none;
}

li {
  
  line-height      : 15px;
  padding-left     : 10px;
  padding-top      : 0;
  background-image : url(../images/strelka.gif) ;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}

table.contenttoc {
  border           : 1px solid #dcdcdc;
  background       : #F1F1F1;
  padding          : 5px;
  margin-left      : 2px;
  margin-bottom    : 2px;
}

.pagenavcounter {
  font-size        : 10px;
  color            : #4B6B94;
}

.pagenavbar {
  border-top       : 1px solid #999999;
  padding          : 2px;
}

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; } 

a.pagination:link, a.pagination:visited {
  font-size        : 11px;
  color            : #999999;
  text-decoration  : none;
}

a.pagination:hover {
  font-size        : 11px;
  color            : #4B6B94;
  text-decoration  : none;
}

div.date {
  float:right;
  font-size        : 11px;
  font-weight      : bold;
  color            : #707070;
  width: 140px;
  text-align: right;
}

div.pw {
  float:left;
  width: 580px;
}

.small {
  font-size        : 10px;
  color            : #333333;
}

.smalldark {
  font-size        : 10px;
  color            : #333333;
}

.createdate, .modifydate {
  float            : left;
  font-size        : 10px;
  color            : #666666;
  font-weight      : bold;
}

.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
}

.content_rating {
  font-size        : 10px;
  color            : #999999;
}

.pathway {
  font-size        : 11px;
  color            : #333333;
  }

a.pathway:link, a.pathway:visited {
  font-size        : 11px;
  padding-left     : 0;
}

a.pathway:hover {
  font-size        : 11px;
  padding-left     : 0;
}

table.content{
  width            : 100%;
  padding          : 0;
  border-collapse  : collapse;
  border-spacing   : 0;
  margin-bottom    : 10px;
}

table.contentpane {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}

table.contentpaneopen {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}

.poll {
	color : #333333;
	line-height : 12px;
	font-weight: normal;
      
}

.pollstableborder{
  border-color     : #999999;
  text-align: left;
}

.contentheading, .componentheading {
  font-size        : 16px;
  font-weight      : bold;
  line-height      : 16px;
  text-transform   : uppercase;
  text-align       : left;
  text-indent      : 0;
  color            : #ba161c;
  width            : 100%;
  padding          : 1px;
  margin-top: 3px;
  padding-bottom: 5px;
  }

td.article_column{
padding-right: 5px;
}

.footer {
  font-size        : 11px;
  font-weight      : normal;
  height           : 31px;
  border-top       : 1px solid #cccccc;
 
 }

.lcol {
   vertical-align   : top;
   background       : #ffffff;
   padding-top: 5px;
   border-left       : 1px solid #cccccc;
   padding-left: 3px;

}

.rcol {
   vertical-align   : top;
   background       : #ffffff;
   padding-top: 5px;
   border-right       : 1px solid #cccccc;
   padding-right: 3px;

}

.foot {
  background       : none;
  vertical-align   : top;
  
}


.contentdescription { 
  width          : auto !important;
  margin         : 0;
  padding        :  0;
  padding-top    : 5px;
  text-align     : left;
}

td.top1{
margin: 0;
padding:  0;
height: 28px !important;
height: 25px;
padding-top:  0px !important;
padding-top:  3px;
padding-left: 2.5%;
padding-right: 2.5%;
background		: url(../images/shadow.jpg) #ffffff repeat-x top;

}

table.top2{
background : #ffffff;

}

#searchbox {
  margin           : 0;
  padding          : 0;
  margin-top       : 13px;
  margin-left      : 10px;
  width            : 130px;
  font-size        : 11px;
  color            : #707070;
  padding          : 2px !important;
  padding          : 1px; 
  border           : 1px solid #cccccc;
  background       : none;
  
   }

table.topnav {
  margin : 0px;
  padding:  0px;
  background     : url(../images/menu-bg.jpg) #ffffff;
  height         : 50px;
  width          : 740px;
  
 }

table.bottomnav {
  margin : 0px;
  padding:  0px;
  background     : url(../images/menubottom-bg.jpg) #ffffff;
  height         : 100px;
  width          : 740px;
  
 }

td.bgline {
  margin : 0px;
  padding:  0px;
  background     : url(../images/s.gif) repeat-y;
  width          : 7px;
 }


 #mainlevel-nav {
  font-size        : 12px;
  list-style       : none;
  padding          : 0 0 0 20px;
  margin           : 0 0 0 20px;
  margin-left      : 20px;
 
}

#mainlevel-nav li {
  float            : left;
  display          : block;
  list-style       : none;
  background-image : none;
  padding-left     : 2px;
  padding-right    : 2px;
  margin           : 0;
  width            : auto !important;
  font-size        : 12px;
  line-height      : 28px;
  white-space      : nowrap;

}
#mainlevel-nav li a {
  
  padding-left     : 9px;
  padding-right    : 9px;
  font-size        : 12px;
  color            : #000033;
  text-decoration  : none;
  
}

#mainlevel-nav li a:hover {
  font-size        : 12px;
  color            : #ba161c;
    
}

.blog_more {
margin   : 10px 0 7px 7px;
}

.buttonheading {
padding  : 0 2px;
}

span.article_separator {
display:none;
height:0;
margin:0;
padding:0;
width:0;
}

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }

div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #666; }

.caption {border: 1px solid #CCC; padding: 3px;}

/*  Main Menu */
table.moduletable_menu ul, table.moduletable_menu ul li
{
  background-image: none;
  list-slyle:none;
  display           : block;
  width             : auto;
  margin           : 1px 0px;
  padding          : 0;
  font-size        : 12px;
  background       : none;
  

}



table.moduletable_menu ul li a, table.moduletable_menu ul li a:link, table.moduletable_menu ul li a:visited
{
  display          : block;
  font-size        : 12px;
  font-weight      : normal;
  padding          : 2px 10px;
  color            : #000000;
  font-weight      : bold;
  padding-left     : 10px;

}

table.moduletable_menu ul li a:hover
{
  border           : 1px solid #B4C1D1;
  background-color : #E2E5EA;
  font-size        : 12px;
  font-weight      : normal;
  color            : #4B6B94;
  text-decoration  : none;
  padding-left     : 10px;

}
table.moduletable_menu ul li.active a:link, table.moduletable_menu ul li.active  a:visited
{
  color            : #4B6B94;
  border           : 1px solid #B4C1D1;
  background-color : #E2E5EA;
  font-weight      : bold;
}



table.moduletable_menu ul li ul li a:link, table.moduletable_menu ul li ul li a:visited, table.moduletable_menu ul li ul li ul li a:link, table.moduletable_menu ul li ul li ul li a:visited
{
   display          : block;
   font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size        : 11px;
   font-weight      : bold;
   color            : #999999;
   padding    	  : 3px 1px 3px 5px;
   margin		  : 3px;
   text-decoration  : none;
   padding-left     : 15px;
   border: none;
}

table.moduletable_menu ul li ul li a:hover, table.moduletable_menu ul li ul li ul li a:hover
{ background:none;
  font-size        : 11px;
  font-weight      : normal;
  color            : #666666;
  text-decoration  : none;
  padding-left     : 15px;

}

table.moduletable_menu ul li.active ul li a:link, table.moduletable_menu ul li.active ul li a:visited, table.moduletable_menu ul li.active ul li ul li a:link, table.moduletable_menu ul li.active ul li ul li a:visited
{
   display          : block;
   font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size        : 11px;
   font-weight      : bold;
   color            : #999999;
   padding    	  : 3px 1px 3px 5px;
   margin		  : 3px;
   text-decoration  : none;
   padding-left     : 15px;
   border: none;
}

table.moduletable_menu ul li.active ul li a:hover, table.moduletable_menu ul li.active ul li ul li a:hover
{ background:none;
  font-size        : 11px;
  font-weight      : normal;
  color            : #666666;
  text-decoration  : none;
  padding-left     : 15px;

}

table.moduletable_menu ul li.active ul li#current a
{ background:none;
  font-size        : 11px;
  font-weight      : bold;
  color            : #6284B0;
  text-decoration  : none;
  padding-left     : 15px;

}

A.bottommenuitem1 {
display:block;
font-size:1px;
height:85px;
width:148px;
text-decoration:none;
background-image:url(../images/bottommenuitem1.jpg);
}

A.bottommenuitem1:hover {
background-position:-148px 0;
}

A.bottommenuitem2 {
display:block;
font-size:1px;
height:85px;
width:123px;
text-decoration:none;
background-image:url(../images/bottommenuitem2.jpg);
}

A.bottommenuitem2:hover {
background-position:-123px 0;
}

A.bottommenuitem3 {
display:block;
font-size:1px;
height:85px;
width:175px;
text-decoration:none;
background-image:url(../images/bottommenuitem3.jpg);
}

A.bottommenuitem3:hover {
background-position:-175px 0;
}

img {
 border: 0px;
}

td.flags{
  height: 20px;
  padding-bottom: 20px;
  margin-top: 0px;
}



/****************** Dropdown Menu styling starts here **************/
.menusan
{
 /* use these params to positions your menu */
 position: relative;
 left: 0px;
}
 
.menusan, .menusan li, .menusan li ul { /* all lists */
 padding: 0;
 margin: 0;
 list-style: none;
}
 
.menusan li a {
 display: block;
 width: 245px; 
 color:#000000 ;
 background-color:#ffffff;
 border:3px solid #ffffff;
 text-decoration:none;
font-size:12px;
}
 
.menusan li { /* all list items */
 float: left;
 width: 245px; /* width needed or else Opera goes nuts */
 border-bottom:0px solid #ccc;
}
 
.menusan li ul { /* second-level lists */
 position: absolute;
 width: 100px;
 left: -98%; /* using left instead of display to hide menus because display: none isn’t read by screen readers */
}
 
.menusan li a:hover {
 border:3px solid #ffffff;
 background-color:#ffffff;
 color:#d20000;
}
 
.menusan li:hover ul, .menusan li.sfhover ul  { /* lists nested under hovered list items */
 left: 500px; /* change is to 50px, 20px, etc for indenting the sub menue */
}
/* **************** Dropdown Menu styling end here ***************/


/*   SUCKERFISH MENU */

/*suck*/
#suck{
width:100%;
margin:0 auto;
height:30px;

}
#sl{
margin:0 auto;
text-align:center;
height:30px;
}
#sr{
width:100%;
height:30px;
text-align:left;
}
#navigacija{
height: 30px;
width:auto;
text-align:left;
float:left;
margin-left:10px;
font-family: "Verdana", "Arial", sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size:14pt;
}
#navigacija a {
color: #000000;
}
#navigacija  a:hover{
color: #d20000;
}
#navigacija li li {
border-top: 1px solid #000000;/*light*/
border-bottom: 1px solid #000000;/*dark*/
}
#navigacija li.active {
}
#navigacija li.active span {
}
#navigacija li.active a {
color: #000000;

}
#navigacija li:hover span,
#navigacija li.sfHover span {
}
#navigacija li:hover a,
#navigacija li.sfHover a {

}
#navigacija li:hover span.topdaddy,
#navigacija li.sfHover span.topdaddy {
}
#navigacija li:hover span.topdaddy a,
#navigacija li.sfHover span.topdaddy a {
color: #d20000;/*dodao*/
}
#navigacija li:hover ul,
#navigacija li.sfHover ul {
background: #ffffff;
}
#navigacija li li:hover,
#navigacija li li.sfHover {
background: #ffffff;
}
#navigacija li:hover li a.daddy,
#navigacija li.sfHover li a.daddy,
#navigacija li.active:hover li a.daddy,
#navigacija li.active.sfHover li a.daddy {
background: url(../images/suckli.gif) 100% 50% no-repeat;
}
/*drugi dio*/
.nav, .nav * {
margin:0;
padding:0;
}
div#navigacija {  
position: relative;
z-index: 50;
}
div#navigacija .wrapper {
position: relative;
}
#navigacija li li {
margin: 0;
}
div#navigacija li li span,
div#navigacija li.active li span,
div#navigacija li:hover li span {
background:none;
}
.nav {
line-height:1.0;
float:left;
margin-bottom:1.5em;
position: relative;
}
.nav ul {
background:#fff; 
padding: 0;
}
.nav li {
float:left;
list-style:none;
position:relative;
background:none;
font-size:12px;
}
.nav li li a {
display:block;
padding: 0;
text-decoration:none;
background-image: none;
float:none;
width:177px;
}
div#navigacija li li a {
height: 28px;
line-height: 28px;
background-image: none;
}
div#sonja li:hover {background-position: 0 0;}
div#navigacija li:hover li,
div#navigacija li.sfHover li,
div#navigacija li.active:hover li,
div#navigacija li.active.sfHover li,
div#navigacija li:hover li span,
div#navigacija li.sfHover li span {
background-image: none;
}
div#navigacija li:hover li a,
div#navigacija li.sfHover li a,
div#navigacija li.active:hover li a,
div#navigacija li.active.sfHover li a {
background-image: none;
}
.nav li ul {
float:none;
left:-999em;
position:absolute;
width: 190px;
z-index: 5;
border: 1px solid #232323;
}
.nav li:hover ul,
.nav li.sfHover ul {
left:0px;
top: 28px;
}
.nav li:hover li ul,
.nav li.sfHover li ul,
.nav li li:hover li ul,
.nav li li.sfHover li ul,
.nav li li li:hover li ul,
.nav li li li.sfHover li ul {
top:-999em;
}
.nav li li:hover ul,
.nav li li.sfHover ul,
.nav li li li:hover ul,
.nav li li li.sfHover ul,
.nav li li li li:hover ul,
.nav li li li li.sfHover ul {
left: 190px;
top:0px;
width: 190px;
}
.nav li li {
position: relative;
float:none;
width: 190px;
}
/*treci dio*/
#navigacija ul {
list-style: none;
margin: 0;
padding: 0 0 0 0px;
}
#navigacija li {
display: block;
float: left;
margin: 0;
margin-right: 0px;
padding: 0;
}
#navigacija li span {
display: block;
float: left;
}
#navigacija a {
display: block;
float: left;
height: 28px;
line-height: 28px;
padding: 0 15px;
font-weight: normal;
}
#navigacija li li a {
font-size: 12px;
padding: 0 15px;
color:#000000;
}
#navigacija a:hover {
text-decoration: none;
}
#navigacija li:hover,
#navigacija li.sfHover {
background: none;	
}