@import url(http://fonts.googleapis.com/css?family=Exo:100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic&subset=latin,latin-ext);
html, body { 
    font-family: 'Exo', sans-serif;  margin:0px; padding:0px; color:#000; font-size:12px;
}
img, fieldset { 
    border:none; 
}
div, input, textarea, ul, li, .borderbox, #toplinemenu a, #langmenu a, #gallery-home span, #booking .boxx, #house-banners-image a, #house-banners h3, address, #gallery-tourist li a span, #cookie a     { 
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  position:relative; margin:0px; padding:0px;
}
a { text-decoration:none; color:#333; 
}

h1,h2,h3,h4,h5 { display:block; color:#000; font-weight:bold; margin:0px; padding:0px;
}
h5 { font-size:1em; font-style:italic; font-weight:regular;
}
h4 { font-size:1em; 
}
h3 { font-size:1.5em; padding-top:10px; padding-bottom:5px; 
}
h2 { font-size:2em; padding-top:10px; padding-bottom:5px;
}
h1 { font-size:2.5em; padding-top:10px; padding-bottom:5px;
}

.full { width:100%; margin:0px; padding:0px; 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  position:relative; 
}
.half { width:50%; margin:0px; padding:0px; float:left;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  
}
.third { width:33.33%; margin:0px; padding:0px; float:left; 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  
}
.twothirds { width:66.6%; margin:0px; padding:0px; float:left; 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  
}
.quater { width:25%; margin:0px; padding:0px; float:left; 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  
}
.threequaters { width:75%; margin:0px; padding:0px; float:left; 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  
}
.fifth { width:20%; margin:0px; padding:0px; float:left; 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  
}
.fourfifths { width:80%; margin:0px; padding:0px; float:left; 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  
}
.threefifths { width:60%; margin:0px; padding:0px; float:left; 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  
}
.twofifths { width:40%; margin:0px; padding:0px; float:left; 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  
}





.right { float:right; margin:0px; padding:0px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; 
}
.left { float:left; margin:0px; padding:0px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; 
}

.shadow {
  -moz-box-shadow:    0px 0px 5px 0px #666;
  -webkit-box-shadow: 0px 0px 5px 0px #666;
  box-shadow:         0px 0px 5px 0px #666; 
}
.shadow5, #store-list {
  -moz-box-shadow:    0px 0px 5px 0px #666;
  -webkit-box-shadow: 0px 0px 5px 0px #666;
  box-shadow:         0px 0px 5px 0px #666; 
}
.shadow10 {
  -moz-box-shadow:    0px 0px 10px 0px #666;
  -webkit-box-shadow: 0px 0px 10px 0px #666;
  box-shadow:         0px 0px 10px 0px #666; 
}

.textshadow {
text-shadow: 1px 1px 1px black, -1px -1px 1px white;
}
.textshadow_black1 {
text-shadow: 0px 0px 1px black;
}



#header{ width:100%;}
#topline{ width:100%; height:30px; margin-bottom:30px;  z-index:10000; }



#page{ width:100%;}

#wrapper { width:1000px; margin:0 auto; padding-left:10px; padding-right:10px;}
#topline #wrapper { padding-left:4px; padding-right:4px;}

#logo {  padding:10px; padding-left:0px; float:left;
}
#logo a {   display:block; 
}
#logo img {  
}

#mainmenu { font-size:16px; float:right; padding-top:20px; display:block;
}
#mainmenu ul { list-style:none; display:block; 
}
#mainmenu li { list-style:none; display:block;  float:left;
}
#mainmenu a { padding:20px; padding-right:0px; margin:0px; display:block; color:#666; font-weight:600;
}


#toplinemenu { font-size:13px; height:45px; position:relative; float:left;
}


#toplinemenu ul { list-style:none; display:block; height:100%;
}
#toplinemenu li { float:left; list-style:none; display:block; height:100%; background-position:center bottom; background-repeat:no-repeat;
}

