@charset "UTF-8";
/**
	@file	style.css
			General style for Hotel Pinija Zadar
	@copyright	Futuro IS <davor@futuro.hr>
	@version $Id: style.css 18 2008-06-11 09:28:26Z Futuro $
******************************************************** */

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

body {font-size:62.5%;font-family:"Helvetica Neue",Arial,sans-serif;font-weight:normal;letter-spacing:normal;color:#969696;background-color:#e2e1e7;}

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

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

h1,h2,h3,h4,h5,h6 {color:#009245;font-family:Georgia,"Times New Roman",serif;font-weight:normal;}
h3 {font-family:"Helvetica Neue",Arial,sans-serif;}

li {list-style:none;}

.medium-box {width:26.8em;float:left;}
.thick-box {width:37em;float:left;}
.thin-box {margin: 0 0 0 68.5em}
.news-box {margin-left:28.8em}

#wrapper-side-shadow {width:99.1em;margin: 0 auto;background:transparent url('../img/shadow_vertical.jpg')  center top repeat-y;}
#wrapper-bottom-shadow {padding-bottom:18px;background:transparent url('../img/shadow_bottom.jpg') bottom center no-repeat;}
#wrapper-bottom-layer {width:92.4em;padding: 20px 18px 0 20px;margin: 0 auto;background-color:#f5f5fa;}
#wrapper-top-layer {width:89.8em;padding:0 13px 2px;margin: 0 auto;overflow:auto;background: #fff; /*background:#FFF url('../img/top_layer_bottom_border.jpg') bottom center no-repeat;*/}

/*#header {height:14.3em;} */
/* #header h1 {font-size:1em;width:22.2em;height:8.6em;background:transparent url('../img/logo.png') top center no-repeat;}
#header h1 a {display:block;text-indent:-9999px;} */
#header ul li {display:inline}

#flash-news {height:31.9em;width:67.8em;float:left;}
#flash-news img {height:31.9em;width:67.8em;}		/* HACKS TEMP */


/* NAVIGATIONS */
#lang-selector {float:right;height:4.8em;width:50%;line-height:4.8em;margin-top:.8em;}
#lang-selector a {font-size:1.2em;font-weight:bold;}
#lang-selector a.inactive {float:right;color:#969696;margin-right:1em;width:2.5em;}
#lang-selector a:hover {color:#555}
#lang-selector a.active {float:right;padding:0 1.7em 0 1em;border-right:1px solid #e6e6eb;margin-right:1.7em;color:#000;background:transparent url('../img/lang_arrow.jpg') left center no-repeat;}
#lang-selector a:focus {outline:0 none}

#top-nav-small {height:2.3em;text-align:right;}
#top-nav-large {height:3.4em;padding-top:.3em;text-align:right;font-weight:bold;}
#top-nav-small a {color:#969696}
#top-nav-large a {color:#487774}
#top-nav-small a,
#top-nav-large a {margin-right:.833em;font-size:1.2em;}
#top-nav-small a.active, #top-nav-large a.active, #top-nav-small a.active:hover, #top-nav-large a.active:hover {padding-bottom:.1666em;border-bottom:.416em solid #00a551}
#top-nav-small a:hover {color:#555;}
#top-nav-large a:hover {color:#969696;}

#main-nav {margin-top:1em;padding-right:2em;background:transparent url('../img/vertical_border.jpg')  95% top no-repeat;}
#main-nav li {height:2.3em;line-height:2.3em;display:block;border-top:1px dotted #e6e6eb;padding:0 .5em;margin:0 1em;}
#main-nav li a {display:block;color:#969696;font-size:1.6em;}
#main-nav li a:hover {color:#555;}
#main-nav li a:focus {outline:0 none;}
#main-nav li a.active {padding-left:1.5em;color:#00a551;height:100%;font-weight:bold;background:transparent url('../img/main_nav_bg_active.jpg') left  center repeat-y;}

#secondary_navigation {position:absolute;top:.3em;left:13em}
#secondary_navigation li {display:inline}
#secondary_navigation a {color:#666666;}
#secondary_navigation a:hover {color:#097BB9;}
#secondary_navigation a.active {color:#F00;}

/* FORMS */
.reservations {height:297px;padding:10px 12px 12px 10px;}
.reservations form {overflow:auto;margin-top:15px;padding-bottom:25px;background: url('../img/rezervacija-form-poz.png')  right top no-repeat;}
.reservations h2 {font-size:18px;color:#ffffff;text-align:left;padding-top:0px;font-weight:normal;font-family:"Helvetica Neue",Arial,sans-serif;}
.reservations label, .reservations input {vertical-align:middle}
.reservations label {font-weight:bold;color:#a2a2a2;}
.reservations input, .reservations select {margin-top:.5em;margin-bottom:.6em;border:1px solid #98c7b5;color:#006d44;font-size:1em;padding:.2em;}
.reservations select {float:left;width:5.2em;margin-right:4px;}
.reservations select option {padding-left:4px}
.reservations input:focus, .reservations select:focus {outline:1px solid #00a551;}
.reservations input.medium {width:4em;}
.reservations input.short {width:2em;}
/*.reservations input.button {font-size:1em;width:14.6em;border:0 none;padding:.4em 1.5em .4em 0;margin:1em 0; display:block;color:#fff;font-weight:bold;background:transparent url('../img/booknow-en.png') left center no-repeat;font-family:"Helvetica Neue",Arial,sans-serif;} */
.reservations input.button-hr, 
.reservations input.button-en, 
.reservations input.button-it, 
.reservations input.button-fr, 
.reservations input.button-de, 
.reservations input.button-sl 
{width:116px;height:30px;border:0 none;display:block;float:right;margin-right:8px;margin-top:-1px;cursor:pointer;text-indent:-999999px;text-transform:capitalize;overflow:hidden;color:#ffffff}
.reservations input.button-hr {background: url('../img/booknow-hr.png') left center no-repeat;}
.reservations input.button-en {background: url('../img/booknow-en.png') left center no-repeat;}
.reservations input.button-it {background: url('../img/booknow-it.png') left center no-repeat;}
.reservations input.button-fr {background: url('../img/booknow-fr.png') left center no-repeat;}
.reservations input.button-de {background: url('../img/booknow-de.png') left center no-repeat;}
.reservations input.button-sl {background: url('../img/booknow-sl.png') left center no-repeat;}
.reservations input.button:focus {outline:0 none;}
.reservations fieldset {padding:0 0 0 3.4em;}
.reservations fieldset.people label {display:inline;}
.reservations fieldset.time label {display:block;margin-top:.7em;}
.reservations fieldset.access {margin-top:2em;}
.reservations fieldset.access input {width:14em;}
.reservations p {clear:both;margin-left:8px;padding-top:6px;text-transform:uppercase;color:#007539;font-size:10px}
.reservations p.cancel {width:auto;padding-top:16px;color:#5f5f5f;}
.reservations p.cancel input {float:right;width:75px;margin-top:-2px;margin-bottom:0px;margin-right:8px;border:1px solid #bdbdbd}
.reservations p a.view_cancel {display:block;float:right;margin-right:8px;margin-top:2px;text-transform:capitalize}
.reservations p span.reservedate {padding-right:8px; padding-top:8px; background: url('../img/rezervacija-formpart-poz.png')  right 2px no-repeat;}
#bookings {text-align:center;padding-top:1em;}
#bookings a , #bookings p {display:block;font-size:1.2em;color:#a2a2a2;}

#bookings a:hover {/*color:#097BB9;*/}

#content fieldset {float:left;width:16em;margin-right:3em}
#content fieldset.button {float:none;clear:both}
#content fieldset.tekst {width:42.3em}
#content fieldset.tekst textarea {width:42.3em}
#content fieldset.security {margin-bottom:1em}
#content label {display:block;width:15em;font-weight:bold;color:#a2a2a2;}
#content .security label {width:100%;}
#content input, #content select, #content textarea {margin-top:.3em;margin-bottom:.6em;border:1px solid #d7d7d7;color:#969696;font-size:1em;padding:.2em;}
#content input:focus, #content select:focus, #content textarea:focus {outline:1px solid #00a551;}
#content input.medium {width:15em;}
#content select {width:15.5em;}
#content select option {padding-left:1em;}
#content input.short {width:2em;}
#content fieldset.small {padding:1.3em 0 .3em;}
#content fieldset.small input {vertical-align:middle}
#content fieldset.small label {display:inline;width:6.5em;vertical-align:middle}
#content div.button {width:auto;clear:both}
#content div.button input {font-size:1em;width:14.6em;border:0 none;padding:.4em 1.5em .4em 0; display:block;margin:1em 0;color:#FFF;font-weight:bold;background:transparent url('../img/reservation_button.jpg') left center no-repeat;text-transform:uppercase;font-family:"Helvetica Neue",Arial,sans-serif;}
#content div.button input:focus {outline:0 none}
#content input .date {width:10em}
#content form em {color:#009245}
#content .form_error {color:#F00}
#content p.icons {text-align:center}
#content p.icons img {margin:0 3px;vertical-align:middle}

/* CONTENT */
#content {/*margin-top:1em;padding-right:2em;*/min-height:30em}
#content ul#scroller-1, #content ul#scroller-2 {margin-top:0px;overflow:visible}
#content.scroller-border {background:transparent url('../img/vertical_border.jpg')  98% top no-repeat;}
#content.scroller h2 {font-size:1em;}
#content.scroller h2 a {display:block;margin-left:3.5em;font-size:3.2em;letter-spacing:-1px;font-family:"Helvetica Neue",Arial,sans-serif;/*background:transparent url('../img/rounded_arrow.png') right no-repeat;*/}
/*
#content.scroller h2.heading-1 a {color:#009245}
#content.scroller h2.heading-2 a {color:#c58d3a}
#content.scroller h2.heading-3 a {color:#487774}
#content.scroller h2 a:hover {color:#097BB9}
#content.scroller h2 a:active {color:#F00}
*/
#content.scroller img {float:left;width:9.5em;height:7.1em}
#content.scroller p {margin-left:11.3em;font-size:1em;padding-top:1px;}
#content.scroller ul {margin-top:1.5em;}
#content.scroller li {height:8em;padding:0 .2em 0 0;margin-bottom:1em;clear:left;overflow:hidden}
/*
#content.scroller li.child-1,#content.scroller li.child-2 {border-bottom:1px dotted #e6e6e6;}
*/

#content.scroller .scroller-link {float:right;padding:0 0 .8em 0;font-size:1.6em;color:#969696;font-weight:bold}
#content.scroller .scroller-link:hover {color:#097BB9}
#content.scroller .scroller-link:focus,#content .scroller-link:active {outline:0 none;color:#487774}
#content.scroller .scroller-link-li {padding-bottom:.5em;height:1.4em;}

#content.gallery-list ul {margin-top:2.4em;}
#content.gallery-list li a.first {border-top:1px dotted #e6e6eb;}
#content.gallery-list li a {display:block;padding-left:.7em;border-bottom:1px dotted #e6e6eb;height:2.2em;line-height:2.2em;color:#969696;font-size:1.4em;background:transparent url('../img/rounded_hover.png') top right no-repeat;}
#content.gallery-list li a:hover,#content.gallery-list li a:active,#content.gallery-list li a:focus {color:#00a551;background:transparent url('../img/rounded_hover.png') bottom right no-repeat;}
#content.gallery-list li {margin-right:1.5em;}
#content.gallery-list .pager {margin-top:1.5em;padding-right:1em;text-align:right;} 
#content.gallery-list .pager a {color:#969696;font-size:1.2em;padding:0 .3em;}
#content.gallery-list .pager a.PageNormal {}
#content.gallery-list .pager a.PageNormal:hover {color:#555}
#content.gallery-list .pager a.PageBold {font-weight:bold;color:#00a551}

#content.article h2 {font-size:1.6em;font-weight:bold;color:#009245}
#content.article h3 {font-size:1.4em;color:#969696;font-weight:bold;}
#content.article h2 {padding-bottom:5px;padding-top:3px;}
#content.article p {font-size:1.2em;margin-bottom:.714em;line-height:1.6666em;}
#content.news-box.article p {line-height:1.3333em;}
#content.article ul {margin: .5em 0 1.2em}
#content.article li {margin-left:1.3em;font-size:1.2em;line-height:1.3em;list-style:square;}
#content.article a {padding-right:15px;background:transparent url('../img/external.gif')  right no-repeat;}
#content.article a.noexternal {background:url('');} 
#content .image_left {float:left!important;margin:0 1em 1em 0;}
#content .image_right {float:right!important;margin:0 0 1em 1em;}
#content.article a.noexternal {background:url('');} 

#content.article a:hover img {-moz-opacity:.7}
.informal.gallery {margin-top:1.8em;}
#content.article a.image_link {padding:0;background:url('');}

#content .content-image-left {float:left;margin-right:1em}
#content .content-image-right {float:right;margin-left:1em}
#content .content-right {float:right;}
#content .content-full-right {clear:right;display:block;float:right;margin-left:2em;padding-left:1em;width:160px;}

.informal {position:relative;min-height:30em;}
.informal h3#news-title {margin:.8em 0 .3em .625em ;font-size:1.6em;font-weight:bold;}
.informal h3#news-title a {color:#009245}
.informal h3#news-title a:hover,.informal h3 a:active {color:#097BB9}
.informal p {margin: 0 .833em;font-size:1.2em;line-height:1.5em}
.informal a.readon {position:absolute;bottom:2em;right:.2em;display:block;height:2.1em;line-height:2.1em;padding-right:2.4em;text-align:right;font-size:1.2em;background:transparent url('../img/rounded_arrow.png') right no-repeat;}


#wheather,#currency {margin-top:1em;padding:1em 0em 0 2.5em;color:#c0c7b6;font-weight:bold;}
#wheather {padding-right:2em;}
#wheather div {width:1.59em;font-size:3.6em;text-align:center;line-height:1em}
#wheather div sup {font-size:.4em;}
#wheather #day {font-size:1.4em;padding:0 0.5em;color:#FFF;background-color:#c0c7b6;}
#wheather #zrak {margin-top:.3em; width:71px}
#wheather #zrak, #wheather #more {display:block;float:right;clear:right;padding-left:.8em;border-left:1px solid #c0c7b6;font-size:1.6em;}
#wheather #zrak img, #wheather #more img {padding-right:.5em}
#currency div {font-size:1.6em;}
#currency div span {margin-left:2.5em;}


.gallery img {margin:.7em .5em;}
.gallery a:hover img {-moz-opacity:.7}

.hall-table {margin-bottom:1em;border-spacing:0;border-collapse:collapse;background-color:#FFF}
.hall-table sup {font-size:.8em}
.hall-table td {padding:3px 5px;font-size:1.2em}
.hall-table thead td {color:#FFF;background-color:#009245;font-size:1.1em}
.hall-table tbody td {border-bottom:1px solid #ccc}
.hall-table colgroup#hall-name {background-color:#F5F5FA}



/* FOOTER */
.search {margin-left:1.3em;height:26.5em;}
.search fieldset {padding-top:1em;height:4em;line-height:4em;}
.search fieldset * {vertical-align:middle;}
.search input.rounded {width:142px;margin-bottom:3px;padding:4px 20px 4px 35px;font-size:1em;color:#969696;background:transparent url('../img/search_bg.jpg') top  no-repeat;}
.search input.button_search {width:23px;height:23px;padding:4px ;background:transparent url('../img/search_button.png') top  no-repeat;}
.search input:focus {outline:0 none}
.search span {display:block;padding-left:2em;color:#969696;font-size:1.2em}

.footer {position:relative;height:26.5em;}
.footer h4 {font-family:"Helvetica Neue",Arial,sans-serif;color:#969696;font-weight:bold;}
.footer h4.offers {position:absolute;padding-top:.3em;width:6.92em;line-height:.8em;font-size:2.6em;right:.7em;}
.footer h4.offers a {text-transform:lowercase}
.footer h4.contact {position:absolute;font-size:3em;bottom:2.1em;left:0;font-weight:bold}
.footer p.copyright {position:absolute;bottom:2em;color:#969696;right:1.7em;width:18em}
.footer p.contact {position:absolute;width:20em;top:12.5em;color:#bbb;left:0;font-size:1.6em;font-weight:bold;}
.footer h4.offers a, .footer h4.contact a, .footer p.contact a {color:#969696}
.footer h4.offers a:hover, .footer h4.contact a:hover, .footer p.contact a:hover {color:#097BB9}
.footer object {position:absolute;bottom:1.3em;right:0em;}

#special-offer-stamp {position:absolute;top:-4em;right:2em;width:18em;height:18em}

div.phone {margin-top:1em;width:11.5em;height:12.5em;text-indent:-9999px;background:transparent url('../img/phonenumber.gif') top  no-repeat;}

#pdf-download a {
	background:none!important;
	font-size:12px;
}
/* mislim stvarno..
.naslov {
	display:none;
	position:absolute;
	margin-left:-5000px;
}
*/

/* SEO - stavili smo animaciju i rezervaciju ispod sadrzaja
         u kodu, a onda pomaknuli gore s negativnom marginom
*/
#top-container {
	width: 898px;
        position: absolute;
        top: 164px;
        left: 50%;
        margin-left: -448px;
		background: url('../img/rezervacija-poz.png')  right top no-repeat;
}
#bottom-container {
	margin-top: 347px;
}

/* footer Facebook */
a#facebook {
	display: block;
	width: 103px;
	height: 38px;
        clear: both;
        float: left;
        position: relative;
        left: 10px;
        bottom: 50px;
        text-align: center;
        background: url('../img/facebook-pinija.gif') bottom  no-repeat;
        overflow: visible;
}
a#facebook:hover {
        background: url('../img/facebook-pinija.gif') top  no-repeat;
}
a#facebook span {
        display: block;
		margin-top: -25px;
        position: relative;
}



/* blueprint */
.clear {clear:both;}

/* layout */
#left {float:left;width:490px;position:relative;}
#right {float:right;width:383px;}
#header {position:relative;height:140px;}
#bottom-container {padding-bottom:10px;}
#content {padding:0;}
#right #content {min-height:587px;height:auto!important;height:587px;}

/* sprites */
#header-slogan, #lang-selector a.inactive, #lang-selector a.active, #special-top, #special-body, #special-bottom, #special-body span.icon1, #special-body span.icon2, #top-gradient, #left .delimiter, .offer-right, #left h2 {background-image:url(../../../images/sprite_home.png);background-repeat:no-repeat;}

/* header */
#left h2 {font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:normal;margin:0;height:32px;padding:12px 0px 0px 14px;color:#ffffff;background-position:-106px -49px;}
#left h2.news {font-weight:bold;margin:0 0 -5px 0;padding:15px 0 0 0;color:#009245;background-image:none}
ul#top-nav-small {height:auto;position:absolute;top:91px;right:0;}
ul#top-nav-small li a {font-weight:bold;color:#3E3E3E;}
ul#top-nav-small li a:hover {color:#777;}
ul#top-nav-large {height:auto;position:absolute;top:110px;right:0;}
ul#top-nav-large li a {color:#005938;}
#lang-selector {position:relative;margin-top:-8px;overflow:visible;height:auto;line-height:normal;font-size:9px}
#lang-selector a.inactive {color:#7E7E7E;padding:14px 20px 12px 5px;margin:0;background-position:-80px -487px;}
#lang-selector a.inactive:hover {color:#3E3E3E;background-position:-80px -536px;}
#lang-selector a.eng {background-position:-80px -487px;}
#lang-selector a.eng:hover {background-position:-80px -536px;}
#lang-selector a.slo {background-position:-457px -487px;}
#lang-selector a.slo:hover {background-position:-457px -536px;}
#lang-selector a.deu {background-position:-390px -487px;}
#lang-selector a.deu:hover {background-position:-390px -536px;}
#lang-selector a.fra {background-position:-323px -487px;}
#lang-selector a.fra:hover {background-position:-323px -536px;}
#lang-selector a.ita {background-position:-243px -487px;}
#lang-selector a.ita:hover {background-position:-243px -536px;}
#lang-selector a.hrv {background-position:-165px -487px;}
#lang-selector a.hrv:hover {background-position:-165px -536px;}
#lang-selector a.active {color:#018A56;padding:14px 26px 12px 5px;border:0 none;}
#lang-selector a.active:hover {color:#018A56;}
#lang-selector a.active.eng {background-position:-80px -536px!important;}
#lang-selector a.active.slo {background-position:-457px -536px!important;}
#lang-selector a.active.deu {background-position:-390px -487px!important;}
#lang-selector a.active.fra {background-position:-323px -536px!important;}
#lang-selector a.active.ita {background-position:-243px -536px!important;}
#lang-selector a.active.hrv {background-position:-165px -536px!important;}
#header-gps {position:absolute;padding:8px 17px 0px 5px;text-align:left;font-size:10px;line-height:normal;top:0;left:300px;}
#header-gps a.link {position:relative;top:5px;}
#header-slogan {width:580px;height:36px;padding:13px 5px 0px 10px;position:absolute;background-position:0 0;color:#fff;font-style:italic;font-size:12px;top:34px;left:300px;}
#top-gradient {position:absolute;width:924px;height:20px;background-position:0 -590px;top:1px;}

/* special offer box */
#special {width:489px;margin-bottom:15px;}
#special-top {height:20px;background-position:-106px -49px;}
#special-body {padding-top:20px;position:relative;z-index:5;background-position:-106px -93px;font-family:Arial, Helvetica, sans-serif;}
#special-bottom {height:125px;position:relative;top:-125px;margin-bottom:-125px;z-index:4;background-position:-106px -362px;}
#special-body h3, #special-body h3 a {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;margin:0;padding:0 100px 1px 15px;color:#009245;}
#special-body h3 a {padding:0;	}
#special-body p {color:#959595;font-size:12px;line-height:1.4;margin:0;padding:0 100px 25px 15px;position:relative;}
#special-body p.last {padding:0 100px 12px 15px;}
#special-body span.icon1 {width:43px;height:49px;position:absolute;background-position:0 -49px;top:0;right:30px;display:block;}
#special-body span.icon2 {width:57px;height:59px;position:absolute;background-position:0 -102px;top:0;right:20px;display:block;}
#left .delimiter {width:14px;height:589px;position:absolute;top:0;right:-17px;background-position:-595px 0;}

/* news box */
#news {width:489px;}
#news h3, #news h3 a {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;margin:0;padding:10px 0 4px 0;color:#959595;}
#news h3 a {padding:0;}
#news p {color:#959595;font-size:12px;line-height:1.4;margin:0;padding:0 0 10px 0;}
#news p a img {float:left;margin:3px 10px 3px 0;}
#news a.arhiva {font-size:12px;font-weight:bold;display:block;width:489px;text-align:right;color:#959595;text-decoration:none;clear:both;padding-top:3px;display:none;}

/* wheather, currency */
#left-bottom {padding-top:5px;padding-bottom:5px;margin-top:35px;background:transparent url('../img/horizontal_border.jpg') center top no-repeat;}
#bottom-weather #wheather {width:150px;float:left;margin:0 17px;}
#bottom-weather #currency {width:200px;float:left;margin:0 17px;}

/* preinake postojecih elemenata */
#content.scroller-border {background:none;}
div.phone {margin-top:2.3em;}
.reservations {background:none;}
.offer-right {margin:9px 0 0 10px;display:block;width:188px;height:79px;background-position:-609px 0;}
.offer-right em {display:block;color:#fff;font-size:20px;padding:6px 0 0 8px;}
.offer-right em strong {font-weight:bold;font-size:26px;}
.offer-right span {display:block;font-size:12px;color:#007449;padding:7px 0 0 10px;}