﻿@font-face {
	font-family: 'RW-B';
	src: url('rw-b-webfont.eot');
	src: local('☺'), url('rw-b-webfont.woff') format('woff'), url('rw-b-webfont.ttf') format('truetype'), url('rw-b-webfont.svg#webfontQLe0KEIg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RW-XB';
	src: url('rw-xb-webfont.eot');
	src: local('☺'), url('rw-xb-webfont.woff') format('woff'), url('rw-xb-webfont.ttf') format('truetype'), url('rw-xb-webfont.svg#webfontZyV1Iw38') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'TitilliumNumbersOnly';
	src: url('titilliumtext600wt-webfont.eot');
	src: local('☺'), url('titilliumtext600wt-webfont.woff') format('woff'), url('titilliumtext600wt-webfont.ttf') format('truetype'), url('titilliumtext600wt-webfont.svg#webfontkXNfnW77') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'TitilliumText';
	src: url('titilliumtext800wt-webfont.eot');
	src: local('☺'), url('titilliumtext800wt-webfont.woff') format('woff'), url('titilliumtext800wt-webfont.ttf') format('truetype'), url('titilliumtext800wt-webfont.svg#webfontXf1VaoZp') format('svg');
	font-weight: normal;
	font-style: normal;
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0;
}

html {
overflow-x:hidden;
}

body {
line-height:1;
background:#d8dff1 url(../images/bg-home.jpg) no-repeat center top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#7c7c7c;
}
  
blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

a {
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0;
}

ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:700;
}

del {
text-decoration:line-through;
}

abbr[title],dfn[title] {
border-bottom:1px dotted #000;
cursor:help;
}

hr {
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0;
}

html,body {
height:100%;
}

#outer-wrapper {
min-height:100%;
position:relative;
}

#wrapper {
display:block;
width:1002px;
padding-bottom:220px;
margin:0 auto;
}

header#main-header {
position:relative;
background:url(../images/header.png) no-repeat;
width:1002px;
height:482px;
z-index:39;
}

#main-header > hgroup,#latest-news > h1,#floating-menu > h1,#weather h1 {
text-indent:-9999px;
display:block;
height:0;
font-size:0;
}

#back-to-home {
display:block;
position:absolute;
text-indent:-9999px;
top:0;
left:0;
height:100px;
width:385px;
}

#search-form {
position:absolute;
top:36px;
right:9px;
height:30px;
width:260px;
}

#search-glasnici {
height:30px;
width:260px;
background:url(../images/header.png) no-repeat -733px -36px;
margin:10px 0 10px 21px;
}

#search-form .input,#search-glasnici .input {
-webkit-appearance:none;
-webkit-box-sizing:content-box;
background:transparent;
border:none;
width:200px;
height:16px;
color:#666;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:16px;
text-shadow:1px 1px 1px #FFF;
float:left;
padding:7px 13px;
}

#search-form input:focus,#search-glasnici input:focus {
border:none;
outline:none;
}

#search-form .button,#search-glasnici .button {
float:right;
width:34px;
height:30px;
border:none;
outline:none;
background:transparent;
color:transparent;
cursor:pointer;
text-indent:-9999px;
padding:0 0 0 34px !important;
}

#search-glasnici .button {
background-color:transparent;
background-image:url(../images/search-button-blue.jpg);
background-repeat:no-repeat;
}

#search-form .button:hover {
background:url(../images/search-button.jpg) no-repeat;
}

#search-glasnici .button:hover {
background-position:0 -30px;
}

#latest-news {
background:url(../images/bg-latest-news.png) no-repeat;
position:absolute;
top:90px;
width:1002px;
height:338px;
}

#latest-news .tabs {
background:url(../images/bg-latest-news-overlay.png) no-repeat;
padding-left:9px;
width:393px;
position:absolute;
top:20px;
right:0;
list-style:none;
z-index:10;
}

#latest-news .tabs > li {
background-image:url(../images/bg-latest-news-button.png);
background-repeat:no-repeat;
background-position:0 0;
width:393px;
height:52px;
margin-bottom:2px;
}

#latest-news .tabs > li:hover,#latest-news .tabs > li.current {
background-position:0 -52px;
}

#latest-news .tabs > li > a {
background-position:0 0;
background-repeat:no-repeat;
display:block;
width:333px;
height:47px;
padding-left:50px;
padding-right:10px;
padding-top:5px;
font-family:TitilliumText;
font-size:16px;
line-height:22px;
text-decoration:none;
color:#6075b1;
text-shadow:1px 1px 1px #FFF;
}

#latest-news .tabs > li > a.n1 {
background-image:url(../images/bg-latest-news-button-1.png);
}

#latest-news .tabs > li > a.n2 {
background-image:url(../images/bg-latest-news-button-2.png);
}

#latest-news .tabs > li > a.n3 {
background-image:url(../images/bg-latest-news-button-3.png);
}

#latest-news .tabs > li > a.n4 {
background-image:url(../images/bg-latest-news-button-4.png);
}

#latest-news .tabs > li > a.n5 {
background-image:url(../images/bg-latest-news-button-5.png);
}

#latest-news .tabs > li > a:hover,#latest-news .tabs .current a {
background-position:0 -52px;
color:#FFF;
text-shadow:-1px -1px 0 #4e5f90;
}

#latest-news .panes {
position:absolute;
top:20px;
left:16px;
width:592px;
height:269px;
z-index:9;
}

#latest-news .panes div {
position:absolute;
top:0;
left:0;
}

#latest-news .panes img {
width:592px;
height:269px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

.shorter-header #main-header {
height:205px;
}

#main-nav {
position:absolute;
top:428px;
right:-2px;
z-index:40;
}

.shorter-header #main-nav {
top:151px;
}

#main-nav,#main-nav > ul {
display:block;
width:886px;
height:46px;
}

#main-nav > ul > li {
float:left;
display:block;
background-image:url(../images/main-menu.png);
background-repeat:no-repeat;
height:46px;
}

li#nav-vijesti {
background-position:0 0;
width:113px;
}

li#nav-o-gradu {
background-position:-113px 0;
width:119px;
}

li#nav-gradsko-vijece {
background-position:-232px 0;
width:181px;
}

li#nav-gradonacelnik {
background-position:-413px 0;
width:187px;
}

li#nav-kontakti {
background-position:-600px 0;
width:132px;
}

li#nav-informacije {
background-position:-732px 0;
width:154px;
}

#main-nav > ul > li:hover {
background-position-y:-46px!important;
}

#main-nav > ul > li > span,#main-nav > ul > li > a {
overflow:hidden;
display:block;
width:100%;
height:46px;
cursor:pointer;
text-indent:-9999px;
}

#main-nav > ul > li > ul {
background:#8e9dc7;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
display:none;
position:absolute;
top:46px;
z-index:70;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.2);
}

#main-nav > ul > li > ul a {
background-image:url(../images/dropdown-glow.png);
background-repeat:no-repeat;
background-position:center bottom;
display:block;
text-decoration:none;
color:#FFF;
font-weight:700;
padding:8px 26px;
}

#main-nav > ul > li > ul li:first-child a {
-webkit-border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
}

#main-nav > ul > li > ul li:last-child a {
-webkit-border-radius:0 0 3px 3px;
-moz-border-radius:0 0 3px 3px;
border-radius:0 0 3px 3px;
}

#main-nav > ul > li > ul a:hover {
background-color:#d0d7e9;
color:#3f5698;
}

#main-content {
position:relative;
width:883px;
padding-left:111px;
padding-top:23px;
margin-left:4px;
background-color:#F9F9F9;
border:1px solid #FdFdFd;
-webkit-box-shadow:1px 2px 0 rgba(0,0,0,0.1);
-moz-box-shadow:1px 2px 0 rgba(0,0,0,0.1);
box-shadow:1px 2px 0 rgba(0,0,0,0.1);
overflow:hidden;
min-height:550px;
}

#weather {
background:url(../images/bg-weather.png) no-repeat 0 34px;
width:108px;
height:89px;
position:absolute;
top:410px;
left:4px;
z-index:11;
text-align:center;
}

.shorter-header #weather {
top:133px;
}

#weather img {
display:block;
height:64px;
width:64px;
margin:0 auto;
}

#weather .temperature {
font-family:TitilliumNumbersOnly;
font-size:24px;
color:#8698c5;
text-shadow:0 -1px 1px #545f7c;
}

#weather .condition {
font-size:10px;
text-transform:uppercase;
}

#floating-menu {
background:url(../images/floating-menu.png) no-repeat;
position:absolute;
margin-left:-100px;
width:83px;
top:47px;
}

#floating-menu > ul {
list-style:none;
margin-top:50px;
margin-left:18px;
height:90px;
}

#link-360-float{
	display: block;
	width: 83px;
	height: 121px;
	margin-top: 16px;
	background-image: url(../images/bg-360.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	overflow: hidden;
}
#link-360-float:hover{
	background-position: 0 -121px;
}

#floating-menu > ul > li {
text-indent:-9999px;
height:21px;
width:45px;
margin-bottom:6px;
}

#floating-menu > ul > li > a,#floating-menu > ul > li > a:visited {
position:relative;
display:block;
height:21px;
width:45px;
text-decoration:none!important;
}

#floating-menu > ul > li > a> span {
font-family:RW-XB;
font-size:12px;
text-transform:uppercase;
color:#6075b1;
line-height:20px;
background-color:#fafafa;
position:absolute;
display:none;
height:20px;
left:55px;
width:80px;
text-indent:0;
padding-left:5px;
-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.1);
box-shadow:1px 1px 1px rgba(0,0,0,0.1);
z-index:40;
}

#floating-menu a.hover:hover > span {
display:block;
width:80px;
}

#floating-menu .button-home {
background:url(../images/button-home.png) no-repeat;
}

#floating-menu .button-print {
background:url(../images/button-print.png) no-repeat;
}

#floating-menu .button-mail {
background:url(../images/button-mail.png) no-repeat;
}

#other-news {
position:relative;
padding-top:22px;
width:877px;
padding-bottom:12px;
background:url(../images/shadow-big.png) no-repeat center bottom;
}

#other-events,#announcements,#statistics {
position:relative;
padding-top:22px;
padding-bottom:15px;
width:432px;
background:url(../images/shadow-medium.png) no-repeat center bottom;
}

#statistics {
margin-top:20px;
}

.box-holder {
overflow:hidden;
width:431px;
margin-bottom:8px;
}

.right-box {
float:right;
}

.left-box,.right-box {
overflow:hidden;
width:213px;
height:28px;
padding-top:6px;
background:url(../images/bg-stats.png) no-repeat;
}

.left-box label,.right-box label {
display:block;
float:left;
width:116px;
text-align:right;
color:#FFF;
font-size:10px;
font-weight:700;
font-family:Arial, Helvetica, sans;
}

.left-box span,.right-box span {
display:block;
float:right;
width:88px;
color:#FFF;
font-size:25px;
line-height:25px;
margin-top:-3px;
font-weight:700;
font-family:RW-B, Arial, Helvetica, sans-serif;
}

.box-holder .sv {
font-size:12px;
cursor:pointer;
}

.docs {
position:relative;
padding-top:22px;
padding-bottom:12px;
width:432px;
background:url(../images/shadow-medium.png) no-repeat center bottom;
}

#other-news > h1,#other-events > h1,#announcements > h1,#statistics > h1 {
position:absolute;
top:0;
left:0;
font-family:RW-B, Arial, Helvetica, sans-serif;
color:#6075b1;
font-size:18px;
text-transform:uppercase;
}

#other-events > h1,#announcements > h1 {
font-size:14px;
padding-top:4px;
letter-spacing:-1px;
}

.tab-container,.right .tabs,#sidebar .tabs {
position:absolute;
top:0;
right:0;
}

#other-news .tabs,#other-events .tabs,#announcements .tabs,.docs .tabs,.archive {
font-family:RW-XB, Arial, Helvetica, sans-serif;
font-size:11px;
color:#6075b1;
text-transform:uppercase;
list-style:none;
float:left;
}

#other-news .tabs a,#other-events .tabs a,#announcements .tabs a,.docs .tabs a,.docs .tabs span,.archive {
display:block;
color:#a9a9a9!important;
text-decoration:none;
line-height:22px;
height:21px;
border:1px solid #eaeaea;
border-right:none;
border-bottom:none;
-webkit-border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
padding:0 12px;
}

ul.tabs a:focus {
outline:none;
}

.archive {
float:left;
border:none!important;
border-bottom:none!important;
padding-right:0!important;
margin:1px;
}

#other-news .tabs a:hover,#other-events .tabs a:hover,#announcements .tabs a:hover,.docs .tabs a:hover {
color:#6075b1!important;
}

#other-news .tabs a.current,.docs .tabs a.current,.docs .tabs span.current {
background-color:#FFF;
border-bottom:1px solid #FFF;
margin-bottom:-1px;
color:#6075b1!important;
}

#other-events .tabs a.current,#announcements .tabs a.current {
background-color:#e9edf7;
border-bottom:1px solid #e9edf7;
color:#6075b1!important;
}

.archive:hover {
color:#6075b1!important;
background-color:#F9F9F9!important;
border-bottom:none!important;
}

.tabs a.most-viewed {
border-right:1px solid #eaeaea!important;
}

#other-news .panes,#other-events .panes,#announcements .panes,.docs .panes {
clear:both;
background-color:#FFF;
border-top:1px solid #f0f0f0;
border-left:1px solid #f0f0f0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
width:876px;
height:253px;
}

#other-events .panes {
width:431px;
height:510px;
background-color:#e9edf7;
}

#announcements .panes {
width:431px;
height:253px;
background-color:#e9edf7;
}

.docs .panes {
width:431px;
height:auto;
}

.short-article {
width:430px;
height:118px;
float:left;
padding:8px 5px 0 3px;
}

#other-events .short-article,#announcements .short-article {
width:420px;
}

.short-article img {
background:url(../images/bg-thumb.png) no-repeat;
display:block;
width:209px;
height:94px;
float:left;
margin-right:6px;
padding:8px;
}

.stylized-time,.short-article time {
display:block;
font-size:11px;
padding-top:4px;
}

.stylized-time > span,.short-article time > span,#full-article time > span {
font-family:RW-XB, Arial, Helvetica, sans-serif;
font-size:12px;
color:#6075b1;
text-transform:uppercase;
}

