body {
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 10px;
	text-align: center;
	background: #E8F1FF;
}

html	{
}

html, body, #wrapper, h1, #nav-top, #nav-top li, #nav-left, #nav-top li {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-top: 0px;
	
}

th, td {
	font-size: 11px;
	text-align: center;
}
img {border: 0;}
div.active {color:#33CCFF;}

#wrapper {
	text-align: left;
	width: 750px;
	border: none/*thin solid #39aee4*/;
	position: relative;
	margin-top: 7px;
	margin-right: auto;
	margin-bottom: 7px;
	margin-left: auto;
}

h1, h2, h3 {font-size: 11px;}
h1 {margin: 0;padding: 0; color:#3366CC; font-size:12px;}
h2 {margin: 0 0 5px 0;padding: 0;}
h3 {padding: 4px 0 0 0;}
p {margin: 1em 0;padding: 0;}

.block {display: block;}
.clear {
	clear: both;
	height: 1px;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1px;
	line-height: 1px;}

* html .clear {margin-top: -5px;margin-bottom: -4px;}
.left {float: left;margin: 0px 0px 0px 0px;}
.softright {text-align: right;}
.readmore {text-align: right;}

/*************************** H E A D E R *************************/

#header {
	background: url(images/headernovi.gif);
	position: relative;
	width: 750px; height:85px;
	margin-bottom: 0px;
	z-index: 1;
}

#header .firma {position:absolute;
	width:748px;
	height: 15px;
	z-index: 2;
	position: absolute;
	left: 3px;
	top: 89px;
}*/
/* laptop slika #header .br { background: url(images/header_br.jpg) bottom right no-repeat; width:100%;}*/
/************************ N A V I G A C I J A ********************************/

#nav-top {
	position: absolute;
	top: 74px;
	left: 302px;
	color: #fff;
	width: 737px;
	height: 14px;
}
#nav-top li {display: inline;}
#nav-top a {color: #fff;font-weight: bold;text-decoration: none;}
#nav-top a:hover {text-decoration: none; color:#000000;}
#nav-left {position: absolute;top: 375px; left: 13px;}
#nav-zas {
	position: absolute;
	top: -42px;
	left: -1px;
	color: #fff;
	width: 188px;
	height: 25px;}
	
#nav-top_rez	{position: absolute;top: 65px;left: -316px;color: #fff;width: 454px;}
#nav-top_rez li {display: inline;}
#nav-top_rez a {color: #fff;font-weight: bold;text-decoration: none;}
#nav-top_rez a:hover {text-decoration: underline;}
#active {color:#33CCFF;}

#izrada { background:url(images/uizradi.gif); position:absolute; top:-7px; left:254px; width:150px; height:53px; }
#nav-jez {
	position: absolute;
	top: -22px;
	left: -2px;
	color: #fff;
	width: 186px;
	height: 17px;
}
#l_uc { position:absolute; top:170px; left:3px; width:150px; height:32px; }
#d_uc { position:absolute; top:170px; left:603px; width:150px; height:32px; }
/********************** B O D Y ***********************/

#body { border:thin; border-style:none; width:750px; border-color:#CCCCCC; background:url(images/background.gif) repeat-y;}
#body h2 {margin: 0 0 1.5em 0; padding-left:5px; text-align:center; color:#3366CC;}
#body h3 {margin: 0 0 0 0; padding-left:10px;}
#body ul {margin: 0;padding: 0;list-style: none;}
#body li {padding: 0;margin: 0.8em 0;}

a {color: #ce7210; text-decoration:none;}
a:hover {
	text-decoration:none;
}

#cap {
	padding-top: 0px;
	width: 750px;
	/*background-color: #2db6e0;*/
	/*background-color:#3399FF;*/
	background-image:url(images/header_linkovi.jpg);
	height:25px;
}

#lijeva {float:left; width:150px; margin-left: 0px; padding-bottom:0px;}
tabela {}
#desna {float: left;width: 150px;margin-left: 0px;}
#desna h3 {font-size: 10px;}
#desna h3 a {text-decoration: none;}
#desna p {line-height: 1.5;}

#ucesnici .slikal {width : 67px;float: left ;position : static; display: block;  margin-top:90px; padding-left:5px; padding-top:5px; border-left: thin dotted #66CCFF; text-align:center;}
#ucesnici .slikad {width : 67px;float: right ;position : static; display: block; margin-top:90px; padding-right:5px; padding-top:5px; border-right: thin dotted #66CCFF; text-align:center;}

/**********************    A K T I V N O S T I    *******************/

#centar {
	float: left;
	width:450px;
	margin-left:10px;
	border-left:none;
	border-right:none;
	text-align:center;
}
#centar p {line-height: 1.5; padding-left:15px; text-align:center;}
#centar h3 {font-size: 10px; text-align:center;}

#l_akt { position:absolute; top:170px; left:3px; width:145px; height:32px; }

