/*
	this *heavily customized* template based on empire template by rocket
	(p) for sanghayoga.hr, robin zlatic, december 2007
	http://r081n.com/ahref/
	 */

/* tags */

html, body {text-align: center;margin:0;padding:0;}
/*td {color: #FFF;font: 11px/140% Verdana, Helvetica, sans-serif;}*/
td {font: 11px Verdana, Helvetica, sans-serif;vertical-align: top;}
a:link, a:visited {color:#C3A589;text-decoration:none;}
a:hover {color:#FFF;}
h1,h5 {font-size:14px;font-weight:bold;}
h2 {font-size:12px;font-weight:bold;}
h3 {font-size:11px;font-weight:bold;}
h4 {font-size:10px;font-weight:bold;}
/* hr {height:1px;color:#2E1B17;background-color:#2E1B17;border-top: 1px solid #2E1B17;} */

/* ovo zelimo da se snjezani vidi na vrhu */
.text80{font-size:80%;}
div.hr {height: 66px;width: 594px;background: #685b64 url(../images/separator.gif) no-repeat;margin-top:0px;margin-bottom:0px;}
div.hr hr {display: none;}



/* custom classes and ids */

#page_bg {
	background-color:#2E1B17;
	color: #F7F7F7;
	font: 11px Verdana, Helvetica, sans-serif;
}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 771px;
	margin-top: 50px;
	text-align: left;
	margin-bottom: 25px;
	background: #2E1B17 url(../images/js_emphdrl.png) no-repeat scroll left top;
}

#container #raspored tr td p {text-align: center}

div.logo {
	float: left;
	height: 70px;
	width: 300px;
	background: url(none);
}

div.search_outer {
	float: right;
	height: 70px;
	width: 300px;
	background: url(../images/search.png) no-repeat;
}

div.search_outer a {height:70px;width:300px;display:block;}

div.search_inner {margin-top: 10px;margin-right: 25px;}

/* mainmenu -------------- */

#navbar {
	float: left;
	height: 56px; /*77-40*/
	width: 771px;
	clear: both;
	vertical-align: middle;
	/*background: url(../images/cosak_gd.png) no-repeat right bottom;*/
}

#navbar a.mainlevel:link, #navbar a.mainlevel:visited {
	color: #2E1B17;
	text-decoration: none;
	font: 11px/14px Verdana, Helvetica, sans-serif;
}

#navbar a.mainlevel:hover {
	color: #C3A589;
	text-decoration: none;
	margin-bottom: 3px;
}

#navbar td {color:#2E1B17;}

/* mainmenu -------------- ends */

div.nav_inner {
	margin-left: 151px;
	padding-left: 10px;
	margin-top: 40px;
	background: #685B63 url(../images/toprightshadow.png) no-repeat right top;
}

.componentheading {color: #515151;font: normal 14px Verdana, Helvetica, sans-serif;}
.contentheading {color: #C3A589;font: bold 14px Verdana, Helvetica, sans-serif;padding-top:8px;height: 18px;}

.contentpaneopen {width:600px;padding:0;}
.contentpaneopen p {text-align:justify;margin-top:0px;}
.contentpaneopen h3 {font: bold 14px Verdana, Helvetica, sans-serif;color: #C3A589;margin: 0px;padding: 0px;margin-bottom: 6px;}
.contentpaneopen h4 {font: bold 12px Verdana, Helvetica, sans-serif;color: #FFF;margin: 0px;padding: 0px;margin-bottom: 6px;}

div#leftcol a.mainlevel:link, div#leftcol a.mainlevel:visited {
	color: #F7F7F7;
	text-decoration: underline;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url(../images/menubg.png) no-repeat left center;
	font: normal 11px/14px Verdana, Helvetica, sans-serif;
}

div#leftcol a.mainlevel:hover {
	color: #09F;
	text-decoration: none;
	padding-left: 8px;
	background: url(../images/menubgb.png) no-repeat left center;
}

.botleft {
	height: 14px;
	width: 14px;
	float: left;
	/*background: url(../images/botleftshadow.png) no-repeat right bottom;*/
}

.bottom {
	height: 14px;
	width: 620px;
	clear: both;
	float:right;
	/*background: #685B64 url(../images/botcenter.png) repeat-x center top;*/
}

.botright {
	height: 14px;
	width: 14px;
	float: right;
	/*background: url(../images/botrightshadow.png) no-repeat left bottom;*/
}

.copy, .copy a:link, .copy a:visited, .copy a:hover {
	color: #666;
	text-decoration: none;
	font: 9px Verdana, Helvetica, sans-serif;
}

#wrapper {
	background: url(../images/wrapper.png) no-repeat left top;
	clear: both;
}

#leftcol {
	width: 140px;
	float: left;
	position: relative;
	text-align: left;
	margin: 0px;
	padding-left: 10px;
	/* sljedece rjesava ornament na IE7 only: */
	background: url(../images/wrapper.png) no-repeat left top;
	height: 483px;
}

