body, html {
	height: 100%;
	width: 100%;
	margin: 0px;
	font-family: Tahoma, "MS Sans Serif";
	font-size: 11px;
	color: #6a6a6a;
	
}
h1 {
	display: none;
}
h2 {
	color: #E471A7;
	font-weight: normal;
	font-size:16px;
	line-height:20px;
	height:20px;
	margin-bottom:5px;
	overflow:hidden;
}

.sivo {color:#666666}

h3 {
	font-size: 11px;
	margin-top: 5px;
}

p {
	line-height: 15px;
	text-align: justify;
}

ul {
	list-style-position:outside;
	margin-left:15px
}

a:link, a:visited {
	color: #e471a7;
	text-decoration: none;
}


a:hover {
	text-decoration: underline;
}
a img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#wrapper {
	/*
Ovo je glavni wrapper u kojem se nalaze svi ostali.
Ovdje se može mijenjati background iza cijele stranice.
*/
	width: 100%;
	/* background: #002200 url('../neka_slika.gif') repeat-x;*/
	min-height: 100%;
	position: relative;
	background-image: url(../img/bg_wrapper.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #E8E8DF;
}
#header_wrapper {
/* 
Ovdje se određuje visina headera i pozadina iz headera. 
*/
	height: 324px;
	width: 100%;
	vertical-align:top;
	background:url(/includes/img/bg_body.gif) repeat-x;

	/* background: #002200 url('../neka_slika.gif') repeat-x;*/
}
#content_wrapper {
	/*
Ovdje se određuje background iza glavnog sadržaja (#content)
i padding-bottom kako sadržaj (#content) ne bi išao iza footera.
Ako se mijenja visina footera (#footer wrapper), 
treba promijeniti i ovu padding-bottom vrijednost koja bi trebala
biti ista kao i visina footera, tj. #footer wrappera.
*/
	width: 100%;
	min-height: 300px;
	padding-bottom: 90px;
	/* background: #002200 url('../neka_slika.gif') repeat-x;*/
}
#footer_wrapper {
/*
Pomoću ovog wrappera određuje se visina footera i pozadina
iza footera. Ako se mijenja visina footera treba promijeniti
i vrijednost paddinga kod #content wrapperu.
*/
	/* background: #002200 url('../neka_slika.gif') repeat-x;*/
	height: 82px;
	width: 100%;
	position: absolute;
	bottom: 0px;
}
#header {
/* Ovo je header (wow!) kojem se može mijenjati širina, pozadina,
margine, padding i još puno toga. 
Visina headera se mijenja u #header wrapperu.
*/
	/* background: #002200 url('../neka_slika.gif') repeat-x;*/
	height: 100%;
	width: 1003px;
}
#content {
	/* 
Ovdje se nalazi glavni sadržaj stranice i kolumne.
*/
	/* background: #002200 url('../neka_slika.gif') repeat-x;*/
	width: 1003px;
	background-image: url(../img/bg_content.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#column_1, #column_1_long {
	float: left;
	width: 250px;
	padding-left: 100px;
	padding-right: 10px;
	padding-top: 60px;
}
#column_1_long {
	width: 540px;
	padding-right: 91px;
	padding-top: 60px;
}
#column_1 img.floatLeft, #column_1_long img.floatLeft {
	display: inline;
	margin-right: 6px;
	margin-top: 2px;
}
#column_1_long img.floatLeft {
	border: 3px solid #FFFFFF;
}
#column_1_long .article {
	margin-top: 4px;
	margin-bottom: 15px;
	margin-left: 15px;
}

#column_1_long h2 {
	color: #E471A7;
	font-weight: normal;
	font-size:16px;
	line-height:20px;
	height:20px;
	margin-bottom:5px;
	
}

p.att, a.att {
	padding-left: 12px;
	font-weight: bold;
	color: #E471A7;
	background-image: url(../img/bullet_white.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left: 15px;
	margin-top: 2px;
}
a.att  {
	color: #6A6A6A;
	font-weight: normal;
	background-image: none;
}
p.sig {
	text-align: right;
	margin-top: 6px;
}

#column_2 {
	/* 
Druga kolumna u contentu.
*/
	/* background: #002200 url('../neka_slika.gif') repeat-x;*/
	float: left;
	padding-left: 19px;
	padding-right: 18px;
	width: 334px;
}
#column_2 h2 {
	margin-top: 16px;
}
#column_2 .box_novost {
	background-image: url(../img/bg_clanak.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 66px;
	width: 334px;
	position: relative;
	margin-top: 8px;
}
.box_novost img.floatLeft {
	display: inline;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 8px;
}
.box_novost img.mask {
	position: absolute;
	left: 1px;
	top: 1px;
}
.box_novost h3 {
	margin-top: 2px;
}

