@charset "utf-8";

@media screen, projection
{
  /*-------------------------------------------------------------------------*/

  /* Marginal areas & page background */
  body {
	padding: 0;
	background-image: url(../images/bg.png);
	background-color:#5d5d5d;
	color: #333;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-position: center top;
}
  p {padding:0 0 10px 0;margin:0}
  /* Layout Alignment */
  .page_margins { margin: 0 auto; }

   a{color: #AE0000;text-decoration:none;}
   a:hover{color: #FF0909;text-decoration: underline;}
   img{border-style: none;
	border-color: inherit;
	border-width: 0px;

}
  /* Layout Properties */
  .page_margins { width: 980px;  }
  #header {
	color: #000;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	height: 140px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
  #nav {
	overflow:hidden;
	height:40px;
	background-image: url(../images/nav_bg_1.jpg);
	background-repeat: repeat-x;
	border-top: #666 1px solid;
	border-bottom: #666 1px solid;
}
  div.hlist
	{
		text-align: left;
	}
  #main {
	margin:0;
	padding:0;
	background-image: url(../images/body_pattern.gif);
	background-repeat: repeat;
	padding: 5px 0;
	
	
}
  #footer { padding: 2px 20px; color:#666; background: #f9f9f9; border-top: 5px #efefef solid; text-align:center;}

  /* navigation: horizontal adjustment  */


  /*-------------------------------------------------------------------------*/
  /**
   * (en) Formatting content container
   */

  .coll { float: left; width: 215px;  margin:0 }
  .colr { float: right; width: 215px;  margin:0 }
  .colc1 { width: auto; margin: 0 215px 0 215px}
  .colc2 { width: auto; margin: 0 215px 0 0;}
  .coll_content {
	padding: 0 5px 0 10px
}
  .colr_content {
	padding: 0 10px 0 5px
}
  .colc_content { padding: 0 0 0 10px }
	
  /*-------------------------------------------------------------------------*/

  .page_margins {
    border: 1px solid #666;
    background-image:  url(../../images/gfxborder/border_left.gif);
    background-repeat:repeat-y;
    background-position:left;
	padding: 0;
  }

  .page {
    border: 0 none;
    margin: 0px;
    background-image:  url(../../images/gfxborder/border_right.gif);
    background-repeat:repeat-y;
    background-position:right;
  }


  #border-top {
    overflow:hidden;
    width: auto;
    height: 20px;
    font-size:0;
    margin-bottom: -15px;
    background-image:  url(../../images/gfxborder/border_top.gif);
    background-repeat:repeat-x;
    background-position:top left;
  }

  #border-bottom {
    overflow:hidden;
    width: auto;
    height: 20px;
    margin-top: -15px;
    font-size:0;
    background-image:  url(../../images/gfxborder/border_bottom.gif);
    background-repeat:repeat-x;
    background-position:bottom left;
  }

  #edge-tl {
    float:left;
    width: 20px;
    height: 20px;
    font-size:0;
    background-image:  url(../../images/gfxborder/corner_tl.gif);
    background-position: top left;
  }

  #edge-tr {
    position:relative; /* IE Fix | z-index */
    float:right;
    width: 20px;
    height: 20px;
    font-size:0;
    background-image:  url(../../images/gfxborder/corner_tr.gif);
    background-position: top right;
  }

  #edge-bl {
    float:left;
    width: 20px;
    height: 20px;
    background-image:  url(../../images/gfxborder/corner_bl.gif);
    background-position: bottom left;
  }

  #edge-br {
    position:relative; /* IE Fix | z-index */
    float:right;
    width: 20px;
    height: 20px;
    background-image:  url(../../images/gfxborder/corner_br.gif);
    background-position: bottom right;
  }

  .mod_red_small  {
	width:200px;
	background-color: #FFF;
	background-image: url(../images/mod_r_bg.jpg);
	background-repeat: repeat-x;	
	border: 1px #bcbcbc solid;
	margin-bottom: 20px
  }
  
  .mod_red_small h1 {
	margin:0;
	padding: 4px 10px 0 10px;
	height:35px;
	font-size: 13px;
	color: #FFF;
	background-image: url(../images/mod_r_200.jpg);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
  }

  .mod_gray_small  {
	width:200px;
	background-color: #FFF;
	background-image: url(../images/mod_r_bg.jpg);
	background-repeat: repeat-x;	
	border: 1px #bcbcbc solid;
	margin-bottom: 20px
  }
  
  .mod_gray_small h1 {
	margin:0;
	padding: 4px 10px 0 10px;
	height:35px;
	font-size: 13px;
	color: #FFF;
	background-image: url(../images/mod_g_200.jpg);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
  }
  
  .mod_red_big  {
	width:750px;
	background-color: #FFF;
	background-image: url(../images/mod_r_bg.jpg);
	background-repeat: repeat-x;	
	border: 1px #bcbcbc solid;
	margin-bottom: 20px
  }
  
  .mod_red_big h1 {
	margin:0;
	padding: 4px 10px 0 10px;
	height:35px;
	font-size: 13px;
	color: #FFF;
	background-image: url(../images/mod_r_750.jpg);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
  }  
  .mod_gray_big  {
	width:750px;
	background-color: #FFF;
	background-image: url(../images/mod_r_bg.jpg);
	background-repeat: repeat-x;
	border: 1px #bcbcbc solid;
	margin-bottom: 20px;
  }
  
  .mod_gray_big h1 {
	margin:0;
	padding: 4px 10px 0 10px;
	height:35px;
	font-size: 13px;
	color: #FFF;
	background-image: url(../images/mod_g_750.jpg);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
  }    
  .mod_gray_mid  {
	background-color: #FFF;
	background-image: url(../images/mod_r_bg.jpg);
	background-repeat: repeat-x;
	border: 1px #bcbcbc solid;
	margin-bottom: 20px;
  }
  
  .mod_gray_mid h1 {
	margin:0;
	padding: 4px 10px 0 10px;
	height:35px;
	font-size: 13px;
	color: #FFF;
	background-image: url(../images/mod_g_750.jpg);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
  }      
  
    .mod_news_home {
	width:450px;
	height:335px;
	float:left;
	background-color: #FFF;
	background-image: url(../images/mod_r_bg.jpg);
	background-repeat: repeat-x;	
	border: 1px #bcbcbc solid;
	margin-bottom:10px;
  }
    .mod_score_home {
	width:286px;
	height:335px;
	float:left;
	background-color: #FFF;
	background-image: url(../images/mod_r_bg.jpg);
	background-repeat: repeat-x;	
	border: 1px #bcbcbc solid;
	margin-bottom:10px;
	margin-left:10px;
  }
   .mod_score_home h1{
	margin:0;
	padding: 4px 10px 0 10px;
	height:35px;
	font-size: 13px;
	color: #FFF;
	background-image: url(../images/mod_g_286.jpg);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
  }
   .mod_content { padding: 0px 10px 5px 10px; }
   .rowdist{height:0px; margin-bottom:10px; clear:both;}
   .right{text-align: right;}
   .left{text-align: left;}
   .center{text-align:center;}

