/*******header.css******/
/*******TOP*********/

#container {
margin-bottom:20px;
}

#container .inner {
}

#wrapper {
	width: 1000px;
	background: url("../images/head.png");
	margin: 0px auto;
	text-align: justify;
	padding: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px !important;

}

/************************header****************************/
#header {
}
#header div.top {
	height: 0px;
	width: 1000px;
}
#top1 {
	text-align: right;
	height: 148px;
	padding:40px 0 0 0;
}
#top2 {
	text-align: left;
}
#header div.inner {
	width: 1000px;
	height: 240px;
	margin-bottom: 0px;
}
#header .logo{
  background: url("../images/logo.png") no-repeat 0px 0px;
  display: block;
  width: 140px;
  height: 149px;
  float:left;
  text-indent: -9999px;
}
#flash {
	float: right;
	width:801px;
	height:149px;
	margin-right:50px;
}

/****************************************** dropdown **************************************/

ul.menu {list-style:none; margin:18px 0px 0px 95px; padding:0px; height:34px;}
ul.menu * {margin:0; padding:0;}
ul.menu a {display:block; color:#ffffff; text-decoration:none; }
ul.menu li {position:relative; float:left; margin-right:0px; }
ul.menu ul {position:absolute; top:34px; left:0; background:#494949; display:none; opacity:0; list-style:none; }
ul.menu ul li {position:relative; border:1px solid #c2c2c2; border-top:none; width:148px; margin:0; }
ul.menu ul li a {
display:block; 
padding:3px 7px 5px; 
background-color:#f8f7f7; 
text-decoration: none;
text-align:center; 
font: 11px  Tahoma, Arial, Helvetica, sans-serif; 
color: #575757; 
}
ul.menu ul li a:hover {
display:block; 
padding:3px 7px 5px; 
background-color:#494949; 
text-decoration: none; 
text-align:center; 
font: bold 11px  Tahoma, Arial, Helvetica, sans-serif; 
color: #ffffff; }
ul.menu ul ul {left:148px; top:-1px; }
ul.menu .menulink {
border:0px solid #aaa; 
background:url(../images/mainnav_off.gif); 
height: 22px;
font: bold 10px  Tahoma, Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
display: block;
padding: 11px 0px 0px 0px;
text-align: center;
line-height: 1.3;
width: 112px;}
ul.menu .menulinkactive, ul.menu .menulinkactive:hover {
border:0px solid #aaa; 
background:url(../images/mainnav_on.gif); 
height: 22px;
font: bold 10px  Tahoma, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
text-transform: uppercase;
display: block;
padding: 11px 0px 0px 0px;
text-align: center;
line-height: 1.3;
width: 112px;}
ul.menu .menuhover, ul.menu .menulink:hover  {color:#000000; background:url(../images/mainnav_fly.gif)}
ul.menu .sub {background:#d1d1d1 url(../images/arrow.gif) 136px 8px no-repeat; }
ul.menu .topline {border-top:0px solid #aaa}

/********* middle.css**********/
/********************************* content *************************************************/

#contentContainer {
	width: 1000px;
	margin: 0px auto;
	text-align: justify;
	height:auto;
}

/*****lijevo****/

#contentContainer #granica{
  height:auto;
	width:645px;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}


#contentContainer #mainContent {
	margin:auto;
	width:645px;
	float:left;
	background:#FFFFFF;
}

#oglas{
width:645px;
height:200px;
margin-top:10px;
}

/************ Glavna vijest - početna stranica ************/


#glavna_vijest{
cursor:pointer;
background: transparent url('../images/icn_more.gif') no-repeat scroll 100% 100%;
width:635px;
height:300px;
border-bottom:solid 1px;
border-bottom-color: #CCCCCC;
margin: 0px 5px 0px 5px;
}

#glavna_vijest:hover{
cursor:pointer;
background: transparent url('../images/icn_more2.gif') no-repeat scroll 100% 100%;
width:635px;
height:300px;
border-bottom:solid 1px;
border-bottom-color: #F0511E;
margin: 0px 5px 0px 5px;
}

#mainContent em.glavnifirstThumbnail {
cursor:pointer;
float: left;
margin: 10px 10px 10px 10px;
color: #cc6600;
}