#toplinemenu a { padding:0px; margin:0px; display:block; color:#fff; height:30px; padding:6px; font-size:12px; 
}
#toplinemenu a:hover { 
}

#toplinemenu .back, #mainmenu .back, .back {  width:auto; padding-left:30px; float:left;  text-align:center;  background-image:url(images/icon-back.png); background-repeat:no-repeat; background-position:left center; font-size:14px; font-weight:bold; line-height:18px; color:#999;  display:none; cursor:pointer;
}
#toplinemenu .mmenu, .mmenu {  background-image:url(images/icon-cal.png); margin-top:6px;
}
#mainmenu .mmenu { background-image:url(images/icon-close.png);  width:100%;  text-align:center; padding:10px; position:fixed; bottom:0px; left:0px; background-color:rgba(0,0,0,0.9); } 

.toplogo  { padding:0px; margin:0px;  float:left; width:70px; display:inline-block;
}
.toplogo img  {width:100%;
}

#langmenu { font-size:13px; height:45px; position:relative; float:right;
}
#langmenu ul { list-style:none; display:block; height:100%;
}
#langmenu li { float:left; list-style:none; display:block; height:100%; background-position:center bottom; background-repeat:no-repeat;
}
#langmenu li .active { font-weight:900;
}
#langmenu a { padding:0px; margin:0px; display:block; color:#fff; height:30px; padding:6px; font-size:12px; 
}


#main-line { width:100%; height:10px; position:relative; background-repeat:repeat-y;  background-position:center center;
}
#main-banner { width:100%; height:400px; position:relative; background-color:rgb(0,102,153); background-repeat:no-repeat; background-size:cover; background-position:center center; color:#fff;
}
#main-banner-booking { width:50%; height:140px; position:absolute; bottom:0px; left:0px;  padding:10px; padding-bottom:0px; 
color:#fff; 
}
#main-banner-booking span { display:inline-block; width:90px;
color:#fff; 
}
#main-banner-booking select { font-size:24px; padding:5px;
}
#main-banner-booking select option { padding:5px;
}
#main-banner-info { width:50%; height:140px; position:absolute; bottom:0px; right:0px;  padding:10px; font-weight:600;
} 
#banner-title { width:50%; min-height:80px; position:absolute; bottom:0px; left:0px;  padding:10px; font-weight:600;
} 
#banner-wrapper { width:100%; height:100%; padding:10px; padding-top:0px; color:#fff;
}
#banner-wrapper a {  color:#fff;
}
#banner-wrapper small {  color:#fff; 
}
#banner-wrapper h2, #banner-wrapper h1 { font-size:24px; font-weight:400; color:#fff; 
}

#sub-banner-booking { width:50%; float:left;   padding:10px; padding-top:0px; font-size:14px;
}
#sub-banner-booking #banner-wrapper h2 { font-size:24px; font-weight:400; 
}
#sub-banner-booking h3 { position:absolute; display:block; top:15px; right:30px; font-size:56px;   color:#fff; text-shadow:1px 1px 3px #000;
}
#sub-banner-booking h3 span {font-size:12px; 
}
#sub-banner-booking h3 strong {font-size:24px;  
}
#sub-banner-booking h4 { position:absolute; display:block; top:90px; right:30px; font-size:12px;  color:#fff;
}
#sub-banner-booking img { width:80%; margin-top:20px;
}


#weather {
    position:absolute; top:0px; right:0px; 
}
#weather h2 { display:none;   
}
#weather img { width:200px; position:absolute; right:-40px;
}
#weather p { position:absolute; right:10px; top:40px; text-shadow:1px 1px 1px #000; font-weight:bold; font-size:20px; line-height:14px;   
}
#weather p span { font-size:12px; font-weight:normal;   
}
#weather a { display:none;
}

