@charset "utf-8";
/* CSS Document */

/* ~~~~~~~~~ RESET ~~~~~~~~~ */
* {margin:0; padding:0; border:none; outline:0; box-sizing:border-box;}
body, input, select, textarea, button, .captchaimage {font-size:100%; font-family:"Open Sans", Arial, sans-serif;}

img {position:relative; display:inline-block; vertical-align:middle;}
a, span {display:inline-block; vertical-align:baseline;}
ol, ul {list-style:none;}

input, select, textarea, button, .captchaimage {display:inline-block; vertical-align:middle; margin:6px 6px 0 0;}
input {padding:.28em .6em .28em .6em; max-width:100%;}
select {padding:.2em .6em .2em .6em; max-width:100%;}
textarea {resize:none; overflow:auto; padding:.5em .6em; max-width:100%;}
input[type="checkbox"], input[type="radio"] {padding:0; vertical-align:-10%; width:auto !important; height:auto !important; border:0 !important; background-color:transparent !important;}
button, input[type="button"], input[type="submit"], input[type="reset"] {padding:.5em 1em .5em 1em;}

html {width:100%; height:100%;}
body {position:relative; width:100%; min-height:100%; font-size:.875em; line-height:normal;}
form, .copyrights, code, .details {font-size:.875em;}