#mainContent em.glavnifirstThumbnail img {
cursor:pointer;
	border: 1px solid #dfdfdf;
	background-color: #fff;
	padding: 5px;
	margin: 0px 0px 0px 0px;
}

#mainContent em.glavni_naslov{
cursor:pointer;
width:365px;
height:auto;
float:right;
color:#494949;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:20px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:22px;
margin: 10px 2px 10px 2px;
text-decoration:none;
}

#mainContent em.glavni_datum{
cursor:pointer;
width:375px;
height:auto;
float:right;
color:#323232;
font-variant:normal;
margin: 2px 2px 10px 2px;
text-decoration:none;
text-align:right;
}

em.desno{
cursor:pointer;
width: 375px;
height: auto;
float:right;
}

em.glavni_text{
cursor:pointer;
float:right;
width:362px;
margin: 2px 2px 5px 2px;
text-align:justify;
color:#323232;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:500;
line-height:1.4;
}

em.glavni_text p{
line-height: 1.3;
}



#glavna_vijest:hover em.glavni_naslov{
cursor:pointer;
width:365px;
height:auto;
float:right;
color:#F0511E;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:20px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:22px;
margin: 10px 2px 10px 2px;
text-decoration:none;
}

#mainContent em.datum1{
color:#FFFFFF;
float:right;
font-family:"Trebuchet MS";
font-style:normal;
font-size:12px;
font-weight:bold;
height:15px;
line-height:normal;
width:150px;
margin:2px 5px 0px 0px;
}

#mainContent .dan {
width:25px;
float:right;
text-align:center;
background:#494949;
font-family:"Trebuchet MS";
font-style:normal;
font-weight:bold;
}

#mainContent .mjesec {
width:60px;
float:right;
text-align:center;
background:#6c6c6c;
font-family:"Trebuchet MS";
font-style:normal;
font-weight:bold;
}

#mainContent .godina {
width:50px;
float:right;
text-align:center;
background:#7f7f7f;
font-family:"Trebuchet MS";
font-style:normal;
font-weight:bold;
}


#glavna_vijest:hover em.datum1{
color:#FFFFFF;
float:right;
font-family:"Trebuchet MS",Verdana,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:15px;
line-height:normal;
width:150px;
margin:2px 5px 0px 0px;
}

#glavna_vijest:hover em.datum1 .dan {
width:25px;
float:right;
text-align:center;
background:#F0511E;
}

#glavna_vijest:hover em.datum1 .mjesec {
width:60px;
float:right;
text-align:center;
background:#f57c55;
}

#glavna_vijest:hover em.datum1 .godina {
width:50px;
float:right;
text-align:center;
background:#ffa689 ;
}

/************ vijesti ostale stranice ************/


#gV{
width:620px;
height:inherit;
margin: 0px 15px 5px 10px;
}

/*************vijesti arhiva **********/

/*********************************** arhiva **************************************/
#contentContainer .NewsArhiva {
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border: solid #CFCFCF 1px;
	background:#F7F7F7;
}

.NewsArhiva p {
	line-height: 1.3;
}

.NewsArhiva h3 {
	font: bold 11px Arial, sans-serif;
	color: #999999;
	line-height: 1.3;
	margin: 0px 0px 5px 0px;
	text-align: right;
	margin-right:15px;
}

.NewsArhiva a {
	font: bold 12px "Trebuchet MS", Arial, sans-serif;
	color: #f0511e;
	text-decoration: none;
	margin-left:20px;
}

.NewsArhiva a:hover {
	font: bold 12px "Trebuchet MS", Arial, sans-serif;
	color: #545252;
	text-decoration: none;
}

.NewsArhiva .active  {
	font: bold 12px "Trebuchet MS", Arial, sans-serif;
	color: #f0511e;
	text-decoration: none;
}

.NewsArhiva .detail {
	font: normal 11px Verdana, Arial, sans-serif;
	color: #ff8000;
	text-decoration: none;
}

