@charset "utf-8";
body {font: 100%/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif;	margin: 0;	padding: 0;	color: #00498E; min-height:100%;}

ul, ol, dl {padding: 0;	margin: 0;}
h1, h2, h3, h4, h5, h6, p {margin-top: 0; padding-right: 15px; padding-left: 15px;}
h1, h2, h3, h4, h5, h6 {color:#8C3400; font-style:italic;}
h1{font-size:1.5em; font-weight:normal; margin:10px 0;}
h2{font-size:1.2em; font-weight:normal; margin:10px 0;}
h3{font-size:1.1em; font-weight:normal;}
a img{border: none;}
p {margin-top:0.5em;}

a:link {color:#fff;	text-decoration: underline;}
a:visited {color: #fff;	text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;}

/*.bg{background: rgba(255,255,255,0.8); width:100%; height:100%; position: fixed; z-index:-1;}*/
.bgHorizontal{background: rgba(255,255,255,0.8); width:100%; height:36px; position: absolute; z-index:-1;}
.header {width:60%;height:100px; max-width:1200px; margin:auto;}
.content {width:96%; max-width:1200px; margin:auto; background: rgba(255,255,255,0.8); padding:2%;border-radius: 5px;}
.content .gallery {padding-left:10px;}
.content .gallery img {padding: 5px; border:0;filter:alpha(opacity=80);-moz-opacity: 0.80;opacity: 0.8;}
.content .gallery img:hover{filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
.logo img{width:15%; max-width:300px; min-width:158px; position:absolute;}
.lysiteleia{position:absolute; bottom:10px; right:220px; z-index:1000; font-size:0.7em;}
.lysiteleia a{color:#ccc; text-decoration:none;}
.facebook{position:absolute; bottom:10px; right:100px; z-index:1000;}
.fltrt {float: right; margin-left: 8px;}
.fltlft {float: left; margin-right: 8px;}
.clearfloat {clear:both; height:0; font-size: 1px;line-height: 0px;}
.paddingTop {padding-top:20px;}
.hidemobile {display:none;}
.mobtop {position:absolute; width:100%; text-align:center; top:3px; color: #742F00; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size:1.1em;}
.mobtop a {color: #742F00; text-decoration:none;}
.bgfooter{height:40px; width:100%; background-color:rgba(0,0,0,0.62); z-index:1000; position: absolute; bottom:0 }
.left50{width:100%; padding-right:0%; float:none; text-align:center;}
.right50{width:100%; padding-left:0%; float:none; text-align:center;}
img.width100{width:100%; height:auto;}


@media only screen and (min-width: 600px) {
.bg{width:60%; margin:0 20%;}
.bgHorizontal{height:75px;}
.hidemobile {display:block;}
.content {width:60%; border-radius:15px 50px;}
.hidedesktop {display:none;}
.left50{width:49%; padding-right:1%; float:left;}
.right50{width:49%; padding-left:1%; float:right;}
}



/*   MENU   */
.menu {min-height:45px; line-height: 1em; margin-left:80px;}
.menu a{ color:#005093; text-decoration:none;}
.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 0.6%; 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:#fff; border-top:1px solid #8FB2D3; border-radius: 10px 10px 0 0}
.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;}