#booking  { padding:10px;
}
#booking label  { clear:both; display:block;
}
#booking input, #booking textarea   { padding:10px; width:100%; margin-bottom:5px; background-color:#eee; border:solid 1px #ccc; font-size:16px;
}
#booking .boxx   {  width:100%; margin-bottom:5px; background-color:#eee; border:solid 1px #ccc; font-size:12px; text-indent:10px;
padding-top:10px; padding-bottom:10px; text-align:right; float:right; display:block; padding-right:10px; background-image:url(images/icon-cal.png); background-repeat:no-repeat; background-position:left center;
}
#booking h3   {  color:#ccc;
}
#booking .form-buttons input { padding:10px; width:100%; margin-bottom:5px; background-color:#999; border:none; font-size:16px; color:#fff;
}




#main-banner-booking #banner-wrapper { color:#000; 
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);

background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#80000000',GradientType=0 ); /* IE6-8 */

}

#sub-banner-booking #banner-wrapper { height:250px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */


}



#sub-banner-map { float:left; width:50%;  padding:10px; color:#000;
}
#sub-banner-map #banner-wrapper { position:relative; width:100%; height:250px; padding:0px;
}

#sub-banner-map #store-list { position:absolute; width:30%; bottom:40px; right:5px; background-color:rgba(255,255,255,0.9); padding:5px; opacity:.3; font-weight:600;
}
#sub-banner-map #store-list:hover {opacity:1;
}
#linelink {width:100%; height:35px;  font-weight:600; font-size:14px; color:#fff;  text-align:right;
}
#linelink a {color:#fff; padding:10px;  display:block;
}

#linelink.btn {width:100%; height:45px; padding:5px; font-weight:700; font-size:16px; color:#fff;  text-align:center;
}


#main-banner #sub-banner-map #banner-wrapper { padding:0px; margin:0px;
}
#main-banner #sub-banner-map { width:50%;  position:absolute; top:0px; right:0px;  padding:10px; padding-bottom:0px; 
color:#fff; margin:0px; opacity:.3; -webkit-transition: opacity 1s ease 200ms;
-moz-transition: opacity 1s ease 200ms;
-o-transition: opacity 1s ease 200ms;
transition: opacity 1s ease 200ms;
}
#main-banner #sub-banner-map:hover{ opacity:1;
}

#gallery-home {width:100%; padding:5px; 
}
#gallery-home ul {width:100%; display:block; margin:0px; padding:0px;
}
#gallery-home li {width:50%; height:160px; display:block; padding:5px;  float:left;
}
#gallery-home li a { width:100%; height:100%; display:block; background-position:center center; background-size:cover;
}
#gallery-home li a span { width:100%; height:100%; display:block; padding-top:65px; font-size:14px; text-align:center; color:#fff; font-weight:700; opacity:0;
-webkit-transition: opacity 1s ease 700ms;
-moz-transition: opacity 1s ease 700ms;
-o-transition: opacity 1s ease 700ms;
transition: opacity 1s ease 700ms;
}
#gallery-home li a:hover span { opacity:1;
}
#gallery-home li:first-child {width:100%;
}
#gallery-home li:nth-child(2) {height:320px;
}
#gallery-home li:nth-child(2) a span {padding-top:135px;
}

#gallery-tourist {width:100%; padding:5px; 
}
#gallery-tourist ul {width:100%; display:block; margin:0px; padding:0px;
}
#gallery-tourist li {width:50%; height:160px; display:block; padding:5px;  float:left;
}
#gallery-tourist li a { width:100%; height:100%; display:block; background-position:center center; background-size:cover;
}
#gallery-tourist li a span { display:none;
}

#tourbanner {width:100%; height:160px; display:block; padding:5px;  float:left;
}
#tourimage { width:100%; height:100%; display:block; background-position:center center; background-size:cover; display:block;
}
#cro { width:100%; height:100%; display:block; background-position:center center; background-image:url(images/logo-croatia-white.png); background-repeat:no-repeat;  background-color:rgba(0,0,0,0.5);
}