/*********************************** arhiva vijesti **************************************/
/********navigacija u arhivi vijesti ***********/
#linkovi_ispis{
width:625px;
height:30px;
float:left;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}

#navigacija{
float:left;
height:30px;
margin:0px 0px 0px 0px;
padding:0px;
}

#navigacija ul{
list-style:none;
}

#navigacija li{
list-style:none;
float:left;
margin-left:4px;
height:25px;
width:40px;
line-height:2;
}

#navigacija li a{
color:#FFFFFF;
display:block;
text-align:center;
}

#navigacija .active{
background: url("../images/n_v_a.png");
height:30px;
width:40px;
color:#494949;

}

.broj{
background: url("../images/n_v.png");
height:30px;
width:40px;
}

.broj:hover{
background: url("../images/n_v_h.png");
height:30px;
width:40px;
}

/********slika u arhivi vijesti***********/

#NewsArhiva.malaSlika{
background-color:#FFFFFF;
float:left;
width:100px;
height:58px;
margin:1px 5px 1px 2px;
}

#NewsArhiva img{
background-color:#FFFFFF;
float:left;
width:95px;
height:54px;
margin:3px 5px 3px 2px;
padding:0;
}

#NewsArhiva {
	width: 625px;
	height:65px;
	margin: 0px 0px 0px 0px;
	background:#FFFFFF;	
	float:left;
}

#NewsArhiva p {
	line-height: 1.3;
}

#NewsArhiva:hover em.malitekst{
cursor:pointer;
}

#NewsArhiva em.malitekst{
	border-bottom: solid #E9E9E9 1px;	
	width:617px;
	height:60px;
	float:right;
	margin-left:4px;
	margin-right:4px;
}

#NewsArhiva em.arhiva_naslov {
  font-size:12px;
  width:504px;
  float:right;
  text-align:right;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-style:normal;
  font-weight:bold;
  color:#494949;
  margin:1px 5px 2px 0px;
}

#NewsArhiva:hover em.arhiva_naslov {
  font-size:12px;
  width:504px;
  float:right;
  text-align:right;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-style:normal;
  font-weight:bold;
  color:#F0511E;
  margin:1px 5px 2px 0px;
}

#NewsArhiva em.datum_arhiva{
color:#FFFFFF;
float:right;
font-family:"Trebuchet MS";
font-style:normal;
font-size:12px;
font-weight:bold;
height:15px;
line-height:normal;
width:170px;
margin:2px 5px 2px 0px;
}

em.datum_arhiva .dan {
width:25px;
float:right;
text-align:center;
background:#494949;
font-family:"Trebuchet MS";
font-style:normal;
font-weight:bold;
}

em.datum_arhiva .mjesec {
width:60px;
float:right;
text-align:center;
background:#6c6c6c;
font-family:"Trebuchet MS";
font-style:normal;
font-weight:bold;
}

em.datum_arhiva .godina {
width:50px;
float:right;
text-align:center;
background:#7f7f7f;
font-family:"Trebuchet MS";
font-style:normal;
font-weight:bold;
}

#NewsArhiva em.malitekst:hover {
border-left:3px solid;
border-left-color:#494949;
}

#NewsArhiva:hover em.datum_arhiva{
color:#FFFFFF;
float:right;
font-family:"Trebuchet MS";
font-style:normal;
font-size:12px;
font-weight:bold;
height:15px;
line-height:normal;
width:170px;
margin:2px 5px 2px 0px;
}

#NewsArhiva:hover em.datum_arhiva .dan {
width:25px;
float:right;
text-align:center;
background:#F0511E ;
}

#NewsArhiva:hover em.datum_arhiva .mjesec {
width:60px;
float:right;
text-align:center;
background:#f57c55;
}

#NewsArhiva:hover em.datum_arhiva .godina {
width:50px;
float:right;
text-align:center;
background:#ffa689 ;
}

#NewsArhiva em.face{
background:url('../images/facebook.png');
width:40px;
height:16px;
margin:1px 5px 0px 450px;
float:right;
}

#NewsArhiva span{
display:block;
margin-right:5px;
  color:#FFFFFF;
  font-size:12px;
  text-align:right;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight:bold;
}

/***********tablica**************/
/*tablica*/

#tablica a {
  font: 110% "Trebuchet MS", Verdana, sans-serif;
	text-decoration: none;
	color: #f0511e;
	font-weight: bold;
}

#tablica a:hover {
  font: 110% "Trebuchet MS", Verdana, sans-serif;
	text-decoration: none;
	color: #545252;
	font-weight: bold;
}

#tablica div.red1 {
	font: 110% "Trebuchet MS", Verdana, sans-serif;
	width: 610px;
	padding: 5px 10px 5px 10px;
	background-color: #eee;
	height: 20px;
}

#tablica div.red2 {
	font: 110% "Trebuchet MS", Verdana, sans-serif;
	width: 610px;
	padding: 5px 10px 5px 10px;
	background-color: #ddd;
	height: 20px;
}

#tablica div.red1 div.stupac1 {
	float: left;
  width: 350px;
}

#tablica div.red1 div.stupac2 {
	float: left;
	width: 260px;
	font-weight: bold;
}

#tablica div.red2 div.stupac1 {
	float: left;
	width: 350px;
}

#tablica div.red2 div.stupac2 {
	float: left;
	width: 260px;
	font-weight: bold;
}

/*tablicaa*/

#tablicaa a {
  font: 110% "Trebuchet MS", Verdana, sans-serif;
	text-decoration: none;
	color: #3F5DAA;
	font-weight: bold;
}


#tablicaa a:hover {
  font: 110% "Trebuchet MS", Verdana, sans-serif;
	text-decoration: none;
	color: #FF8000;
	font-weight: bold;
}

#tablicaa div.red1 {
	font: 110% "Trebuchet MS", Verdana, sans-serif;
	width: 610px;
	padding: 5px 10px 5px 10px;
	background-color: #eee;
	height: 20px;
}

#tablicaa div.red2 {
	font: 110% "Trebuchet MS", Verdana, sans-serif;
	width: 610px;
	padding: 5px 10px 5px 10px;
	background-color: #ddd;
	height: 20px;
}

#tablicaa div.red1 div.stupac1 {
	float: left;
	width: 250px;
}

#tablicaa div.red1 div.stupac2 {
	float: left;
	width: 360px;
	font-weight: bold;
}

#tablicaa div.red2 div.stupac1 {
	float: left;
	width: 250px;
}

#tablicaa div.red2 div.stupac2 {
	float: left;
	width: 360px;
	font-weight: bold;
}

/*tablica dimnjacari*/

#tablica2 a {
  font: 100% "Trebuchet MS", Verdana, sans-serif;
	text-decoration: none;
	color: #f0511e;
	font-weight: bold;
}


#tablica2 a:hover {
  font: 100% "Trebuchet MS", Verdana, sans-serif;
	text-decoration: none;
  color: #545252;
	font-weight: bold;
}

#tablica2 div.red1 {
	font: 100% "Trebuchet MS", Verdana, sans-serif;
	width: 610px;
	margin: 0px 0px 0px 1px;
	padding: 5px 10px 5px 10px;
	background-color: #eee;
	height:50px;
}

#tablica2 div.red2 {
	font: 100% "Trebuchet MS", Verdana, sans-serif;
	width: 610px;
	margin: 0px 0px 0px 1px;
	padding: 5px 10px 5px 10px;
	background-color: #ddd;
	height:50px;
}

#tablica2 div.red1 div.stupac1 {
	float: left;
	width: 122px;
}

#tablica2 div.red1 div.stupac2 {
	float: left;
  width: 122px;
	font-weight: bold;
}

#tablica2 div.red1 div.stupac3 {
	float: left;
	width: 122px;
}

#tablica2 div.red1 div.stupac4 {
	float: left;
	width: 122px;
	font-weight: bold;
}

#tablica2 div.red1 div.stupac5 {
	float: left;
	width: 122px;
}

#tablica2 div.red1 div.stupac6 {
	float: left;
	width: 122px;
	font-weight: bold;
}

