/* CSS Document */
body, tr, th, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form {margin: 0px; padding: 0px;}
body {background:#c4ddcc;}
img {border:none; display:block;}

#wrapper {margin: 0px auto;	padding: 0px; width: 776px; background:#3c8477;}
#logo {width:271px; float:left; background: url(../images/slantarea.gif) no-repeat right top; margin-bottom:2px;}
#logo img {display:block;}

#meni_sporedno {text-align:right; margin-right: 10px;}
#meni_sporedno ul {list-style:none;}
#meni_sporedno li {display:inline;}
#meni_sporedno a {font: 10px Verdana, Arial, Helvetica, sans-serif;	color: #c2ffd5;	padding: 0px 5px;}
#meni_sporedno a:hover {}

#meni_glavno {padding-top: 40px;}
#meni_glavno ul {list-style:none;}
#meni_glavno li {float:left;}
#meni_glavno a {
	float:left;
	display:block;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 3px 12px;
	border-right: 1px solid #EEF3F3;
}
#meni_glavno a:hover {
	color: #bbe6d6;
}

#sodrzina {background:#eef3f3; clear:both; height:1%;}

#leftcol {
	float:left;
	width:200px;
	background:#eef3f3;
	margin: 0px;
	padding: 20px;
}

#leftcol ul{
	list-style: none;
	border-top: 1px solid #3c8477;
	margin:0px;
	padding:0px;
}
#leftcol li{
	margin:0px;
	padding: 0px;
}
#leftcol li a {
	background: #eaeaea;
	display: block;
	text-decoration: none;
	padding: 4px 10px 4px 20px;
	margin: 0px;
	height: 1%;
	color: #3c8477;
	border-right: 1px solid #3c8477;
	border-bottom: 1px solid #3c8477;
	border-left: 1px solid #3c8477;
	font: bold 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
}
#leftcol li a:hover{color:#FFCC33;
	background: #3c8477;
	color: #eaeaea;
}
#contentcol {
	background:#eef3f3;
	padding-top: 20px;
	padding-right: 60px;
	padding-bottom: 20px;
	margin-left: 240px;
}

#contentcol h1{
	font: bold 20px Tahoma, Arial, sans-serif;
	border: 2px solid #94bbb4;
	color: #FFFFFF;
	background: #3c8477;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-bottom:10px;
}
#contentcol h2{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #3c8477;
	padding-bottom: 10px;
	padding-top: 10px;
}

#contentcol p {
	font: 12px Arial, Helvetica, sans-serif;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align:justify;
}
#contentcol td, #contentcol th {
	font: 12px Arial, Helvetica, sans-serif;
}
#contentcol ul, #contentcol ol {
	padding-left: 35px;
	margin:0px;
	list-style: outside;
}
#contentcol li {
	font: 12px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	line-height:1.4em;
}
#contentcol a {
	color:#3c8477;
}
#contentcol a:hover {
	color:#1a5a55;
}
#contentcol p img {
	margin-right: auto;
	margin-left: auto;
}

#footer {background:#3c8477; clear:both; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: center; padding: 5px 0px;}

#tb_novosti {
	width: 100%;
	padding:5px;
	margin-top:10px;
}

#tb_novosti th {
	font-weight: bold;
	background: #3c8477;
	color: #ffffff;
	width:90px;
	vertical-align: middle;	
}
#tb_novosti td {
	background: #d8e8d8;
	vertical-align: top;
}
#tb_novosti td, #tb_novosti th {
	text-align: left;
	padding: 4px;
}

#tb_privatni {
	width: 95%;
	margin-top:20px;
	margin-right: auto;
	margin-left: auto;
}

#tb_privatni th {
	font-weight: bold;
	background: #3c8477;
	color: #ffffff;
	width:90px;
	vertical-align: middle;	
}
#tb_privatni td {
	background: #d8e8d8;
	vertical-align: top;
}
#tb_privatni td, #tb_privatni th {
	text-align: left;
	padding: 2px 6px;
}

#contentcol table {
	width: 95%;
	margin-top:20px;
	margin-right: auto;
	margin-left: auto;
}
/*
#contentcol th {
	font-weight: bol;
	background: #3c8477;
	color: #ffffff;
	vertical-align: middle;	
}
#contentcol td {
	background: #d8e8d8;
	vertical-align: top;
}
#contentcol td, #contentcol th {
	text-align: left;
	padding: 2px 6px;
}
*/
.displaynone {display:none;}
.clearright {clear:right;}
.clearleft {clear:left;}
.clearboth {clear:both;}