.short-article h1 {
font-family:TitilliumText;
font-size:15px;
line-height:17px;
color:#6075b1;
margin:8px 0 4px;
}

.short-article h1 > a {
color:#6075b1;
text-decoration:none;
}

.short-article h1 > a:hover {
text-decoration:underline;
}

.short-article p {
font-size:11px;
line-height:1.5em;
overflow:hidden;
max-height:50px;
}

.archived-article {
line-height:22px;
clear:both;
}

.archived-article h1,.archived-article h2 {
padding-left:20px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}

.selected-day h2 {
padding-left:0!important;
}

.archived-article h1,.archived-article a,.archived-article h2 {
display:inline;
text-decoration:none;
}

.archived-article .stylized-time,.calendar-events .stylized-time {
display:inline;
}

ul.listed-events {
margin-bottom:18px;
list-style:none;
}

#menu {
position:relative;
background:url(../images/bg-menu.jpg) no-repeat;
width:877px;
padding-top:50px;
height:227px;
list-style:none;
margin-bottom:22px;
}

#menu .scrollable {
position:relative;
overflow:hidden;
width:632px;
height:227px;
margin-left:13px;
}

#menu .scrollable .items {
width:20000em;
position:absolute;
height:227px;
}

#menu ul.scroll-group {
display:block;
float:left;
width:645px;
height:227px;
}

#menu li {
float:left;
display:block;
width:202px;
height:100px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-box-shadow:1px 1px 0 rgba(0,0,0,0.1);
-moz-box-shadow:1px 1px 0 rgba(0,0,0,0.1);
box-shadow:1px 1px 0 rgba(0,0,0,0.1);
margin:0 13px 11px 0;
}

#menu li > a {
background:url(../images/bg-fade.png) repeat-x;
display:block;
width:182px;
height:95px;
font-family:TitilliumText;
font-size:16px;
line-height:17px;
text-decoration:none;
text-shadow:1px 1px 0 #FFF;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
padding:10px 10px 0;
}

#menu #button1 {
background-position:0 0;
}

#menu #button2 {
background-position:0 -202px;
}

#menu #button3 {
background-position:0 -404px;
}

#menu #button4 {
background-position:0 -101px;
}

#menu #button5 {
background-position:0 -303px;
}

#menu #button6 {
background-position:0 -505px;
}

#menu #button1:hover {
background-position:-203px 0;
}

#menu #button2:hover {
background-position:-203px -202px;
}

#menu #button3:hover {
background-position:-203px -404px;
}

#menu #button4:hover {
background-position:-203px -101px;
}

#menu #button5:hover {
background-position:-203px -303px;
}

#menu #button6:hover {
background-position:-203px -505px;
}

#menu #calendar {
background-image:url(../images/bg-calendar.png);
background-repeat:no-repeat;
position:absolute;
top:50px;
left:661px;
width:203px;
height:212px!important;
}

#menu #calendar:hover {
background-position-x:0!important;
}

#calendar > h2 {
font-family:TitilliumText;
font-size:16px;
color:#6075b1;
margin-left:10px;
margin-top:5px;
line-height:22px;
}

div.left {
float:left;
width:432px;
margin-right:12px;
}

div.right {
float:left;
width:434px;
}

.docs .documents {
padding:12px 0;
}

.documents ul a {
display:block;
color:#7c7c7c;
font-size:12px;
line-height:1.5em;
text-decoration:none;
width:391px;
padding:0 20px;
}

.documents ul a:hover {
background-color:#f4f6fa;
color:#6075b1;
}

.docs .extra {
font-family:RW-XB, Arial, Helvetica, sans-serif;
font-size:10px;
text-transform:uppercase;
padding:12px 0 0 20px;
}

.extra a {
color:#989898;
text-decoration:none;
}

.extra a:hover {
color:#6075b1;
}

#featured-gallery {
background:url(../images/bg-featured-gallery.png) no-repeat;
height:103px;
width:414px;
margin-bottom:12px;
padding:10px;
}

#featured-gallery img {
float:left;
margin-right:10px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:1px 1px 0 rgba(0,0,0,0.2);
-moz-box-shadow:1px 1px 0 rgba(0,0,0,0.2);
box-shadow:1px 1px 0 rgba(0,0,0,0.2);
}

#featured-gallery > h1 {
font-family:RW-XB, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
text-transform:uppercase;
margin-bottom:6px;
}

#featured-gallery > h2 > a {
display:block;
text-decoration:none;
color:#FFF!important;
font-family:TitilliumText;
font-size:18px;
line-height:27px;
}

#featured-gallery > h2 > a:hover {
color:#e9ecf4!important;
}

#featured-gallery p {
color:#FFF;
line-height:1.5em;
}

.glasnici {
background:url(../images/bg-glasnici.jpg) right bottom no-repeat;
-webkit-border-radius:3px;
}

