/*
 +--------------------------+
 ¦     kuca  Vukajlovic     ¦
 +--------------------------+
 ¦   purpose:  for screen   ¦
 +--------------------------+
 ¦ coding: Miroslav Orbovic ¦
 +--------------------------+
*/

/* ==========================  BODY     ========================== */

body {
	background:		#ffffff url(../img/body.jpg) repeat top left fixed;
	font-family:		Georgia, Times, serif;
	padding:		0;
	margin:			0;
}

/* ==========================  WRAPPER  ========================== */

#wrapper {
	width:			580px;
	height:			100%;
	padding:		0 8px;
	margin:			0 auto;
}

#wrapper div {
	padding:		0 40px;
}

/* ==========================  HEADER   ========================== */

#header {
	height:			230px;
	background:		url(../img/header.jpg) no-repeat top center;
	margin:			0;
}

/* ==========================  MENU     ========================== */

#menu {
	margin:			0;
}

#menu ul {
	width:			100%;
	height:			40px;
	list-style-type:	none;
	font-size:		16pt;
	padding:		0;
	border-bottom:		1px solid #d3f1b6;
	margin:			0;
}

#menu ul li {
	display:		inline;
	float:			left;
	width:			25%;
	text-align:		center;
	padding:		0;
	margin:			0;
}

#menu ul li a {
	width:			100%;
	float:			left;
	text-align:		center;
	text-decoration:	none;
	color:			#61804e;
	padding:		5px 0 4px 0;
	border-bottom:		none;
	margin:			0;
}

#menu ul li a:hover {
	background:		url(../img/menu.gif) repeat-x bottom;
	color:			#2e5f0f;
}

#menu ul li a.here {
	background:		url(../img/menu.gif) repeat-x bottom;
	color:			#6e310b;
}

/* ==========================  CONTENT  ========================== */

#content {
	margin:			40px 0 20px 0;
}

#content div {
	padding:		0;
	margin:			0;
/*	border:			1px solid red;
	okvir za odredjivanje visine div-a koju zauzima tekst u njemu ------------------------
*/
}

#content div p {
	line-height:		150%;
	padding:		0 0 10px 0;
	margin:			0;
}

#content div p small {
	font-size:		80%;
}

/* ==========================  BANNER   ========================== */

#banner {
	margin:			20px 0;
}

#banner p {
	line-height:		200%;
	font-family:		Verdana, Helvetica, sans-serif;
	font-size:		7pt;
	font-weight:		bold;
	text-align:		center;
	color:			#4a6e35;
	padding:		0;
	margin:			0;
}

/* ==========================  FOOTER   ========================== */

#footer {
	height:			100px;
	margin:			0;
}

/* ==========================  TABLE    ========================== */

table {
	width:			500px;
	line-height:		100%;
	color:			#6d6864;
	padding:		0;
	margin:			0 0 15px 0;
}

table th, table td {
	vertical-align:		top;
	margin:			0;
}

table thead th {
	background-color:	#f1ffe3;
	border-bottom:		1px solid #b8e78b;
	font-size:		8pt;
	text-align:		left;
	padding:		4px 8px 3px 8px;
}

table tbody td {
	border-bottom:		1px solid #dddddd;
	font-size:		10pt;
	padding:		6px 8px;
}

table tbody tr.dark {
	background-color:	#f5f5f5;
}

/* ==========================  LIST     ========================== */

#content ul {
	line-height:		150%;
	list-style:		none;
	font-size:		10pt;
	color:			#6d6864;
	padding:		0;
	margin:			0 0 20px 20px;
}

#content ul li {
	background:		url(../img/bullet.gif) no-repeat;
	background-position:	8px 5px;
	padding:		0 0 1px 20px;
	margin:			0;
}

#content ul ul {
	line-height:		150%;
	list-style:		none;
	font-size:		7pt;
	font-weight:		normal;
	color:			#6d6864;
	padding:		0;
	margin:			0 0 20px 10px;
}

#content ul ul li {
	background:		none;
	letter-spacing:		1px;
	padding:		0;
	margin:			0 0 2px 10px;
}