#tablica2 div.red2 div.stupac1 {
	float: left;
	width: 122px;
}

#tablica2 div.red2 div.stupac2 {
	float: left;
	width: 122px;
	font-weight: bold;
}

#tablica2 div.red2 div.stupac3 {
	float: left;
	width: 122px;
}

#tablica2 div.red2 div.stupac4 {
	float: left;
	width: 122px;
	font-weight: bold;
}

#tablica2 div.red2 div.stupac5 {
	float: left;
	width: 122px;
}

#tablica2 div.red2 div.stupac6 {
	float: left;
	width: 100px;
	font-weight: bold;
}

/*********footer*********/
/************************************************* footer ***********************************/
#footer {
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-top:8px solid #2283b6;
background:#494949;
clear:both;
width:100%;
margin-top:20px;
behavior: url(border-radius.htc);
}

#footer div.footer1{
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
width:970px;
height:auto;
text-align: right;
margin:0 auto;
padding: 10px 15px 10px 15px;
background-color: #494949;
behavior: url(border-radius.htc);
}

/************** Navigacija na dnu ***************/
#crta{
height:3px;
}

.clear { clear:both; height:1px; overflow:hidden }

img { border:0px }

.footerinner {
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;repeat-y; width:970px; text-align:left; margin:0 auto; padding: 10px 15px 0px 15px; 
behavior: url(border-radius.htc);
}

.divitem { float:left; width:280px }

.odvojif { width:50px; height:1px; float:left }

.odvoji { width:50px; height:1px; float:left}

#ul { padding: 5px 0px 5px 0px; margin:0px; list-style:none }

#li { color:#afafaf }

a.glavnilink {  font-size:18px; font-weight:bold; color:#fff; text-decoration:none; border:none }

a.glavnilink:hover { color:#F0511E }

a.bfooter { text-decoration:none; color:#afafaf; border-right: 1px solid #afafaf; padding: 0px 3px 0px 0px }

a.bfooter:hover { color:#ffffff }

a.bfooterzadnji { text-decoration:none; color:#afafaf; padding: 0px 3px 0px 0px }

a.bfooterzadnji:hover { color:#ffffff }

/**********Login**********/
/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: March 26, 2009
Version: 1.0

	Copyright 2009 Jeremie Tisseau
	"Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:
	http://www.gnu.org/licenses/gpl-3.0.html
*/

/***** clearfix *****/
.clear {clear: both; height: 0; line-height: 0;}
.clearfix:after {content: ".";display: block; height: 0;clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
height: 34px;
width: 100%;
position:relative;
top: 0px;
margin:0;
z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 34px;
    width: 100%;
  	font-weight: bold;
	line-height: 17px;
	margin:0;
  	color: white;
  	font-size: 80%;
}

.tab ul.login li.left {
  	background: no-repeat left 0;
  	height: 34px;
	width: 100px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: right;
	display: block;
	height: 34px;
  	background: repeat-x;
}

.tab ul.login li a {
	color: #ffffff;
	width:32px;
}

.tab ul.login li a:hover {
	color: #494949;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 32px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100%;
	float:right;
	top:1px;
	position: relative;
}

.tab a.open {background:  no-repeat top 0px;}
.tab a.close {background:  no-repeat left 0px;}

/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0px;
    z-index: 999;
    float:right;
    width:100%;
}

#panel {
-webkit-border-bottom-right-radius: 76px;
-webkit-border-bottom-left-radius: 34px;
-moz-border-radius-bottomright: 76px;
-moz-border-radius-bottomleft: 34px;
border-bottom-right-radius: 76px;
border-bottom-left-radius: 34px;
  width:250px;
	height: 250px;
	color: #999999;
	background: #272727;
	overflow: hidden;
	position: relative;
	z-index: 999;
	display: none;
	float:right;
behavior: url(border-radius.htc);
}

#panel h1 {
	font-size: 1.6em;
	padding: 5px 0 10px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 1.2em;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel p {
	margin: 5px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #ffffff;
}

#panel a:hover {
	color: #494949;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 200px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
}

#panel .content .left {
	width: 200px;
	float: left;
}


#panel .content form {
	margin: 0 0 10px 0;
}

#panel .content label {
  color:#FFFFFF;
	float: left;
	padding-top: 1px;
	clear: both;
	width: 150px;
	display: block;
}

