@charset "utf-8";
/* CSS Document */
@import url("reset.css");

/***** Boje *****/
/*	#001637 - modra podloga
	#204a89 - plava sjena
*/

body {font:62.5% Verdana, Arial, Helvetica, sans-serif;}  /* 12px / 16px = 75% */
body { background:#001637 url(../images/body.jpg) repeat; color:#001637; text-align:center;}

/***** uvjek pokazuje vertikalni scrollbar *****/
body {min-height: 101%;}
html {height: 100%;}
/* staviti u master_ie.css: html {overflow-y:scroll;} */

h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:20px;}

h1 {font-size:2.8em; font-weight: normal; color:#068eee;}
h2 {font-size:1.5em;}
h3 {font-size:1.3em; font-weight: normal;}
h4 {font-size:1.2em;}
h5 {font-size:1.2em; font-weight: normal;}

p {line-height:1.4em; padding-bottom:20px;}

/***** Struktura *****/
#page_wrap {width:900px; height:620px; margin:0 auto; padding-bottom:20px; position:relative; background: url(../images/background.jpg) top center no-repeat; text-align:center; color:#fff;}
#header, #main, #logo, .navigacija, .navigacija2 {width:650px; margin:0 auto; overflow:auto;}
#header {padding-top:30px; position:relative;}
#logo {padding-bottom:5px;}
.navigacija, .navigacija2 {background-color:#068eee; height:20px; line-height:20px; overflow:hidden;}
#main {width:650px; padding:30px 0 10px; background:url(../images/paper.jpg) repeat-y; text-align:left; color:#000;}
.JS #main, .JS .navigacija2 {display:none;}

/*a.prev, a.next {display:inline-block; width:15px; height:20px; background:url(../images/strelice.png) no-repeat left top; text-decoration:none; color:#FFFFFF;}
a.next {background-position:right top;}
a.prev:hover {background-position: left bottom;}
a.next:hover {background-position: right bottom;}*/

#oblak {position:absolute; left:0; bottom:6px; font-family: Arial, Helvetica, sans-serif; font-size:0.9em; line-height:120%; text-align:left; color:#99CCFF;}
#oblak span {color:#068eee; font-weight:bold;}

.navigacija a, .navigacija2 a {display:inline-block; text-decoration:none; color:#FFFFFF; background-color:#0047b3; padding:0 6px; margin-left:4px;}
.navigacija a:hover, .navigacija2 a:hover {background-color:#0065ff;}
body#id0 a.id0,
body#id1 a.id1,
body#id2 a.id2,
body#id3 a.id3,
body#id4 a.id4,
body#id5 a.id5,
body#id6 a.id6,
body#id7 a.id7,
body#id8 a.id8,
body#id9 a.id9,
body#id10 a.id10 {background-color:#0065ff;}

.line_up {padding-top:20px; border-top:1px dashed #777;}
body#id0 .line_up {padding-top:15px;}

body#id0 h1 {padding-bottom:10px;}
body#id0 h1 + h2 {color:#777; font-weight:bold; font-size:1.6em; padding-bottom:20px;}
body#id0 h2 {color:#068eee; padding-bottom:8px;}
body#id0 h3 {padding-bottom:8px; color:#777; font-weight:bold; font-size:1.2em;}
body#id0 .line_up p {padding-bottom:15px;}
body#id0 .line_up p a {text-decoration:none; color:#068eee; font-weight:bold; padding-left:5px;}

#table_container {display:none;}

table#contacts {border:1px solid #6699CC; border-bottom:none; border-right:none;}
table#contacts td, table#contacts th {border-right:1px solid #6699CC; border-bottom:1px solid #6699CC; padding:3px 0 3px 3px; vertical-align:middle; text-align:center;}
table#contacts tr td:first-child, table#contacts tr th:first-child {text-align:left;}
table#contacts td.branch {text-align:center !important; font-weight:bold;}
table#contacts a {color:#000; text-decoration:none;}
table#contacts a:hover {color:#0066FF;}

ul.nabrajanje {list-style:square; padding-left:30px;}

/***** Globalne klase *****/
.red           { color:#CC0000;}
.small         { font-size:0.9em;}
.overflow      { overflow: auto;}
.hidden        { display:none;}
.clear         { clear: both; display: block; overflow: hidden;	visibility: hidden;	width: 0; height: 0;}
.float-left    { float:left; clear:left; }
.float-right   { float:right; }
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.bullet		   { list-style: inside;}
.pad-left20    { padding-left:20px;}
.pad-right20   { padding-right:20px;}
.pad-top20     { padding-top:20px;}
.pad-bottom20  { padding-bottom:20px;}
.width_half    { width:50%;}