/* ~~~~~~~~~ MAIN ~~~~~~~~~ */
body {color:#353535; background-color:#fad5b5; background-image:url(../layout/background.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center; background-attachment:fixed;}
h1 {display:none;}
h2 {line-height:120%; margin-bottom:.18em; font-size:1.500em; font-weight:400; color:#161d6f;}
h3 {line-height:120%; margin-bottom:.20em; font-size:1.375em; font-weight:300; color:#df3636;}
h4 {line-height:120%; margin-bottom:.30em; font-size:1.250em; font-weight:400; color:#161d6f;}
h5 {line-height:130%; margin-bottom:.40em; font-size:1.250em; font-weight:400; color:#80868f;}
h6 {line-height:130%; margin-bottom:.60em; font-size:1.188em; font-weight:400; max-width:460px; background-color:#161d6f; color:#FFF; padding:20px;}

a {tap-highlight-color:transparent; text-decoration:none; color:#161d6f;}
a:hover {text-decoration:none; color:#80868f;}
b, strong {font-weight:600;}

a, input, select, textarea, button {transition:all .4s ease 0s;}

/************/
.wrapper {width:100%; max-width:980px; margin:0px auto 0px auto; padding:2em;}
.nowrap {white-space:nowrap;}
.breaktext {word-break:break-all;}
a.scrollToTop {position:fixed; z-index:99; right:30px; bottom:30px; display:none; background-color:rgba(0,0,0,1); color:#FFF; line-height:normal; padding:14px 12px; border-radius:4px; opacity:.8; backface-visibility:hidden; transform:translateZ(0); transition:none;}

/************/

header {background-image:url(../layout/background-top.png); background-repeat:repeat-x; background-position:bottom left; min-height:150px;}
.logoimages {padding:10px 20px 100px 20px; text-align:center;}
.logoimages a {max-width:100%; height:auto;}
.logoimages img {display:block; max-width:100%; height:auto;}
#logo-portrait {display:none;}
@media screen and (max-width:900px) {
#logo-landscape {display:none;}
#logo-portrait {display:inline-block;}
}

/**/
#thessaloniki {display:block; max-width:100%; height:auto; margin:-90px auto 0 auto; border-bottom:8px solid #80868f;}

#content {position:relative; width:100%; max-width:960px; margin:0 auto;}
.incn {padding:20px 280px 20px 20px;}
.incn p:not(:last-child), .incn ul:not(:last-child), .incn form:not(:last-child) {margin-bottom:1.6em;}

.incn > ul {margin-left:20px;}
.incn > ul > li {display:list-item; list-style:inside; list-style-type:square; list-style-position:outside; margin:0 0 .2em 1.3em;}
.notes {font-size:.875em; color:#808080;}

.bmac {position:absolute; top:0; right:20px; transform:translate(0%,-35%); width:240px; background-color:#80868f; color:#FFF;}
.telephone {background-color:#f8d1b4; color:#80868f; text-align:center; padding:5px 0 5px 0; font-size:1.3em; font-weight:700;}

@media screen and (max-width:700px) {
#content {margin:-50px auto 0 auto;}
.incn {padding:20px 20px 20px 20px;}
.bmac {position:relative; top:auto; right:auto; transform:translate(0%,0%); width:100%; max-width:360px; margin:0 auto;}
}
@media screen and (max-width:480px) {
#content {margin:0 auto;}
.bmac {max-width:100%;}
}

/* =========== copyrights =========== */
.copyrights {color:#df3636;}
.copyrights a {color:#df3636;}
.copyrights a:hover {color:#161d6f;}

/* =========== forms =========== */
form {overflow:hidden;}
input, select, button, .captchaimage {position:relative; height:2.65em;}
input, select, textarea {background-color:#fef6d2; border:none; color:#161d6f; font-weight:600;}
.formElmFocus {background-color:#FFF;}
input[name=date], input[name=datereturn] {position:static; padding-left:42px;
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWBAMAAAA2mnEIAAAAD1BMVEUAAAASdrESdrH///8SdrGcgRpoAAAAA3RSTlMA4M+v0+gTAAAAQUlEQVQY02NgYHABYgjpouDC6OICJhlcHBhYgGwgCWS7CAKZIBLIRgAGZ2MYMCGSbeJs7AIkkNmUqifMRnEzDgAAajQtSTuiGGgAAAAASUVORK5CYII="); background-repeat:no-repeat; background-position:10px 54%;}
button {background-color:#161d6f; color:#FFF; font-size:1.6em; font-weight:800; line-height:50%; white-space:nowrap; cursor:pointer;}
button:hover {background-color:#df3636; color:#FFF;}
textarea {max-width:600px;}
label {display:block; white-space:nowrap; margin:8px 0 0 0;}
.captchaimage {width:auto; vertical-align:middle;}
.captchafield {width:65px; text-align:center;}
.required {color:#ff5f74; margin-top:.4em;}
.formErrorField {background-color:#ff5f74; color:#FFF;}
div[class^="msg"] {display:inline-block; margin:6px 0 0 0; padding:1em .6em;}
.msgError {color:#FFF; background-color:#ff5f74;}
.msgSuccess {color:#FFF; background-color:#4f8f68;}

#bookmachine {padding:14px 20px 20px 20px;}
#bookmachine input, #bookmachine select, #bookmachine button {width:100%;}
#bookmachine ul {display:table; width:100%;}
#bookmachine ul li:nth-child(even) {width:6px;}
#bookmachine ul li:nth-child(odd) {width:calc(50% - 6px);}
#bookmachine ul li {display:table-cell;}
input[type="radio"] {margin:6px 3px 0 0;}

/* ~~~~~~~~~ Zebra DatePicker 1.9.0 ~~~~~~~~~ */
.Zebra_DatePicker {position:absolute; top:0; z-index:999; background:#FFF; border:1px solid #101010; padding:3px; color:#202020;}
.Zebra_DatePicker table {border-collapse:collapse; border-spacing:0; width:auto; table-layout:auto;}
.Zebra_DatePicker td,
.Zebra_DatePicker th  {text-align:center; padding:5px 0;}
.Zebra_DatePicker td  {cursor:pointer;}
.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker {margin-top:0px;}
.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td {background:#FFF; width:30px; border:0px solid #0099FF;}
.Zebra_DatePicker.dp_visible  {visibility:visible; filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; transition:opacity 0.2s ease-in-out;}
.Zebra_DatePicker.dp_hidden  {visibility:hidden; filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0; opacity:0;}
.Zebra_DatePicker .dp_header {margin-bottom:3px;}
.Zebra_DatePicker .dp_header td {color:#fff; background-color:#0099FF;}
.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next  {width:30px;}
.Zebra_DatePicker .dp_header .dp_caption {font-weight:800;}
.Zebra_DatePicker .dp_header .dp_hover  {background:#404040; color:#FFF;}
.Zebra_DatePicker .dp_daypicker th {background:#909090; color:#FFF; font-weight:600;}
.Zebra_DatePicker td.dp_not_in_month {background:#f7f7f7; color:#dfdfdf; cursor:default;}
.Zebra_DatePicker td.dp_not_in_month_selectable {background:#f8f8f8; color:#c8c8c8; cursor:pointer;}
.Zebra_DatePicker td.dp_weekend  {background:#efefef; color:#202020; font-weight:600;}
.Zebra_DatePicker td.dp_weekend_disabled  {color:#dfdfdf; background-color:#f7f7f7; cursor:default;}
.Zebra_DatePicker td.dp_selected  {background:#FF0000; color:#FFF !important;}
.Zebra_DatePicker td.dp_week_number {background:#FF0000; color:#FFF; cursor:text;}
.Zebra_DatePicker .dp_monthpicker td {width:33%;}
.Zebra_DatePicker .dp_yearpicker td  {width:33%;}
.Zebra_DatePicker .dp_footer {margin-top:3px;}
.Zebra_DatePicker .dp_footer .dp_hover {background:#404040; color:#FFF;}
.Zebra_DatePicker .dp_today {color:#FFF; background-color:#0099FF; padding:5px;}
.Zebra_DatePicker .dp_clear {color:#FFF;background-color:#0099FF; padding:5px;}
.Zebra_DatePicker td.dp_current {color:#FF0000; font-weight:700;}
.Zebra_DatePicker td.dp_disabled_current {color:#dfdfdf;}
.Zebra_DatePicker td.dp_disabled {color:#dfdfdf;background:#f7f7f7; cursor:default;}
.Zebra_DatePicker td.dp_hover  {color:#FFF; background:#0099FF;}
.dp_hover {transition:all .4s ease 0s;}



@media screen and (min-width:1201px) {
}
@media screen and (min-width:801px) and (max-width:1200px) {
}
@media screen and (max-width:800px) {
}