#panel .content input.field {
	border: 1px #1A1A1A solid;
	background: #414141;
	margin-right: 5px;
	margin-top: 1px;
	width: 150px;
	color: white;
	height: 13px;
}

#panel .content input:focus.field {
	background: #545454;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 15px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login {
	width: 74px;
	height:50px;
	width: auto;
  height:auto;  
  padding: 9px 15px;  
  background: #2283b6;  
  border: 0;  
  font-size: 14px;  
  color: #FFFFFF;
  float:right; 
}

#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}

/**********maleVijesti*********/
/**************** main content1 ******************/

/************male_vijesti_sa_strane************/

#maleVijesti{
margin-bottom:20px;
float:right;
width:345px;
height:auto;
}

#mV_l{
margin-top:10px;
width:345px;
height:auto;
}

#plinomjer{
margin-top:5px;
margin-bottom:20px;
width:345px;
height:50px;
}

#gumbic{
margin-top:5px;
margin-left:225px;
}
#gumbic2{
margin-top:10px;
height:auto;
}

#osp{
float:left;
margin-right:7px;
}
#cp{
float:right;
margin-left:8px;
}

#contentContainer #mainContent1 {
  background:#FFF;
	width: 343px;
	height:75px;
	float: left;
	margin-top: 0px;
	margin-bottom:0px;
	margin-left:1px;
	margin-right:1px;
	padding: 0px 0px 0px 0px;
}





#contentContainer #mainContent1 #zajedno {
/*border:1px solid #E9E9E9;*/
width:340px;
height:75px;
}

#contentContainer #mainContent1 #zajedno:hover {
/*border:1px solid #E9E9E9;*/
background-color:#FFFFFF;
width:340px;
height:75px;
}

#zajedno.malaSlika{
background-color:#FFFFFF;
float:left;
width:106px;
height:75px;
margin:0px 5px 0px 0px;
}

#zajedno img{
background-color:#FFFFFF;
float:left;
width:102px;
height:65px;
margin:5px 0px 5px 2px;
padding:0;
}

#zajedno em.malitekst{
width:236px;
margin:5px 0px 5px 0px;
height:65px;
float:right;
}

#mainContent1 #zajedno:hover {
border-right:2px solid;
border-right-color:#494949;
}

#mainContent1 #zajedno:hover em.malitekst{
cursor:pointer;
}

#mainContent1 #zajedno:hover em.naslov{
color:#F0511E;
}

#mainContent1 #zajedno:hover em.datum1{
color:#FFFFFF;
float:right;
font-family:"Trebuchet MS",Verdana,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:auto;
line-height:normal;
width:150px;
margin:2px 5px 2px 0px;
}

#mainContent1 #zajedno:hover em.datum1 .dan {
width:25px;
float:right;
text-align:center;
background:#F0511E ;
}

#mainContent1 #zajedno:hover em.datum1 .mjesec {
width:60px;
float:right;
text-align:center;
background:#f57c55;
}

#mainContent1 #zajedno:hover em.datum1 .godina {
width:50px;
float:right;
text-align:center;
background:#ffa689 ;
}

#mainContent1 #zajedno:hover em.malaSlika {
background-color:#F2f2f2;
}

#contentContainer #male_linije {
	width:298px;
	float:left;
}

#zajedno em.naslov{
  font-size:12px;
  width:230px;
  float:right;
  text-align:right;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-style:normal;
  font-weight:bold;
  color:#494949;
  margin:1px 5px 2px 0px;
}

#zajedno em.face{
background:url('../images/facebook.png');
width:40px;
height:16px;
margin:1px 5px 0px 150px;
float:right;
}

#zajedno span{
  display:block;
  margin-right:5px;
  color:#FFFFFF;
  font-size:12px;
  text-align:right;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight:bold;
}