#mainbody {
	background-color: #685B64;
	float: right;
	width: 600px;
	display: inline;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px; /* padding contenta od vrha - udaljenost od main menija */
}

div#leftcol table.moduletable th {
	color: #999;
	width: 140px;
	background-image: url(../images/modhdrbg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 3px;
	font: normal 14px Verdana, Helvetica, sans-serif;
}

div.moduletable h3 {
	color: #999;
	margin: 0px;
	padding: 0px;
	font: normal 14px Verdana, Helvetica, sans-serif;
}

div.maindivider {
	margin-top: 0px;
	height: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div#leftcol table.moduletable { margin-bottom: 15px; }

.createdate, .small {
	color: #666;
	font: 10px/10px Verdana, Helvetica, sans-serif;
}

.inputbox {
	background-color: #1D1D1D;
	border: 1px solid #3C3C3C;
	color: #999;
	font: 11px/14px Verdana, Helvetica, sans-serif;
}

.designertoo {
	display:block;
	text-indent:-5000px;
	text-decoration:none;
	height:0;
}

.button {
	background-color: #1D1D1D;
	border: 1px solid #3C3C3C;
	color: #999;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	padding: 2px;
	font: 11px/14px Verdana, Helvetica, sans-serif;
}

.readon {font-size: 10px;}

.sectiontableheader {
	background-color: #202020;
	color: #CCC;
	font: 12px Verdana, Helvetica, sans-serif;
}

.sectiontableentry1 td {
	color: #CCC;
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	background-color: #0C0C0C;
}

.sectiontableentry2 td {
	color: #CCC;
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-color: #333;
	border-bottom-style: solid;
	background-color: #0C0C0C;
}

/* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
	.clearfix {display:block;}
/* End hide from IE-mac */  


/* footer, copyright and info: */
.designer {
	font: bold 9px Verdana, Helvetica, sans-serif;
	color: #685B64;
	margin-right:0;
	padding-right:0;

	/* dodano kasnije: */
	clear: both;
	text-align:right;
	margin-bottom:24px;
	margin-right:12px;
	padding-top:8px;
	/* ako snjeza bude htjela centrirano, deletaj ovo gore, premjesti div i dodaj margin-left */
}

.designer a:link, .designer a:visited {color:#685B64;text-decoration:none;}
.designer a:hover {color:#C3A589;}

/* footer ends */

.back_button a {
	color:#C3A589;
	line-height:26px;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;}
.back_button a:hover {color:#FFF;}

/* meniji ispod headera (programi, etc) */
.mainlevel-nav {color: #2E1B17;}
a.mainlevel-nav:link, a.mainlevel-nav:visited {color: #2E1B17;text-decoration: none;font: normal 10px/14px Verdana, Helvetica, sans-serif;}
a.mainlevel-nav:hover {color: #C3A589;}

/* RASPORED */
#raspored {color:#FFF;text-align: center}
#raspored tr td {padding:2px;text-align: center;font: normal 10px Verdana, Helvetica, sans-serif;}
.naslov {font-size:12px;font-weight:bold}
.raspboja1 {background-color:#9C8D97;border-bottom:1px dotted #DEDEDE;text-align: center}
.raspboja2 {background-color:#83737E;border-bottom:1px dotted #DEDEDE;text-align: center}

.mosimage {margin: 0px;padding: 0px;margin-left: 6px;}
.back_button {margin-left: 16px;}
.pollanketa {margin-top:490px;border:1px solid #685B64}
.pollanketa form {text-align:right}