#map {
position:relative;
background:url(../images/bg-map-2.jpg) no-repeat;
width:434px;
height:416px;
color:#FFF;
}

#map > h1 {
position:absolute;
font-family:RW-XB, Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
top:24px;
left:18px;
}

#map > #map_canvas {
width:400px;
height:240px;
float:left;
margin:80px 0 0 16px;
}

#full-article {
width:637px;
padding-right:10px;
padding-bottom:50px;
min-height:500px;
float:left;
}

#inner-wrapper a,#inner-wrapper a:visited,.tooltip a,.tooltip a:visited {
color:#6a7eb6;
}

#inner-wrapper a:hover,#inner-wrapper a:active,.tooltip a:hover,.tooltip a:active {
color:#4f64a0;
text-decoration:none;
}

#full-article .article-header {
font-size:11px!important;
padding-bottom:15px!important;
}

#full-article > div {
background:url(../images/shadow-biggest.png) no-repeat left bottom;
padding-bottom:25px;
line-height:19px;
}

#full-article #tags {
padding-left:30px;
}

#full-article header {
min-height:165px;
}

.article-no-date {
padding-right:12px;
}

#full-article h1,.article-no-date > h1 {
font-family:RW-B, Arial, Helvetica, sans-serif;
font-size:22px;
letter-spacing:0;
color:#6075b1;
line-height:32px;
text-shadow:0 1px 1px #FFF;
}

.article-no-date > h1 {
background:url(../images/shadow-biggest.png) no-repeat left bottom;
padding-bottom:15px;
}

#full-article h1 {
margin-bottom:10px;
}

#full-article img.article-img {
background:url(../images/bg-thumb-article.png) no-repeat;
width:252px;
height:132px;
float:right;
padding:8px;
}

#full-article ul {
padding-left:20px;
}

#full-article aside {
margin-bottom:18px;
line-height:1.5em;
}

#full-article aside > span,#full-article aside h2 {
font-family:RW-XB, Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
}

#article-body {
font-size:13px;
line-height:1.5em;
}

#article-body h1,#article-body h2,#article-body h3,#article-body h4,#article-body h5,#article-body h6 {
font-family:RW-B, Arial, Helvetica, sans-serif;
line-height:1.8em;
}

#article-body h2 {
font-size:24px;
}

#article-body h3 {
font-size:22px;
}

#article-body h4 {
font-size:20px;
}

#article-body h5 {
font-size:16px;
}

#article-body h6 {
font-size:14px;
}

#article-body b,#article-body strong,#article-body em,#article-body i {
color:#5a5a5a;
}

#article-body em,#article-body i {
letter-spacing:1px;
}

#article-body a:visited {
color:#99a6cd!important;
}

aside#mediaFiles {
clear:both;
}

aside#mediaFiles ul {
margin-left:-6px;
}

aside#mediaFiles li {
float:left;
width:210px;
margin-right:4px;
margin-bottom:4px;
}

aside#mediaFiles a .mediaContainer a {
display:block;
width:210px;
height:125px;
}

aside#mediaFiles img,.mediaContainer img {
background:url(../images/bg-thumb-gallery.png) no-repeat;
width:194px;
height:109px;
padding:8px;
}

.opis-galerije {
margin:18px 0;
}

#sidebar {
float:left;
width:215px;
}

#sidebar .docs {
background:url(../images/shadow-small.png) no-repeat center bottom;
width:215px;
padding-bottom:11px;
}

#sidebar .docs .panes {
width:214px;
}

#sidebar .short-article time {
display:block;
float:left;
width:50px;
text-align:center;
padding:0;
}

#sidebar .short-article {
width:100%;
height:auto;
line-height:16px;
padding:10px 0;
}

#sidebar .short-article:hover {
background:#edeff6;
}

#sidebar .short-article h1 {
float:left;
width:164px;
margin:0;
}

#sidebar .short-article h1 > a {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-weight:400;
color:#6a7eb6;
font-size:11px;
line-height:16px;
padding-right:5px;
}

#sidebar .short-article h1 > a:hover,.archive-link:hover {
color:#4f64a0;
}

.archive-link {
clear:both;
font-family:RW-XB, Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
color:#6a7eb6;
text-decoration:none;
margin-left:14px;
}

#sidebar .news {
padding-bottom:10px;
}

.search-result {
width:600px;
}

.search-result .stylized-time {
line-height:12px;
}

#article-body .search-result h1 {
font-size:16px;
line-height:22px;
}

#article-body .search-result p {
line-height:15px;
}

.search-result h1 > a {
text-decoration:none!important;
}

.marked-search-word {
color:#435588;
background:#dce1ee;
font-weight:700;
}

#main-footer {
width:100%;
position:absolute;
bottom:0;
height:200px;
background-color:#6075b1;
color:#FFF!important;
line-height:1.5em;
}

#main-footer > div {
width:998px;
padding-top:20px;
margin:0 auto;
}

#main-footer a {
color:#FFF;
}