/* ==========================  FORM     ========================== */

form {
	padding:		0;
	border-top:		1px solid #dddddd;
	margin:			20px 0;
}

input, textarea {
	background:		#ffffff;
	font-family:		Tahoma, Helvetica, sans-serif;
	font-size:		10pt;
	color:			#333333;
	border-width:		1px;
	border-style:		solid;
	border-color: 		#888888 #dddddd #dddddd #888888;
	padding:		2px 3px;
}

input:hover, textarea:hover {
	background:		#f1ffe3;
	border-width:		1px;
	border-style:		solid;
	border-color: 		#888888 #dddddd #dddddd #888888;
	padding:		2px 3px;
}

input:focus, textarea:focus {
	background:		#f1ffe3;
	border-width:		2px;
	border-style:		solid;
	border-color: 		#888888 #dddddd #dddddd #888888;
	padding:		1px 2px;
}

input.button {
	cursor:			pointer;
	width:			90px;
	height:			24px;
	background:		#508231;
	font-family:		Georgia, Times, serif;
	font-size:		10pt;
	color:			#ffffff;
	border-width:		1px;
	border-style:		solid;
	border-color:		#b8e78b #2d5018 #2d5018 #b8e78b;
	margin:			0 3px;
}

input.button:hover {
	background:		#318182;
	border-color:		#8be7df #18504b #18504b #8be7df;
}

/* ==========================  BLOCK    ========================== */

h1 {
	font-size:		32pt;
	font-weight:		400;
	letter-spacing:		-3px;
	color:			#6e310b;
	padding:		110px 0 0 10px;
	margin:			0;
}

h1 img {
	margin:			0 10px;
}

h1 big {
	color:			#512103;
}

h2 {
	font-size:		18pt;
	font-weight:		normal;
	color:			#512103;
	padding:		25px 0 0 0;
	margin:			0;
}

h3 {
	cursor:			pointer;
	font-size:		18pt;
	font-weight:		normal;
	color:			#512103;
	padding:		30px 0 10px 0;
	margin:			0;
}

h4 {
	font-size:		13pt;
	font-weight:		normal;
	color:			#61804e;
	padding:		12px 10px 5px 10px;
	margin:			0;
}

p {
	line-height:		170%;
	font-size:		10pt;
	color:			#6d6864;
	padding:		10px 0;
	margin:			0;
}

p.img {
	text-align:		center;
	padding:		0;
	margin:			15px 0;
}

p.language {
	line-height:		100%;
	font-family:		courier New, Helvetica, sans-serif;
	font-size:		8pt;
	font-weight:		bold;
	text-align:		right;
	letter-spacing:		-1px;
	padding:		20px 0 0 0;
	margin:			0;
}

address {
	font-size:		7pt;
	font-style:		normal;
	text-align:		center;
	color:			#6e310b;
	padding:		3px 0 0 0;
	border-top:		1px solid #b8e78b;
	margin:			0;
}

/* ==========================  INLINE   ========================== */

small {
	line-height:		120%;
	font-size:		75%;
}

big {
	font-size:		125%;
}

span {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:		70%;
}

span.sup {
	vertical-align:		top;
	font-size:		70%;
	font-weight:		bold;
	letter-spacing:		2px;
	padding:		0 0 0 0;
}

/* ==========================  IMAGE    ========================== */

img.left {
	float:			left;
	margin:			6px 14px 0 0;
}

/* ==========================  LINK     ========================== */

a {
	text-decoration:	none;
	color:			#5e9040;
	border-bottom:		1px solid #b8e78b;
}

a:hover {
	background-color:	#f1ffe3;
	color:			#3c5d29;
	border-bottom:		1px solid #4a6e35;
}

p.language a {
	background:		none;
	text-decoration:	none;
	color:			#5e9040;
	border:			0;
}

p.language a:hover {
	background:		none;
	text-decoration:	underline;
	color:			#5e9040;
	border:			0;
}

p.img a {
	border:			0;
}

p.img a:hover {
	border:			0;
}