.newsimg
{
	float:left;	
	margin:0 10px 10px 3px;
	border: solid 1px #BCBCBC;
	padding:2px;
}
.mod_content img
	{
		vertical-align: middle;		
	}

.mod_content ul 
{
	margin:0;
	padding:0;
	list-style: none;
	line-height: normal;
}

.mod_content ul li {
	margin-bottom: 13px;
	font-size: 12px;
}

.mod_content small {
	font-size: 10px;
	color: #808C96;
}
.smallb {
	font-size: 9px;
	color: #111;
}
/*news scroller*/
.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}
.mask3{
	float:left;
	position:relative;
	width:250px;
	height:330px;
	overflow:hidden;
}
span img{
	display:block;
	border:none;
	margin-right:5px;
}
#box4{
	position:absolute;
}
#box4 div{
	width:250px;
	height:330px;
	float:left;
}
.shortnews{
float:left; width:180px;
    height: 246px;
}
.snspan
	{		
		width: 100%;
		display:inline-block;
		clear:both;
	}
#box4 h3, #box4 p, #box4 ul{
	padding:0px 3px;
	font-size:12px;
}
#box4 h3
	{
		font-weight: bold;
		font-size: 14px;
		color: #D90000;
	}
#box4 p
	{
		text-indent: 16px;
		margin-right: 10px;
		font-size: 11px;
		text-align: justify;
	}