#main-footer .col1,#main-footer .col2 {
padding-top:6px;
padding-bottom:6px;
float:left;
}

#main-footer .col1 {
padding-left:115px;
width:375px;
}

#main-footer .col2 {
padding-left:70px;
background:url(../images/dotted-border.gif) repeat-y left top;
}

#main-footer h2 {
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
}

#copy {
padding-top:15px;
margin-left:115px;
clear:both;
}

.vcard .region {
visibility:hidden;
}

img.loading {
display:block;
margin:30px auto;
}

#other-news .scrollable {
position:relative;
overflow:hidden;
width:876px;
height:253px;
}

#other-news .scrollable .items {
width:20000em;
position:absolute;
height:253px;
}

#other-news .scrollable .items .scroll-group {
display:block;
float:left;
height:253px;
width:876px;
}

#other-news .scroll-nav {
position:absolute;
top:0;
left:370px;
height:19px;
}

#menu .scroll-nav {
position:absolute;
top:15px;
left:270px;
height:19px;
}

#other-news .navi a,#menu .navi a {
background-image:url(../images/navigator.png);
background-repeat:no-repeat;
display:block;
float:left;
background-position:0 0;
height:19px;
width:19px;
}

#menu .navi a {
background-image:url(../images/navigator-blue.png)!important;
}

#other-news .navi a.active,#menu .navi a.active {
background-position:0 -38px;
}

.scroll-nav > a {
background-image:url(../images/arrows.png);
background-repeat:no-repeat;
display:block;
float:left;
height:19px;
width:19px;
text-indent:-9999px;
cursor:pointer;
}

#menu .scroll-nav > a {
background-image:url(../images/arrows-blue.png)!important;
}

.scroll-nav a {
margin:0 2px;
}

.scroll-nav .right {
background-position:-19px 0;
}

.calendar-pane {
height:190px!important;
}

.calendar-pane #calendar_instance {
margin-top:10px;
}

#map_canvas {
border:1px solid #8197c8;
}

#map-extras {
clear:both;
margin-left:15px;
font-family:RW-XB, Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
padding-top:0;
position: relative;
}

#map-extras span {
color:#becdf6;
position: absolute;
z-index: 30;
top:10px;
left:0;
}
#map-extras a{
	display: block;
	float: left;
	height:  77px;
	background-image: url(../images/map-extras.jpg);
	background-repeat: no-repeat;
	text-indent: -999em;
	overflow: hidden;
}
#link-panoramio{
	width:227px;
} 
#link-panoramio:hover{
	background-position: 0 -77px;
}
#link-360{
	background-position: -227px 0;
	width:187px;
} 
#link-360:hover{
	background-position: -227px -77px;
}		
/*#map-extras a,*/#main-footer a {
text-decoration:none;
color:#FFF!important;
background-color:#889dd6;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
padding:1px 3px;
}

#map-extras a:hover,#main-footer a:hover {
background-color:#6075b1;
}

.pagination {
padding:14px 0;
}

.pagination a {
font-family:RW-B, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
border:1px solid #eaeaea;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
padding:3px 5px;
}

.pagination a:hover {
background-color:#FFF;
}

.pagination a.current {
background-color:#6075b1;
color:#FFF!important;
border:1px solid #6075b1;
}

.pageNavigation {
text-align:center;
width:600px;
float:left;
}

* {
margin:0;
padding:0;
}

form.validform {
overflow:auto;
margin:0;
padding:0;
}

form.validform fieldset {
border:0;
}

form.validform h3,form.validform legend {
font:bold 14px Arial, Helvetica, sans-serif;
color:#666;
padding:15px 0 5px;
}

form.validform div {
clear:none;
height:1%;
margin:7px 0 0;
padding:1px 3px;
}

form.validform label {
display:block;
float:left;
width:130px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#333;
text-align:right;
margin:0 5px 0 0;
padding:2px 7px 2px 3px;
}

form.validform fieldset.vf__disabled label {
color:#aaa;
}

form.validform fieldset fieldset {
clear:none;
margin:0;
padding:0;
}

form.validform fieldset fieldset.vf__list label {
float:none;
text-align:left;
font-weight:400!important;
width:auto;
padding:2px 0 5px;
}

form.validform fieldset fieldset.vf__area {
border:1px solid #ccc;
clear:none;
display:block;
margin:2px 0 15px;
padding:6px 8px 10px;
}

form.validform fieldset fieldset.vf__area legend {
margin-left:10px;
font:normal 12px Arial, Helvetica, sans-serif;
padding:0 5px 0 8px;
}

form.validform fieldset fieldset.vf__area legend label {
float:none;
display:inline;
margin:0;
padding:0;
}

form.validform fieldset.vf__disabled legend label {
color:#333;
}

form.validform fieldset fieldset input {
margin-right:2px;
}

