@charset "utf-8";

/* Based on Eric Meyer's (meyerweb.com) reset
 * Resetiranje svih elemenata
 * --------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body { line-height:1 }
ol, ul { list-style:none }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus { outline:0 }
a:focus { outline:none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
ins { text-decoration:none }
del { text-decoration:line-through }
table {
	border-collapse:collapse;
	border-spacing:0
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}
button, input { line-height: normal;  *overflow: visible;}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
textarea {
	overflow: auto;
	vertical-align: top;
}
pre {
	padding: 15px;
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
.ie7 img { -ms-interpolation-mode: bicubic; }

/* Generalni stilovi
 * ------------------------------- */

body {
	font:13px/1.5 Arial, Helvetica, sans-serif;
	background:#ffffff;
	color:#222;
}
#kantun {
	min-height:100%;
	height:100%;
	position:relative;
}
.wrap {
	margin-left:auto;
	margin-right:auto;
	width:628px;
	zoom:1;
	position:relative;
}
p.langs {
	text-align:right;
	font:12px/20px Arial, Helvetica, sans-serif;
	margin:0 0 40px 0;
	padding:0;
}
p.langs a {
	padding-left:20px;
}
p.langs a.eng {
	background:url(gb.png) no-repeat left center;
}
p.langs a.hr {
	background:url(hr.png) no-repeat left center;
}

/* Tekstualni stilovi
 * ------------------------------- */

a:link {
	color: #003399;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #003399;
}
a:hover {
	text-decoration: underline;
	color: #f60;
}
a:active {
	text-decoration: underline;
	color: #f60;
}
hr {
	border:0 #e1e1e1 dotted;
	border-top-width:1px;
	clear:both;
	height:0;
	margin:10px 0;
}
abbr { cursor:help; }
p { margin-bottom: 18px; }
ul {
	list-style: disc;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol { list-style:upper-alpha; }
ol ol ol { list-style:lower-roman; }
ol ol ol ol { list-style:lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }
dl { margin:0 0 24px 0; }
dt { font-weight: bold; }
dd { margin-bottom: 18px; }
strong { font-weight: bold; }
cite, em, i { font-style: italic; }
big { font-size: 131.25%; }
ins {
	background: #ffc;
	text-decoration: none;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup { bottom: 1ex; }
sub { top: .5ex; }

/* Header
 * ------------------------------- */

.moved {
	width:628px;
	display:inline;
	float:left;
	position:relative;
	margin-bottom:20px;
	padding-bottom:20px;
	font:bold 20px/1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	border-bottom: 1px dotted #B7B7B7;
	color:#999;
	text-align:center;
}

.logo {
	width:236px;
	height:101px;
	display:inline;
	float:left;
	position:relative;
	margin-bottom:10px;
}
.logo h1 {
	text-indent:-9999px;
	margin:0;
	padding:0;
}
.logo h1 a {
	display:block;
	background:transparent url(logo.png) no-repeat scroll 0 0;
	width:236px;
	height:101px;
	overflow:hidden;
	text-decoration:none;
}
.info {
	width:355px;
	display:inline;
	float:right;
	position:relative;
	border-left: 1px dotted #B7B7B7;
    color: #888888;
    font: italic 16px/1.3em Georgia,"Times New Roman",Times,serif;
    margin-bottom:10px;
    padding: 4px 0 0 15px;
}


/* Pomoćne klase
 * ------------------------------- */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.def_box {
	display:inline;
	float:left;
	position:relative;
}
.floatl { float:left!important; }
.floatr { float:right!important; }
.alignl { text-align:left!important; }
.alignr { text-align:right!important; }
.alignc { text-align:center!important; }
.hideme { display:none!important; }
.nobrdr { border:none!important; }
.nobrdr_t { border-top:none!important; }
.nobrdr_r { border-right:none!important; }
.nobrdr_b { border-bottom:none!important; }
.nobrdr_l { border-left:none!important; }
.nojscript {
	width:100%;
	height:24px;
	background:#f8a7aa none scroll 0 0;
	border-bottom:2px solid #ed1c24;
	text-align:center;
	padding-top:10px;
	font:14px/14px Arial, Helvetica, sans-serif;
	color:#333;
	font-weight:700;
	position:absolute;
	z-index:999;
}