/* URI: http://www.winevault.com.hr/ | CSS master screen stylesheet | Copyright (c) 2010. Multilink d.o.o (http://www.multilink.hr) */

/* Globals ******************************************************************************************/
* {margin:0;padding:0;outline:none;}
html{font:10px/1.4 Georgia, 'Times New Roman', Times, serif;background:#fff;}
html#googlemap{background:none;}														
body{font-size:1.5em;line-height:1.4em;color:#888;width:100%;}
.hide, .has_js a.hide, .has_js p.hide{display:none;} .has_js .hide{display:block;}

/* Containers ****************************************************************************************/
#wrap{width:900px;margin:0 auto;padding:30px 0;}
#content{position:relative;padding-bottom:50px;} 
#left{float:left;width:400px;margin-right:50px;overflow:hidden;}
#right{float:left;width:450px;overflow:hidden;}
#hello{display:block;min-height:375px;height:auto !important;height:375px;padding:0 50px;/*background:url(../images/spacer.png) center bottom no-repeat;*/}
#mapwrapper{display:block;background:#fff;padding:10px;width:464px;height:600px;-moz-border-radius:10px;-webkit-border-radius:10px;}

/* Inline elements *************************************************************************************/
h1 a{margin:0 auto;display:block;width:245px;height:55px;text-indent:-9999em;background:url(../images/h1.png) no-repeat;}
h2{font-size:1.8em;line-height:2.4em;color:#9e0809;font-weight:normal;}
h3{font-size:1.2em;line-height:2em;color:#9e0809;font-weight:normal;}
a{color:#877b6d;text-decoration:none;} #content a{border-bottom:1px solid #877b6d;color:#4f493e;} #content .nob{border-bottom:none;}
#content p{padding-bottom:28px;}
#hello h2{font-size:1.2em;line-height:1.8em;text-align:center;text-transform:uppercase;margin-bottom:20px;}
#hello p{float:left;height:100%;padding:0 2% 80px 0;width:18%;font-size:.8em;line-height:1.6em;}
#hello p.first:first-letter{float:left;margin:.1em .2em 0 0;font-size:3.6em;font-style:normal;}
dl.offer{margin:0;padding:0;}
dl.offer dt{text-transform:uppercase;color:#9e0809;font-weight:normal;margin-top:28px;}
#right address{margin-bottom:22px;}

/* Header ****************************************************************************************/
#nav-wrapper{width:836px;margin:28px 0;padding:0 32px;position:relative;}
#nav{width:836px;margin:0;padding:0;height:22px;background:url(../images/nav.png) repeat-x;}
#nav-l, #nav-r{position:absolute;top:0;width:32px;height:22px;overflow:hidden;}
#nav-l{left:0;background:url(../images/sprite.png) -359px -158px;}
#nav-r{right:0;background:url(../images/sprite.png) -390px -158px;}
/* menus */
#nav ul{float:left;list-style:none;line-height:1em;}
#nav ul li{float:left;text-transform:uppercase;padding-top:2px;}
#nav ul#webnav{background:url(../images/nav_bck.png) 80% 100% no-repeat;}
#nav ul#webnav li{margin-right:24px;}
#nav li#homenav{padding-left:10px;}
body.hr #nav li#homenav{margin-right:88px;}
body.en #nav li#homenav{margin-right:60px;}
body.de #nav li#homenav{margin-right:40px;}
body.it #nav li#homenav{margin-right:20px;}
#nav ul#langnav li{margin-right:8px;font-size:0.8em;line-height:1.6em;}
body.hr #nav ul#langnav{margin-left:50px;}
body.en #nav ul#langnav{margin-left:30px;}
body.en.opera #nav ul#langnav{margin-left:20px;} body.en.webkit #nav ul#langnav{margin-left:25px;}
body.de #nav ul#langnav{margin-left:2px;}
body.it #nav ul#langnav{margin-left:5px;}
#nav a{font-size:0.8em;} .has_js #nav a{font-size:1em;}
#nav a:hover{color:#4f493e;}
/* head img */
body#home #head{width:420px;height:430px;} #head{height:520px;} #head img{z-index:9;}
/* browsers */
body.opera #nav li{padding-top:4px;}
body.opera ul#langnav li{padding-top:6px;}

/* Content ****************************************************************************************/
/* home gallery */
#home #photo{float:left;width:200px;margin:-50px 0 0 70px;overflow:hidden;text-align:center;} 
#home #photo a img{display:block;border:none;}
#home #photo a{border-bottom:none;color:#4f493e;}
#home #photo span{display:block;border-top:1px solid #e1deda;text-transform:uppercase;font-size:0.8em;}
/* left col general */
ul#pagenav span, ul#pagenav em{display:block;}
#left img{margin-bottom:10px;}
#left .lineup{margin-top:68px;}
#left .center{margin-left:60px;}
/* left col pagenav */
ul#pagenav{margin:0;padding:0;} ul#pagenav a, ul#pagenav a img{border:none;}
ul#pagenav li{float:left;margin:0 20px 20px 0;width:180px;overflow:hidden;text-align:center;}
ul#pagenav li.center{margin-left:100px;} ul#pagenav li.center img{margin-bottom:0;}
ul#pagenav em{border-bottom:1px solid #e1deda;padding:0 1em;margin:0;}
ul#pagenav span{text-transform:uppercase;font-size:0.8em;}
/* left col form */
.reservations{margin:16px 0 36px 0;}
.reservations .entry{margin-bottom:6px;}
.reservations label{float:left;width:98px;}
.reservations label#small{float:none;display:block;width:100%;margin-top:16px;font-size:0.7em;}
.reservations label strong{color:#ff0000;}
.reservations input, .reservations textarea{background:#fff url(../images/inputs.png) repeat-x;border:1px solid #aaa091;font:1em Georgia, "Times New Roman", Times, serif;color:#4f493e;font-style:italic;}
.reservations input{height:27px;padding:1px 10px;}
.reservations input.error{border-color:#ff0000;}
.reservations textarea{height:120px;padding:1px 10px;} 
.reservations select{height:28px;width:77px;background:transparent url(../images/inputs.png) repeat-x;border:1px solid #aaa091;color:#4f493e;font-style:italic;}
.has_js .reservations select{width:57px;}
.reservations .long{width:280px;} .reservations .medium{width:105px;}
.reservations input.btn{margin-left:98px;padding:0;width:156px;height:36px;display:block;text-indent:-9999em;border:none;cursor:pointer;}
/* left col btn icons */
body.hr .reservations input.btn{background:url(../images/sprite.png) 0px 0px no-repeat;}
body.en .reservations input.btn{background:url(../images/sprite.png) -156px 0px no-repeat;}
body.de .reservations input.btn{background:url(../images/sprite.png) -312px 0px no-repeat;}
body.it .reservations input.btn{background:url(../images/sprite.png) -468px 0px no-repeat;}
/* left col form - i has an error */
.info-label h4 span{display:block;padding:20px 0;border-top:2px solid;border-bottom:1px solid;text-align:center;font-weight:normal;}
.info-label h4 span.error{border-color:#ff0000;background:#f9d5d5;color:#ff0000;}
.info-label h4 span.ok{border-color:#88afde;background:#eaf1ff;color:#507fc0;margin:75px 0;}
/* right col globals */
#content .dwnld{display:inline-block;margin-right:44px;}
#content .dwnld a{display:block;width:156px;height:50px;border-bottom:none;text-indent:-9999em;}
/* right col icons */
#content .dwnld.pdf a{background:url(../images/sprite.png) 0px -133px no-repeat;}
#content .dwnld.various a{background:url(../images/sprite.png) -156px -133px no-repeat;}
body.hr #content .dwnld.list a{background:url(../images/sprite.png) 0px -36px no-repeat;}
body.hr #content .dwnld.menu a{background:url(../images/sprite.png) 0px -83px no-repeat;}
body.en #content .dwnld.list a{background:url(../images/sprite.png) -156px -36px no-repeat;}
body.en #content .dwnld.menu a{background:url(../images/sprite.png) -156px -83px no-repeat;}
body.de #content .dwnld.list a{background:url(../images/sprite.png) -312px -36px no-repeat;}
body.de #content .dwnld.menu a{background:url(../images/sprite.png) -312px -83px no-repeat;}
body.it #content .dwnld.list a{background:url(../images/sprite.png) -468px -36px no-repeat;}
body.it #content .dwnld.menu a{background:url(../images/sprite.png) -468px -83px no-repeat;}
/* right col press */
#press{overflow:auto;padding:75px 0;width:425px;background:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;}
dl.press{margin:0;padding:0;text-align:center;padding:50px 0;}
dl.press dt, dl.press a{color:#4f493e;}
dl.press dt{font-size:1.4em;line-height:2em;}
#wrap #press{display:none;}
/* quotes */
#home #quotes{float:right;width:450px;margin:20px 50px 60px 80px;padding-bottom:50px;}
#page #quote{margin-left:80px;width:200px;overflow:hidden;} 
#home blockquote{overflow:hidden;}
#home blockquote p{font-size:1.8em;font-style:italic;line-height:1.1em;}
#page blockquote p{display:block;padding-bottom:12px;font-size:1.2em;font-style:italic;line-height:1.6em;border-bottom:1px solid #e1deda;}
#page blockquote p.auth{text-transform:uppercase;font-size:0.8em;margin-top:10px;font-style:normal;padding:0;border:none;}

/* jqTransform ****************************************************************************************/
.jqTransformSelectWrapper{width:57px;position:relative;height:30px;background:url(../images/sprite.png) -500px -133px no-repeat;float:left;}
.jqTransformSelectWrapper div span{font-size:0.9em;color:#4f493e;font-style:italic;float:none;position:absolute;white-space:nowrap;height:30px;line-height:1.2em;padding:8px 0 0 10px;overflow:hidden;cursor:pointer;}
#content .jqTransformSelectWrapper a.jqTransformSelectOpen{display:block;position:absolute;right:0px;width:26px;height:30px;background:url(../images/sprite.png) -557px -133px no-repeat;border:none;}
.jqTransformSelectWrapper ul{position:absolute;width:55px;top:30px;left:0px;list-style:none;background-color:#fff;border:solid 1px #ccc;display:none;margin:0px;padding:0px;overflow:auto;z-index:10;}
.jqTransformSelectWrapper ul a{display:block;padding:5px;text-decoration:none;background-color:#fff;font-size:0.9em;border:none;color:#4f493e;font-style:italic;}
.jqTransformSelectWrapper ul a.selected{background:#ded5d0;}
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover{background:#cfc5c0;color:#000;}
.jqTransformHidden{display:none;}

/* Datepicker ****************************************************************************************/
table.jCalendar{color:#666;font-size:0.9em;margin-left:2px;width:185px;border: 1px solid #fff;border-collapse:collapse;background:#fff;}
table.jCalendar th{font-weight:bold;padding:3px 5px;}
table.jCalendar td{padding:2px;text-align:center;border:1px solid #9a7e6e;}
table.jCalendar td.other-month, table.jCalendar td.other-month.dp-hover, table.jCalendar td.other-month.disabled, table.jCalendar td.other-month.disabled.dp-hover{background:#fff;color:#fff;cursor:default;}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover, table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover{color:#bababa;}
table.jCalendar td.today{background:#efebe8;}
table.jCalendar td.selected{background:#ded5d0;}
table.jCalendar td.selected.dp-hover {background:#cfc5c0;}
table.jCalendar td.dp-hover{background:#cfc5c0;color:#000;}
/* popup */
#content a.dp-choose-date{display:inline-block;width:33px;height:24px;text-indent:-9999em;margin:2px 0 0 5px;border:none;background:url(../images/sprite.png) -313px -158px no-repeat;}
div.dp-popup{position:relative;z-index:999;font-size:0.8em;line-height:1.2em;padding:3px;background:#fff;border:1px solid #4b2108;}
div#dp-popup{position:absolute;z-index:999;}
div.dp-popup h5{font-size:1em;color:#fff;font-weight:bold;text-align:center;margin-bottom:2px;padding-top:5px;display:block;width:187px;height:20px;background:url(../images/sprite.png) -313px -133px no-repeat;}
div.dp-popup a{text-indent:-9999em;padding:3px 2px 0;}
a.dp-nav-prev-year, a.dp-nav-next-year{display:none;}
div.dp-popup div.dp-nav-prev{position:absolute;top:10px;left:6px;width:12px;height:12px;}
div.dp-popup div.dp-nav-prev a{float:left;display:block;padding:0;width:12px;height:12px;background:url(../images/sprite.png) -346px -170px no-repeat;}
div.dp-popup div.dp-nav-next{position:absolute;top:10px;right:6px;width:12px;height:12px;}
div.dp-popup div.dp-nav-next a{float:right;display:block;padding:0;width:12px;height:12px;background:url(../images/sprite.png) -346px -158px no-repeat;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a{cursor:pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled{cursor:default;}
div.dp-popup a.disabled{cursor:default;} div.dp-popup td{cursor:pointer;} div.dp-popup td.disabled{cursor:default;}

/* Fancybox ****************************************************************************************/
#fancybox-loading{position:fixed;top:50%;left:50%;height:40px;width:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none;}
#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background: url(../images/fancy_progress.png);}
#fancybox-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:#000;z-index:1100;display:none;}
#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none;}
#fancybox-wrap{position:absolute;top:0;left:0;margin:0;padding:20px;z-index:1101;display:none;}
#fancybox-outer{position:relative;width:100%;height:100%;background:transparent;}
#fancybox-inner{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:0;outline:none;overflow:hidden;}
#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;}
#fancybox-close{position:absolute;top:10px;right:10px;width:21px;height:21px;background:url(../images/fancy_close.png);cursor:pointer;z-index:1103;display:none;}
#fancybox-print{position:absolute;bottom:10px;right:10px;height:70px;width:60px;background:url(../images/fancy_print.png) no-repeat;cursor:pointer;z-index:2103;display:none;}
#fancybox_error{color:#000;font:normal 12px/20px Arial;padding:7px;margin:0;}
#fancybox-content{height:auto;width:auto;padding:0;margin:0;}
#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top;-ms-interpolation-mode:bicubic;}
#fancybox-frame{position:relative;width:100%;height:100%;border:none;display:block;}
#fancybox-title{position:absolute;bottom:0;left:0;font-family:Arial;font-size:12px;z-index:1102;}
.fancybox-title-inside{padding:10px 0;text-align:center;color:#000;}
.fancybox-title-outside{padding-top:5px;color:#fff;text-align:center;font-weight:bold;}
.fancybox-title-over{color:#fff;text-align:left;}
#fancybox-title-over{padding:10px;display:block;}
#fancybox-title-wrap{display:inline-block;}
#fancybox-title-wrap span{height:32px;float:left;}
#fancybox-title-left{padding-left:15px;}
#fancybox-title-main{font-weight:bold;line-height:29px;color:#fff;}
#fancybox-title-right{padding-left:15px;}
#fancybox-left, #fancybox-right{position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;outline:none;background:url(../images/fancy_blank.gif);z-index:1102;display:none;}
#fancybox-left{left:0px;} #fancybox-right{right:0px;}
#fancybox-left-ico, #fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:33px;height:32px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;}
#fancybox-left-ico{background:url(../images/nav-prev.png);}
#fancybox-right-ico{background:url(../images/nav-next.png);}
#fancybox-left:hover span{left:20px;}
#fancybox-right:hover span{left:auto;right:20px;}
.fancy-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001;}
#fancy-bg-n, #fancy-bg-ne, #fancy-bg-e, #fancy-bg-se, #fancy-bg-s, #fancy-bg-sw, #fancy-bg-w, #fancy-bg-nw{width:0;height:0;display:none;}



/* Footer ****************************************************************************************/
#foot{width:900px;height:175px;margin:0;padding:0;list-style:none;background:url(../images/foot.png) center top no-repeat;position:relative;}
#foot li{position:absolute;top:36px;} #foot li a{display:block;width:125px;height:50px;text-indent:-9999em;}
#foot li#maistra{left:310px;} #foot li#montemulini{left:450px;} 
#foot li#maistra a{background:url(../images/maistra.png) no-repeat;} #foot li#montemulini a{background:url(../images/montemulini.png) no-repeat;} 

/* 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 */