@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:30px;}

h1 {font-size:3.4em; font-weight: normal; color:#068eee;}
h2 {font-size:2em; color:#068eee; padding-bottom:20px;}
h3 {font-size:1.7em; color:#777; font-weight:bold; padding-bottom:20px;}
h4 {font-size:1.3em; color:#777; font-weight:bold; padding-bottom:10px;}

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  {background-color:#068eee; height:20px; line-height:20px; overflow:hidden;}
#main {width:650px; padding:25px 0 10px; background:url(../images/paper.jpg) repeat-y; text-align:left; color:#000;}
.navigacija2 {background-color:#068eee; padding:4px 0; line-height:140%;}
.JS #main, .JS .navigacija2 {display:none;}

#first_pic {position:absolute; top:-18px; right:25px; z-index:100;}

#slide_container {width:610px; height:330px; overflow:hidden; position:relative;}
#slide_container + h3 { padding-top:20px;}

#slideshow {position:relative; height:330px;}
#slideshow IMG {position:absolute; top:0; left:0; z-index:8;}
#slideshow IMG.active {z-index:10;}
#slideshow IMG.last-active {z-index:9;}
#slideshow + h3 { padding-top:20px;}


#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;}

ul.nabrajanje {list-style:square; padding-left:30px; padding-bottom:20px;}
ul.nabrajanje li {padding-bottom:3px;}

#player_container {position: relative; float:right; padding-right:20px;}
#player_container ul#player_controls {list-style-type:none; padding:0; margin: 0;}
#player_container ul#player_controls li {padding-left:20px; float:left;}
#player_play, #player_pause {cursor: pointer;}

#map {background:url(../images/map.png) no-repeat right top;}

ul#galleries li {float:left; margin-left:8px; margin-bottom:5px;}
ul#galleries li:first-child {margin-left:0;}

/***** 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%;}