#gallery-about {width:100%; padding:5px; 
}
#gallery-about ul {width:100%; display:block; margin:0px; padding:0px;
}
#gallery-about li {width:50%; height:160px; display:block; padding:5px;  float:left;
}
#gallery-about li a { width:100%; height:100%; display:block; background-position:center center; background-size:cover;
}
#gallery-about li a span {display:none;
}
#gallery-about li a img {display:none;
}
#gallery-about li:nth-child(5) {width:100%;
}
#gallery-about li:nth-child(6) {height:320px;
}
#gallery-about li:nth-child(11) {height:320px;
}
#gallery-about li:nth-child(14) {width:100%;
}
#gallery-about li:nth-child(19) {width:100%;
}
#gallery-about li:nth-child(22) {height:320px;
}
#gallery-about li:nth-child(25) {height:320px;
}
#gallery-about li:nth-child(32) {height:320px;
}



#content { width:100%; padding:10px; font-size:14px;
}
#content_wrapper { width:100%; padding:10px; background-color:#f6f6f6; min-height:590px;
}
#content h2 {font-size:30px; font-weight:300;
}
#content h1, #content h3  { font-size:30px; font-weight:300;
}
#content ul { margin-left:20px;
}

#sub_content { width:100%; padding:10px; font-size:14px;
}
#sub_content #content_wrapper {  min-height:271px; 
}
#sub_content h2 {font-size:24px; font-weight:300;
}
#content h3  { font-size:24px; font-weight:300;
}
#sub_content  { 
}


#sub-line { width:100%; height:5px; position:relative; background-repeat:repeat-y;  background-position:center center;
}

#dates { width:100%; 
}
#slide { height:55px; padding:10px; color:#fff; font-weight:bold; background-color:#FC0; float:left;
font-size:14px; background-position:center center; text-align:center;
}
#slide:hover { opacity:.8;
}
#slide span { display:none; color:#ccc;
}
#slide a { color:#fff;
}
#slide.purple { background-color:#333; 
}

#slide.green { background-color:#093;
}
#slide.low1 { background-color:#9C3;
}
#slide.low2 { background-color:#CC3;
}
#slide.mid1 { background-color:#F93;
}
#slide.mid2 { background-color:#F93;
}
#slide.high1 { background-color:#F63;
}
#slide.high2 { background-color:#F33;
}
#slide.purple span { display:block;
}
#slide.purple a {display:none; 
}

#slim-banner { width:100%; height:200px; position:relative; background-color:rgb(0,102,153); background-repeat:no-repeat; background-size:cover; background-position:center center; 
}

#map-canvas { color:#000; font-size:14px;
}
#map-canvas a { padding:3px; color:#fff; font-weight:bold; margin:0px; line-height:14px; font-size:14px;
}
#map-canvas h3 { font-size:14px;  font-weight:bold; padding:0px;
}
#map-canvas #linelink { text-align:center; padding:3px; margin-top:5px;
}


#prices h3 {  font-size:72px; border:solid 1px #ccc; text-shadow:1px 1px 3px #000;  background-color:#eee; font-weight:bold; padding-right:20px; text-align:right; background-image:url(images/icon-cal.png); background-repeat:no-repeat; background-position:left center;
}
#prices h3 span {font-size:16px;  
}
#prices h3 strong {font-size:30px;  
}
#prices h4 { font-size:14px;  padding-bottom:5px; padding-top:5px; background-color:#ccc; padding-right:20px; margin-bottom:20px; text-align:right;
}

#house-banners { margin-top:10px; font-size:11px;}
#house-banners #house-banners-image {height:140px; width:100%; text-align:center; background-size:cover;}
#house-banners #house-banners-image a {width:100%; height:100%; text-align:center; padding-top:38px; display:block;  background-color:rgba(0,0,0,.4);  }
#house-banners #house-banners-image a:hover { background-color:rgba(0,0,0,.6); }
#house-banners #house-banners-image img { max-width:95%;}

