/* Created by Vedran Elez 2009, mailto: vedran.elez@gmail.com */

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

html>body #wrap { height: auto; }

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

#wrap
	{
	left: 0;
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	}

/* pgh - Page header (top navigacija, glavni izbornik, flash header, ...) */
#pgh
	{ background: url(../images/layout/back_bg.png) repeat-x top; }
#pgh .hld
	{
	background: url(../images/layout/head_bg.png) no-repeat top center;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	text-align: center;
	}

/* pgs - Page separator */
#pgs
	{
	background: #743900;
	border-bottom: 1px solid #b6621d;
	clear: both;
	height: 15px;
	text-align: center;
	}

/* pgh - Page main */
#pgm
	{
	background: url(../images/layout/main_bg.png) repeat-y top center;
	margin: 0 auto; 
	padding: 0;
	width: 960px;
	}
#pgm .hld
	{
	background: url(../images/layout/flower.png) no-repeat top right;
	margin: 0 auto;
	padding: 0 0 40px 0;
	overflow: hidden;
	width: 890px;
	}
#pgm #content
	{
	margin: 0 15px;
	}
/* pgh - Page footer */
#pgf
	{
	background: url(../images/layout/foot_bg.png) no-repeat top;
	color: #663300;
	font-size: 0.8em;
	font-weight: bold;
	height: 120px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 960px;
	}

/* -- */

a:link, a:visited
	{
	color: #8aa9b8;
	text-decoration: none;
	}
a:hover
	{
	color: #b6621d;
	text-decoration: none;
	}

h1
	{
	color: #b6621d;
	font-family: Georgia, Verdana, sans-serif;
	font-size: 2.5em;
	margin: 0;
	padding: 0;
	}
h2
	{
	color: #165371;
	clear: both;
	font-family: Georgia, Verdana, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	margin: 15px 0;
	padding: 0;
	}