#box4 img{
	width:230px;
	clear:both;
	margin:0 3px 3px 3px;
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}


h1{color:#0061CA;text-align:center;padding-bottom:10px}
h2{color:#AE0000;font-size:16px; margin:0 0 8px 0;}
h3{font-size:12px;margin:4px 0 10px 0;}
pre{background:#666; color:#fff; padding:10px; margin:10px; height:auto; overflow:auto; font:12px Verdana,Courier,sans-serif}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}



.buttons{padding:10px 0 0 0 ;}
.buttons span
	{
		border: 1px solid #CCCCCC;
		color: #000000;
		padding: 0;
		margin: 4px 0;
		cursor: pointer;
		font: 10px Arial;
		background-color: #F3F3F3;
	}
.buttons span.active, .buttons span:hover
	{
		background: #666666;
		color: #FFFFFF;
	}

/*Мени****************************/
/* this is the main UL element*/
.dropdown{
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	
}

/* these are the inner menus*/
.dropdown ul{
	margin:0;
	padding:0;	
	list-style:none;
}

/* these are all the LIs in the menu*/
.dropdown li{
	margin:0;
	cursor:pointer;
	height:40px;
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;	
	
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a{
	text-decoration:none;
	color:#FFFFFF;
	width:100%;
	line-height:40px;
}

.dropdown a:hover{
	/*text-decoration:underline;*/
}

/* these are the LIs that only belong to submenu*/
.dropdown ul li{
	margin-left:-1px;
	background-color:#999;

	height:20px;
	padding:0px 5px;

}
.dropdown ul li a{
	margin-top:0px;
	line-height:20px;
}

/* these are the LIs that contains a submenu*/
.dropdown li.submenu-down{		
	background-color:#999;
}
.menuspan{padding: 0px 25px;}
.homemenu{	background:url(../images/home_btn.jpg) left; width:50px; padding:0px 0px; margin:0;
	}
.homemenu a:hover{	background:url(../images/home_btn.jpg) right; width:50px; padding:0;
	}	
.graymenu{	background:url(../images/ponuda_btn.jpg) right top; padding:0px 0px;
	}
.graymenu a:hover{	background:url(../images/ponuda_btn.jpg) right bottom; padding:0px 0px;
	}	
.menudivg{ background:url(../images/graynavborder.jpg) no-repeat; width:4px; height:40px; padding: 0;
}
.redmenu{	background:url(../images/nav_bg.jpg)  right top; padding:0px 0px;
	}
.redmenu a:hover{	background:url(../images/nav_bg.jpg) right bottom; padding:0px;
	}
/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown li.submenu-left{
	background:#999 url('expand_right.gif') center right no-repeat;
	padding-right:20px;
	width:105px;	
}

/* TABELA I pomosni DIV-ovi */

.tabela
{	
	font-family: "Arial", "Lucida Grande", Sans-Serif;
	font-size: 11px;	
	text-align: left;
	border-collapse: collapse;
}

.tabela th
{
	font-size: 12px;
	font-weight: normal;
	padding: 8px 2px;
	background: url('../images/th1.png') repeat-x;
	border-top: 2px solid #fff;
	border-bottom: 1px solid #fff;
	white-space:nowrap;
	color: #fff;
}
.tabela th.bigacc
    {
        background-position: url( '../images/th1.png' ) repeat-x;
        padding: 1px;
        border-bottom: 1px solid #fff;
        color: #ffffff;
        border-top: 1px solid #fff;
        background: url( '../images/th2.png' ) repeat-x;
        text-align: center;
        background-color: #C0C0C0;
    }	
.tabela td
	{
		padding: 1px 2px;
		border-bottom: 1px solid #fff;
		color: #000000;
		border-top: 1px solid #fff;
		background: #fdfdfd url(  '../images/tdbgb0.png' ) repeat-x;
		white-space:nowrap;
		
	}
.tabela td.odd
	{
		padding: 1px 2px;
		border-bottom: 1px solid #fff;
		color: #000000;
		border-top: 1px solid #fff;
		background: #fdfdfd url( '../images/tdbgb1.png' ) repeat-x;
	}
.tabela td.big
	{
		padding: 1px 2px;
		border-bottom: 1px solid #fff;
		color: #000000;
		border-top: 1px solid #fff;
		background: #e3e3e3 url( '../images/tdbgb0.png' ) repeat-x;
	}
.tabela td.bigodd
	{
		padding: 1px 2px;
		border-bottom: 1px solid #fff;
		color: #000000;
		border-top: 1px solid #fff;
		background: #e3e3e3 url( '../images/tdbgb1.png' ) repeat-x;
	}			

.tabela td.redcard
	{
		padding: 1px 2px;
		border-bottom: 1px solid #fff;
		text-align: center;
		color: White;
		border-top: 1px solid #fff;
		background: #e3e3e3 url('../images/red_card.png') center no-repeat;
	}
		
.tabela td.bigacc
	{		
		padding: 1px 2px;
		border-bottom: 1px solid #fff;
		color: #ffffff;
		border-top: 1px solid #fff;
		background: #fdfdfd url( '../images/th1.png' ) repeat-x;
		
	}		
.tabela td.bigacc2
	{		
		padding: 1px 2px;
		border-bottom: 1px solid #fff;
		color: #ffffff;
		border-top: 1px solid #fff;
		background: #fdfdfd url( '../images/th2.png' ) repeat-x;
		
	}	
.tabela td.bigacc3
	{		
		padding: 1px 2px;
		border-bottom: 1px solid #fff;
		color: #ffffff;
		border-top: 1px solid #fff;
		background: #fdfdfd url( '../images/promena.gif' ) repeat-x;
		
	}	
.tabela td.headg
	{
		height:20px;
		padding: 1px 2px;
		border-bottom: 1px solid #fff;
		color: #FFF;
		border-top: 1px solid #fff;
		background: #fdfdfd url( '../images/th2.png' ) repeat-x;
		font-size:12px;
		white-space:nowrap;
	}
.tabela td.headg a 
	{
		color:White;
	}
		
.tabela td.headr
	{
		height:20px;
		padding: 1px 2px;
		border-bottom: 1px solid #fff;
		color: #FFF;
		border-top: 1px solid #fff;
		background: #fdfdfd url( '../images/th1.png' ) repeat-x;
		font-size:12px;
	}

.tabela tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
div.stat {
	position:relative;
	left:0px;
	top:0px;
	width:300px;
	z-index:0;
	float: left;
	padding-bottom: 35px;
}
div.stat2 {
	position:relative;
	left:0px;
	top:0px;
	width:225px;
	height:inherit;
	z-index:0;
	float: left;
	/*overflow-x: scroll;*/
	overflow-y: hidden;
	overflow-x: scroll;
}


/*search forma*/
.searchbox
	{
		padding: 0px;
		margin: 0px;
		background-image: url(  '../images/searchbox.jpg' );
		width: 173px;
		height: 16px;
		border: 1px solid #666;
		float:left;
		padding: 2px;
			
	}
.searchbutton
	{
		background-image: url( '../images/search_btn.jpg' );
		background-repeat: no-repeat;
		width: 22px;
		height: 20px;
		padding: 0px;
		margin: 0px;
		float: left;
	}	
	
/*BREADCRUMBS*/

#breadcrumb
{
	width:750px;
	background-color: #FFF;
	
	background-repeat: repeat-x;
	border: 1px #bcbcbc solid;
    font: 11px Arial, Helvetica, sans-serif;
    background-image:url('../images/bc_bg.png');
    background-repeat:repeat-x;
    height:18px;
    line-height:18px;
    color:#9b9b9b;
    overflow:hidden;
    margin:0px;
    padding:0px;

}	
#breadcrumb li
{
    list-style-type:none;
    float:left;
    padding-left:8px;
}

#breadcrumb a
{
    height:18px;
    display:block;
    background-image:url('../images/bc_separator.png');
    background-repeat:no-repeat;
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
}

.home
{
    border: none;
    margin: 0px 0px;
}	
	
	
/*Rez Ticker*/
.mooquee
{
	/* don't change */
    position: absolute;
	overflow: hidden;
	white-space: nowrap;
	
}
.mooquee-text
{
	/* don't change */
	position: absolute;
}



}