@charset "utf-8";

* {margin:0; padding:0;}
body {
	background: url(../img/pozadina.gif) left repeat-y #F8EDEC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}
a {color:#9F4102; text-decoration:none;}
img {border:0px;}
p {text-align:justify;}
.srp {color:#DE5A03; text-align:right;}
.eng {color:#108149; text-align:right;}
h1, h2, h3, h4 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; display:inline;}
h3{font-size:17px; color:#DE5A03; text-decoration:none;}
h4{font-size:17px; color:#108149; text-decoration:none;}

span.mediaDate {padding:0 0 0 20px; font-weight:bold;}

.mali {font-size:14px;}
#powered {
	position:absolute;
	z-index:5;
	top:0; 
	right:0;
}
#header {
	float:left;
	width:100%;
	height:160px;
	background:url(../img/header-poz.gif) left repeat-x;
	margin:20px 0 0 0;
}
#headSlika {
	float:left;
	padding:3px 0 0 0;
}
#headNaslov {
	float:left;
	padding:30px 0 0 30px;
	width:310px;
}
#headNaslov h1 {
	color:#F5E4E3;
	font-size:35px;
}
#sadrzaj {
	float:left;
	width:860px;
	background:url(../img/sadrzaj-poz.gif) left repeat-y;
}
#levaKolona {
	float:left;
	width:225px;
	overflow:auto;
}
#desnaKolona {
	float:right;
	width:610px;
	margin:20px 0 0 0;
	padding:20px 0 0 20px;
}
#desnaKolona h3, #desnaKolona h4{
	font-size:20px;
}
#desnaKolona b{
	font-weight:normal;
}
/*///////////////////////////////////*/
/*//////////// Tabele ///////////////*/
/*///////////////////////////////////*/

#desnaKolona table{
	width:615px;
	background-color:#999999;
	color:#9F4102;
}
#desnaKolona table td{
	padding:3px;
	background-color:#F8EDEC;
}
#desnaKolona  blockquote{
	padding:5px 0 5px 25px;
	color:#02479C;
}
#desnaKolona table b{
	font-weight:bold;
}
#desnaKolona tbody th{
	text-align:center;
	background-color:#F8EDEC;
	width:20%;
}
#desnaKolona thead td {
	text-align:center;
}
#desnaKolona tfoot td {
	text-align:left;
	padding:10px 0 10px 20px;
}

/* Tabela projekti */

#desnaKolona .projektiKol1, #desnaKolona .projektiKol2, #desnaKolona .projektiKol3, #desnaKolona .projektiKol4{
	width:15%;
	text-align:left;
	vertical-align:text-top;
	font-weight:bold;
}
#desnaKolona .projektiKol5{
	width:40%;
	text-align:left;
	vertical-align:text-top;
}

/* Tabela info */

.info{
	color:#000000;
}
.info p{
	text-align:right;
}
.info img{
	margin:3px 0;
}


/*///////////////////////////////////*/
/*///// Desne Kolone Srp i Eng //////*/
/*///////////////////////////////////*/

#desnaKolonaSrp{
	width:280px;
	float:left;
}
#desnaKolonaEng{
	width:280px;
	float:right;
}
#desnaKolonaSrp ul li{
	list-style:disc;
	margin:0 0 0 20px;
	list-style-position:inherit;		
}
#desnaKolonaEng ul li{
	list-style:disc;
	margin:0 0 0 20px;
	list-style-position:inherit;
}


/* Classe */

.desnaKolonaSrp{
	width:280px;
	float:left;
}
.desnaKolonaEng{
	width:280px;
	float:right;
}
.desnaKolonaSrp ul li{
	list-style:disc;
	margin:0 0 0 20px;
	list-style-position:inherit;		
}
.desnaKolonaEng ul li{
	list-style:disc;
	margin:0 0 0 20px;
	list-style-position:inherit;
}


#razmak {
	float:right;
	width:610px;
	text-align:right;
	background:url(../img/razmak.gif) center no-repeat;
	height:80px;
	clear:both;
}

/*///////////////////////////////////*/
/*//////////// Footer ///////////////*/
/*///////////////////////////////////*/

#footer {
	float:right;
	width:610px;
	padding:0 0 10px 0;
}
#srpKontakt {
	float:left;
	text-align:left;
	width:200px;
}
#srpKontakt h3, #engKontakt h4 {
	font-size:18px;
}
#srpKontakt p, #engKontakt p{
	font-size:11px;
}
#webKontakt {
	float:left;
	width:210px;
	text-align:center;
}
#engKontakt p {
	text-align:right;
}
#engKontakt {
	float:right;
	text-align:right;
	width:200px;
}

/*///////////////////////////////////*/
/*///////////// Meni ////////////////*/
/*///////////////////////////////////*/

#meni {
	float:left;
	display:block;
	padding:20px 0 0 5px;
	width:215px;
}
#meni b{
	display:inline;
	font-weight:normal;
}
#meni ul li{
	color:#FF6F0F;font-family:Georgia, "Times New Roman", Times, serif; 
	font-weight:normal; 
	font-size:17px;
	margin:0 0 2px 0;
	list-style-type:none;
	text-align:right;
}
#meni li a{
	text-decoration:none;
	display:block;
	line-height:30px;
	border-bottom:#339966 solid 1px;
}
#meni li a:hover{
	background-color:#fff;
	border-left:#339966 solid 5px;
}

/*///////////////////////////////////*/
/*///////////// Baneri //////////////*/
/*///////////////////////////////////*/

#baneri {
	float:left;
	width:225px;
	padding:30px 0 0 0;
	text-align:center;
}
#baneri img{
	margin:0 0 10px 0;
}

/*///////////////////////////////////*/
/*///////////// Linkovi /////////////*/
/*///////////////////////////////////*/

#links {
	text-align:justify;
}
#links .srp a{
	color:#DE5A03;
	font-size:16px;
}
#links .eng a{
	color:#108149;
	font-size:16px;
}


#silabusi u a{
	text-decoration:underline;
}
#silabusi ul li{
	list-style:none;
	margin:0 0 0 25px;
}