@charset "utf-8";

img, object, embed, video {	max-width: 100%;}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {width:100%;}
.fluid {clear: both; margin-left: 0; width: 100%;float: left; display: block;}
.fluidList {list-style:none; list-style-image:none; margin:0; padding:0;}

body {font-family:  "Trebuchet MS", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; background-color: #bde6fd; }
a {text-decoration:none; color:#0094da !important;}
a:hover {text-decoration:underline;}
h1, h2 {color:#0094da; margin:1em 0; line-height:1.1em;}
h1 {font-size:1.6em;}
h2 {font-size:1.3em;}


.languages {display:inline-block; padding-top:10px; width:90%; background-color:#e2f4fe; text-align:right; padding-right:10%}
.languages2 {width: auto; position:absolute; right:50px; top:8px; z-index:1000;}
/* Mobile Layout: 500px and below. */
.logo, .logo2 {padding:10px 0 20px 0; text-align:center; width:100%; background-color:#e2f4fe;}
.logo img, .logo2 img {width:80%; height:auto; max-width:350px;}
.logo2 {margin-top:35px;}
.gridContainer {margin-left: auto; margin-right: auto;	width: 86.45%; padding-left: 2.275%; padding-right: 2.275%; clear: none; float: none; font-size:0.9em;}
.boxPop {width:86%; margin:5%; background-color:#e2f4fe; border:1px #fff solid; border-radius:4px; padding:2%; text-align:center; box-shadow:#000 3px 3px 15px;}
.box {width:86%; margin:5%; background-color:#fff; border:1px #ccc solid; border-radius:4px; padding:2%; text-align:center; box-shadow:#A0A0A0 3px 3px 6px;}
.boxPop:hover{box-shadow:#000 2px 2px 5px;}
.box img, .boxPop img {width:100%; height:auto;}
.button, .mobmenu {padding:10px 3%; margin:5px; background-color:#fff; border:1px #ccc solid; border-radius:4px; text-align:center; box-shadow:#A0A0A0 3px 3px 6px;}
.icon img{width:auto !important; height:auto !important; float:left;}
.specs {text-align:left; font-size:0.8em; line-height:1.1em; margin-top:5px;}
.mobmenu a{ display:block;}




.zeroMargin_mobile {margin-left: 0;}
.hide_mobile {display: none;}
.floatlft{float:left;}
.floatrgt{float:right;}
.marginlft5 {margin-left:5%;}
.marginrgt5 {margin-right:5%;}
.margintop0 {margin-top:0;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px !important;}
.noShadow { box-shadow:none !important;}
.bgCyan {background-color:#F4F8FB !important;}
.width100 {width:auto !important;}
.font2{font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}
.textAlighjust{text-align:justify;}
.shadow{ box-shadow:#A0A0A0 3px 3px 6px !important;}
.shadow:hover{ box-shadow:#A0A0A0 5px 5px 10px !important;}
.reservation {color:#FF5F00; margin:5px; background-color:#FFE6C4; border:1px #FF5F00 solid; border-radius:4px; text-align:center; box-shadow:#A0A0A0 3px 3px 6px;}
.reservation a {color:#FF5F00 !important; display:block;}
.reservation a:hover {color:#AA0002 !important; text-decoration:none;}
.reservation:hover { box-shadow:#A0A0A0 5px 5px 10px; border-color:#AA0002;}
#form {text-align:right; background-color:#fff; padding:2%;}
.boxsizingBorder {width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.marginAuto{margin:auto !important;}
.cyan {color:#2278C7;}
.footer{font-size:0.8em; padding:10px 0; margin-top:10px; text-align:center; border-top:1px dotted #fff;}
.facebook, .twiter, .google{float:left; padding:0 2px;}
.gallery {text-align:center;}
.gallery img {margin: 0.3%; max-width:48%;}
.gallery img:hover {filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.5;}
#form1 {text-align:right; width:96%; margin:2%;}
#form1 textarea {width: 99%; margin:0 1% 0 0;}


/* Desctop Layout: 600px to 1100px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 600px) {

.logo {padding:20px 0 30px 0;}
.logo2 {margin-top:0;}
.gridContainer {width: 90.675%; max-width:1100px;	padding-left: 1.1625%; padding-right: 1.1625%; clear: none;	float: none; margin-left: auto;}
.box, .boxPop {width:24%; margin:2%; padding:2%; float:left;}
.box50{width:40.25%;}
.button {box-shadow: none; background-color:transparent;}
.copyright{float:left; padding-left:10px;}
.lysiteleia{float:right; padding-right:10px;}

.zeroMargin_tablet {margin-left: 0;}
.hide_desktop {display: none;}
.hide_mobile {display: block;}
#form {max-width:500px; margin:auto !important;}
}





/*   MENU   */
.menu {min-height:45px; line-height: 1em;}
.menu a{ color:#fff;}
.menu > ul { transition: max-height 0.25s linear;}
.menu ul { margin: 0; padding: 0; text-align: center;}
.menu li { transition: visibility .25s linear; display: inline-block; padding: 12px 1%; margin: 0 20%; position: relative;}
@media (min-width: 600px) {
.menu li{font-size: 16px; margin: 0 1%; padding-top:30px;}
}
@media (max-width: 599px) {
.menu > ul { max-height: 0; overflow: hidden; margin: 0 1% 0 1%;}
.menu li { visibility: hidden; display: block; padding: 12px; border: none;z-index:1000;background-color: rgba(255,255,255,0.65); border-bottom:1px solid #fff; }
.menu li ul { margin-top: 1%; border-left: 1px solid #000;}
.menu .navbar-handle { display: block; color:#555555}
#navbar-checkbox:checked + .menu ul { max-height: 300px;}
#navbar-checkbox:checked + .menu li { visibility: visible;}
#navbar-checkbox:checked + .menu .navbar-handle,
#navbar-checkbox:checked + .menu .navbar-handle:after,
#navbar-checkbox:checked + .menu .navbar-handle:before {border-color: #aaa;}
}

.navbar-checkbox {display: none;}
.navbar-handle {display: none;  cursor: pointer;  position: relative;  font-size: 45px;  padding: 1% 0;  height: 0;  width: 1.6666666666666667em;  border-top: 0.13333333333333333em solid;}
.navbar-handle:before,
.navbar-handle:after {position: absolute; left: 0;right: 0; content: ' '; border-top: 0.13333333333333333em solid;}
.navbar-handle:before {top: 0.37777777777777777em;}
.navbar-handle:after {top: 0.8888888888888888em;}
.menu {position: absolute; top: 0;  left: 0;  right: 0;}
.menu .navbar-handle { position: absolute;  font-size: 1.2em;  top: 10px;  right: 12px;  z-index: 10;}