.aktivnosti {
	width : 145px;
	float: left;
	position : static;
	display: block;
	margin-top:105px;
	padding-left:0px;
	padding-top:0px;
	text-align:center;
	/*border: thin dotted #66CCFF;*/
	margin-left: 3px;
}
.aktivnosti ul {border-top: 1px solid #FAFAFA;margin: 0;padding: 0;}
.aktivnosti li {border: 1px solid #FAFAFA;border-top: none;list-style: none;margin: 0; font-size:12px;}
.aktivnosti li a {color: #777;display: block;font-size: 0.8em;padding: 3px 6px 3px 14px;text-decoration: none;}
.aktivnosti li a:hover {color: #000;}

/*#aktivnosti .l {width : 225px;float: left ;position : static; display: block;  margin-top:90px; padding-left:5px; padding-top:5px; border-left: thin dotted #66CCFF; text-align:center;}*/

/*.aktivnosti {background: #EEE;border: 1px solid #E5E5E5;float: left;width: 200px;}
.aktivnosti h1 {color: #666;font-size: 1.2em;height: 20px;margin-top: 1.2em;}
.aktivnosti ol {border-top: 1px solid #FAFAFA;background: url(img/bgul.gif) repeat-x;margin: 0;padding: 0;}*/

/*#aktivnosti .l {width : 225px;float: left ;position : static; display: block;  margin-top:90px; padding-left:5px; padding-top:5px; border-left: thin dotted #66CCFF; text-align:center;}
#aktivnosti .d {width : 67px;float: right ;position : static; display: block; margin-top:90px; padding-right:5px; padding-top:5px; border-right: thin dotted #66CCFF; text-align:center;}*/

#ucesnici .l {width : 134px;float: left ;position : static; display: block;  margin-top:90px; padding-left:5px; padding-top:5px; border-left: thin dotted #66CCFF; text-align:right;}
#ucesnici .d {width : 134px;float: right ;position : static; display: block; margin-top:90px; padding-right:5px; padding-top:5px; border-right: none; text-align:left;}
#ucesnici a {color: #3366CC; text-decoration:none;}
#ucesnici a:hover {color: #ce7210; text-decoration:none}

#ucesnici p {padding-top : 3px;padding-bottom:10px; padding-left:5px;float : none;}
#ucesnici .info {float : left;width : 120px; margin:auto;}
#ucesnici .link {font-weight : bold;float : right; padding-left:5px;padding-top :15px}
#ucesnici .link a {color : #577D0E;}
#ucesnici .link a:hover {color : #7FAA2D;text-decoration : underline;}


#capabilities { float: left;width:449px; margin-left:0px; border-left:none; border-right:none; text-align:center;}
#capabilities p {
	line-height: 1.5;
	padding-left:15px;
	text-align:center;
	color: #000;
}
#capabilities h3 {font-size: 10px; text-align:center;}
/*div.img {
	width:420px;
	height:490px;
	border: medium ridge #993333;
	display: block;
	margin: auto;
	top: 200px;
}*/

div.img {
	width:420px;
	height:520px;
	border: inset thin #3366CC;
	display: block;
	margin: auto;
	top: 200px;
}

#dod {
	width:420px;
	height:auto;
	border: inset thin #3366CC;
	display: block;
	margin: auto;
	top: 200px;}
#dod p { font-size:12px; text-align:left;}
#dod a {color : #06F; text-decoration:underline;}
#dod a:hover {color : #ce7210;}
 
/*#sadrzaj { width:420px; height:200px; font-size: 10px; text-align:left; border:medium ridge #993333; margin: auto; overflow:scroll; overflow-x:hidden; padding-top:15px;}*/

#sadrzaj { width:420px; height:200px; font-size: 10px; text-align:left; border:inset thin #3366CC; margin: auto; overflow:scroll; overflow-x:hidden; padding-top:15px;}
#sadrzaj p {line-height: 1.5; padding-left:15px; text-align:left;}

#sadrzaj2 {
	width:420px;
	height:350px;
	font-size: 10px;
	text-align:left;
	border:inset thin #3366CC;
	overflow:scroll;
	overflow-x:hidden;
	padding-top:15px;
	padding-right: 5px;
	padding-bottom: 15px;
}
#sadrzaj2 p {line-height: 1.5; padding-left:15px; text-align:left;}

#sadrzaj2 h1 {padding-left:10px; text-align:left;}

#sadrzaj_op {
	width:420px;
	height:auto;
	border: inset thin #3366CC;
	display: block;
	margin: auto;
	top: 200px;
	padding-right:5px;}
#sadrzaj_op2 {
	width:420px;
	height:800px;
	border: inset thin #3366CC;
	display: block;
	margin: auto;
	top: 200px;
	padding-right:5px;}
#sadrzaj_op2 p {line-height: 1.5; padding-left:15px; text-align:left;}
#sadrzaj_op2 h2 {font-size:12px; }
#sadrzaj_opw { width:400px; height:800px;text-align: justify; border:inset thin #3366CC; margin: auto; padding-top:15px; display: block;}
#sadrzaj_op p {line-height: 1.5; padding-left:15px; text-align:left;}
#echipbih p {line-height: 1.5; padding-left:15px; text-align:left;}
#sadrzaj_op h2 {font-size:12px; }
/************************** footer ************************/

#footer {
	clear: both;
	text-align: center;
	background: url(images/footer_bg.gif) repeat-x;}

#footer div div { padding: 8px 0; text-align:center;}
#footer, #footer a {color: #CC3300; }

/**************** T R A Z I L I C A **************************/
.field{
	font-family: tahoma, verdana, arial, helvetica;
	font-size: 11px;
	color: #626278;
	width: 170px;}
.button{
	font-family: tahoma, verdana, arial, helvetica;
	font-size: 11px;
	padding: 2px 0 2px 0;
	width: 75px;}
.form_table{position:absolute; top: 86px; left:491px; width: 150px; padding-top: 0px; }
.form_td_left{width: 145px;}
.form_td_right{width: 85px;}
#capabilities_rez { float: center;width:740px; margin-left:0px; border-left:none; border-right:none; text-align:center; }
/**********************  COUNTER  ***********************/
/*#brojac {
display:block; width:50px; height:25px; top:1000px; left:550px; text-align:right;}*/