h2 span, h3 span
	{ color: #8aa9b8; }
h3
	{
	color: #165371;
	clear: both;
	font-family: Verdana, Arial sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	margin: 1.5em 0 0 0;
	padding: 0;
	text-transform: uppercase;
	}

/* -- */

.top { height: 145px; } 

h1.title
	{
	color: #ffdd77;
	float: left;
	display: inline;
	font: normal 0.8em Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 36px;
	text-indent: 15px;
	}

form, input, select, textarea
	{
	color: #333;
	font: 1em Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
	}

/* Language bar (izbornik jezika) */
.lang
	{
	line-height: 36px;
	margin: 0 420px;
	padding: 0;
	text-align: center;
	}
.lang a:link img, .lang a:visited img
	{ border: 1px solid #fff; text-decoration: none; } 
.lang a:hover img
	{ border-color: #fc0; } 

/* Icon bar (sitemap, mail) */
ul.icobox
	{
	float: right;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 120px;
	}
ul.icobox li { display: inline; }
#icb1, #icb2
	{
	background: url(../images/icons/usability_icons.png) no-repeat;
	display: block;
	float: right;
	height: 36px;
	text-indent: -1000em;
	margin: 0 15px 0 0;
	text-decoration: none;
	width: 12px;
	}
#icb1	{ background-position: -12px 0; }
#icb1:hover	{ background-position: -12px -36px; }
#icb2 { background-position: -24px 0; }
#icb2:hover	{ background-position: -24px -36px; }

.logo { clear: both; }
.logo img { margin-top: 9px; }

#header
	{
	clear: both;
	/*background: url(../images/layout/head_bg.png) no-repeat 0 0;*/
	height: 340px;
	margin: 0;
	padding: 0;
	width: 960px;
	}

#flower
	{
	float: left;
	margin-left: 35px;
	margin-top: 190px;
	position: absolute;
	padding: 0;
	}

#fhld { padding-top: 35px; }

#mply
	{
	float: left;
	margin: 20px 0 0 35px;
	width: 400px;
	}

/* Lista za video player */
#mlist
	{
	float: right;
	margin: 35px 50px 0 0;
	padding: 0;
	width: 460px;
	text-align: left;
	}
#mlist ul
	{
	border-top: 1px solid #cedbe1;
	list-style: none;
	font-family: Georgia, Verdana, Times, serif;
	margin: 0;
	padding: 0;
	width: 460px;
	}
#mlist ul li a img
	{
	float: left;
	clear: left;
	height: 90px;
	margin-right: 10px;
	width: 120px;
	}
#mlist ul li a strong
	{ color: #165371; }
#mlist ul li a:link, #mlist ul li a:visited
	{
	border-bottom: 1px solid #cedbe1;
	height: 90px;
	display: block;
	margin: 0;
	padding: 2px;
	}
#mlist ul li a:hover, #mlist ul li a:hover strong
	{
	background-color: #F5F5F5;
	color: #b6621d;
	}

#mlist p.galnav { background-color: #fff; color: #8aa9b8; }
#mlist p.galnav a:link, #mlist p.galnav a:visited  { color: #8aa9b8;	}
#mlist p.galnav a:hover	{ color: #165371; }

/* Holders & containers */
.cleft
	{
	float: left;
	margin-top: 1em;
	width: 510px;
	}
.cright
	{
	float: right;
	margin-top: 1em;
	width: 335px;
	}

.cright .left, .cright .right
	{ margin-top: 1em; width: 160px; }

.right { float: right; }
.left { float: left; }

#center
	{ margin: 1em 0; }
#center .left, #center .right
	{ 	width: 160px; }
#center .middle
	{
	margin: 0 175px;
	width: 510px;
	}

/* Footer & footer navigacija */
ul.fnav
	{
	list-style: none;
	margin: 0;
	padding: 27px 0 7px 0 ;
	}
ul.fnav li
	{ display: inline; padding: 0 6px; }
#pgf a:link, #pgf a:visited
	{
	color: #630;
	text-decoration: none;
	}
#pgf a:hover
	{
	color: #fff;
	text-decoration: none;
	}
#pgf p
	{ font-weight: normal; }

/* Breadcrumb linkovi */
#bcrumb
	{
	color: #165371;
	font-size: 0.8em;
	margin: 0;
	padding: 8px 0 20px 0;
	width: 100%;
	}
#bcrumb a.bcrumb:link, #bcrumb a.bcrumb:visited
	{
	background: url(../images/icons/bcrumb_icons.png) no-repeat 0 0;
	color: #165371;
	float: left;
	height: 16px;
	margin: 0 6px;
	padding: 0;
	text-indent: -1000em;
	width: 12px;
	}
#bcrumb a.bcrumb:hover
	{
	background-position: 0 -16px;
	color: #b6621d;
	}
#bcrumb ul
	{
	list-style: none;
	margin: 0;
	padding: 0;
	}
#bcrumb ul li
	{
	display: inline;
	}
#bcrumb ul li a:link, #bcrumb ul li a:visited
	{
	background: url(../images/icons/bcrumb_icons.png) no-repeat  -12px 0;
	color: #165371;
	padding: 0 6px 0 8px;
	}
#bcrumb ul li a:hover
	{
	background-position: -12px -16px;
	color: #b6621d;
	}

/* Tab menu (pretrazivac i login) */
.tbox
	{
	background: url(../images/layout/tbox_bg.png) no-repeat top left;
	height: 62px;
	overflow: hidden;
	margin: 0;
	padding: 15px;
	}
ul.idTabs
	{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 285px;
	}
ul.idTabs li
	{
	display: inline;
	float: left;
	font-size: 0.8em;
	}
ul.idTabs li a:link, ul.idTabs li a:visited
	{
	background: url(../images/layout/tbox_tab.png) no-repeat 0 0;
	border-right: #345263; 
	color: #fff;
	display: block;
	line-height: 24px;
	margin-right: 1px;
	padding: 0 10px;
	text-decoration: none !important;
	}
ul.idTabs li.tabsel a
	{
 	background-position: 0 -48px;
	color: #8aa9b8;
	cursor: default;
	}
ul.idTabs li a:hover
	{ background-position: 0 -24px; }

.tabcnt
	{
	clear: both;
	background: #fff;
	border: 1px solid #eee;
	border-top: none;
	font-size: 0.8em;
	margin: 0;
	padding: 10px;
	*padding-top: 4px;
	width: 285px;
	}
.tabcnt input { width: 12.1em;}
.tabcnt input.sfield { width: 16.7em;}
.tabcnt input.sbtn, .tabcnt input.lbtn
	{
	border: none;
	height: 20px;
	width: 20px;
	}
.tabcnt input.sbtn
	{ background: url(../images/icons/search.png) no-repeat 0 0; }
.tabcnt input.lbtn
	{ background: url(../images/icons/login.png) no-repeat 0 0; }
.tabcnt input.sbtn:hover, .tabcnt input.lbtn:hover
	{ background-position: 0 -120px; }

/* Liste (social, komentari, fotogalerije, ...) */
ul.soc, ul.com, ul.foto
	{
	border-top: 1px solid #cedbe1;
	font-size: 0.85em;
	list-style: none;
	margin: 0;
	padding: 0;
	}
ul.soc li, ul.com li, ul.foto li
	{
	border-bottom: 1px solid #cedbe1;
	line-height: 23px;
	padding: 0 0 0 23px;
	}
ul.com li
	{ background: url(../images/icons/comment.png) no-repeat 0 0; }
ul.foto li
	{ background: url(../images/icons/foto.png) no-repeat 0 0; }

ul.com li a:link, ul.com li a:visited,
ul.foto li a:link, ul.foto li a:visited
	{ color: #165371; }
ul.com li a:hover, ul.foto li a:hover
	{ color: #8aa9b8;	}
ul.com li a span, ul.foto li a span
	{ color: #8aa9b8; }

ul.soc .soc_read { background: url(../images/icons/read.png) no-repeat 0 0; }
ul.soc .soc_download { background: url(../images/icons/download.png) no-repeat 0 0; }
ul.soc .soc_link { background: url(../images/icons/link.png) no-repeat 0 0; }
ul.soc .soc_favs { background: url(../images/icons/favs.png) no-repeat 0 0; }
ul.soc .soc_print { background: url(../images/icons/print.png) no-repeat 0 0; }
ul.soc .soc_send { background: url(../images/icons/send.png) no-repeat 0 0; }
ul.soc .soc_comment { background: url(../images/icons/comment.png) no-repeat 0 0; }
ul.soc .soc_foto { background: url(../images/icons/foto.png) no-repeat 0 0; }
ul.soc li a:link, ul.soc li a:visited
	{ color: #165371; }
ul.soc li a:hover
	{ color: #8aa9b8;	}
ul.soc li a span
	{ color: #8aa9b8 }

/* Holder za liste */
.box
	{
	background: url(../images/layout/box_bg.png) no-repeat top left;
	margin: 35px 0;
	}
.box h2
	{
	color: #fff;
	font-weight: normal;
	line-height: 48px;
	text-indent: 15px;
	}
.box a.more:link, .box a.more:visited
	{
	background: url(../images/icons/arrow.png) no-repeat 0 0;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 23px;
	margin: 0 8px;
	padding: 5px 8px;
	}
.box a.more:hover
	{ background-position: 0 -120px; }
.box ul
	{ border-top: none; }

.box form
	{
	color: #165371;
	font-size: 0.85em;
	margin: 15px;
	}
.box form span { display: block; margin: 5px 0; }
.box label
	{
	color: #8aa9b8;
	font-size: 0.8em;
	}
.box input, .box select, .box textarea
	{
	color: #165371;
	display: block;
	margin-bottom: 5px;
	padding: 2px;
	width: 24em;
	}
.box input.btn	{ width: 11.4em; }

.box blockquote
	{
	color: #8aa9b8;
	font-size: 0.8em;
	margin: 0 15px;
	padding: 0;
	text-align: justify;
	}

/* Holder za kontakt & info */
.cbox
	{
	background: #f5f5f5;
	border: 2px solid #cedbe1; 
	padding: 15px;
	margin: 15px 0;
	}
.cbox h2	{ margin: 0; }
.cbox p
	{
	margin: 0;
	padding: 0;
	}

.adv { display: block; margin-bottom: 15px; }

/* Komentari */
.comments p.left	
	{
	background: url(../images/icons/comment.png) no-repeat 0 0;
	font: italic normal 0.9em Georgia, Verdana, sans-serif;
	line-height: 26px;
	margin: 40px 0 0 0;
	padding: 0;
	text-indent: 20px;
	}
.comments p.left em { color: #8aa9b8; }
.comments p.right
	{
	color: #8aa9b8;
	font-size: 0.8em;
	margin: 48px 0 0 0;
	padding: 0;
	}
.comments p.left a:link, .comments p.left a:visited,
.comments p.right a:link, .comments p.right a:visited
	{ color: #165371; }
.comments p.left a:hover, .comments p.right a:hover
	{ color: #8aa9b8;	}
.comments blockquote
	{
	background: #F8F8F8;
	border-top: 1px solid #cedbe1;
	clear: both;
	display: block;
	margin: 0;
	padding: 1em;
	}
.comments p.galnav { margin: 40px 0 0 0; }

/* Kontakt forma */
dl.frm
	{
	margin: 15px 0;
	padding: 0;
	}
dl.frm dt
	{
	border-top: 1px solid #cedbe1;
	float: left;
	margin: 0;
	padding: 5px 0;
	width: 170px;
	}
/* commented backslash hack for mac-ie5 \*/
dl.frm dt { clear: both; }
/* end hack */
dl.frm dd
	{
	border-top: 1px solid #cedbe1;
	float: left;
	margin: 0;
	padding: 5px 0;
	width: 340px;
	}
dl.frm input, dl.frm select, dl.frm textarea
	{ width: 335px; }
dl.frm input.btn, dl.frm select
	{
	margin-right: 5px;
	width: 120px;
	}

/* Foto galerija */
#gal dl
	{
	width: 160px;
	float: left;
	margin: 15px 0 15px 15px;
	padding: 0;
	}
#gal dt
	{
	font-size: 0.8em;
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-align: center;
	}
#gal dd
	{
	font-size: 0.85em;
	margin: 0;
	padding: 0;
	text-align: center;
	}
#gal .gfix
	{ clear: both; margin-left: 0; }

p.galnav
	{
	color: #fff;
	clear: both;
	background-color: #8aa9b8;
	font-size: 0.8em;
	margin: 0;
	padding: 2px;
	text-align: center;
	}
p.galnav a:link, p.galnav a:visited
	{
	color: #fff;
	font-weight: bold;
	padding: 0 2px;
	}
p.galnav a:hover	{ color: #165371; }

/* Table */
table.tbl
	{
	background: #fff;
	border-collapse: collapse;
	width: 100%;
	}

table.tbl caption
	{
	background: #345263 url(../images/layout/table_caption.png) repeat-x top;
	border-left: 2px ridge #497282;
	border-right: 2px groove #497282;
	color: #fff;
	font-weight: bold;
	font-size: 0.85em;
	line-height: 26px;
	margin-left: -1px;
	text-indent: 6px;
	text-transform: uppercase;
	}

table.tbl thead
	{
	background:	#E5EBEF;
	color: #8aa9b8;
	font-weight: bold;
	}

table.tbl tfoot
	{ background-color:	#E5EBEF;	}

table.tbl col.tda
	{ background-color: #F8F8E6; }
table.tbl tr.odd
	{ background-color: #F8F8E6; }

table.tbl td
	{
	border: 1px solid #cedbe1;
	border-spacing: 1em;
	font-size: 10px;
	padding: 0.4em;
	}

/* -- */
.cleaner
	{
	clear: both;
	height: 0em;
	line-height: 0em;
	font-size: 0em;
	}
/* -----[ Easy Float Clearing (apply class to float *container*) ]----- */ 
/* -----[   http://positioniseverything.net/easyclearing.html ]----- */ 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */