/* Reset
============================================================================= */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* clearfix */
*:first-child+html .clearfix{ height:1%; } /* WinIE7 only */

html { padding: 0; margin: 0; font-size: 16px; }

* { margin: 0; padding: 0; }
*:focus { outline: none; }

fieldset, img { border-width: 0; border-color: transparent; }
img { margin: 0; padding: 0; border: 0; line-height: 0; }

/* Links */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

ul { list-style: none; } /* Lists */
hr { display: none; } /* Rules and breaks */

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; text-align: left; display: block; }

/* HTML5 tags */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* Layout
============================================================================= */
body {
	font-family: Arial,Helvetica,Jamrul,sans-serif;
	font-size: 0.625em;
	font-size: 10px;
	text-align: left;
	position: relative;
	z-index: 1;
	background-color: #1e264d;
}
section {
	display: block;
	width: 960px;
	margin: 0 auto;
	padding: 0 20px;
}
body.ie7  {
	font-family: Arial !important;
}

/* Header
============================================================================= */
header {
	background-image: url(../img/background-services.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
header section {
	position: relative;
}


/* Top line */
#index header .top-line {
	display: block;
	height: 115px;
	width: 960px;
	position: absolute;
	top: 0;
	left: 20px;
	z-index: 10000;
}
header .top-line {
	height: 140px;
}

/* Logo */
header .logo {
	display: block;
	padding-top: 30px;
	float: left;
}
header .logo a {
	display: block;
	width: 198px;
	height: 95px;
	background-image: url(../img/logo-header_v-2.png);
	background-position: left top;
	background-repeat: no-repeat;
}
header .logo a h1,
header .logo a h2 {
	color: transparent;
	text-indent: -9999px;
}

/* Navigation */
header .navigation {
	display: block;
	height: 113px;
	padding-bottom: 2px;
	float: right;
	margin-right: 34px;
}
header .navigation nav {
	display: block;
	float: left;
	margin-right: 60px;
	padding-top: 20px;
}
header .navigation nav ul {
	display: block;
}
header .navigation nav ul li {
	display: block;
	padding-left: 12px;
}
header .navigation nav ul li:hover {
	background-image: url(../img/icon-bullet-top-navigation.png);
	background-position: left 5px;
	background-repeat: no-repeat;
}
header .navigation nav ul li a {
	display: block;
	font-size: 1.5em;
	font-size: 15px;
	line-height: 1.334em;
	text-transform: uppercase;
	color: #03303a;
	text-decoration: none;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: normal;
}
header .navigation nav ul li a:hover {
	color: #8A85A4;
}
.ie8 header .navigation nav ul li a,
.browserChrome header .navigation nav ul li a, {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
}

header .navigation nav ul li.selected a {
	color: #8A85A4;
}

/* Language */
header .navigation .language {
	display: block;
	height: 123px;
	width: 25px;
	padding: 20px 3px 0 3px;
	float: left;
	background-image: url(../img/background-language.png);
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
	z-index: 3500;
}
header .navigation .language ul,
header .navigation .language ul li {
	display: block;
}
header .navigation .language ul li a {
	display: block;
	font-size: 1.1em;
	font-size: 12px;
	line-height: 1.5em;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: normal;
}
header .navigation .language ul li.selected a,
header .navigation .language ul li a:hover {
	color: #1e264d;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: normal;
}

/* Carousel */
header .carousel {
	display: block;
	width: 960px;
	height: 115px;
	overflow: hidden;
}

/* Services navigation */
header .services {
	display: block;
	height: 35px;
	background-color: #1e264d;
	z-index: 3000;
	position: relative;
}
header .services ul {
	display: block;
	height: 35px;
}
header .services ul li {
	display: block;
	float: left;
	height: 35px;
	position: relative;
	margin: 0 12px;
}
header .services ul li.first {
	margin-left: 0;
}
header .services ul li a {
	display: block;
	font-size: 1.5em;
	font-size: 15px;
	line-height: 2.334em;
	color: #fff;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: normal;
	padding: 0 12px;
	text-transform: uppercase;
	text-decoration: none;
}
header .services ul li.selected a,
header .services ul li a:hover {
	color: #9f978f;
}
header .services ul li ul {
	display: none;
	height: auto;
	position: absolute;
	left: 0;
	top: 35px;
	background-color: #1e264d;
	width: 100%;
	z-index: 4000;
}
header .services ul li:hover ul {
	display: block;
}
header .services ul li ul li {
	z-index:999999;
	display: block;
	float: none;
	height: auto;
	border-top: 1px solid #81979c;
	margin: 0 12px;
	position: relative;
}
header .services ul li ul li.first {
	border-top: none;
	margin-left: 12px;
}
header .services ul li ul li a {
	padding: 8px 0;
	text-transform: none;
	font-size: 1.2em;
	font-size: 12px;
	line-height: 1.5em;
}
header .services ul li.selected ul li a {
	color: #fff;
}
header .services ul li.selected ul li.selected a,
header .services ul li.selected ul li a:hover {
	color: #9f978f;
}
header .services ul li ul li ul {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
}
header .services ul li:hover ul li ul {
	display: none;
}
header .services ul li ul li:hover ul {
	display: block;
}
header .services ul li.selected ul li.selected ul li a {
	color: #fff;
}
header .services ul li.selected ul li.selected ul li.selected a,
header .services ul li.selected ul li.selected ul li a:hover {
	color: #9f978f;
}



/* Main content
============================================================================= */
article {
	background-image: none;
	background-color: #fff;
	padding-top: 40px;
	padding-bottom: 60px;
}
#index article {
	background-image: url(../img/background-content-index.png);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: transparent;
	padding-top: 0;
	padding-bottom: 0;
}

/* Content */
article h2 {
	display: block;
	font-size: 3.5em;
	font-size: 35px;
	line-height: 1.2em;
	padding-bottom: 40px;
	color: #9f978f;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: normal;
}

/* Hero unit */
article .hero-unit {
	display: block;
	padding: 30px 60px;
	text-align: center;
	color: #1e264d;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: normal;
	font-size: 1.8em;
	font-size: 18px;
	line-height: 1.8em;
	background-color: #e6e7e8;
}
article .content .hero-unit {
	padding: 15px 30px;
}

/* Table */
article .content table {
	margin: 20px 0;
	width: 100%;
	border-collapse: collapse;
}
article .content table th {
	color: #1e264d;
	font-size: 1.3em;
	font-size: 13px;
	line-height: 1.25em;
	font-family: Georgia, serif;
	font-style: italic;
	background-color: #ececec;
}
article .content table th,
article .content table td {
	padding: 10px 15px;
	vertical-align: top;
	border-top: 2px solid #ececec;
	border-bottom: 2px solid #ececec;
}
article .content table tbody td {
	color: #575757;
	font-size: 1.2em;
	font-size: 12px;
	line-height: 1.4em;
}
article .content table tbody td.price {
	width: 15%;
	text-align: right;
}


/* News
----------------------------------------------------------------------------- */
article .news {
	display: block;
	margin-top: 40px;
}

article .news aside {
	display: block;
	float: left;
	width: 280px;
	padding-top: 20px;
	border-top: 1px solid #e6e7e8;
}
article .news aside .gallery .thumbnails ul {
	display: block;
}
article .news aside .gallery .thumbnails ul li {
	display: block;
	float: left;
	margin: 13px 13px 0 0;
}
article .news aside .gallery .thumbnails ul li.last {
	margin-right: 0;
}
article .news aside .gallery .thumbnails ul li a {
	display: block;
}
article .news aside .gallery .description {
	display: block;
	margin-top: 20px;
	font-size: 1.3em;
	font-size: 13px;
	line-height: 1.8em;
	color: #58595b;
}

article .news .content {
	display: block;
	float: right;
	width: 620px;
	padding-top: 20px;
	border-top: 1px solid #e6e7e8;
}
article .news .content strong,
article .news .content h3 {
	display: block;
	font-size: 1.8em;
	font-size: 18px;
	line-height: 1.5em;
	color: #1e264d;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: normal;
	padding-bottom: 10px;
}
article .news .content strong {
	font-size: 1.6em;
	font-size: 16px;
	padding-bottom: 0;
}
article .news .content h3 {
	padding-top: 10px;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: normal;
}
article .news .content a {
	color: #1e264d;
}
article .news .content p,
article .news .content h4 {
	display: block;
	padding-bottom: 20px;
	font-size: 1.3em;
	font-size: 13px;
	line-height: 1.5em;
	color: #58595b;
}
article .news .content h4 {
	padding-top: 10px;
	font-size: 1.5em;
	font-size: 15px;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: normal;
	color: #1e264d;
}
article .news .content ul,
article .news .content ol {
	display: block;
	padding: 0 0 0 20px;
}
article .news .content ul {
	list-style-type: disc;
}
article .news .content ul li,
article .news .content ol li {
	font-size: 1.3em;
	font-size: 13px;
	line-height: 1.5em;
	color: #58595b;
}
article .news .content ul li ul,
article .news .content ol li ol {
	padding-bottom: 0;
}
article .news .content ul li ul li,
article .news .content ol li ol li {
	font-size: 1em;
	font-size: 10px;
}

