@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600&subset=latin,greek-ext,greek);

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

html, body{margin:0; padding:0; font-family: 'Open Sans', sans-serif; background-color:#08416e; font-size:100%; }
img {max-width:100%; height:auto;}
.galleria{width:100%;  }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.smallfont {font-size:80%;}
.italics {font-style:italic;}
#top {width:100%; background-color:#08416e; padding:0; margin:0;}
.logo {width:40%;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
float:left; display:inline-block; vertical-align:top; padding-bottom:10px;}


.social img {padding:10px; width:45px; height:45px;}
#main {width:100%;	padding:0; font-size:1.125em;}
#main h1 {padding:10px 10px 7px 10px; margin:0px; font-weight:normal; font-size:1.250em; color:#08416e;}
#main h2{ padding:5px 10px 2px 10px; margin:0px; font-weight:bold; font-size:1em; font-style:italic; color:#637183;}	
#main h3{ padding:0 40px; margin:0px; font-weight:bold; font-size:1em; color:#C8842A;}
#textdiv {width:100%; background-color:#fff; }
#textdiv p {padding:5px 8px; margin:0; width:90%; font-size:0.875em;}
#textdiv a{color:#C8842A; text-decoration:none; cursor:pointer;}
#textdiv a:hover{ text-decoration:underline; font-style:italic;}
#textdiv ul li {padding-bottom:10px; font-size:0.938em; list-style-image:url(../images/play.png);}


/* ----- SPECIAL OFFERS ------ */
#offers{
width:100%;
background: #f4f5f5;

height:60px;
}
	
#offers a {
background-color:#fff;
color:#C8842A;
margin:10px;
padding:8px 12px;
border:none;
font-weight:normal;
font-style:italic;
font-size:17px;
text-decoration:none;
cursor:pointer;
cursor:hand;
border-radius: 8px;
  -moz-border-radius-topleft:8px;
  -moz-border-radius-topright:8px;
  -webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
}
#offers a:hover{
background: #C8842A;
color:#fff;	
opacity:0.5;
}

.book {
background-color:#fff; 
padding:8px 12px;
font-weight:normal;
font-style:italic;
font-size:19px;
text-transform:capitalize;
float:right;
border-radius: 8px;
  -moz-border-radius-topleft:8px;
  -moz-border-radius-topright:8px;
  -webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
}

.book:hover{
background: #1f579d;
color:#fff	
}

.book a{
padding:8px 12px;
color:#212121;
text-decoration:none;
}
.book a:hover{color:#fff;}

/* ----- FOOTER ------ */
#footer{width:100%; font-size:0.938em;}
.address {
color:#fff;
padding:10px 0 15px 10px;
}
.address a {
color:#fde859;
text-decoration:none;
line-height:2;
}
.address a:hover {
color:#fff;
text-decoration:underline;
}

.social {
width:99%;
background: #f4f5f5;
height:30px;
padding:0px 0 15px 5px;
}

.social img {
width:25px;
height:25px;
vertical-align: middle;
}

/* ------- CONTACT ----------- */
#textdiv-contact {width:100%; background-color:#fff; }
#textdiv-contact p {padding:5px 8px; margin:0; width:90%; font-size:0.938em;}
#textdiv-contact a{color:#C8842A; text-decoration:none; cursor:pointer;}
#textdiv-contact a:hover{ text-decoration:underline; font-style:italic;}
#textdiv-contact ul li {padding-bottom:10px; font-size:0.938em; list-style-image:none;}

form ul {list-style-type:none; padding: 10px 10px 7px 10px;}
form textarea {resize:none; width:240px;}
.forminput, .formfield {
background-color: #ffffff;
color: #232323;
border: 1px solid #1a4d8d;
padding:1px;
margin-bottom:0px;
font-size:1em;
}
.formfield {
margin-bottom:1em!important;
background-color:#daeaff!important;
padding:0.563em!important;
width:92%;
}
.resform, .formbutton {
background-color: #08416e;
border:0;
color:#fff;
font-size:1em;
cursor:hand;
cursor:pointer;
padding:4px 8px; 
border-radius:4px;
margin:0px 0px 15px 0px;
}

#Room_type{width:240px;} 
#Adults{width:240px;} 
#Children{width:240px;} 

#textdiv-contact li.comments{
	float:none;
}
/* --- MENU ---- */
.copyright {font-size:0.75em; background-color:#d8d0c5; padding:4px 0 4px 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-top:1px dotted #232323;   }
.copyright a{ color:#08416e;}
.copyright a:hover{color:#C8842A;}

/* ------- LANGUAGES -------- */
#languages{width:auto; height: 40px; display:inline-block; vertical-align:top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  float:right; display:inline-block; padding-top:15px;}
#languages a {padding-right:15px; padding-bottom:20px;}
#languages img {width:35px; height:35px;}

.grid_2 { padding-top:5px;}
.grid_2 img {margin-left:20px; margin-bottom:5px;}

.gmap {
width:373px;
height:250px;
overflow:hidden;
}