@charset "utf-8";
/* CSS Document */

body, html {font-family:Arial, Helvetica, sans-serif;color:#000;font-size:11px;background:#EFF1EC;margin:0px;padding:0px;width:100%;height:100%;}
h1 {color:#76A838;font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;}
a img {border:0px none;outline:0px none;}
a {color:#76A838;outline:0px none;}
.content a {text-decoration:underline;font-weight:bold;}
a:hover {text-decoration:none;color:#76A838;}
.clear {clear:both;}

/* LAYOUT */
#wrapper {position:relative;width:100%;}
#body {position:relative;margin-left:auto;margin-right:auto;width:960px;min-height:100%;height:auto !important;height:100%;background:#fff;margin-top:-580px;}
#footer {position:relative;display:block;width:100%;height:540px;background:#20362B;}
#body-container {position:relative;padding-top:580px;width:960px;display:block;}
#header-container {position:relative;width:960px;display:block;}
#header1 {position:relative;display:block;width:940px;padding:0px 10px 0px 10px;height:5px;background:#EFF1EC;}
#header2 {position:relative;display:block;width:940px;padding:10px 10px 0px 10px;height:72px;}
#header2-2 {position:relative;float:right;width:240px;height:55px;color:#5C5B5B;padding-top:10px;}
#header2-2-1 {height:27px;float:left;text-align:right;padding-right:10px;padding-top:15px;border-right:#D1D8EA 1px solid;color:#C4C4CC;font-size:10px;}
#header2-2-2 {height:27px;float:right;text-align:right;padding-top:15px;padding-right:10px;}
#header2-2-2 a {color:#BEB7C8;text-decoration:none;font-size:10px;}
#header2-2-2 a:hover {color:#5C5B5B;}
#header2 img {float:left;}
.current-lang {color:#5C5B5B!important;	}
#header2 .nav-lang {float:right;}
#header3 {position:relative;display:block;width:940px;padding:0px 10px 0px 10px;height:40px;z-index:80;}
#header4 {position:relative;display:block;width:940px;padding:0px 10px 0px 10px;height:396px;z-index:10;}
#body-content {width:940px;position:relative;display:block;padding:16px 10px 0px 10px;}
#body-left {position:relative;float:left;width:677px;}
#body-right {position:relative;float:right;width:252px;}
.image-row {position:relative;display:block;margin-bottom:25px;}
.image-row p {width:200px;position:absolute;padding:0px;margin:0px;color:#FFF;font-size:10px;top:166px;line-height:14px;}
.image-row p a {color:#FFF;font-size:11px;text-decoration:none;}
.image-row p a:hover {color:#DAF3CB;	}
.slika-tekst1 {left:10px;}
.slika-tekst2 {left:239px;}
.slika-tekst3 {left:469px;}
.image-margin {margin-right:7px;}
.naslov-header {font-size:11px; text-transform:uppercase; font-weight:bold; margin-bottom:7px; display:block;}


/* HEADER CONTENT */
#header {width:677px;height:396px;float:left;}
#header img {}
#header-image {width:677px;height:396px;position:relative;background:#FFF url(images/loading.gif) 10px 10px no-repeat;}
.header-container {position:absolute;width:435px;left:241px;top:10px;z-index:0;visibility:hidden;}
.header-container p {color:#FFF!important;font-size:11px;line-height:19px;z-index:10;margin:0px;padding:0px 10px 10px 10px;top:30px;font-style:normal;font-weight:normal;text-align:justify;}
.header-container p a {text-decoration:none;}
.header-container p a:hover {color:#fff;}
.header-container h3 {margin:0px 0px 10px 0px;padding:0px;font-size:11px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#58A62E;text-transform:uppercase;text-align:left;}
.c-menu {height:20px;position:absolute;top:15px;right:290px;text-align:center;visibility:hidden;z-index:110}
.c-menu a {display:block;float:left;width:20px;height:20px;text-align:center;line-height:20px;margin-left:2px;background:#000;color:#FFF;opacity: 0.8;filter: alpha(opacity=80);font-weight:normal;text-decoration:none;}
.c-menu a:hover {color:#FFF;opacity: 0.5;filter: alpha(opacity=50);}
.opacity {opacity: 0.5!important;filter: alpha(opacity=50)!important;}
.header-overlay {color:#FFF;width:415px;margin-left:20px;height:20px;background:url(images/pixel.png) repeat-y scroll;z-index:-1;}
#p-overlay {width:435px;min-height:100px;height:auto!important;height:100px;background:url(images/pixel.png) repeat-y scroll;margin-top:0px;}
.corner {z-index:30;position:absolute;left:0px;top:0px;}
#karta-high {display:block;width:230px;margin:45px 0 0 22px;color:#57A926;font:14px arial;text-decoration:none;text-align:center;}
#karta-high:hover {color:#444;}
#karta-high img {display:block;margin-bottom:10px;}


/* NOVOSTI */
.content {width:677px;display:block;position:relative;margin-top:0px;}
.content h2 {color:#2C3930;font-size:16px;font-weight:bold;margin:0px 0px 5px 10px;}
.content h3 {color:#999;font-size:12px;font-weight:bold;margin:10px 0px 10px 10px;}
.content h4.ulaznica {color:red;font-weight:normal;font-size:12px;margin:10px 0 16px 10px;}
.novosti-p {color:#2C3930;padding:0px;margin:10px 0px 10px 0px;width:600px;line-height:15px;}
.content p {color:#2C3930;padding:0px;margin:10px 0px 10px 10px;line-height:17px;}
.content p img {float:left;padding:3px;border:1px #D1D8EA solid;margin:3px 10px 4px 0px;}
.kontakt-page p img {float:none;padding:0;border:0 none;margin:0;}
.novost-slika {float:left;padding:3px;border:1px #D1D8EA solid;margin:3px 10px 4px 0px;}
.novosti-h3 {color:#2C3930!important;}
.novosti-h3 a {color:#222;text-decoration:none;}
.novosti-h3 a:hover {color:#57A926;}
.datum {font-size:11px;font-weight:bold;color:#999;margin-top:10px;position:relative;margin-left:10px;}
.crta {display:block;position:relative;width:677px;height:1px;border-bottom:1px #D1D8EA solid;}
.legend {width:677px;position:relative;display:block;margin-top:10px;}
.legend-item, .legend-item-last {width:169px;height:77px;float:left;padding-top:23px;background:url(images/crta2.gif) repeat-y right top scroll;}
.legend-item-last {background:none!important;}
.legend-item img {display: block;margin-left:auto;margin-right:auto;}
.content ul, .content ol {margin:10px 0px 10px 35px;padding:0px;color:#333;}
.content ul li, .content ol li {line-height:15px;margin:12px 0px 12px 0px;}
.tablica {width:660px;border:0px none;margin-left:auto;margin-right:auto;}
.tablica td {background:#EBEEE8;padding:5px;}
.tablica tr.tablica1 td {background:#DCE2D6;}
.tablica tr.tablica2 td {background:#EBEEE8;}
.datum-print {font-size:11px; font-weight:normal; font-style:italic; color:#999999;}


/* DESNI STUPAC */
.desni-stupac {background:#EBEDED;width:252px;}
.desni-stupac h2 {color:#222;font-size:11px;font-weight:bold;margin:0px 0px 5px 0px;padding:0px;height:25px;line-height:25px;padding-left:30px;border-bottom:1px #fff solid;}
.desni-stupac .karta {margin:0px 0px 10px 4px;}
.tagcloud {padding:0px 40px 10px 30px;padding-left:30px;display:block;padding-bottom:10px;}
.tagcloud a {color:#76A838;font-weight:bold;text-decoration:none;line-height:25px;}
.tagcloud a:hover {color:#333;}
.tag1 {font-size:10px;}
.tag2 {font-size:12px;}
.tag3 {font-size:14px;}
.tag4 {font-size:16px;}
.tag5 {font-size:18px;}
.tag6 {font-size:22px;}


/* FOOTER */
#footer1 {width:960px;position:relative;display:block;height:35px;background:#fff;margin-left:auto;margin-right:auto;margin-bottom:15px;}
#footer2 {width:960px;position:relative;display:block;margin-left:auto;margin-right:auto;}
#footer3 {width:960px;position:relative;display:block;margin-left:auto;margin-right:auto;height:30px;margin-top:30px;}
#futuro-logo {position:relative;float:right;right:0px;}
#footer2-1, #footer2-2, #footer2-3, #footer2-4 {width:210px;float:left;position:relative;padding:15px 15px 15px 15px;min-height:400px;height:auto!important;height:400px;}
#footer2-1 {background:url(images/border1.gif) repeat-y scroll right top;}
#footer2-2 {background:url(images/border1.gif) repeat-y scroll right top;margin-left:-1px;}
#footer2-3 {background:url(images/border1.gif) repeat-y scroll right top;margin-left:-1px;}
#footer2-4 {margin-left:-1px;position:relative;}
#footer3 {width:960px;position:relative;display:block;margin-left:auto;margin-right:auto;}
.footer-list {color:#E4E7E5;margin:0px;padding:0px;list-style:none;line-height:20px;}
.footer-list ul {list-style:none;padding:0px;margin:0px 0px 0px 15px;line-height:20px;}
.footer-list a {color:#E4E7E5;font-weight:normal;text-decoration:none;}
.footer-list a:hover {color:#76A838;}
.margin-bottom {margin-bottom:20px;}
.facebook {display:block;position:absolute;bottom:0;right:0;width:103px;height:38px;background-image:url(images/facebook-telascica.gif);background-repeat:no-repeat;background-position:0 0;}
.facebook:hover {background-position:0 -38px;}

/* NAVIGATION */
#nav { display: block; margin: 0; padding: 0; position: relative; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }
    
/* Essentials - configure this */
#nav ul { width: 130px; }
#nav ul ul { left: 130px; }

/* Everything else is theming */
#nav { background-color: #57A926; height: 24px; }
#nav *:hover { background-color: none; color:#000; }
#nav a { border-right: 1px solid white; color: white; font-size: 12px; padding: 6px; line-height: 1; text-decoration:none; font-weight:normal; }
#nav li.hover a { background-color:none; }
#nav ul { top: 24px; z-index:100; }
#nav ul li a { background-color: #000; font-size:11px; }
#nav ul a.hover {  color:#57A926!important; background:#111; }
#nav ul a { border-right: none; opacity: 0.8; filter: alpha(opacity=80); }
#nav .more {color:#57A926;}

a.trigger {display:block;width:250px;padding-left:13px;line-height:65px;height:65px;padding-top:0px;font-size:15px;color:#7D7B7B;text-decoration:none;position:relative;border-bottom:#DEE2EE 1px solid;font-weight:normal;}
a.trigger:hover {background:#EBEDED;color:#7D7B7B;}
a.trigger img {vertical-align:middle;margin-right:13px;position:relative;top:3px;float:left;}
a.slika {background:#EBEDED;}
a.slika img {vertical-align:middle;position:absolute;float:right;right:0px;top:3px;}
#trigger-galerija img {position:relative;margin:-17px 0px 0px -10px;}
#trigger-galerija a {}
.pos1 {position:absolute!important;background:#ECEDED!important;margin-top:-62px!important;}
.pos2 {position:absolute!important;background:#ECEDED!important;margin-top:-124px!important;}
.pos3 {position:absolute!important;background:#ECEDED!important;margin-top:-186px!important;}
.pos4 {position:absolute!important;background:#ECEDED!important;margin-top:-248px!important;}
.pos5 {position:absolute!important;background:#ECEDED!important;margin-top:-310px!important;}
#head-menu {width:263px;float:left;}


/* SLIDER */
#slide-container {width:890px!important;height:310px;overflow:hidden!important;clear:none;float:left;}
#slider {width:4450px;height:310px;position:relative;top:0pxpadding:0px;}
#slider-menu {position:absolute;z-index:30;right:10px;bottom:5px;}
#content1 {width:890px;height:310px;background:#3B3835;float:left;}
#content2 {width:890px;height:310px;background:#FBDA2C;float:left;}
#content3 {width:890px;height:310px;background:#211050;float:left;}
#content4 {width:890px;height:310px;background:#A58A59;float:left;}
#content5 {width:890px;height:310px;background:#3B3835;float:left;}
.slider-slika {width:443px;height:310px;position:relative;top:0px;left:0px;float:left;z-index:0;}
.slider-tekst {width:387px;height:280px;float:left;padding:30px 30px 0px 30px;}
.slider-tekst h2 {margin:0px 0px 15px 0px;font-size:34px;color:#FFF;font-weight:bold;}
.slider-tekst h3 {margin:0px 0px 10px 0px;font-size:16px;color:#A58A59;font-weight:normal;text-decoration:none;line-height:20px;letter-spacing:1px;}
.slider-tekst p {margin:0px 0px 10px 0px;font-size:13px;color:#fff;font-weight:normal;text-decoration:none;}
#content2 h2 {color:#403D39;}
#content2 p {color:#403D39;}
#content3 h3 {color:#E6DBCC;	}
#content3 p {color:#C7C4D5;}
#content4 h3 {color:#403D39;}


/* TABS */
#tabs {margin: 0px 0;}
#tabs ul {float: left;background: #000;width: 677px;padding-top: 0px;padding-bottom: 0px;margin:0px 0px 0px 0px;opacity:0.9;filter:alpha(opacty=90);}
#tabs li {margin:0px 0px 0px 0px;list-style: none;}
* html #tabs li {display:inline;}
#tabs li, #tabs li a {float: left;}
#tabs ul li a {text-decoration: none;padding: 8px;color: #fff;font-size:10px;}
#tabs ul li a:hover {color:#58A62E;background:#222;}
#tabs ul li.active {background: #222 url(img/nav-right.gif) no-repeat right top;}
#tabs ul li.active a {background: url(img/nav-left.gif) no-repeat left top;color: #58A62E;}
#tabs .div {clear: both;padding-top: 10px;width:637px;min-height: 200px;height:auto!important;height:200px;}
#tabs .div h3 {text-transform: uppercase;margin-bottom: 10px;letter-spacing: 1px;}
#tabs .div p {line-height: 150%;}
.lista {list-style:disc!important;background:none!important;margin:0px 0px 10px 35px!important;padding:0px!important;width:auto!important;}
.lista li {list-style:disc!important;float:none!important;line-height:15px!important;margin:12px 0px 12px 0px!important;}
.linkovi, .linkovi-content {padding:0px 0px 10px 10px; line-height:19px;}
.linkovi a {display:block;}


/* KONTAKT */
form {padding-left:10px;}
.kontakt {width:540px;height:120px;text-align:center;}
.kontakt-slika {float:left;margin:0px 0px 0px 120px;padding:2px;border:#165E89 1px solid;}
.kontakt-input {padding:10px 0px 0px 0px;position:relative;display:block;}
.kontakt-input p {margin-top:4px;position:absolute;left:300px;display:inline;}
.kontakt-text {width:290px;height:20px;line-height:20px;background:#EFF1EC;border:#EFF1EC 1px solid;color:#444;font-size:12px;padding:3px 0px 0px 3px;}
.kontakt-botun {background:#EFF1EC none repeat scroll 0 0;border:0 none;color:#444;cursor:pointer;padding:10px;}
textarea {width:535px;height:150px;background:#EFF1EC;color:#444;font-size:12px;padding:5px;font-family:Arial, Helvetica, sans-serif;border:#EFF1EC 1px solid;}
.error {border:1px #f00 solid!important;}


/* PROGNOZA */
.prognoza {line-height:18px;font-size:10px;color:#A698B1;margin-bottom:5px;}
.prognoza img {margin-bottom:5px;}
.prognoza-border {border-right:#fff 1px solid;}
.prognoza-dan {font-size:11px;}
.capitalize {text-transform:lowercase;}


/* SLIKE */
.row {width:667px;position:relative;margin:10px 0px 10px 10px;display:block;}
.row1, .row2 {width:677px;position:relative;display:block;}
.row1 {margin-bottom:7px;}
.row1 .row1-slika {width:212px;float:left;margin-right:11px;}
.row1 .row1-slika img {padding:4px;border:#EBEEE8 1px solid;}
.row1 .row1-slika img:hover {opacity:0.8;filter:alpha(opacity=80);}
.row2 .row2-naziv {padding:6px;background:#EBEEE8;width:198px;height:40px;display:block;position:relative;font-weight:bold;float:left;margin-right:13px;}
.zadnji {margin-right:0px!important;}
.image-set {width:667px;display:block;position:relative;margin:10px 0px 10px 10px;}
.image-set img {padding:5px;border:#EBEEE8 1px solid;margin-right:24px;float:left;}
.image-set img:hover {opacity:0.7;filter:alpha(opacity=70);}


/* GOOGLE MAP */
#toolbar {position: absolute;top: 30px;left: 471px;width: 178px;min-height:103px;height:auto!important;height:103px;padding: 10px 10px 10px 10px;z-index:20;background:url(images/pixel.png) repeat-y scroll;}
#toolbar h2 {color:#57A926;font-size:12px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;margin:0px;padding:0px;}
#toolbar p {color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
.close {width:10px;height:10px;position:absolute;right:10px;top:10px;background:url(img/close.png) no-repeat scroll;font-size:0px;cursor:pointer;}
#menu-map {margin:0px;padding:0px;list-style:none;}
#menu-map li a {color:#aaa;text-decoration:none;font-size:12px;}
#menu-map li {margin:0px;padding:0px;}
#menu-map li a:hover {text-decoration:underline;}
.menu-content {float:left;width:263px;width:263px;height:396px;z-index:20;}
.menu-content .trigger img {top:10px;}
.map-botun {height:42px!important;border:0px none!important;width:113px!important;padding-left:20px!important;margin-left:130px;}
.map-botun:hover, .map-btn-menu {background:none!important;}
.menu-content .map-botun img {top:5px!important;}
.map-btn-menu {font-weight:bold!important;}
.normal {font-weight:normal!important;}
.pdf {float:none!important;border:0px none!important;padding:0px!important;}
.razglednica {margin:10px;}