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

@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i&subset=greek');

html{
	margin:0;
	padding:0;
	/* background-color:#9D0A0E; */
}

body {
	margin:0;
	padding:0;
	font-family:"Noto Serif";
	background-color:#fff;
	
	color:#222;
	font-size:15px;
	
    box-sizing: border-box;
	background-color:#593718;
	
    /* background: -webkit-linear-gradient(#301906, #684223); /* For Safari 5.1 to 6.0 */
    /* background: -o-linear-gradient(#301906, #684223); /* For Opera 11.1 to 12.0 */
    /* background: -moz-linear-gradient(#301906, #684223); /* For Firefox 3.6 to 15 */
    /* background: linear-gradient(#301906, #684223); /* Standard syntax */
	
    background: -webkit-linear-gradient(#1b324a, #37597d); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1b324a, #37597d); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1b324a, #37597d); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1b324a, #37597d); /* Standard syntax */
	
	background-repeat:repeat-x;
	background-size: auto 9em;
}

a {
	color:#4a331b;
	text-decoration:underline;
}
a:hover {
	color:#000000;
}

header {
	margin:0 auto;
	padding-top:1.5em;
	
	background-image:url(../img/header_bck.png);
	background-position:right top;
	background-repeat:no-repeat;
}
header address {
	background-color:#000;
	color:#eee;
	font-size:1em;
	font-style:normal;
	padding-top:.5em;
	padding-bottom:.5em;
	letter-spacing:.06em;
	margin-top:2em;
	font-size:.9em;
}
header address a {
	color:#eee;
	text-decoration:underline;
}
.content, main{
	width:800px;
	margin:0 auto;
	padding-left:1em;
	padding-right:1em;
}

header nav ul {
	list-style:none;
	display:block;
	width:100%;
	padding-left:0;
}
/*
header nav a {
	display:inline-block;
	margin-left:1em;
}header nav a::after {
	margin-left:1em;
	color:#fff;
	font-size:1.2em;
	content:"|";
}header nav a:last-child::after, header nav ul li:first-child::after {
	content:"";
}header nav a:last-child::after {
	margin-left:0em;
	content:"";
}
header nav a:first-child{
	margin-left:0em;
	padding:0px;
}
header nav a:first-child::after{
	margin-right:0em;
}
*/
header nav a {
	display:inline-block;
	font-weight:bold;
	font-size:15px;
	letter-spacing:1px;
	text-decoration:none;
	color:#fff;
}
header nav a hr {
	height:1px;
	background-color:#fff;
	border:none;
	width:13.5em;
	margin: 0px;
	
	margin-top:1em;
	margin-bottom:.2em;
}
header a:hover, header .selected {
	color:#eae8b2;
}
header .selected hr {
	background-color:#eae8b2;
}
header nav a:hover hr {
	background-color:#eae8b2;
}

#logo{
	font-size:.9em;
	letter-spacing:.287em;
	width:187px;
}

#logo::first-line{
	font-size:1.05em;
	font-weight:normal;
	letter-spacing:.08em;
}
/*
header nav:first-child{
	border-right:solid 1px #FFFFFF;
}
*/
main {
	margin-top:2em;
}


h1 {
	text-align:center;
	color:#999;
	font-weight:bold;
	font-size:1.2em;
	text-transform: uppercase;
	letter-spacing:.1em;
}


h2 {
	text-align:center;
	color:#4a331b;
	font-weight:bold;
	font-size:1.2em;
	text-transform: uppercase;
	letter-spacing:.08em;
	line-height:1.7em;
}
h2 span {
	text-transform:none;
	font-weight:normal;
}

h3 {
	color:#4a331b;
	font-weight:bold;
	font-size:1.1em;
	letter-spacing:.08em;
	line-height:1.7em;
	margin-bottom:0em;
}

.lowercase {
	font-variant:normal;
}

main p {
	line-height:1.8em;
	text-align:justify;
}
/*
main p:first-of-type::first-letter {
	font-weight:bold;
	font-size:3.5em;
	text-transform: uppercase;
	color:#4a331b;
	float:left;
	margin-top:.2em;
	margin-right:.1em;
}
*/
.first-letter {
	font-weight:bold;
	font-size:3.5em;
	text-transform: uppercase;
	color:#4a331b;
	float:left;
	margin-top:.2em;
	margin-right:.1em;
}

.decoration {
	float:right;
	margin-left:1.3em;
	margin-bottom:1.3em;
	margin-top:.6em;
}

.decoration-left {
	float:left;
	margin-right:1.3em;
	margin-bottom:1.3em;
	margin-top:.6em;
}

main ul li {
	margin-bottom:1em;
}

.button {
	display:block;
	padding:.5em 1em .5em 1em;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
}.button:hover {
	background-color:#000000;
	color:#FFF;
}
.button img {
	margin-left:.5em;
}

















 /* Navbar container */
.navbar {
  overflow: hidden;
  margin-top:10px;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  text-align: center;
  padding: 0 14px 0 16px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
	
	font-weight:bold;
	font-size:15px;
	letter-spacing:1px;
	
	
  border: none;
  outline: none;
  color: white;
  padding: 0 14px 0 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  /*background-color: red;*/
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: #444;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #000;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
} 

.listtable td {
	padding-top:10px;
}









#gototopBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 10px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 15px; /* Increase font size */
}

#gototopBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}