/* NP Brijuni| CSS master stylesheet | Copyright (c) 2011. Multilink d.o.o (http://www.multilink.hr) */

/* Globals *************************************************************************************/
* {margin:0;padding:0;}
html{font:12px/18px Arial, Helvetica, sans-serif;color:#666;background:#fff;}

h1, #home h2, dt{text-transform:uppercase;font-weight:normal;clear:both;}
#featured h1{font-size:2.2em;line-height:1em;text-transform:none;}
h1, h2, dt{font-size:1.2em;line-height:1.5em;color:#666;}
h3{font-size:1.1em;line-height:1.5em;margin:1.5em 0 .7em 0;color:#666;}
h1, h2, dt{margin-bottom:1.5em;}
#copy h2{margin-bottom:.7em;border-bottom:1px solid #d6d6d6;}

p, ul, ol{font-size:1em;line-height:1.5em;margin-bottom:1.5em;}
#copy ul, #copy ol{margin:auto 20px;}
li, dd{margin-bottom:1em;}

a img, fieldset, a#newsletter:hover{border:0;}
a{color:#666;text-decoration:none;}
a:hover{border-bottom:1px solid;}
.static a{color:#5f90cb;}
.static a:hover{border-bottom-color:#5f90cb;}
h1 a:hover, h2 a:hover, dt a:hover{border-bottom:none;}
a:hover, a:active{outline:none;}

.r5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.r5top{-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;}
.r5bottom{-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
.r5left{-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;}
.r5chip{-webkit-border-radius:5px;-webkit-border-top-left-radius:0;-moz-border-radius:5px;-moz-border-radius-topleft:0;border-radius:5px;border-top-left-radius:0;}

/* Layout *************************************************************************************/
.wrap{width:940px;padding:0 10px;margin:0 auto;background:url(../images/wrap.png) repeat-y;z-index:99;}
#header{height:450px;width:100%;overflow:hidden;}
#header .wrap{height:446px;position:relative;}
#overlay{position:absolute;top:0;left:50%;margin-left:-590px;display:block;height:820px;width:1180px;background:url(../images/headie.png) 0% 0% no-repeat;z-index:0;}
#content{position:absolute;top:137px;left:50%;width:940px;margin:300px 0 0 -480px;padding:20px 10px 0 10px;background:url(../images/wrap.png) repeat-y;}
#content .wrap{width:920px;padding:10px;background:#fff;z-index:99;}
#left, #right{float:left;margin-bottom:10px;}
#left{width:610px;margin-right:10px;}
#right{width:300px;}
#copy{padding:10px;background:#f3f3f3;min-height:300px;}
#banners, #pagenav{clear:left;}
#footer{position:relative;width:940px;margin-left:-10px;padding:0 20px 20px 20px;background:#fff url(../images/footer.png) 0% 0% no-repeat;}


/* Header *************************************************************************************/
/* Logo ***/
#logo img{float:left;width:220px;height:65px;margin:10px;}
#logo:hover{border-bottom:none;}
/* Langswitch ***/
#langswitch{list-style:none;float:left;margin:0 0 0 -90px;}
#langswitch li{float:left;margin-right:5px;font-size:.9em;text-transform:uppercase;text-align:center;width:16px;}
#langswitch li:last-child{margin-right:0;}
#langswitch a{display:block;color:#666;padding-top:10px;}
#langswitch .active a, #langswitch a:hover{background:#ebebeb;border-bottom:none;}
/* Meta navigation ***/
#metanav{float:right;list-style:none;margin-bottom:40px;}
#metanav li{float:left;font-size:.9em;line-height:1em;text-transform:uppercase;}
#metanav a{display:block;color:#666;padding-top:35px;}
#metanav .active, #metanav .over{position:relative;}
#metanav .active a, #metanav a:hover{border-bottom:none;}
#metanav .r5bottom{position:absolute;top:0;left:0;width:100%;height:20px;background:#5f90cb;cursor:pointer;}
/* Meta navigation - HR ***/
body.hr #metanav li{margin-right:25px;}
body.hr #metanav .item1{width:50px;} body.hr #metanav .item2{width:75px;} body.hr #metanav .item3{width:55px;} body.hr #metanav .item4{width:125px;} body.hr #metanav .item5{width:155px;} body.hr #metanav .item6{width:70px;}
/* Meta navigation - EN ***/
body.en #metanav li{margin-right:15px;}
body.en #metanav .item1{width:58px;} body.en #metanav .item2{width:83px;} body.en #metanav .item3{width:55px;} body.en #metanav .item4{width:130px;} body.en #metanav .item5{width:185px;} body.en #metanav .item6{width:70px;}
/* Meta navigation - DE ***/
body.de #metanav li{margin-right:15px;font-size:.85em;}
body.de #metanav .item1{width:55px;} body.de #metanav .item2{width:80px;} body.de #metanav .item3{width:120px;} body.de #metanav .item4{width:140px;} body.de #metanav .item5{width:110px;} body.de #metanav .item6{width:95px;}
/* Meta navigation - IT ***/
body.it #metanav li{margin-right:20px;}
body.it #metanav .item1{width:60px;} body.it #metanav .item2{width:90px;} body.it #metanav .item3{width:75px;} body.it #metanav .item4{width:120px;} body.it #metanav .item5{width:130px;} body.it #metanav .item6{width:75px;}


/* Featured ***/
#featured{position:absolute;top:0;left:50%;margin-left:-550px;width:1100px;height:800px;overflow:hidden;}
.featured img{position:absolute;top:0;left:50%;margin-left:-550px;width:1100px;height:825px;}
#featured .summary{position:absolute;top:162px;left:50%;margin-left:-480px;width:940px;padding:0 10px;height:300px;overflow:hidden;z-index:999;}
#featured .summary h1, #featured .summary p{position:absolute;left:120px;width:520px;text-align:left;}
#featured .summary h1{top:80px;}
#featured .summary a{color:#fff;position:relative;z-index:9999;}
#featured .summary a:hover{text-decoration:underline;}
#featured .summary p{top:110px;font-size:1.2em;margin:0;color:#fff;}

/* Nav ****************************************************************************************/
/* Navigation - Level 1 ***/
#nav{clear:both;width:920px;height:40px;margin:0 auto;background:url(../images/nav.png) no-repeat;list-style:none;}
#nav li{float:left;font-size:1.2em;text-transform:uppercase;position:relative;}
#nav a{display:block;color:#666;height:26px;padding-top:14px;background:#fff;z-index:99;}
#nav .active, #nav .over, #nav li:hover{border-left:12px solid #ebebeb;}
#nav .active a, #nav a:hover{border-bottom:none;}
/* Navigation - Level 1 - HR ***/
body.hr #nav li{padding:0 26px;}
body.hr #nav .active, body.hr #nav .over, body.hr #nav li:hover{padding:0 26px 0 14px;}
/* Navigation - Level 1 - EN ***/
body.en #nav li{padding:0 17px;}
body.en #nav .active, body.en #nav .over, body.en #nav li:hover{padding:0 17px 0 5px;}
/* Navigation - Level 1 - DE ***/
body.de #nav li{padding:0 20px;}
body.de #nav .active, body.de #nav .over, body.de #nav li:hover{padding:0 20px 0 8px;}
/* Navigation - Level 1 - IT ***/
body.it #nav li{padding:0 20px;}
body.it #nav .active, body.it #nav .over, body.it #nav li:hover{padding:0 20px 0 8px;}

/* Navigation - Level 2  ***/ 
#nav .subnav{position:absolute;top:34px;list-style:none;margin:0;padding:10px 0;background:#ebebeb;width:180px;z-index:999;}
#nav .subnav li{float:none;margin:0 15px 5px 15px;font-size:.8em;}
body.hr #nav .subnav li, body.en #nav .subnav li, body.de #nav .subnav li, body.it #nav .subnav li{padding:0;}
#nav .subnav a{display:block;text-transform:none;padding:0 10px;height:auto;background:none;}
#nav .subnav .active, #nav .subnav .over, #nav .subnav li:hover{padding:0;border-left:none;background:#ccc;}


/* Innernav / Pagenav **************************************************************************/
/* Inner - Level 1 ***/
#innernav{background:#f3f3f3;padding:0 10px;margin-bottom:10px;height:34px;position:relative;}
#pagenav{background:#ccc;padding:0 10px;margin-top:10px;height:30px;}
#innernav.has_subnav{margin-bottom:40px;}

#pagenav ul, #innernav ul{list-style:none;margin-bottom:0;}
#innernav #years{float:left;}
#innernav #months{float:right;}

#pagenav li, #innernav li{float:left;margin:0 10px 0 0;}
#pagenav li{padding-top:6px;}
#innernav li{padding-top:7px;margin-bottom:0;}

#pagenav a{font-size:1.2em;text-transform:uppercase;font-weight:bold;color:#666;}

body.it #pagenav a{font-size:1em;}
#innernav a{font-size:1em;font-weight:bold;}
#innernav.nav a, #innernav .nav a, #innernav .nav span{margin-right:10px;}
#innernav.nav .last a, #innernav .nav .last a, #innernav .nav .last span{margin-right:0;}
#pagenav .active a, #innernav .active a{border-bottom:1px solid;}

/* Inner - Level 2 ***/
#innernav ul ul{display:block;position:absolute;top:34px;left:10px;min-width:660px;width:auto !important;width:660px;background:none;}
#innernav .active li a{border-bottom:none;}
#innernav .active li.active a{border-bottom:1px solid;}

/* Navigation - show/hide  ***/ 
.subnav{left:-9999em;}
li:hover .subnav, li.over .subnav{left:-12px;}

/* Content ************************************************************************************/
/* Columns ***/
.col{padding:10px;}
#left .col{float:left;width:280px;}
#left .col:first-child{margin-right:10px;}
#copy ul.col li{float:left;width:50%;}

/* Home - booking ***/
#booking{padding:10px;margin-right:10px;height:220px;width:300px;background:#f3f3f3 url(../images/col.png) repeat-x;overflow:hidden;}
#booking fieldset label{width:100px;margin-right:10px;}
#booking fieldset p{margin:.5em 0;}
#booking fieldset select{background:#fff;}
#booking fieldset select, #booking fieldset .button{width:170px;font-size:.9em;}
#booking fieldset select.day{width:43px;margin-right:2px;}
#booking fieldset select.month{width:62px;margin-right:2px;}
#booking fieldset select.year{width:54px;}
#booking fieldset .button{margin-left:110px;}

/* Home - banners ***/
#banners, .jcarousel-skin-brijuni{clear:left;display:block;list-style:none;margin:0;width:610px;height:100px;/*overflow:hidden;*/}
#banners li{float:left;margin-right:10px;}
#banners li:nth-child(4), #banners li:nth-child(8){margin-right:0;}
#banners a:hover{border-bottom:none;}

/* Home/Content - News & offers ***/
#offer, #news{height:220px;margin-bottom:10px;background:#f3f3f3 url(../images/col.png) repeat-x;overflow:hidden;}
.scroll{height:200px;}
#copy #items{list-style:none;margin:0;}
#items li, #summary{padding-bottom:1em;border-bottom:1px solid #d6d6d6;}
#items li:last-child{border-bottom:0;}
h1#title, #items h2, #news h2, #offer h2, #items p{margin-bottom:0;}
#items h2{border-bottom:0;}
#items a:hover{border-bottom:1px solid #666;}

/* Content - weather ***/
.weather{float:left;width:150px;text-align:center;}
.weather dt{display:block;}
.weather dd{clear:left;}

/* Content - floated list */
.floated{text-align:center;}
.floated dt{display:block;}
.floated dd{clear:left;}

/* Content - video & photo gallery ***/
#copy ul.media{list-style:none;margin:auto 30px auto 30px;}
.media li{float:left;margin:auto 20px 20px auto;text-align:center;}
.media a img{display:block;}
.media li.video{margin:auto 80px 20px auto;}
.media li.even{margin:auto 0 20px auto;}
.media li a:hover img{border-bottom:none;}

/* Content - documents ***/
.docs{list-style:none;}

/* Content - tables ***/
table.pricelist{clear:both;border-collapse:collapse;width:100%;margin:1.5em 0;} 
table.pricelist th, table.pricelist td{text-align:left;padding:4px 12px 4px 9px;vertical-align:top;white-space:normal;}
table.pricelist th{font-weight:bold;border:1px solid #d6d6d6;background:#ccc;}
table.pricelist td{border:1px solid #d6d6d6;}
table.pricelist th.price, table.pricelist td.price{text-align:center;}

/* Search *************************************************************************************/
#search{float:right;}
#search .text{width:225px;margin-top:4px;}
#search .button{padding:0 10px;border:0;}
#results li{border-bottom:1px solid #d6d6d6;}
#results a{font-weight:bold;}

/* Sitemap ************************************************************************************/
#sitemap{list-style:none;}
#sitemap a.level1{display:block;font-weight:bold;margin-bottom:1em;border-bottom:1px solid #d6d6d6;}
.bottomlevel{list-style:none;}
.bottomlevel li{padding-left:12px;}

/* Forms - globals ****************************************************************************/
.entry{margin-bottom:5px;}
label{float:left;}
legend{display:block;margin:5px 0;}
input, select, textarea{background:#fff;border:1px solid #949696;padding:2px;}
textarea{font:12px/18px Arial, Helvetica, sans-serif;}
.button{border:none;height:20px;background:url(../images/button.png) repeat-x;color:#fff;font-size:.8em;text-transform:uppercase;text-align:center;font-weight:bold;cursor:pointer;}

/* Forms - newsletter *************************************************************************/
.newsletter table{clear:both;border-collapse:collapse;width:100%;} 
.newsletter table th, .newsletter table td{text-align:left;padding:4px 12px 4px 9px;vertical-align:top;white-space:normal;}
.newsletter table td.btn{padding-left:161px;}
.newsletter table td.btn input{float:left;margin:20px 40px 40px 0;width:80px;}
.newsletter table img.antibot{margin-right:60px;}

/* Forms - booking & contact ******************************************************************/
.form{width:500px;padding:0 200px;}
.form .entry{margin-bottom:10px;}
.form label{width:180px;}
.form input, .form textarea{width:300px;}
.form input.antibot{float:left;margin-top:8px;width:150px;}
.form img.antibot{margin-left:10px;}
.form select{width:306px;}
.form select.day{width:60px;margin-right:5px;}
.form select.month{width:150px;margin-right:5px;}
.form select.year{width:80px;}
.form .button{float:right;width:160px;padding:0 10px;}
/* Info ***/
p.info{padding-bottom:1em;border-bottom:1px solid #d6d6d6;}
h4.info span{display:block;padding:1em 0;margin-bottom:1em;border:1px solid;text-align:center;font-weight:normal;}
h4.info span.error{border-color:#ff0000;background:#f9d5d5;color:#ff0000;}
h4.info span.ok{border-color:#88afde;background:#eaf1ff;color:#507fc0;}
.form .error input, .form .error select, .form .error textarea{border-color:#ff0000;}
.form .error{color:#ff0000;}

/* Footer *************************************************************************************/
#footer address, #ml{text-align:center;}
#footer address span{margin-right:10px;}
#footer ul{list-style:none;margin:10px auto;width:220px;display:table;}
#footer li{float:left;margin-right:20px;height:60px;display:block;}
#footer li:first-child img{margin-top:10px;}
#footer li:last-child{margin-left:70px;}
#footer #ml{font-size:.9em;}
#footer #ml a{color:#5f90cb;text-transform:uppercase;}
#footer a:hover{border-bottom-color:#fff;}
#footer #ml a:hover{border-bottom-color:#5f90cb;}

/* Plugins ************************************************************************************/

/* Plugins - jCarousel ***/
.jcarousel-container{width:610px;margin:0 auto;padding:0;text-align:left;}
.jcarousel-container-horizontal{width:610px;}
.jcarousel-clip-horizontal{width:610px;height:100px;}
.jcarousel-item{width:145px;height:100px;text-align:left;display:table;}
.jcarousel-item a{vertical-align:middle;display:table-cell;}
.jcarousel-next-horizontal, .jcarousel-prev-horizontal{position:absolute;top:0%;display:block;height:100px;width:24px;cursor:pointer;opacity:0;}
.jcarousel-next-horizontal:active, .jcarousel-prev-horizontal:active, .jcarousel-next-horizontal:hover, .jcarousel-prev-horizontal:hover{opacity:1;}
.jcarousel-next-horizontal{right:0;background:url(../images/carousel.png) 0px 0px;}
.jcarousel-prev-horizontal{left:0;background:url(../images/carousel.png) 24px 0px;}
.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active, .jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active, body.msie6lt .jcarousel-next-disabled-horizontal, body.msie6lt .jcarousel-next-disabled-horizontal:hover, v.jcarousel-next-disabled-horizontal:active, body.msie6lt .jcarousel-prev-disabled-horizontal, body.msie6lt .jcarousel-prev-disabled-horizontal:hover, body.msie6lt .jcarousel-prev-disabled-horizontal:active{left:-9999px;cursor:default;background:none;}

/* Plugins - jScroll ***/
.jScrollPaneContainer{display:block;position:relative;overflow:hidden;}
.jScrollArrowUp, .jScrollArrowDown, .jScrollPaneTrack, .jScrollPaneDrag{display:block;position:absolute;right:0;text-indent:-9999em;overflow:hidden;height:17px;width:15px;}
.jScrollArrowUp:hover, .jScrollArrowDown:hover{border-bottom:0;}
.jScrollArrowUp{top:0;background:url(../images/scroll.png) 0px 0px;}
.jScrollArrowDown{bottom:0;background:url(../images/scroll.png) 15px 0px;}
.jScrollPaneTrack{background:#ccc;}
.jScrollPaneDrag{margin:2px;background:#fff;}

/* Plugins - Colorbox ***/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#000;}
#cboxContent{background:#000;margin-top:20px;border:5px solid #000;}
#cboxTitle{position:absolute;bottom:0;left:0;background:url(../images/cboxtitle.png) repeat;display:block;width:100%;height:30px;padding-top:10px;font-size:0.9em;text-transform:uppercase;color:#000;}
#cboxCurrent{position:absolute;bottom:10px;right:10px;font-size:0.9em;color:#000;}
#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff;}
#cboxPrevious{position:absolute;top:50%;left:0;margin-top:-32px;background:url(../images/controls.png) top left no-repeat;width:28px;height:65px;text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute;top:50%;right:0;margin-top:-32px;background:url(../images/controls.png) top right no-repeat;width:28px;height:65px;text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;} #cboxLoadingGraphic{background:url(../images/c-loading.gif) center center no-repeat;}
#cboxClose{position:absolute;top:0;right:0;display:block;background:url(../images/controls.png) top center no-repeat;width:38px;height:19px;text-indent:-9999px;z-index:9999;}
#cboxClose.hover{background-position:bottom center;}

/* Float fix **********************************************************************************/
.float:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.float{display:block;}
* html .float{height: 1%;}
.float{display:block;}
/* end float fix */