@charset "UTF-8";
/**
	@file	style.css
			General style for TZ Sukošan
	@copyright	Futuro IS <davor@futuro.hr>
	@version $Id:style.css 4 2008-05-23 15:22:01Z Futuro $
******************************************************** */

* {margin:0;padding:0;border:0 none}

body {font-size:62.5%;font-family:"Trebuchet MS",Arial,sans-serif;font-weight:normal;letter-spacing:normal;color:#222;background-color:#FFF;}

pre {font-size:14px;color:#000;}

a,a:visited {text-decoration:none;color:#555}
a:hover,a:active {color:#4494d4;}
a:focus {color:#F00;outline:1px dotted #e6e6eb}

h1,h2,h3,h4,h5,h6 {font-family:Arial,sans-serif;font-weight:bold;}

#wrp {margin:0 auto 0;width:96em}

/*
	header
*/
#hdr {padding-top:26px;margin-bottom:2.4em;background:transparent url('../img/logo_top.jpg') top left no-repeat;}
#site-nav {height:30px;background:#025394 url('../img/logo_middle.jpg') top left no-repeat;}
#site-nav ul {float:right;margin:9.5px 6.4em 0 0}
#site-nav ul li {display:inline;padding-left:1.5em}

#latest-1 {position:relative;height:176px;background:transparent url('../img/header1.jpg') top left no-repeat;}
#latest-2 {position:relative;height:176px;background:transparent url('../img/header2.jpg') top left no-repeat;}
#latest-3 {position:relative;height:176px;background:transparent url('../img/header3.jpg') top left no-repeat;}
#latest-4 {position:relative;height:176px;background:transparent url('../img/header4.jpg') top left no-repeat;}
#latest-5 {position:relative;height:176px;background:transparent url('../img/header5.jpg') top left no-repeat;}
#latest-6 {position:relative;height:176px;background:transparent url('../img/header6.jpg') top left no-repeat;}
#latest-7 {position:relative;height:176px;background:transparent url('../img/header7.jpg') top left no-repeat;}
#latest-8 {position:relative;height:176px;background:transparent url('../img/header8.jpg') top left no-repeat;}
#latest-9 {position:relative;height:176px;background:transparent url('../img/header9.jpg') top left no-repeat;}
#latest-10 {position:relative;height:176px;background:transparent url('../img/header10.jpg') top left no-repeat;}
#latest-11 {position:relative;height:176px;background:transparent url('../img/header11.jpg') top left no-repeat;}
#latest-12 {position:relative;height:176px;background:transparent url('../img/header12.jpg') top left no-repeat;}
#latest-13 {position:relative;height:176px;background:transparent url('../img/header13.jpg') top left no-repeat;}
#latest-14 {position:relative;height:176px;background:transparent url('../img/header14.jpg') top left no-repeat;}
#latest-15 {position:relative;height:176px;background:transparent url('../img/header15.jpg') top left no-repeat;}
a#jtm {position:absolute;right:0;top:0;border-left:1px solid #FFF;border-top:1px solid #FFF;display:block;height:176px}
a#jtm span {position:absolute;bottom:1em;font-size:1.2em;padding:.833em;background-color:#FFF;-moz-opacity:.7}
#overlay-image {position:absolute;z-index:3;top:0em;right:19em}

#languages {height:3em;border-top:1px solid #FFF;background-color:#4494d4}
#languages p {font-size:1.1em;width:50%;color:#FFF;line-height:2.72em;padding-left:1.5em;}
#languages ul {margin-right:7em}
#languages li {list-style:none;padding-left:.5em}
#languages ul li a {display:block;width:28px;float:right;height:30px;text-indent:-9999px;overflow:hidden;}
#languages li.hr a {background:transparent url('../img/lang_hr.gif') bottom center no-repeat;}
#languages li.de a {background:transparent url('../img/lang_de.gif') bottom center no-repeat;}
#languages li.fr a {background:transparent url('../img/lang_fr.gif') bottom center no-repeat;}
#languages li.it a {background:transparent url('../img/lang_it.gif') bottom center no-repeat;}
#languages li.en a {background:transparent url('../img/lang_en.gif') bottom center no-repeat;}
#languages li.cz a {background:transparent url('../img/lang_cz.gif') bottom center no-repeat;}
#languages ul li a:hover,#languages ul li a.current {background-position:center top}


/*
	left sidebar
*/
#col-left {width:17em;float:left;margin-bottom:1em}
#col-left h5 {position:relative;margin-top:1.5em;padding-left:1em;line-height:2.14em;color:#333;font-size:1.4em;font-weight:bold}
#col-left h5 img {position:absolute;right:.8em;top:-1em}
ul.nav-list li {list-style:none;border-bottom:1px solid #ccc;font-weight:normal;}
ul.nav-list li a {font-size:1.2em;display:block;padding:.3em 0 .3em 15px;background:transparent url('../img/nav_arrow.gif') 12.5em center no-repeat}

#nav-main a {font-size:1.333em;font-weight:bold;background-position:11em center}
#nav-main a:hover,#nav-main a.active {background-color:#e2ebf3}

.nav-tour {background-color:#fffbe5}
.nav-tour a:hover,.nav-tour a.active {color:#111;background-color:#f2eabd}

.nav-accomm {background-color:#f4f9e3}
.nav-accomm a:hover,.nav-accomm a.active {color:#111;background-color:#dde8b7}

.nav-galleries {background-color:#fffbe5}
.nav-galleries a:hover {color:#111;}
.nav-postcards {background-color:#e2ebf3}
.nav-postcards a:hover {color:#111;}

/*
	right sidebar
*/
#col-right {float:left;width:20em;margin-bottom:1em;}
#col-right h5 {position:relative;margin-top:1.5em;padding-left:1em;line-height:2.14em;color:#333;font-size:1.4em;font-weight:bold}
#col-right h5 img {position:absolute;right:.8em;top:-1em}
#col-right h5.sidebox-location-title {margin-top:0;background-color:#e2ebf3;}
p.sidebox {padding:1em 1.2em .833em;font-size:1.2em;background-color:#e2ebf3;}

h5.sidebox-weather-title {background-color:#fffbe5;}
#weather {width:18em;padding:0 1em;background-color:#fffbe5;}
.weather {width:18em;}
.weather td {width:33%;font-size:1.2em;text-align:center;vertical-align:middle;}
.weather td img {vertical-align:middle;margin:0 3px}

h5.sidebox-currency-title {background-color:#f4f9e3;}
#currency {width:18em;padding:0 1em;background-color:#f4f9e3;}
#currency img {margin-right:4px;}
.currency {width:18em;}
.currency td {font-size:1.2em;text-align:center}
.currency th {font-size:1.2em;text-align:center}

.nav-excursion {background-color:#e2ebf3;}
.nav-excursion a:hover,.nav-excursion a.active {background-color:#c8d9e8;}

/*
	middle column - CONTENT
*/
#col-middle {float:left;width:56em;margin:0 1.5em 1em}

#col-middle a {color:#4494d4}
#col-middle a:hover {color:#666}
#col-middle a:focus {color:#F00;outline:1px dotted #e6e6eb}

#col-middle img {border:10px solid #e2ebf3}
#col-middle dl img {border:0 none;margin:0 .2em}
#col-middle p img {margin:1em 0em 0 0;}
#col-middle.article img {margin:0 10px 10px;}
#col-middle.gallery img {margin:0 7px 10px;}
.image_left {float:left!important;clear:left!important;margin:0 1em 1em 0;}
.image_right {float:right!important;clear:right!important;margin:0 0 1em 1em;}

.image_banner_full {border:0 none!important;clear:both!important;margin:1em 1em 1em 0!important}
.article .image_banner_full {margin-left:1em!important;}

#col-middle h2 {margin-bottom:1.147em;padding-left:1em;color:#FFF;font-size:1.4em;height:2.142em;line-height:2.142em;background-color:#4494d4}
#col-middle.listing h3 {margin-bottom:1em;font-size:1.4em;}
#col-middle.listing h3 a:hover {color:#4494d4;text-decoration:underline;}
#col-middle.frontpage h3{margin-bottom:1em;font-size:1.4em;}
#col-middle.frontpage h3 a:hover {color:#4494d4;text-decoration:underline;}
#col-middle.article h3 {position:relative;margin:1em 0.714em;border-bottom:1px solid #4494D4;clear:both;font-size:1.4em;color:#4494D4}
#col-middle.gallery h3 {margin:1em 0 0 0;}
.object-view h3 {clear:both;padding:.666em .5em;font-size:1.2em;background-color:#f4f9e3}
#col-middle h4 {height:2.083em;line-height:2.083em;padding-left:1em;margin:1em 0;clear:both;font-size:1.2em;background-color:#e2ebf3;}
#col-middle.article h3 span {position:absolute;top:0;right:1em}
#col-middle.article h3 img.icon {border:0 none;margin:0 .2em;}
#col-middle.article h3 img.icon.sam {}
#col-middle.article h3 img.icon.org {}
#col-middle.article h3 img.icon.auto {}
#col-middle.article h3 img.icon.bus {}
#col-middle.article h3 img.icon.brod {}
#col-middle.article .legenda {text-align:center;padding-top:1em}
#col-middle.article .legenda img {border:0 none!important;margin:0!important;vertical-align:middle}
#col-middle.article .legenda span {padding:0 .833em 0 .3em;line-height:22px;vertical-align:middle}
/* .linija {height:1px;background-color:#006699;} */

#col-middle blockquote {font-size:1.4em;margin:1em 2.2em;font-style:italic;color:#025394;font-family:Georgia,"Times New Roman",serif;}

#col-middle ul {}
#col-middle ul li a {padding-left:1em;font-size:1.2em;color:#666}
#col-middle ul li a:hover {color:#4494d4}

#col-middle ul.novosti {margin-bottom:1.5em}
#col-middle ul.novosti li {padding-left:1.3em;list-style:none!important;list-style-image:none!important;font-size:1em;border-bottom:1px solid #e2ebf3}
#col-middle ul.novosti li a {padding-left:1em;font-size:1.2em;color:#666}
#col-middle ul.novosti li a:hover {color:#4494d4}
#col-middle ul.novosti li span {color:#4494d4}

#col-middle.article ul {padding-left:2.5em}
#col-middle.article ul li {font-size:1.2em}
.dodatna li {list-style:none}


#col-middle #sitemap {width:26em;margin-left:6em;}
#col-middle #sitemap li {border:0 none}
#col-middle #sitemap a {font-size:1.2em;}

#image-news {margin-top:2em;}
#image-news a {position:relative;display:block;float:left;margin-bottom:1em;}
#image-news a span {position:absolute;bottom:4px;left:0;display:block;padding-left:.833em;height:2.5em;line-height:2.5em;width:22.666em;color:#222;font-size:1.2em;font-weight:bold;cursor:pointer;background:transparent url('../img/fadeout.png') top left no-repeat;}
#image-news a img {border:0 none;}
#image-news a.item-2,#image-news a.item-4 {margin-left:1.4em;}
#col-middle  p.readon_external  {clear:both;margin-top:.3em;padding-bottom:1em;text-align:center;}
#col-middle  p.readon_external a {}
#col-middle .pager a {clear:both;padding:0 .5em;border-left:1px solid #FFF;color:#4494d4;font-size:1.2em;text-align:center}
#col-middle .pager a:hover,#col-middle .pager a.PageBold {color:#FFF;background-color:#4494d4}
#col-middle .pager {text-align:right;background-color:#e2ebf3}

#col-middle p {font-size:1.2em;margin:.8333em}
#col-middle p.left-380 {float:left;width:31em;}
#col-middle p.left-190 {float:left;width:15em;}
#col-middle p.right-380 {float:right;width:31em;;}
#col-middle.listing p {margin-left:14em}

.item-intro {clear:both;margin-bottom:2em;overflow:auto}
.item-intro.zabava img {border-color:#F2EABD!important}
.item-intro.dogadjanja img {border-color:#F2EABD!important}
.item-intro.sport img {border-color:#c5ddf3!important}
.item-intro.kultura img {border-color:#dde8b7!important}

.object .item-intro {padding-right:1em;}
.object .item-intro img {margin-bottom:0;}
.object .item-intro:hover {background-color:#e2ebf3}
.object .item-intro:hover dt, .object .item-intro:hover dd {border-bottom:1px solid #FFF;}


/* Galerije */
#object-thumbs-wrp {position:relative;width:54em;height:11.5em;margin:2em 0 2em 1em;}
#object-thumbs-wrp .gallery_nav {position:absolute;bottom:0;display:block;width:3em;height:115px;text-indent:-9999px;overflow:hidden;z-index:8;background:#FFF url('../img/gallery_nav_arrow.jpg') center no-repeat;}
#object-thumbs-wrp .prev {left:0;background-position:left center}
#object-thumbs-wrp .next {right:0;background-position:right center}
#col-middle #object-thumbs {width:50em!important;height:11.5em;margin:0 0 0 3.5em;clear:both}
#col-middle #object-thumbs li {width:16em;height:11.5em;border:0 none;padding:0;font-size:1em;list-style:none!important;}
#col-middle #object-thumbs li a {padding:0;}
#col-middle #object-thumbs img {margin:0;padding:0;border:5px solid #e2ebf3}

#col-middle #object-thumbs-small {position:relative;width:54em;height:11.5em;margin:2em 0 2em 1em;}
#col-middle #object-thumbs-small img {margin:0;padding:0;margin-left:2.2em;border:5px solid #e2ebf3}

#col-middle #object-thumbs-wrp.carousel-nojs {overflow:auto;position:relative;z-index:2;height:23em;line-height:16em;vertical-align:middle;}
#col-middle #object-thumbs-wrp.carousel-nojs .gallery_nav {display:none}
#col-middle #object-thumbs-wrp.carousel-nojs #object-thumbs li {float:left;}
#col-middle #object-thumbs-wrp.carousel-nojs #object-thumbs {width:150em!important}

.object-view dl {float:left;}
.object-view dt {height:2.333em;line-height:2.333em;float:left;width:9em;border-bottom:1px solid #e2ebf3;font-size:1.2em}
.object-view dd {height:2.333em;line-height:2.333em;width:14em;margin-left:9em;clear:right;border-bottom:1px solid #e2ebf3;font-size:1.2em}

.object-view dl.thick dt {width:17.5em;padding-left:.5em;background-color:#e2ebf3}
.object-view dl.thick dd {width:11.1em;margin-left:18em;padding-left:.5em}

.object-view dl.thin {margin-left:1em;}
.object-view dl.thin dt {width:13.5em;padding-left:.5em;background-color:#e2ebf3}
.object-view dl.thin dd {width:2em;margin-left:14em;text-align:center}

.object-view dl.top {margin-bottom:2em}
.object-view dl.top dt {padding-left:.5em;font-weight:bold}

.item-intro dl {margin-left:18em;}
.item-intro dt {height:2.333em;line-height:2.333em;float:left;width:10em;border-bottom:1px solid #e2ebf3;font-size:1.2em}
.item-intro dd {height:2.333em;line-height:2.333em;margin-left:10em;clear:right;border-bottom:1px solid #e2ebf3;font-size:1.2em}

#col-middle.gallery .item-intro p a:hover img {border:10px solid #c5ddf3}
#col-middle.gallery .item-intro p a:focus {outline:0 none}
#col-middle.article a.back {clear:both;display:block;width:150px;margin:1em 0 0 .833em;border:1px solid #4494D4;padding:.2em;text-decoration:none;text-align:center;font-size:12px;color:#4494D4}
#col-middle.article a.back:hover {text-decoration:underline}

#search-form {width:55.5em;height:14em;margin-bottom:2em;background:transparent url('../img/search_bg.jpg') no-repeat}
#search-form label {display:block;width:10em;float:left;font-size:1.2em;font-weight:bolder;}
#search-form fieldset {padding:1em 0 0 3em;}
#search-form select {width:15em;padding:.3em;border:1px solid #7f9db9;color:#2076b3;font-size:1em}
#search-form input {padding:.3em;border:1px solid #7f9db9;color:#2076b3;font-size:1em;background-color:#e2ebf3}

table.charter {margin:0 1em;width:54em;border-collapse:collapse;border-spacing:0;}
table.charter td {border-bottom:1px solid #ccc;padding:5px;vertical-align:top;font-size:1.2em;}
table.charter caption {margin:0 .6em;border-bottom:3px solid #c5ddf3;padding:3em 0 .4em 0;font-size:1.6em;font-weight:bold}
table.charter td.param {text-align:right;color:#888;width:9em;font-size:1em}
table.charter td.param_net {text-align:right;color:#888;width:4.5em;font-size:1em}
table.charter td.info {text-align:left;width:16em}
table.charter td.logo img {border:0 none!important}
table.charter td.logo {text-align:center;vertical-align: middle;}

table.statistika {margin:0 1em;width:54em;border-collapse:collapse;border-spacing:0;text-align:center}
table.statistika td {border-bottom:1px solid #ccc;padding:5px;vertical-align:top;font-size:1.2em;}
table.statistika caption {margin:0 .6em;padding:1em 0 0 0;font-size:1.6em;font-weight:bold}
table.statistika thead th {background-color:#c5ddf3;padding:.4em .2em;}
table.statistika colgroup {background-color:#c5ddf3;}


/*
	Footer
*/
#ftr {position:relative;clear:both;height:3em;line-height:3em;padding-left:1em;color:#fff;margin:1em 0 1em 0;background-color:#4494d4}
#ftr p {font-size:1.1em}
#ftr object {position:absolute;top:.5em;right:-.4em;}



/*
	Forms
*/
form.currency-converter {text-align:center;padding:.7em 0;}

input,select,textarea {font-size:1.2em;border:1px solid #7f9db9}
input.short {width:8em}
select.short {width:4em}

.article form {margin:8px 0 8px 0;font-size:14px;line-height:18px;}
#kontakt fieldset {padding-left:1.3em;}
#kontakt {overflow:auto}
#kontakt ul li {float:left;padding:0;list-style:none;height:50px;width:170px;}
#kontakt label {display:block;width:80px;line-height:20px;font-size:12px;margin-left:3px}
#kontakt fieldset.security label {width:280px;}
#kontakt fieldset.security img {border:0 none;margin:0;}
#kontakt fieldset.security {margin-bottom:15px}
#kontakt input,#kontakt select,#kontakt textarea {margin:0 3px 3px 3px;border:1px solid #7f9db9;padding:3px;font-size:12px;text-align:left;color:#666}
#kontakt input:focus,#kontakt select:focus,#kontakt textarea:focus {outline:2px solid #7f9db9}
#kontakt fieldset.button input {width:110px;height:24px;margin:20px 20px 0 0 ;border:0 none;line-height:24px;font-size:12px;text-align:center;background-color:#4494D4;color:#FFF}
#kontakt fieldset.button input:focus {outline:0 none;}
#kontakt .short {width:70px}
#kontakt .medium {width:155px}
#kontakt .long {width:125px}
#kontakt label em {}

/*
	Highslide JS image viewer
*/
.highslide {cursor:url(../../../includes/highslide/graphics/zoomin.cur), pointer;outline:none;}
.highslide-active-anchor img {visibility:hidden;}
.highslide img {border:2px solid gray;}
.highslide:hover img {border:2px solid white;}
.highslide-wrapper {background:white;}
.highslide-image {border:10px solid white;}
.highslide-image-blur {}
.highslide-overlay {display: none;}
.highslide-caption {display:none;font-size:12px;border:5px solid white;border-top:none;padding:5px;background-color:white;}
.highslide-loading {display:block;color:black;font-size:8pt;font-family:sans-serif;font-weight:bold;text-decoration:none;padding:2px;border:1px solid black;background-color:white;padding-left:22px;background-image:url(../../../includes/highslide/graphics/loader.white.gif);background-repeat:no-repeat;background-position:3px 1px;}
a.highslide-credits,a.highslide-credits i {padding:2px;color:silver;text-decoration:none;font-size:10px;}
a.highslide-credits:hover, a.highslide-credits:hover i {color:white;background-color:gray;}
a.highslide-full-expand {background:url(../../../includes/highslide/graphics/fullexpand.gif) no-repeat;display:block;margin:0 10px 10px 0;width:34px;height:34px;}
.controlbar {background:url(../../../includes/highslide/graphics/controlbar4.gif);width:167px;height:34px;}
.controlbar a {display:block;float:left;height:27px;}
.controlbar a:hover {background-image:url(../../../includes/highslide/graphics/controlbar4-hover.gif);}
.controlbar .previous {width:50px;}
.controlbar .next {width:40px;background-position:-50px 0;}
.controlbar .highslide-move {width:40px;background-position:-90px 0;}
.controlbar .close {width:36px;background-position:-130px 0;}
.highslide-display-block {display:block;}
.highslide-display-none {display:none;}


/*
	Tabs
*/
.ui-tabs-hide { display: none; }

#col-middle .tabs-nav {display:block;height:4em;clear:both;margin-top:1em;margin-bottom:-.3em}
#col-middle .tabs-nav li {display:inline;font-size:1em;list-style:none;padding:0;border:0 none}
#col-middle .tabs-nav li a {padding:0}
#col-middle .tabs-nav li span {display:block;float:left;height:2.5em;line-height:2.5em;width:8.5em;margin-top:.5em;text-align:center;background:#fffbe5 url('../img/tab_inactive.jpg') top center no-repeat}
#col-middle .tabs-nav li.ui-tabs-selected span {height:3em;line-height:3em;margin-top:0;font-weight:bold;border-bottom:1px solid #E2EBF3;background:#fffbe5 url('../img/tab_active.jpg') top center no-repeat}

#sub-objects {height:58em!important;}
.sub-object-tab {position:relative;overflow:auto;padding-bottom:1em}
.object-view .sub-object-tab dl.right {margin-left:0}
.object-view .sub-object-tab dl.right dt {width:17.5em;}
.object-view .sub-object-tab dl.right dd {margin-left:18em;}
.object-view .sub-object-tab dl.middle {float:right}
.object-view .sub-object-tab dl.left {float:right}
.object-view dl.main,.object-view dl.right {border-left:1px solid #888}

#wrt {text-align:right}

span.img-row {padding:0;margin:0;display:block;overflow:hidden;padding:18px 0;clear:both;}
span.img-row img {float:left;margin:0 10px 10px 0;clear:none!important;}
span.img-row img.last {margin:0 0 10px 0;}