article .news .content p + table {
	margin-top: 0;
}
article .news .content p + ul {
	margin-top: -20px;
	margin-bottom: 20px;
}


/* Column view
----------------------------------------------------------------------------- */
article .news.list {
	margin-top: 0;
}
article .news.list .column {
	margin-top: 20px;
	margin-bottom: 50px;
	text-decoration: none;
	cursor: default;
	position: relative;
}
article .news.list .column a {
	z-index: 200;
}
article .news.list .column h2 {
	display: block;
	font-size: 2.2em;
	font-size: 22px;
	line-height: 1.25em;
	padding-bottom: 0;
	text-transform: uppercase;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 300;
	color: #1e264d;
	height: 55px;
	margin-bottom: 11px;
}
article .news.list .column h2:hover {
	color: #9f978f;
	cursor: pointer;
}
article .news.list .column p {
	display: block;
	font-size: 1.4em;
	font-size: 14px;
	line-height: 1.5em;
	color: #808285;
	font-style: italic;
	font-family: Georgia, serif;
	margin: 0 0 1em 0;
	height: 21px;
	overflow: hidden;
}
article .news.list .column p:hover {
	color: #8A85A4;
	cursor: pointer;
}
article .news.list .column .image {
	display: block;
	width: 280px;
	height: 130px;
	position: relative;
	overflow: hidden;
}
article .news.list .column .image:hover {
	cursor: pointer;
}
article .news.list .column .action {
	display: block;
	position: absolute;
	bottom: 0;
	left: 12px;
}
article .news.list .column .action li {
	display: block;
	float: left;
	width: 27px;
	height: 37px;
	padding-top: 0;
	margin-top: 4px;
	margin-right: 6px;
	background-position: left top;
	background-repeat: no-repeat;
	color: transparent;
	text-indent: -9999px;
}
article .news.list .column .action li:hover {
	background-position: right top;
}
article .news.list .column .action li.facebook {
	background-image: url(../img/icon-facebook-share.png);
	text-indent: 0;
}
article .news.list .column .action li.book-now {
	background-image: url(../img/icon-book-now.png);
}