.box_novost h3 a {
	font-size: 11px;
	list-style-position: inside;
	list-style-image: url(../img/bullet_white.gif);
	background-image: url(../img/bullet_white.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 12px;
}
.box_novost p {
	width: 220px;
	padding-left: 12px;
}

form.anketa {
	width: 240px;
	padding-left:7px;
	background:#e5e5e5;
	/*margin-top: 4px;*/
}
form.anketa div {
	margin-bottom: 5px;
	/*margin:0px; 
	padding-left:5px; 
	padding-right:5px;
	padding-top:5px;*/

}
form.anketa div a {
	display: inline;
	/*margin-top: 6px;*/
	font-weight: bold;
}
#column_3 {
	/* 
Treća kolumna u contentu.
*/
	/* background: #002200 url('../neka_slika.gif') repeat-x;*/
	float: left;
	width: 272px;
	background-image: url(../img/bg_linkovi_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 66px;
}
.box_forum {
	background-image: url(../img/bg_zadnje.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	padding-top: 14px;
	padding-left: 16px;
	padding-bottom: 16px;
}
.box_forum h2 {
	background-image: url(../img/naslov_zadnje_na_forumu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 18px;
	width: 201px;
}
.box_forum h3, .box_forum p {
	padding-left: 15px;
}
.box_forum a {
	color: #6A6A6A;
}

.box_projekti {
	background-image: url(../img/bg_zadnje.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	padding-top: 14px;
	padding-left: 16px;
	padding-bottom: 16px;
}
.box_projekti h2 {
	background-image: url(../img/naslov_projekti.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 20px;
	width: 91px;
}

.box_projekti h3, .box_projekti p {
	padding-left: 15px;
	padding-right: 20px;
}
.box_linkovi {
	background-image: url(../img/bg_linkovi.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 16px;
}
.box_linkovi ul {
	list-style-type: none;
	margin-top: 6px;
}
.box_linkovi li {
	margin-top: 2px;
}
.box_linkovi a {
	background-image: url(../img/bullet_white.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 16px;
}

.box_linkovi h2 {
	color:#666666;
	width:98px;
	height:15px;
	background-image:url(../img/naslov_linkovi.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.box_galerije {
	background-image: url(../img/bg_linkovi.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 16px;
}
.box_galerije ul {
	list-style-type: none;
	margin-top: 6px;
}
.box_galerije li {
	margin-top: 2px;
}
.box_galerije a {
	background-image: url(../img/bullet_white.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 16px;
}

.box_galerije h2 {
	color:#666666;
	width:92px;
	height:19px;
	background-image:url(../img/naslov_galerije.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.box_kontakt {
	background-image: url(../img/bg_linkovi.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 16px;
}



.box_kontakt h2 {
	color:#666666;
	width:61px;
	height:17px;
	background-image:url(../img/naslov_kontakt.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.box_izdvajamo_gal {
	background-image: url(../img/bg_zadnje.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	padding-top: 14px;
	padding-left: 16px;
	padding-bottom: 16px;
}

.box_izdvajamo_gal h2 {
	color:#666666;
	width:146px;
	height:20px;
	background-image:url(../img/naslov_izdvajamo_gal.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.box_izdvajamo_gal img {
	margin-left:5px;
	margin-top:5px;
	border: 3px solid #FFFFFF;
}	

.thumbovi {
	margin-left:15px;
	margin-top:5px;
	width: 520px;

}

.thumbovi img.floatLeft {
	margin-bottom: 25px;
	margin-top: 7px;
	margin-left:15px;
	display:inline;
}

#kontakt {
	clear:both;
	display:block;
	width:225px;
	height:230px;
}

.input {
	font-family: Tahoma, "MS Sans Serif";
	font-size: 11px;
	color: #6a6a6a;
	width:160px;
	height:14px;
	margin-bottom:5px;
	float:left;
	clear:right;
	padding:2px;
	
}

#kontakt label {
	font-family: Tahoma, "MS Sans Serif";
	font-size: 11px;
	color: #6a6a6a;
	margin-top:4px;
	width:55px;
	float:left;
	
}
#kontakt textarea {
	font-family: Tahoma, "MS Sans Serif";
	font-size: 11px;
	color: #6a6a6a;
	width:160px;
	height:100px;
	float:left;	
}
.submit {
	font-size: 12px;
	color: #6a6a6a;
	width:60px;
	height:23px;
	float:right;
	background-color:#FBE1F4;
	color:#CC33FF;
	border: 1px solid #CC33FF;
	margin-top:5px;

}


#main_wrap {
	/*margin:5px; */
	width:240px;
	
}

.forum_ulaz_dojo {
	width:200px;
	height:175px;
	padding:15px;
	background-color:#fafafa;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	border:1px solid #CCCCCC;
	
}


.pitanje {
	float:left; 
	width:60px;
	text-align:right; 
	padding-right:5px;
	display:inline;
}
.traka_wrap {
	display:inline;
	float:left;
	width:100px;
	height:16px;
	padding:0px;
	margin:0px;
	/*margin-bottom:5px;
	background:#00CC66;*/
	
}

.postotak_traka {
	height:16px;
	margin:0px;
	padding:0px;
	background-image:url(includes/img/bg_trakaankete.gif);
	background-color:#FF7FBC;
	float:left;
	display:inline;
}

.postotak_broj { 
	float:right; 
	/*margin-top:-3px;*/
	width:33px;
	display:inline;
}



#footer {
	/* 
Visina footera se određuje u #footer wrapperu.
*/
	height: 100%;
	width: 988px;
	background-image: url(../img/bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: 479px bottom;
	padding-left: 15px;
	/* background: #002200 url('../neka_slika.gif') repeat-x;*/
}
#footer a img.floatLeft {
	display: inline;
	margin-left: 545px;
}

ul.footNav {
	list-style-type: none;
	padding-top: 28px;
	height: 22px;
	margin-left: -4px;
}
ul.footNav li {
	float: left;
	padding-left: 4px;
}
.footNav li a {
	padding-right: 4px;
}



/* ********* paginacija **********  */

.pageNavPosition {
	text-align:center;
	width:100%
	}

.pg-normal {
	cursor:pointer;
	color:#e471a7;
	text-decoration:none
	}
	
	.pg-selected {
		font-weight:bold;
		color:#444444
}

/* ********* pagi end *********** */

* {
/* 
Ovo je univerzalni selektor za margine i padding, jer browser
automatski postavlja određenu vrijednost margine i paddinga za
sve elemente.
*/
	margin: 0px;
	padding: 0px;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

.clear {
	clear: both;
}