#house-banners h3  { width:100%; display:block; padding:10px; color:#fff; white-space:nowrap; overflow:hidden; font-size:14px;}
#house-banners #house-info  { width:100%; display:block; padding:10px; color:#fff; }
#house-banners center  { width:100%; border-top:solid 1px #fff; padding-top:5px; font-size:16px;}
#house-banners a  { color:#fff;}
#sub_homes  { padding:10px; padding-top:0px;}
#sub_homes #house-info  { display:none;}
#sub_homes_full .third  { width:50%; padding:10px; }
#sub_homes_full #house-info  { display:none;}
#content #sub_homes_full .third  { width:100%; padding:0px; }

address  {  font-size:16px; display:block; background-color:#eee; padding:10px; }
address h2 { color:#ccc; }


#footer { width:100%; background-color:#eee; border-top:solid 1px #ccc;  color:#999; font-size:10px;   }
#footer a {  color:#666;  }
#footer span { white-space:nowrap; }
#footer img { height:40px; margin:10px; margin-bootom:0px; }
#footer_info  { padding:10px; padding-top:0px;}

#cookie { display:none; position:fixed; bottom:0px; left:0px; width:100%; background-color:rgba(0,0,0,0.8); padding:20px; color:#fff; font-size:12px; }
#cookie a { display:block; padding:10px; margin-left:10px;  width:120px; background-color:#999; color:#fff; float:left; text-align:center;  font-weight:bold; float:right; }
#cookie .accept { background-color:#AC4;  }





/* Tablet Portrait to All larger */
@media only screen and (max-width: 1000px) {
    
.full { width:100%; 
}
#wrapper { width:100%; 
} 
#content { font-size:13px;
}
#content h1, #content h3  { font-size:24px; 
}
#mainmenu  { width:100%; clear:both; padding:0px; margin:0px;
}
#mainmenu ul { width:100%; padding:0px; margin:0px; font-size:14px;
}
#mainmenu li { list-style:none; display:block;  float:left; width:20%; text-align:center; padding:0px;
}
#logo { width:100%; text-align:center;
}
#logo img {   max-width:100%;
}
#wrapper { width:100%; 
}



 
     }

/* Mobile Landscape to Tablet Portrait */
@media only screen and (max-width: 767px) { 
#topline{  margin-bottom:10px;  z-index:10000;  position:fixed; padding-top:10px; height:45px; } 
#toplinemenu ul { display:none;
}
#logo { padding-top:60px;
}
#main-banner  { height:250px;
}
#main-banner #sub-banner-map { display:none;
}
#main-banner-booking { display:none;
}
#main-banner-info { width:100%; 
}
#mainmenu  { width:100%; height:100%; position:fixed; top:0px; left:0px;  padding:0px; margin:0px; font-size:14px; overflow:scroll; background-color:rgba(0,0,0,0.9); z-index:9000; padding-top:40px; display:none; padding-bottom:50px;
} 
#mainmenu ul { width:100%; height:auto; 
}
#mainmenu li {  width:100%; border-bottom:solid 1px #666;
}
#mainmenu li a {  color:#FFF; padding:20px;
}
#toplinemenu .back, #mainmenu .back, .back { display:block;
}

#sub-banner-map { display:none;
}
#sub-banner-booking { display:none;
}

#banner-title { width:100%; 
}
#banner-wrapper h2, #banner-wrapper h1 { font-size:18px; 
}
#footer {   text-align:center; }
	
.half { width:100%;}
.third { width:100%;}
.twothirds { width:100%;}
.quater { width:100%;}
.threequaters { width:100%;}
.fifth { width:100%;}
.fourfifths { width:100%;}
.threefifths { width:100%; }
.twofifths { width:100%;}
    
    }

/* Mobile Portrait to Mobile Landscape */
@media only screen and (max-width: 479px) {
	#cookie a {  margin:0px;  width:50%; margin-bottom:5px;  } 
    
.half { width:100%;}
.third { width:100%;}
.twothirds { width:100%;}
.quater { width:100%;}
.threequaters { width:100%;}
.fifth { width:100%;}
.fourfifths { width:100%;}
.threefifths { width:100%; }
.twofifths { width:100%;}
    
#footer img { height:30px; margin:10px; }

    }

/* Mobile Portrait */
@media only screen and (max-width: 319px) { }