form.validform .vf__notes {
background-color:#eee;
border:1px solid #ddd;
color:#666;
display:inline;
float:right;
height:auto;
width:108px;
font-size:11px;
margin:8px 5px 8px 8px;
padding:5px 7px 7px;
}

form.validform .vf__notes p {
margin:0;
}

form.validform .vf__notes h4 {
color:#333;
font-size:11px;
font-weight:700;
margin-bottom:2px;
}

form.validform .vf__required label {
font-weight:700;
}

form.validform .vf__navigation {
padding:10px;
}

form.validform .vf__tip {
color:#666;
display:block;
font-size:10px;
margin:0 0 2px 143px;
padding:1px 3px;
}

input.vf__text,input.vf__text_tiny,input.vf__text_small,input.vf__text_large,input.vf__button,select.vf__one,select.vf__multiple,textarea.vf__text {
font:normal 12px Arial, Helvetica, sans-serif;
color:#666;
width:147px;
background-color:#fff;
border:1px solid #ccc;
padding:2px;
}

fieldset.vf__disabled input.vf__text,fieldset.vf__disabled input.vf__text_tiny,fieldset.vf__disabled input.vf__text_small,fieldset.vf__disabled input.vf__text_large,fieldset.vf__disabled input.vf__button,fieldset.vf__disabled select.vf__one,fieldset.vf__disabled select.vf__multiple,fieldset.vf__disabled textarea.vf__text {
border:1px solid #ddd;
color:#aaa;
}

input.vf__text_tiny {
width:40px;
}

input.vf__text_small {
width:80px;
}

textarea.vf__text {
width:435px;
height:120px;
}

input.vf__button {
float:right;
width:auto;
border:1px solid #ccc;
font:normal 12px Arial, Helvetica, sans-serif;
color:#000;
cursor:pointer;
background-color:#efefef;
text-decoration:none;
padding:3px 6px;
}

select.vf__one {
width:240px;
margin:0;
}

select.vf__multiple {
width:204px;
height:84px;
font:normal 12px Arial, Helvetica, sans-serif;
}

input.vf__checkbox,input.vf__radiobutton {
display:inline;
height:auto;
width:auto;
border:none;
padding:0;
}

form.validform div.vf__main_error {
width:auto;
border:3px solid red;
margin:0 0 10px;
padding:5px;
}

form.validform div.vf__main_error p {
font:bold 12px Arial, Helvetica, sans-serif;
color:#666;
margin:0 7px 2px;
}

form.validform div.vf__error {
background-color:#fff;
border-color:red;
border-style:solid;
border-width:3px 1px 1px;
padding:5px 3px;
}

form.validform p.vf__error {
background-color:#fff;
color:#b82828;
margin:0 0 0 143px;
padding:0 3px 5px;
}

span.calendar-controls {
display:block;
font-weight:700;
color:#6075b1;
text-align:center;
}

span.next-month,span.previous-month {
background-image:url(../images/arrows.png);
background-repeat:no-repeat;
height:19px;
width:19px;
text-indent:-9999px;
display:block;
cursor:pointer;
}

span.next-month {
float:right;
background-position:-19px 0;
}

.current-month > span {
font-family:RW-XB, Arial, Helvetica, sans-serif;
font-size:13px;
}

a.event-day {
display:block;
text-decoration:none;
color:#FFF!important;
}

table.calendar {
border-spacing:1px;
margin:0 auto;
}

table.calendar td {
text-align:center;
color:#6075b1;
height:20px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
cursor:default;
line-height:20px;
margin:1px;
}

table.calendar tbody td {
width:24px;
}

table.calendar thead td {
height:24px;
line-height:24px;
padding:4px 0;
}

table.calendar td.event {
background:#a1b5f2;
color:#FFF;
font-weight:700;
cursor:pointer;
}

table.calendar th {
padding-bottom:5px;
color:#6175b2;
}

.tooltip {
position:relative;
display:none;
background:none;
padding:0 8px 0 0;
}

.tooltip .arrow {
position:absolute;
right:3px;
top:3px;
background:url(../images/tooltip-arrow.png) no-repeat;
display:block;
height:14px;
width:7px;
}

.tooltip ul,.tooltip > div {
list-style:none!important;
line-height:1.5em;
background:#8e9dc7;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.2);
box-shadow:1px 1px 1px rgba(0,0,0,0.2);
border-bottom:2px solid #f4f6fa;
padding:8px 12px;
}

.tooltip li a {
color:#FFF;
text-decoration:none!important;
}

.tooltip li a:visited {
color:#f4f6fa;
}

.tooltip li a:hover {
color:#FFF;
text-decoration:underline!important;
}

.tooltip .filesize {
text-align:center;
color:#FFF;
}

.tip {
display:block;
width:100%;
height:100%;
text-align:center;
}

.tooltip2 {
background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);
height:163px;
width:310px;
font-size:11px;
color:#fff;
padding:40px 30px 10px;
}