/* Room list
----------------------------------------------------------------------------- */
article .room.list {
	display: block;
	margin-top: 40px;
}
article .room.list .item {
	display: block;
	margin-bottom: 40px;
}
article .room.list .item aside {
	display: block;
	width: 280px;
	float: left;
	padding-top: 20px;
	border-top: 1px solid #e6e7e8;
}
article .room.list .item aside .inner {
	display: block;
	background-color: #e6e7e8;
}
article .room.list .item aside .inner h3 {
	display: block;
	padding: 20px 15px;
	font-size: 2.4em;
	font-size: 24px;
	line-height: 1.25em;
	color: #1e264d;
	font-family: Georgia, serif;
	font-weight: normal;
	font-style: italic;
}
article .room.list .item aside .inner p {
	display: block;
	padding: 0 15px 15px 15px;
	font-size: 1.3em;
	font-size: 13px;
	line-height: 1.3em;
	color: #58595b;
}
article .room.list .item aside .inner ul {
	display: block;
	padding: 0 15px 15px 35px;
	list-style-type: disc;
}
article .room.list .item aside .inner ul li {
	font-size: 1.3em;
	font-size: 13px;
	line-height: 1.3em;
	color: #1e264d;
}
article .room.list .item aside .inner a.book-now.trigger {
	display: block;
	width: 180px;
	height: 10px;
	padding: 68px 50px 7px 50px;
	margin-top: 24px;
	font-size: 1em;
	font-size: 10px;
	line-height: 1em;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: normal;
	background-image: url(../img/book-room.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
}

article .room.list .item .gallery {
	display: block;
	width: 620px;
	float: right;
	padding-top: 20px;
	border-top: 1px solid #e6e7e8;
}
article .room.list .item .gallery .thumbnails ul {
	display: block;
}
article .room.list .item .gallery .thumbnails ul li {
	display: block;
	float: left;
	margin: 12px 12px 0 0;
}
article .room.list .item .gallery .thumbnails ul li.last {
	margin-right: 0;
}
article .room.list .item .gallery .thumbnails ul li a {
	display: block;
}


/* Pager */
article .pager {
	display: block;
	width: 100%;
	height: 13px;
	padding: 10px 0;
}
article .pager.top {
	border-bottom: 1px solid #d0d2d3;
	margin-bottom: 30px;
	margin-top: -30px;
}
article .pager.bottom {
	border-top: 1px solid #d0d2d3;
}
article .pager ul {
	display: block;
	float: right;
}
article .pager ul li {
	display: block;
	float: left;
}
article .pager ul li a {
	display: block;
	float: left;
	padding: 0 5px;
	font-size: 1.3em;
	font-size: 13px;
	line-height: 1em;
	color: #9f978f;
	text-decoration: none;
}
article .pager ul li a:hover,
article .pager ul li.selected a {
	color: #1e264d;
}
article .pager ul li.selected a {
	font-weight: bold;
}
article .pager ul li span.divider {
	font-size: 1.3em;
	font-size: 13px;
	line-height: 1em;
	color: #9f978f;
}


/* Footer
============================================================================= */
footer {
	display: block;
	background-color: #1E264D;
}
footer section {
	padding-top: 17px;
	padding-bottom: 7px;
}
/* Logo */
footer .logo {
	display: block;
}
footer .logo a {
	display: block;
	width: 133px;
	height: 65px;
	background-image: url(../img/logo-footer_v-2.png);
	background-position: left top;
	background-repeat: no-repeat;
}
footer .logo a h1,
footer .logo a h2 {
	color: transparent;
	text-indent: -9999px;
}

/* Contact */
footer .contact {
	display: block;
}
footer .contact p {
	display: block;
	padding: 17px 0 0 0;
	font-size: 1.2em;
	font-size: 12px;
	line-height: 1.5em;
	color: #8a85a4;
}
footer .contact p a {
	color: #8a85a4;
	text-decoration: underline;
}
footer .contact p a:hover {
	color: #fff;
}

/* Group Eurotas */
footer .group-eurotas h4,
footer .booking h4 {
	display: block;
	font-size: 1.6em;
	font-size: 16px;
	line-height: 1.25em;
	font-family: "Source Sans Pro", sans-serif;
	color: #fff;
}
footer .group-eurotas {
	display: block;
	float: left;
	width: 120px;
}
footer .group-eurotas ul {
	display: block;
	padding-top: 10px;
}
footer .group-eurotas ul li {
	display: block;
}
footer .group-eurotas ul li a {
	display: block;
	font-size: 1.2em;
	font-size: 12px;
	line-height: 1.5em;
	color: #8a85a4;
	text-decoration: none;
}
footer .group-eurotas ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

/* Booking */
footer .booking {
	display: block;
	float: right;
	width: 140px;
}
footer .booking p {
	padding-top: 10px;
	font-size: 1.2em;
	font-size: 12px;
	line-height: 1.5em;
	color: #8a85a4;
}
footer .booking p a {
	color: #8a85a4;
	text-decoration: underline;
}
footer .booking p a:hover {
	color: #fff;
}

/* Created by */
footer .created-by {
	display: block;
	margin-top: 30px;
	font-size: 1em;
	font-size: 10px;
	line-height: 1em;
	color: #fff;
}
footer .created-by a {
	color: #fff;
	text-decoration: none;
}
footer .created-by a:hover {
	color: #fff;
}

/* Newsletter */
footer .newsletter h3 {
	display: block;
	font-size: 1.6em;
	font-size: 16px;
	line-height: 1.25em;
	text-transform: uppercase;
	font-family: "Source Sans Pro", sans-serif;
	color: #58595b;
}
footer .newsletter form {
	display: block;
	position: relative;
}
footer .newsletter input {
	display: block;
	height: 30px;
	width: 270px;
	padding: 0 5px;
	font-size: 1.2em;
	font-size: 12px;
	line-height: 2.5em;
	border: none;
	background-color: #fff;
	margin: 20px 0 12px 0;
	color: #58595b;
}
footer .newsletter button {
	display: block;
	font-size: 1.6em;
	font-size: 16px;
	line-height: 1.875em;
	padding: 0 17px 0 7px;
	height: 30px;
	color: #fff;
	text-transform: uppercase;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: normal;
	background-color: #58595b;
	background-image: url(../img/button-newsletter.png);
	background-position: right top;
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
}
footer .newsletter button:hover {
	background-color: #1e264d;
	background-position: right bottom;
}
footer .newsletter #notice {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 270px;
    height: 12px;
	padding: 9px 5px;
    font-size: 1.2em;
	font-size: 12px;
    line-height: 1em;
    color: #fff;
    background-color: #9f978f;
}