#zajedno em.datum1{
color:#FFFFFF;
float:right;
font-family:"Trebuchet MS";
font-style:normal;
font-size:12px;
font-weight:bold;
height:auto;
line-height:normal;
width:150px;
margin:2px 5px 2px 0px;
}

#zajedno em.datum1 .dan {
width:25px;
float:right;
text-align:center;
background:#494949;
font-family:"Trebuchet MS";
font-style:normal;
font-weight:bold;
}

#zajedno em.datum1 .mjesec {
width:60px;
float:right;
text-align:center;
background:#6c6c6c;
font-family:"Trebuchet MS";
font-style:normal;
font-weight:bold;
}

#zajedno em.datum1 .godina {
width:50px;
float:right;
text-align:center;
background:#7f7f7f;
font-family:"Trebuchet MS";
font-style:normal;
font-weight:bold;
}

/**********RAZNO**********/
#link{
float:right;
}

#contentContainer #newsArticles {
	width: 350px;
	float: right;
	margin: 1px 0px 15px 00px;
}

#contentContainer .thumb {
	display: block;
	background: url("../images/sjena.gif") no-repeat bottom left;
	padding: 0px 0px 11px 0px;
	margin: 0px 0px 3px 0px;
}

#mainContent .articlePublished {
	margin: -18px 0px 15px 0px;	
	padding: 5px 0px 10px 0px;
	border-bottom: #ddd solid 1px;
	color: #474747;
	text-align: right;
}

#mainContent p span {
	color: #cc6600;
}

#mainContent .firstThumbnail {
	float: left;
	margin: 3px 10px 3px 0px;
	color: #cc6600;
}

#mainContent .firstThumbnail img {
	border: 1px solid #dfdfdf;
	background-color: #fff;
	padding: 5px;
	margin: 0px 0px 5px 0px;
}

/******forma***********/

#forma_stanje{
background-color:#ffffff;
height:auto;
}

#contactForm{
margin: 0 auto;
}

label{
margin-top:10px;
display:block;
width: 610px;
height: 20px;
font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#494949;
margin-left:10px;
}


input, select, button, textarea{
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
	padding: 9px;
	border: solid 2px #E5E5E5;
	outline: 0;
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 250px;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
  color:#2283b6;
  font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;

behavior: url(border-radius.htc);
}

::-webkit-input-placeholder {
    color:    #999;
}
:-moz-placeholder {
    color:    #999;
}
.placeholder {color: #999;}

input:focus{
border: solid 2px #2283b6;
}

.error {
  margin-top:0px;
	color: #C80815;
	font: normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 250px;

}

label.error{
  color:#FFFFFF;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
  border-color:#FFFFFF;
	padding: 9px;
	border: solid 2px #E5E5E5;
	outline: 0;
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: auto;
	margin-left:5px;
  background:#C80815;
  font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
  float:right;
behavior: url(border-radius.htc);
}

textarea{
max-width:600px;
width:600px;
}

textarea:focus{
color: #2283b6;
font: normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
border: 2px solid #2283b6;
}

p.submit{
height:40px;
width:auto;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
}
#contactForm span{
color:#C80815;
}
.submit input {  
    width: auto;
    height:auto;  
    padding: 9px 15px;  
    background: #2283b6;  
    border: 0;  
    font-size: 14px;  
    color: #FFFFFF;
    float:right;  
    } 
    
button {  
    width: auto;
    height:auto;  
    padding: 9px 15px;  
    background: #2283b6;  
    border: 0;  
    font-size: 14px;  
    color: #FFFFFF;
    float:right; 
    margin-right:10px; 
    } 
    

#contactForm img{
clear:style;
margin-left:15px;
float:right;
margin-right:200px;
}

/**************** REPOZITORIJ FILEOVA *********************/
#files{
width:620px;
color:#474747;
margin:0px 23px 15px 0px;
float:left;
}

#naslov_file{
width:560px;
vertical-align:middle;
height:60px;
color:#474747;
float:right;
font:14px/60px "Trebuchet MS",Verdana,sans-serif;
height:60px;
}

#slika_file{
width:60px;
height:60px;
color:#474747;
float:left;
}