#colorbox,#cboxOverlay,#cboxWrapper {
position:absolute;
top:0;
left:0;
z-index:9999;
overflow:hidden;
}

#cboxOverlay {
position:fixed;
width:100%;
height:100%;
background:url(colorbox/images/overlay.png) 0 0 repeat;
}

#cboxMiddleLeft,#cboxBottomLeft {
clear:left;
}

#cboxContent {
position:relative;
overflow:hidden;
background:#fff;
}

#cboxLoadedContent {
overflow:auto;
margin-bottom:28px;
}

#cboxLoadedContent iframe {
display:block;
width:100%;
height:100%;
border:0;
}

#cboxTitle {
position:absolute;
bottom:4px;
left:0;
text-align:center;
width:100%;
color:#949494;
margin:0;
}

#cboxLoadingOverlay,#cboxLoadingGraphic {
position:absolute;
top:0;
left:0;
width:100%;
}

#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow {
cursor:pointer;
}

#cboxTopLeft {
width:21px;
height:21px;
background:url(colorbox/images/controls.png) -100px 0 no-repeat;
}

#cboxTopRight {
width:21px;
height:21px;
background:url(colorbox/images/controls.png) -129px 0 no-repeat;
}

#cboxBottomLeft {
width:21px;
height:21px;
background:url(colorbox/images/controls.png) -100px -29px no-repeat;
}

#cboxBottomRight {
width:21px;
height:21px;
background:url(colorbox/images/controls.png) -129px -29px no-repeat;
}

#cboxMiddleLeft {
width:21px;
background:url(colorbox/images/controls.png) left top repeat-y;
}

#cboxMiddleRight {
width:21px;
background:url(colorbox/images/controls.png) right top repeat-y;
}

#cboxTopCenter {
height:21px;
background:url(colorbox/images/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
height:21px;
background:url(colorbox/images/border.png) 0 -29px repeat-x;
}

#cboxCurrent {
position:absolute;
bottom:4px;
left:58px;
color:#949494;
}

#cboxSlideshow {
position:absolute;
bottom:4px;
right:30px;
color:#0092ef;
}

#cboxPrevious {
position:absolute;
bottom:0;
left:0;
background:url(colorbox/images/controls.png) -75px 0 no-repeat;
width:25px;
height:25px;
text-indent:-9999px;
}

#cboxPrevious.hover {
background-position:-75px -25px;
}

#cboxNext {
position:absolute;
bottom:0;
left:27px;
background:url(colorbox/images/controls.png) -50px 0 no-repeat;
width:25px;
height:25px;
text-indent:-9999px;
}

#cboxNext.hover {
background-position:-50px -25px;
}

#cboxLoadingOverlay {
background:url(colorbox/images/loading_background.png) center center no-repeat;
}

#cboxLoadingGraphic {
background:url(colorbox/images/loading.gif) center center no-repeat;
}

#cboxClose {
position:absolute;
bottom:0;
right:0;
background:url(colorbox/images/controls.png) -25px 0 no-repeat;
width:25px;
height:25px;
text-indent:-9999px;
}

#cboxClose.hover {
background-position:-25px -25px;
}

.cboxIE #cboxTopLeft {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderTopLeft.png,sizingMethod='scale');
}

.cboxIE #cboxTopCenter {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderTopCenter.png,sizingMethod='scale');
}

.cboxIE #cboxTopRight {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderTopRight.png,sizingMethod='scale');
}

.cboxIE #cboxBottomLeft {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderBottomLeft.png,sizingMethod='scale');
}

.cboxIE #cboxBottomCenter {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderBottomCenter.png,sizingMethod='scale');
}

.cboxIE #cboxBottomRight {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderBottomRight.png,sizingMethod='scale');
}

.cboxIE #cboxMiddleLeft {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderMiddleLeft.png,sizingMethod='scale');
}

.cboxIE #cboxMiddleRight {
background:transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderMiddleRight.png,sizingMethod='scale');
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,#search-form input,#search-glasnici input,#main-nav > ul > li > ul > li,#main-nav > ul > li:hover > ul.hover {
display:block;
}

nav ul,#main-nav > ul,.docs .documents ul,#full-article aside li {
list-style:none;
}

input,select,.current-month {
vertical-align:middle;
}

#latest-news .panes > div,.show-on-print,form.validform .vf__hide,form.validform #ea__field {
display:none;
}

.left-box,#other-news .tabs li,#other-events .tabs li,#announcements .tabs li,.docs .tabs li,#other-news .navi,#menu .navi,span.previous-month {
float:left;
}

#full-article h1 > a,#full-article h1 > a:visited,#full-article h1 > a,.pageNavigation a {
text-decoration:none;
}

#other-news .navi a:hover,#menu .navi a:hover,.scroll-nav .left:hover,span.previous-month:hover {
background-position:0 -19px;
}

.scroll-nav .right:hover,span.next-month:hover {
background-position:-19px -19px;
}
