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


body
{
  color:#4D4D4D;
  font-family:Tahoma, Arial, sans-serif;
  font-size:0.8em;
  background-image:url(images/bg.png);
}

a 
{
    color:#666666;
    text-decoration:none;
}

a:visited 
{
    color:#666666;
    text-decoration:none;
}

a:hover 
{
     color:#005bff;
    text-decoration:underline;
}

#page-container 
{
  width:886px;
  background:url('images/bg_top.png') no-repeat;
  margin:13px auto;
  padding:13px 14px 0px;
}

.sidebar_levi
{
	/*background-color:#e8e8e8;*/
	float:left;
	width:320px;
	margin:0px; padding:0px;
	border:#e1e1e1 solid 1px;
	
}

#sidebar_desni
{
	background-color:#cfe4e8;
	float:right;
	width:320px;margin:0px; padding:0px;	
}

#vesti { margin:0px; padding:0px; min-height:160px;}

.div_header_roze
{
   height:35px;
   background-image:url(images/header_poz_roze.png);
   border-top:#cd2b7c solid 2px; 
   
}

.div_header_plavi
{
   height:35px;
   background-image:url(images/header_poz_plavi.png);
   border-top:#2ba3cd solid 2px; 
   
}

.div_header_zeleni
{
   height:35px;
   background-image:url(images/header_poz_zeleni.png);
   border-top:#25b66e solid 2px; 
   
}

.div_header_nar
{
   height:35px;
   background-image:url(images/header_poz_narandzasti.png);
   border-top:#ca8b2c solid 2px; 
   
}

h1
{
  color:#FFFFFF;
  font-size:12px;
  font-weight:bold;
  padding:0px 0px 5px 5px;
}

.vest 
{
  margin:5px 0px 0px 5px;
  padding: 0px 0px 5px 5px;
}

h2
{
  font-size:12px;
  font-weight:normal;
  color:#666666;
  margin:0px;
}

#vesti .vreme { color:#abcbd1; margin:0px; padding:0px;}

#slider
{
	width:auto;
	float:left;
	margin-right:15px;
}

.panel
{
  width:885px;
  float:left;
  margin-top:10px;
  padding:5px 0px 5px 0px;
  border-top: #CCCCCC dotted 1px;
}

.panel .item
{
  width:200px; float:left; margin-left:10px; text-align:center;
}

.panel .item a
{
  color:#abcbd1; font-size:12px;
}

.panel .item a:hover
{
  color:#005bff;
}

.panel p { text-align:center;}

/*
.panel h1
{
	font-weight:bold;
	border-bottom: #7B6F64 solid 1px;
	font-size:1.2em;
	font-family:Tahoma, Arial, sans-serif;
}

.panel h2
{
	font-weight:bold;
	font-size:12px;
	color:#005bff;
}*/

.panel p
{
	padding: 0px;
	font-size:1em;
}

#animacija
{
	float:left;
	margin:0px;
    margin-left:7px;
	margin-top:-20px;
	width:555px;
	height:180px;
	padding:0px;	
}

#sadrzaj .box
{
	margin:0px 10px 15px 0;
	float:left;
}

/* -- HEADER -- */

#header
{
	height:130px;	
}

#logo
{
	width:250px;
	height:100px;
	float:left;
	border:none;
}

#desni
{
	width:250px;
	height:100px;
	float:right;
	background-image:url(images/header_desni.png);
	text-align:right;
}


/* -- KRAJ HEADER -- */

/* -- MENI -- */

#menu
{
	width:100%;
	float:left;
	height:30px;
	margin-top:5px;	
}

#menu ul 
{
	float:left;
	width:100%;
	margin-top:0px;
	/*border-bottom:1px solid #bd64bd;*/
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:0px;	
	margin-left:0px;
	color:#FFFFFF;
	border:#abcbd1 solid 1px;
	background-color:#e9e9e9;/*#D1FDB3;/*#e1f2c2;*/
}

#menu ul li 
{
	float:left;
	margin:0px;
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;
	/*padding-bottom:7px;*/
	list-style:none;
	color:#abcbd1;
	font-weight:bold;
	padding-left:52px;
	padding-right:53px;	
	border-right:#abcbd1 solid 1px;
	/*border-left:#abcbd1 solid 1px;*/
}

#menu ul li a 
{
	color:#0000FF;
}

#menu ul li a:hover {  text-decoration:underline; padding-top:5px; padding-bottom:5px; color:#0000ff; }

#menu ul li.selected 
{
	margin:0 0 -1px!important;
	margin:0;padding:0px;
	padding:5px 15px 5px 15px;
	color:#FFFFFF;
	background-color:#005bff;
	font-size:12px;
}

#menu ul li.selected  a
{
	color:#FFFFFF;
}

#menu ul li.selected strong
{
	margin-top:-7px;
    float:left;
    padding:7px 9px 0px 0px;	
	background:url('images/menu_desno.png') no-repeat top right;
	height:100%;
}
	  
/* -- KRAJ MENI -- */

/* -- CONTENT -- */

#content
{
	margin:5px 0 23px 0;
	float:left;
	width:100%;
	/*border:1px #CCC solid;*/
}

.tabla 
{
    width:525px; margin-left:10px;
}

.tr_tabla { border-bottom:#abcbd1 solid 2px; }

/* -- KRAJ CONTENT -- */

/* -- FOOTER -- */
#footer 
{
	clear:both;
	background:url('images/bg_down.png') no-repeat bottom;
	margin:0px -7px 0px -7px;
	padding:15px 16px 23px;
	height:20px;
	text-align:center;
	border-top:1px solid #E1DDDA;
	color:abcbd1;
}
	
#footer a {
	margin-left:5px;
	border-left:1px solid #E1DDDA;
	padding-left:5px;
	color:#abcbd1;
}

#footer a:visited 
{
    color:#abcbd1;
    text-decoration:none;
}

#footer a:hover 
{
    color:#abcbd1;
    text-decoration:underline;
}

/* -- KRAJ FOOTER -- */