/* Reset Css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}
* {
margin: 0px;
padding: 0px;
}
html {
font-size:12px;
width:100%;
height:100%;
font-family:Arial;
color:#000;
}
/*body {
width:100%;
height:100%;
}
*/
body { width:100%; height:100%; min-width:1024px; /*min-height:1070px; */ color:#000000; background:#f3ecda url(../images/bg.jpg); background-position: top left; background-repeat: no-repeat;}
img#expando { position: absolute; display: none; z-index: 1; -ms-interpolation-mode: bicubic;}
.wide img#expando, .tall img#expando { display: block;}
.wide img#expando { width: 100%; height: 100%; min-height:700px;}
.tall img#expando { width: auto; height: 100%;}
.ie6fixed { position: absolute; top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px') !important;}
h1{
padding:0px 0px 0px 0px;
margin:15px 15px 0px 15px;
font-family:"Times New Roman", Times, serif;
font-style: italic;
font-weight:normal;
color:#324c90;
font-size:29px;
height:32px;
background: url(../images/h1-borbott.png) bottom no-repeat;
}
h2{
padding:5px 5px 15px 0px;
margin:0px;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight:bold;
color:#2a2b2a;
font-size:16px;
}
/*-_-Main Wrapper-_-_*/
#mainWrapper{
position:relative;
height:100%;
width:100%;
min-height:1020px;
overflow:hidden;
/* min-width:1160px;
min-height:1020px;*/
}
.push{height:59px; clear:both;}
/*-_-_Flash-_-_*/
#flash {
position: relative;
width:100%;
height:100%;
z-index:1;
}
/*-_-Top header-_-_*/
#top {
position: relative;
width:100%;
height:91px;
background:url(../images/top_rep.png) repeat-x;
z-index:55;
}
#topInner {
width:100%;
height:91px;
background:url(../images/top_center.png) center top no-repeat;
}
#topWrapper {
margin: auto;
width:990px;
height:91px;
/*background:url(../images/top_center.png) center top no-repeat;*/
}
#topWrapper .logo {
width:188px;
height:183px;
margin-left:25px;
position: absolute;
}
#topWrapper .logo a{
display:block;
width:188px;
height:183px;
background:url(../images/logo.png) no-repeat;
text-indent:-9999px;
}
#topWrapper .logo a:hover{background:url(../images/logo_hov.png) no-repeat;}
.searchBox { padding: 0px 0px 10px 0px; width: 200px; position:absolute; right:0; z-index:100000; top:3px; color:#dcdcdc;}
.searchBox fieldset { border: none; float: right; width: 216px; position:relative;}
.searchBox label { font-size: 15px; color: #dcdcdc; width:111px; margin-right:-8px; }
.searchBox select { width: 102px; height: 21px; color: #585858; }
.searchBox p { position: relative; }
.searchBox span.select { cursor:pointer; padding: 3px 0 0px 5px; position: absolute; top: 0px; margin-bottom:0px; left: 110px; width: 100px; height: 21px; color: #585858; font-weight: normal; border: none; background: url('../images/select.png') no-repeat; }
/*-_- Menus -_-_*/
#menu_outer {
border:0px solid #fff;
float: right;
width: 778px;
margin:0 auto;
height:34px;
}
.menuBox {
border:0px solid #cccccc;
float: right;
width: 778px;
height:34px;
margin-top:25px;
}
.menuBox ul {
list-style: none;
padding: 0px;
}
.menuBox li {
margin-right: 15px;
float: left;
font-family: GeosansLight, Arial;
font-size: 20px;
color: #fff;
}
.menuBox li a {
display: block;
border:0px solid #fff;
text-decoration: none;
line-height: 34px;
color: #fff;
text-indent:-99999px;
}
.menuBox li a.menu1 {
height:34px;
width:68px;
background:url(../images/menu-fr_01.png) top center no-repeat;
}
.menuBox li a.menu1:hover {
background-position:0px -34px;
}
.menuBox li a.menu1active {
background:url(../images/menu-fr_01.png) 0px -68px;
width:68px;
height:34px;
}
.menuBox li a.menu2 {
width:95px;
height:34px;
background:url(../images/menu-fr_02.png) 0px 0px; no-repeat;
}
.menuBox li a.menu2:hover {
background-position:0px -34px;
height:34px;
}
.menuBox li a.menu2active {
background:url(../images/menu-fr_02.png) 0px -68px;
width:95px;
height:34px;
}
.menuBox li a.menu3 {
width:80px;
height:34px;
background:url(../images/menu-fr_03.png) top center no-repeat;
}
.menuBox li a.menu3:hover {
background-position:0px -34px;
}
.menuBox li a.menu3active {
background:url(../images/menu-fr_03.png) 0px -68px;
width:80px;
height:34px;
}
.menuBox li a.menu4 {
width:52px;
height:34px;
background:url(../images/menu-fr_04.png) top center no-repeat;
}
.menuBox li a.menu4:hover {
background-position:0px -34px;
}
.menuBox li a.menu4active {
background:url(../images/menu-fr_04.png) 0px -68px;
width:52px;
height:34px;
}
.menuBox li a.menu5 {
width:65px;
height:34px;
background:url(../images/menu-fr_05.png) top center no-repeat;
}
.menuBox li a.menu5:hover {
background-position:0px -34px;
}
.menuBox li a.menu5active {
background:url(../images/menu-fr_05.png) 0px -68px;
width:65px;
height:34px;
}
.menuBox li a.menu6 {
width:75px;
height:34px;
background:url(../images/menu-fr_06.png) top center no-repeat;
}
.menuBox li a.menu6:hover {
background-position:0px -34px;
}
.menuBox li a.menu6active {
background:url(../images/menu-fr_06.png) 0px -68px;
width:75px;
height:34px;
}
.menuBox li a.menu7{
width:104px;
height:34px;
background:url(../images/menu-fr_07.png) top center no-repeat;
}
.menuBox li a.menu7:hover {
background-position:0px -34px;
}
.menuBox li a.menu7active {
background:url(../images/menu-fr_07.png) 0px -68px;
width:104px;
height:34px;
}
.menuBox li a.menu8 {
width:113px;
height:34px;
background:url(../images/menu-fr_08.png) top center no-repeat;
}
.menuBox li a.menu8:hover {
background-position:0px -34px;
}
.menuBox li a.menu8active {
background:url(../images/menu-fr_08.png) 0px -68px;
width:113px;
height:34px;
}
/*1st sub level menu*/
.menuBox ul li ul{
background:#002238;
width:144px;
display: block;
/*visibility: hidden;*/
}
/*Sub level menu list items (undo style from Top level List Items)*/
.menuBox ul li ul li{
display: list-item;
float: none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.menuBox ul li ul li ul{
top: 0;
}
/* Sub level menu links style */
.menuBox ul li ul li a{
font: normal 12px arial;
text-align:center;
color:#bab7a9;
width: 144px; /*width of sub menus*/
padding: 5px 0px 5px 0px;
margin: 0px;
border-top-width: 0;
border-bottom: 0px solid gray;
}
.menuBox ul li ul li a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#389dd0;
}
.menuBoxz ul li ul li a:hover{ /*sub menus hover style*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#389dd0;
}
/*-_- Content -_-_*/
#middleArea{
position: relative;
width:100%;
height:auto;
}
#middleArea2{
position: relative;
width:100%;
height:100%;
background:url(../images/bg-scene.jpg) bottom center no-repeat;
}
#middleareaInner{
margin: auto;
width:990px;
height:auto;
}
#middleareaInner .transitionArea{
width:1000px;
height:525px;
background:url(../images/trans_bg.jpg) no-repeat;
}
#middleareaInner .contentArea{
width:1000px;
height:345px;
}
#middleareaInner .contentArea .left{
width:637px;
height:345px;
float:left;
position:relative;
}
#middleareaInner .contentArea .left .text{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0c0d0d;
margin:5px 0px 0px 15px;
background:url(../images/text_strip.png) right repeat-y;
height:280px;
}
#middleareaInner .contentArea .left .text a:hover{
text-decoration:none;
}
#middleareaInner .contentArea .right{
width:363px;
height:345px;
float:left;
}
#middleareaInner .contentArea .right .rightContent{
margin-top:46px;
padding:0px 0px 5px 10px;
height:345px;
width:353px;
}
#middleareaInner .contentArea .right .rightContent .buttonsArea{
width:353px;
height:51px;
}
#middleareaInner .contentArea .right .rightContent .buttonsArea .restaurant{
width:160px;
height:51px;
float:left;
}
#middleareaInner .contentArea .right .rightContent .buttonsArea .restaurant a{
display:block;
text-indent:-9999px;
background: url(../images/rest_button-fr.png) no-repeat;
width:160px;
height:51px;
}
#middleareaInner .contentArea .right .rightContent .buttonsArea .restaurant a:hover{
background-position: bottom;
}
#middleareaInner .contentArea .right .rightContent .buttonsArea .socialMedia{
float:left;
margin-left:14px;
width:170px;
}
#middleareaInner .contentArea .right .rightContent .buttonsArea .socialMedia span{
width:81px;
height:51px;
display:block;
float:left;
background:url(../images/share_txt.png) no-repeat;
}
#middleareaInner .contentArea .right .rightContent .buttonsArea .socialMedia .facebook{
width:41px;
height:45px;
float:left;
}
#middleareaInner .contentArea .right .rightContent .buttonsArea .socialMedia .facebook a{
width:41px;
height:45px;
display:block;
text-indent:-9999px;
background:url(../images/fb_butt.png) no-repeat;
}
#middleareaInner .contentArea .right .rightContent .buttonsArea .socialMedia .instagram a{width:41px;height:45px;display:block;text-indent:-9999px;background:url(../images/Instagram_icon.png) no-repeat;background-position: center;background-size: contain;}
#middleareaInner .contentArea .right .rightContent .buttonsArea .socialMedia .facebook a:hover{
background-position: bottom;
}
#middleareaInner .contentArea .right .rightContent .buttonsArea .socialMedia .twitter , #middleareaInner .contentArea .right .rightContent .buttonsArea .socialMedia .instagram{
width:40px;
height:45px;
margin-left:5px;
float:left;
}
#middleareaInner .contentArea .right .rightContent .buttonsArea .socialMedia .twitter a{
width:40px;
height:45px;
display:block;
text-indent:-9999px;
background:url(../images/twit_butt.png) no-repeat;
}
#middleareaInner .contentArea .right .rightContent .buttonsArea .socialMedia .twitter a:hover{
background-position: bottom;
}
#middleareaInner .contentArea .right .rightContent .discoverTxt{
width:353px;
height:122px;
margin-top:20px;
background:url(../images/discover_txt-fr.png) center no-repeat;
text-indent:-9999px;
}
#middleareaInner .contentArea .right .rightContent .booknow{
width:353px;
height:40px;
margin-top:20px
}
#middleareaInner .contentArea .right .rightContent .booknow a{
width:264px;
height:40px;
display:block;
margin:auto;
text-indent:-9999px;
background: url(../images/booknow_butt-fr.png) no-repeat;
}
#middleareaInner .contentArea .right .rightContent .booknow a:hover{
background-position: bottom;
}
/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_Weather-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/
#weather_outer{
width: auto; height:20px;position:absolute; bottom:0px; right:0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;
}
#weather_text{
width:auto; float:left; position:relative; line-height:20px;
}
#weather {
position:relative; bottom:6px;
padding-top:0px;
float:left;
color:#color:#333333;;
width: 100px;
height:20px; border:0px solid #000;
font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;
}
#weather img{margin-left:-8px;
margin-right:-9px; }
#weather #temp {
color:#color:#222;
float:left;
font-size:11px;
line-height:20px;
height:20px;
}
#weather #sym {
float:left;
width:21px;
height:21px;
}
#weather #sym img{
float:left;
width:21px;
height:21px; margin-right:5px;
}
#footer .blog{
width:140px;
height:36px;
display:block;
position:absolute;
right:0px;
border:1px solid #333;
background:url(../images/blog.png) no-repeat 0 0;
top:-50px;
}
#footer .blog:hover{
opacity:0.8;
}
/*------------------------------------------------------------*/
.contacts {
clear: both;
color: #222222;
margin: 29px auto 0;
position: relative;
text-align: center;
width: 557px;
}
.contacts a{color:#222; text-decoration:underline;}
.contacts a:hover{text-decoration:none;}
/*-_- Bottom -_-_*/
#footer {
position: relative;
width:100%;
height:59px;
background:url(../images/bottom_rep.jpg) repeat-x;
clear:both;
color:#222;
}
#footer .footerInner {
margin:12px auto 0 auto;
width:990px;
position:relative;
padding-top:1px;
}
#footer .footerInner .footerM{
margin:auto;
margin-top:12px;
width:210px;
height:25px;
border:0px solid #000;
}
#footer .footerInner .copyrightText{
width:125px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
padding-top:8px;
}
#footer .footerInner .copyrightLogo{
float:left;
width:76px;
height:25px;
}
#footer .footerInner .copyrightLogo a{
width:76px;
height:25px;
display:block;
background:url(../images/greeka.png);
}
#footer .footerInner .copyrightLogo a:hover{
background-position:bottom;
}
#bottom .row1{
width: 100%;
height:36px;
}
#bottom .address{
margin:12px 0px 0px 16px;
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-weight:bold;
font-size:1.1em;
color:#b1afa4;
line-height:15px;
float:left;
width: 632px;
}
#bottom .address a,a:link{
color:#b1afa4;
text-decoration: underline;
}
#bottom .address a:hover{
color:#b1afa4;
text-decoration: none;
}
#bottom .socialmedia {
margin:7px 0px 0px 12px;
float:left;
width:230px;
height:29px;
}
#bottom .socialmedia div {
float:left;
padding-top:3px;
}
#bottom .socialmedia div.socialText {
padding:0px 0px 0px 10px;
margin-top:6px;
font:.9em Arial, Helvetica, sans-serif;
width:43px;
color:#b1afa4;
border-left:1px solid #8b918d;
}
#bottom .socialmedia div a {
height:22px;
width:22px;
text-indent:-9999px;
display:block;
cursor:pointer;
}
#bottom .socialmedia div a.facebook_btn {
}
#bottom .socialmedia div a.facebook_btn:hover {
}
#bottom .socialmedia div a.twitter_btn {
}
#bottom .socialmedia div a.twitter_btn:hover {
}
/*flags*/
.flags{
width:130px;
height:17px;
position: absolute;
right:0px;
color:#0c0d0d;
z-index:100;font-size:12px;
}
.flags a{
font-size:12px; color:#0c0d0d; text-decoration:none;
}
.flags a:hover{
font-size:12px; color:#0c0d0d; text-decoration:underline;
}
.flags span{
font-size:12px; color:#5d74b3; text-decoration:none;font-weight:bold;
}
/*content*/
.content1,.content1_box{
width:605px; position:absolute; left:184px; top: 36px; height: 342px;z-index:1000; /*opacity: .90;filter:alpha(opacity=90); */
}
/*.text{color:#555454; font-family:Arial,Verdana, Geneva, sans-serif; font-size:12px;line-height:20px;
width:585px;
margin:0;
padding:7px 0 0 10px;
float:left;
}*/
.text_content{ position:absolute; width:37px; height:277px; z-index:100; opacity: .92;filter:alpha(opacity=92); top:30px; right:13px;}
.button{ position:absolute; width:10px; height:10px; right:10px; bottom:10px; z-index:500;}
.button img{ cursor:pointer;}
.button2{ position:absolute; height:10px; left:10px; bottom:15px;}
.button2 a{ color:#555454; text-decoration:underline;}
.button2 a:hover{ color:#555454;text-decoration:none;}
/*-_-Scroll-_-_*/
.scrollblock{
width:560px;
height:250px;
margin:0;
padding:0;
overflow:auto;
float:left;
font-size:14px;
line-height:20px;
margin-left:0px;
}
.scrollblock p{
margin:0;
padding-top:10px;
}
.scrollblock_tabs{
width:450px;
height:130px;
margin:0;
padding:0;
overflow:auto;
float:left;
}
.scrollbars{
width:13px;
margin-top:10px;
margin-left:10px;
padding:0;
float:left;
text-align:right;
}
.scroll_arrow_top{
margin:0;
padding:0;
cursor:pointer;
display:block;
}
.scroll_arrow_bot{
margin:215px 0 0 0;
padding:0;
cursor:pointer;
display:block;
}
.scroll_arrow_bot_tabs{
margin:110px 0 0 0;
padding:0;
cursor:pointer;
display:block;
}
/* Scroller */
#buttonreset{
position:absolute;
top:141px;
right:10px;
cursor:pointer;
text-decoration:underline;
font-size:12px;
color:#686961;
}
#buttonreset:hover{text-decoration:none;color:#686961;}
/*//////////////Pricelist///////////*/
.tableprice { background: none; font-family: Arial, Verdana, Geneva, sans-serif; font-size:11px; color:#555454; }
.tableprice ul { width:100px; float:left; margin:0; padding:0;border-top:1px solid #c3c3c3; border-left:1px solid #c3c3c3; }
.tableprice ul li { list-style:none; padding:5px 5px; line-height:21px; border-right:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;}
.tableprice ul li.title { font-weight:bold; background:#aec0cd; color:#0d3146; font-size:11px; }
.tableprice ul li.title1 { font-weight:bold; background:#aec0cd; color:#00365d; text-align:center; font-size:11px;}
.tableprice ul li.even { background:#efefef; text-align:center;color:#555454;}
.tableprice ul li.even1 { background:#efefef; text-align:center; color:#555454;}
.tableprice ul li.odd { background:#e2e2e2; text-align:center;color:#555454;}
.notes_terms_title { font-weight:bold; color:#8a5276; font-size: 14px; text-decoration:underline;}
/*//////// pricelist offers /////*/
#offers1{color:#555454; font-size:13px; line-height:32px; vertical-align:middle; margin-bottom:15px;font-family: Arial, Helvetica, sans-serif; }
#offers1 a{color:#555454; text-decoration:underline;}
#offers1 a:hover{color:#555454; text-decoration:none;}
/*//////// Facilities /////*/
.table { width:100%; height:100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#0C0D0D; padding:0px 0 0 1px;}
.table ul { float:left; margin:0; padding:0px; border:0px solid #C9C9C9; width:185px;}
.table ul li { padding:1px 0px; list-style:inside;}
.table ul li.title { font-family: Arial, Helvetica, sans-serif; padding:1px 3px 5px 0px; margin:0px; font-weight:bold; font-size: 12px; list-style: none; color:#0C0D0D; }
.table ul li.even { background: none; font-weight:normal; font-family: Arial, Helvetica, sans-serif; font-size:12px; }
.table ul li.odd { background: none; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size:12px; }
hr{visibility:hidden;}
/*//////// Location links bottom /////*/
.location_links {padding:10px 0px 0px 0px; margin:0px;}
.location_links ul{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0C0D0D; padding:0px; margin:0px; list-style:none;}
.location_links li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0C0D0D; padding:0px; margin:0px; list-style:none; height:28px;}
.location_links li a,a:link,a:visited{color:#0C0D0D; text-decoration: underline;}
.location_links li a:hover{color:#0C0D0D;text-decoration: none;}
/*//////// Gallery /////*/
#gallery { border: solid 0px #000;width:600px; margin:-2px 0px 0px 0px; }
#gallery ul { display: block; padding: 0px 0px 0px 0px;border: solid 0px #000;}
#gallery li { display: block;border: solid 0px #000; list-style: none; float: left; margin:0px; padding:0px 4px 2px 5px; }
#gallery li p { text-align: center; margin: 0px; padding:4px;}
#gallery li img { border:1px solid #666666;}
#gallery li img:hover { border:1px solid #000; opacity: 0.8; filter: alpha(opacity =80);}
#gallery hr { clear: both; visibility: hidden; margin: 0px; padding: 0px; height: 1px;}
/*Slider: */
.slider{
height:493px; /*this changes the height of the image slider*/
width:967px;
left:17px;
top:16px;
overflow: hidden;
position: relative;
background:transparent url(../images/ajax-loader.gif) center center no-repeat;
}
.slider ul{
}
.slider li, .slider .featured{
display: block;
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
z-index: 1;
}
.js_active .slider li, .js_active .slider .featured{
display:none;
}
.slider img, .slider a img, .slider a{
border:none;
text-decoration: none;
}
.slidecontrolls{
margin:0px auto 0 auto;
position: relative;
top:40px;
float:right;
}
.slidecontrolls a{
height:20px;
width:18px;
display:block;
cursor: pointer;
background: transparent url(../images/controlls.png) center bottom no-repeat;
float:left;
outline: none;
}
.slidecontrolls a:hover, .slidecontrolls .active_item{
background: transparent url(../images/controlls.png) center top no-repeat;
}
.feature_excerpt{
width:610px;
position: absolute;
display: block;
bottom: 0;
left:0;
z-index: 2;
padding:14px 15px;
font-size: 11.5px;
line-height:1.5em;
cursor: pointer;
background: #000;
color: #fff;
}
.feature_excerpt strong{
display: block;
font-size: 15px;
padding-bottom: 3px;
}
.transitionArea .slider img {
width: 100%;
height: 100%;
object-fit: cover;
}