/* Created by Vedran Elez, author: vedran.elez@gmail.com, 2007. */

html, body, #pw
	{
	height: 100%;
	min-height: 100%;
	width: 100%;
	}

html>body, html>body #pw { height: auto; }

body
	{
	background: #fff;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}

#pw
	{
	margin: 0 auto;
	padding: 0;
	width: 940px;
	}

#pt
	{ border-top: 5px solid #eee;	}

#pt div
	{
	background: url(../images/layout/dot.gif) repeat-x bottom;
	line-height: 2px;
	height: 2px;
	}

#pt h1	
	{
	color: #aaa;
	float: left;
	font-weight: normal;
	margin: 8px 0;
	}

#pt ul
	{
	float: right;
	font-size: 0.9em;
	list-style-type: none;
	margin: 8px 0;
	padding: 0;
	}

#pt ul li
	{ display: inline; }

#pt ul li a
	{ color: #777; }

#ph1
	{
	clear: both;
	display: block;
	margin-top: 60px;
	}

#ph1 h1
	{
	color: #003366;
	float: left;
	font: bold 3em Georgia, Verdana, Arial, serif;
	margin: 0;
	padding: 0;
	}

#ph1 p
	{
	color: #99afcc;
	margin: 0 0 0 420px;
	padding: 8px 0;
	}

#ph2
	{
	clear: both;
	display: block;
	margin-bottom: 10px;
	}

#ph2 p
	{
	background-color: #777;
	color: #fff;
	float: left;
	font-size: 0.8em;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-indent: 8px;
	width: 180px;
	}

#ph2 h2
	{
	background-color: #99afcc;
	color: #fff;
	line-height: 24px;
	margin: 0 0 0 190px;
	text-indent: 7px;
	}

#pf 
	{
	background: url(../images/layout/dot.gif) repeat-x top;
	clear: both;
	padding: 16px 0;
	margin: 10px 0;
	text-align: center;
	}
#pf img
	{ margin-bottom: 5px; }
#pf a:link, #pf a:visited
	{ color: #666; text-decoration: none;	}
#pf a:hover
	{ color: #666; text-decoration: underline;	}

/* ---- */

a:link, a:visited
	{
	color: #667c99;
	text-decoration: underline;
	}

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

h1, h2, h3, h4, h5, h6, form, input, textarea, select
	{ margin: 0; padding: 0; }

h1
	{
	font-size: 1em;
	font-weight: bold;
	}

h2
	{
	font-size: 1em;
	font-weight: bold;
	}

/* Main menu -- begin */

#mnav
	{
	color: #fff;
	font-weight: bold; 
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 180px;
	}

#mnav li
	{
	line-height: 24px;
	height: 24px;
	width: 180px;
	}

#mnav a:link,
#mnav a:visited,
#mnav a.sel:link,
#mnav a.sel:visited
	{
	color: #fff;
	display: block;
	line-height: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	text-indent: 10px;
	text-decoration: none;
	}

#mnav a:link, #mnav a:visited
	{
	background: url(../images/layout/mnav.gif) no-repeat 0 0;
	}
#mnav a.sel:link, #mnav a.sel:visited
	{
	background: url(../images/layout/mnav.gif) no-repeat -360px 0;
	}
#mnav a:hover, #mnav a.sel:hover
	{
	background-position: -180px 0;
	color: #8290a1;
	text-decoration: none;
	}

/* Holders and Containers */

#pc h1
	{
	background-color: #efefef;
	line-height: 24px;
	text-indent: 7px;
	margin-bottom: 8px;
	}

.cleft { float: left; }
.cright { float: right; }
.cleft, .cright
	{
	padding: 0;
	margin: 0;
	width: 180px;
	}
.cmid
	{
	padding: 0;
	margin: 0 auto;
	width: 560px;
	}

.c2
	{
	padding: 0;
	margin-left: 189px;
	}

.cwide
	{
	padding: 0;
	margin: 0;
	}

.cwide_bor
	{
	border: 1px solid #999;
	padding: 6px;
	margin: 0;
	}

#flashcontent
	{
	background: #667c99 url(../images/layout/tbox.gif) no-repeat bottom left;
	height: 143px;
	}
#flashcontent p
	{
	color: #fff;
	margin: 8px;
	}
#flashcontent a:link,
#flashcontent a:visited
	{ color: #fff;	text-decoration: underline; }
#flashcontent a:hover
	{ text-decoration: none; }

.sep
	{
	background: url(../images/layout/dot.gif) repeat-x center;
	display: block;
	clear: both;
	height: 20px;
	margin: 0;
	padding: 0;
	}

.clean
	{
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	}

/* hot spots */
.hot h2
	{
	background-color: #e3aa39;
	border: 1px solid #c93;
	color: #fff;
	line-height: 22px;
	margin-bottom: 1px;
	text-indent: 7px;
	}
.hot div
	{
	background-color: #ffe69a;
	border: 1px solid #cb9f40;
	/* height: 128px; */
	height: 104px;
	margin: 0;
	padding: 6px;
	}
.hot img
	{
	float: left;
	margin: 0 5px 0 0;
	}
.hot p
	{
	color: #960;
	margin: 0;
	padding: 0;
	}
.hot a.ops:link, .hot a.ops:visited
	{
	background: url(../images/layout/str_oker.gif) no-repeat;
	color: #960;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	text-indent: 6px;
	text-decoration: none;
	}
.hot a.ops:hover
	{ text-decoration: underline;	}

/* tekst box 1 */
.box1
	{
	border: 1px solid #999;
	color: #667c99;
	padding: 6px;
	margin-bottom: 10px;
	}
.box1 span
	{
	color: #666;
	display: block;
	font-weight: bold;
	}
.box1 p
	{
	color: #666;
	}

/* tekst box 2 */
.box2
	{
	margin-bottom: 10px;
	}
.box2 h2
	{
	background-color: #ccc;
	border: 1px solid #999;
	color: #333;
	line-height: 22px;
	margin-bottom: 1px;
	text-indent: 7px;
	}
.box2 div
	{
	border: 1px solid #999;
	color: #667c99;
	padding: 6px;
	}
.box2 span
	{
	color: #666;
	display: block;
	font-weight: bold;
	}
.box2 p
	{
	color: #666;
	}

/* tekst box 3 */
.box3
	{ margin-bottom: 10px; }
.box3 h2
	{
	background-color: #ccc;
	border: 1px solid #999;
	color: #333;
	line-height: 22px;
	margin-bottom: 1px;
	text-indent: 7px;
	}
.box3 div
	{
	background-color: #efefef;
	border: 1px solid #999;
	color: #667c99;
	padding: 6px;
	}
.box3 span
	{
	color: #666;
	display: block;
	font-weight: bold;
	}
.box3 p
	{ color: #666; }

/* tekst box 4 */
.box4
	{ margin-bottom: 10px; }
.box4 h2
	{
	background-color: #c6d2e2;
	line-height: 24px;
	text-indent: 7px;
	}
.box4 div
	{
	color: #666;
	padding: 7px;
	}
.box4 span
	{
	color: #666;
	display: block;
	font-weight: bold;
	}

/* tekst box 5*/
.box5
	{
	margin-bottom: 10px;
	}
.box5 h2
	{
	background-color: #667c99;
	border: 1px solid #999;
	color: #fff;
	line-height: 22px;
	margin-bottom: 1px;
	text-indent: 7px;
	}
.box5 div
	{
	border: 1px solid #999;
	padding: 10px;
	}


/* list linkova */
ul.lst
	{
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
ul.lst li
	{
	background: url(../images/layout/ul_ico_1.gif) no-repeat 0 6px;
	color: #666;
	display: block;
	padding: 0 12px;
	margin: 0 0 4px 0;
	}
ul.lst a:link,
ul.lst a:visited
	{
	color: #667c99;
	text-decoration: none;
	}
ul.lst li a:hover
	{
	color: #667c99;
	text-decoration: underline;
	}

/* lista "useful links" */
ul.use
	{
	list-style-type: none;
	padding: 0;
	margin: 0 12px;
	}
ul.use li
	{
	background: url(../images/layout/str_blue.gif) no-repeat 0 0;
	color: #666;
	display: block;
	padding: 0 6px;
	margin: 0 0 16px 0;
	}
ul.use a:link,
ul.use a:visited
	{
	display: block;
	color: #667c99;
	text-decoration: none;
	}
ul.use li a:hover
	{
	color: #667c99;
	text-decoration: underline;
	}
ul.use a span
	{
	display: block;
	font-weight: bold;
	}

.side_bann
	{ margin-bottom: 10px; }

/* srednji tekst box - propertys */
.pbox
	{ margin-bottom: 10px; }
.pbox h2
	{
	background-color: #667c99;
	border: 1px solid #999;
	color: #fff;
	line-height: 22px;
	text-indent: 6px;
	margin: 0 0 1px 0;
	padding: 0;
	}
.pbox .pbfr
	{
	border: 1px solid #999;
	padding: 10px;
	}
.pbox .pb
	{
	background: url(../images/layout/dot.gif) repeat-x bottom left;
	overflow: auto;
	padding-bottom: 10px; 
	margin-bottom: 10px;
	}
.pbox .pb img
	{
	float: left;
	margin: 0 5px 0 0;
	}
.pbox .pb span
	{
	display: block;
	font-weight: bold;
	}
.pbox .pb span a:link, .pbox .pb span a:visited
	{ text-decoration: underline; }
.pbox .pb span a:hover
	{ text-decoration: none; }
.icobar
	{ text-align: center; }

.cntfrm input, .cntfrm textarea
	{
	color: #000;
	font: 11px Vedrana, Arial, Helvetica, sans-serif;
	display: block;
	width: 350px;
	}
.cntfrm label
	{
	display: block;
	line-height: 26px;
	}

/* Holders and Containers -- end */