/* Facebook profile */
footer .facebook.profile {
	display: block;
	margin-top: 37px;
	padding-left: 45px;
	height: 31px;
	font-size: 1.6em;
	font-size: 16px;
	line-height: 1.9375em;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #58595b;
	background-image: url(../img/icon-facebook-profile.png);
	background-position: left top;
	background-repeat: no-repeat;
}
footer .facebook.profile:hover {
	background-position: left bottom;
}



/* Columns
----------------------------------------------------------------------------- */
.list .column {
	display: block;
	width: 280px;
	float: left;
	margin-right: 60px;
}
.list .column.last {
	margin-right: 0;
}


/* FONTS FIX */

.ie8 header .navigation nav ul li a,
.ie8 header .navigation .language ul li.selected a,
.ie8 header .navigation .language ul li a:hover,
.ie8 header .services ul li a,
.ie8 article h2,
.ie8 article .hero-unit,
.ie8 article .news .content h3,
.ie8 article .news .content h4,
.ie8 article .news.list .column h2,
.ie8 article .room.list .item aside .inner a.book-now.trigger,
.ie8 footer .newsletter button,
.ie8 #book-now .booking-form form .notice,
.chromeWin header .navigation nav ul li a,
.chromeWin header .navigation .language ul li.selected a,
.chromeWin header .navigation .language ul li a:hover,
.chromeWin header .services ul li a,
.chromeWin article h2,
.chromeWin article .hero-unit,
.chromeWin article .news .content h3,
.chromeWin article .news .content h4,
.chromeWin article .news.list .column h2,
.chromeWin article .room.list .item aside .inner a.book-now.trigger,
.chromeWin footer .newsletter button,
.chromeWin #book-now .booking-form form .notice {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight: 300 !important;
}
.ie8 #book-now .booking-form .trigger,
.chromeWin #book-now .booking-form .trigger {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight: 300 !important;
	font-size: 13px;
}
.ie8 header .navigation .language ul li a,
.ie8 article .news .content strong,
.ie8 article .news .content h3,
.chromeWin header .navigation .language ul li a,
.chromeWin article .news .content strong,
.chromeWin article .news .content h3,
.ie8 #book-now .booking-form form label,
.chromeWin #book-now .booking-form form label,
.ie8 #book-now .booking-form form button,
.chromeWin #book-now .booking-form form button,
.ie8 #book-now .booking-form form .input span.required,
.chromeWin #book-now .booking-form form .input span.required {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight: 200 !important;
}

/* -- euck -- */
    div#euck-note {
      font-family: "Source Sans Pro", sans-serif;
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background: #111;
      filter: alpha(opacity=80);
      -moz-opacity:0.8;
      opacity: 0.8;
    }
    div#euck-note div.pad {
      margin: 15px auto;
      max-width: 960px;
    }
    div#euck-note h3 {
        color: #fff;
        font-size: 13px;
    }
    div#euck-note p {
        color: #aaa;
        font-size: 11px;
    }
    div#euck-note a {
        color: #fff;
        text-decoration: underline;
    }
    div#euck-note p.p1 {
        float: left;
        max-width: 680px;
    }
    div#euck-note p.p2 {
        float: left;
    }

div#euck-note button {
	display: block;
	font-size: 1.6em;
	font-size: 16px;
	line-height: 1.875em;
	padding: 0 17px 0 7px;
	height: 30px;
	color: #4f4c4d;
	text-transform: uppercase;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: normal;
	background-color: rgba(0,0,0,0);
	background-image: url(../img/button-cookie.png);
	background-position: right top;
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
}