/*
  Copyright (c) 2012 yateam.gr

  Released under the GNU General Public License
  
*/
@font-face {
	font-family: 'BebasNeueRegular';
	src: url('fonts/BebasNeue-webfont.eot');
	src: url('fonts/BebasNeue-webfont.eot?#iefix')
		format('embedded-opentype'), url('fonts/BebasNeue-webfont.woff')
		format('woff'), url('fonts/BebasNeue-webfont.ttf') format('truetype'),
		url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ACGraduate';
	src: url('fonts/AC-Graduate.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ACHiSchool';
	src: url('fonts/AC-Slimthin.otf');
	font-weight: normal;
	font-style: normal;
}

/* General  Style */
html {
	overflow-x: hidden;
}

body { /* background:#a9a9a9;	 */
	/*background: url('../images/web_sign_ad.png') repeat-y transparent;*/
	/* background: url('../../images/demo/3.jpg')  no-repeat transparent; */
	background: #4d4d4d;
	/* background:#000;	 */
	FONT-SIZE: 16px;
	/* COLOR: #18455a;  */
	FONT-FAMILY: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	
}

.visibleDiv,#topLeft,#topRight,#bottomLeft,#bottomRight {
	position: fixed;
	width: auto;
	border: solid 0px #e1e1e1;
	vertical-align: middle;
	/*     background: #ffdab9;
 */
	text-align: center;
}

#topLeft {
	top: 10px;
	/* left: 10px; */
}

#topRight {
	top: 10px;
	right: 10px;
}

#bottomLeft {
	bottom: 10px;
	left: 10px;
}

#bottomRight {
	bottom: 10px;
	right: 10px;
}

p {
	FONT-SIZE: 14px;
	/* COLOR: #18455a;  */
}

H1 {
	font: normal normal 200% "Trebuchet MS", Arial, sans-serif;
	font-style: italic;
}

h2,h3 {
	FONT-SIZE: small;
}

A:link {
	COLOR: #E57D23;
	TEXT-DECORATION: none;
}

A:visited {
	COLOR: #E57D23;
	TEXT-DECORATION: none;
}

A:hover {
	COLOR: #E57D23;
	TEXT-DECORATION: underline;
}

.aboutus A:link {
	COLOR: #F2CD81;
	TEXT-DECORATION: none;
}

.aboutus A:visited {
	COLOR: #F2CD81;
	TEXT-DECORATION: none;
}

.aboutus A:hover {
	COLOR: #F2CD81;
	TEXT-DECORATION: underline;
}

.actions A{
font-weight:bold;
TEXT-DECORATION: underline;
}

img {
	z-index: 10;
	opacity: 1;
}

#index {
	padding: 0 8px 2px 8px;
}

/* up right bottom left */
#wrapper {
	width: 960px;
	height: 100%;
	/*height:500px;*/
	border: 0px solid #d4d0c8;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	color: #E57D23;
	/* opacity:0.8; */
}

#maximage
{
	width:100%;
}
#holder {
/* 	height:300px; */
	overflow: hidden;
/* 	width:300px; */
}
		
.background_slideshow {
	text-shadow: 2px 2px #E57D23;
	color: #fff;
	font-style: normal;
    font-family: 'ACHiSchool';
 	font-size: 120px;
	text-align: center;
	bottom: -35px; 
	left:0px;
	right:0px;
	position: fixed;
	 /* margin-top: 650px;  */
	 /* Rotate div */
/* transform:rotate(-7deg); */
/* -ms-transform:rotate(-7deg);  IE 9 */
/*-webkit-transform:rotate(-7deg);  Opera, Chrome, and Safari */
}


#header {
	padding-top: 3px;
	color: #fff;
	/* background:#00597b;  */
	background: rgba(0, 0, 0, .6);
	height: 180px;
	/* opacity:0.8; */
}

.menu {
	position: relative;
	z-align: 9999;
}

#button_book_right {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 8px 0 8px 16px;
	border-color: transparent transparent transparent #e57e23;
	background: #fff;
}

#button_book_left {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 8px 16px 8px 0;
	border-color: transparent #e57e23 transparent transparent;
	background: #fff;
}

.logo {
	margin-left: 0px;
}

table.menu td {
	text-align: center;
	vertical-align: top;
	padding-left: 50px;
	padding-top: 10px;
}

table.menu {
	width: 100%;
	border: 0px;
}

.team  table {
	color: #E57D23;
	/* font-weight:bold; */
}

.actions  table {
	color: #E57D23;
	text-align: justify;
	/* font-weight:bold; */
}

.sponsors  table {
	color: #E57D23;
	/* font-weight:bold; */
}

.aboutus  table {
	color: #E57D23;
	/* font-weight:bold; */
}

.aboutus p {
	color: #E57D23;
	font-size: 16px;
	/* font-weight:bold; */
}

.contact_page table {
	color: #E57D23;
	font-weight: bold;
	height: 100%;
	padding-bottom: 20px;
}

.style2 {
	vertical-align: middle;
}

.roundcorners-top {
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
	/*-moz-box-shadow: 0px 0px 5px #fff;
	-webkit-box-shadow: 0px 0px 5px #fff;
	box-shadow: 0px 0px 5px #fff;*/
}

.roundcorners-bottom {
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
	/*-moz-box-shadow: 0px 0px 5px #fff;
	-webkit-box-shadow: 0px 0px 5px #fff;
	box-shadow: 0px 0px 5px #fff;*/
}

/*
#header A {padding-left:7px;padding-right:7px;border:1px solid #00597b;}
#header A:link {COLOR: #00597b; TEXT-DECORATION: none;background:#FFF;}
#header A:visited {COLOR: #00597b; background:#FFF;TEXT-DECORATION: none;}
#header A:hover {COLOR: #800000; background:#FFF;TEXT-DECORATION: underline;}
*/
#leftcol {
	width: 150px;
	border-right: 1px solid #D4D0C8;
	padding: 5px;
	/* background:#e8e8e8; */
	background: rgba(0, 0, 0, .6);
	/* opacity:0.8; */
}

#rightcol {
	width: 200px;
	color: #fff;
	border-left: 0px solid #E57D23;
	padding: 5px;
	/* background:#434550; */
	/* background:#E57D23; */
	background: rgba(0, 0, 0, .6);
	/* opacity:0.8;  */
}

#maincol { /* height:960px;
 */
	padding: 2px;
	/* background:#ffffff; */
	/* background:#868686; */
	background: rgba(0, 0, 0, .6);
	color: #E57D23;
	border: 0px solid #E57D23;
	/* opacity:0.8;  */
}

.footer {
	color: #fff;
	TEXT-ALIGN: center;
	FONT-SIZE: smaller;
	padding: 5px;
	/* background:#434550; */
	/* background:#434550; */
	background: rgba(67, 69, 80, .6);
}

.footer A {
	padding: 1px;
	padding-left: 7px;
	padding-right: 7px;
	border: 1px solid #00597b;
}

.footer A:link {
	COLOR: #00597b;
	TEXT-DECORATION: none;
	background: #FFF;
}

.footer A:visited {
	COLOR: #00597b;
	background: #FFF;
	TEXT-DECORATION: none;
}

.footer A:hover {
	COLOR: #800000;
	background: #FFF;
	TEXT-DECORATION: underline;
}

.buttons {
	font-family: arial;
	font-size: 8pt;
	border-bottom: 1px solid #282828;
	border-right: 1px solid #282828;
	border-top: 1px solid #8794A0;
	border-left: 1px solid #8794A0;
	background-color: #E4E4E4;
}

.th {
	background: #18455A;
	text-align: center;
	font-family: verdana;
	font-weight: bold;
	color: #ffffff;
	size: 1;
}

#loading {
	position: relative;
	bottom: 9px;
	visibility: hidden;
}

textarea {
	color: #404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

label { /* text-transform:uppercase; */
	font-size: 14px;
	font-family: Tahoma, Arial, Sans-serif;
}

#form-container {
	background-color: #f5f5f5;
	padding: 15px;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}

.error {
	background-color: #AB0000;
	color: white;
	font-size: 10px;
	font-weight: bold;
	margin-top: 10px;
	/*padding:10px;*/
	text-transform: uppercase;
	width: 100%; /* 240px*/
}

.stats {
	FONT-SIZE: 12px;
	border: 1px solid;
	vertical-align: top;
}

.sliderbody {
	width: 100%;
	heigth: 200px;
	text-align: center;
	position: relative;
	overflow: hidden;
	padding-left: 20px;
	margin-top: -10px;
}

a.pager-active>div {
	background: url("/images/dot_filled.png") no-repeat scroll !important;
	display: inline;
	outline: none;
}

.bx-pager a>div {
	display: inline;
	padding: 2px;
	background: url("/images/dot_empty.png") no-repeat scroll;
	position: relative;
	top: 10px;
	outline: none;
}

.sliderframe {
	max-width: 400px;
	max-height: 100px;
	text-align: center;
}

.contact_form {
	background: #f7f2ec url('images/letter_bg.png');
	/* position:relative;top:200px;overflow:hidden; */
	width: 100%;
	opacity: 0.9;
	margin: 0px;
	padding: 0px;
	border: 1px solid #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
	-moz-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 14px #fff;
	-webkit-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
	-webkit-transition: all 1s ease-in-out .3s;
	-moz-transition: all 1s ease-in-out .3s;
	-o-transition: all 1s ease-in-out .3s;
	transition: all 1s ease-in-out .3s;
}

/* Form wrap */
.wrap {
	width: 530px;
	margin: 20px auto 0;
	height: 1000px;
	z-index: 10;
	position: relative;
}

#form_wrap {
	overflow: hidden;
	height: 446px;
	position: relative;
	top: 0px;
	-webkit-transition: all 1s ease-in-out .3s;
	-moz-transition: all 1s ease-in-out .3s;
	-o-transition: all 1s ease-in-out .3s;
	transition: all 1s ease-in-out .3s;
}

#form_wrap:before {
	content: "";
	position: absolute;
	bottom: 128px;
	left: 0px;
	background: url('images/before.png');
	width: 530px;
	height: 316px;
}

#form_wrap:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	background: url('images/after.png');
	width: 530px;
	height: 260px;
}

#form_wrap.hide:after,#form_wrap.hide:before {
	display: none;
}

#form_wrap:hover {
	height: 776px;
	top: -200px;
}

.wrap form {
	background: #f7f2ec url('images/letter_bg.png');
	position: relative;
	top: 200px;
	overflow: hidden;
	height: 200px;
	width: 400px;
	margin: 0px auto;
	padding: 20px;
	border: 1px solid #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
	-moz-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 14px #fff;
	-webkit-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
	-webkit-transition: all 1s ease-in-out .3s;
	-moz-transition: all 1s ease-in-out .3s;
	-o-transition: all 1s ease-in-out .3s;
	transition: all 1s ease-in-out .3s;
}

#form_wrap:hover form {
	height: 530px;
}

.wrap label {
	margin: 11px 20px 0 0;
	/* font-size: 16px; color: #b3aba1; */
	font-size: 16px;
	color: #E57D23;
	/* text-transform: uppercase;  */
	text-shadow: 0px 1px 0px #fff;
}

.wrap input[type=text],textarea {
	font: 14px normal normal uppercase helvetica, arial, serif;
	/* color: #7c7873;background:none; */
	color: #E57D23;
	background: none;
	width: 380px;
	height: 36px;
	padding: 0px 10px;
	margin: 0 0 10px 0;
	border: 1px solid #f8f5f1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0px 0px 1px #726959;
	-webkit-box-shadow: inset 0px 0px 1px #b3a895;
	box-shadow: inset 0px 0px 1px #b3a895;
}

.wrap textarea {
	height: 120px;
	padding-top: 14px;
}

.wrap textarea:focus,input[type=text]:focus {
	background: rgba(255, 255, 255, .35);
}

#form_wrap input[type=submit] {
	position: relative;
	font-family: 'YanoneKaffeesatzRegular';
	/* font-size:24px; color: #7c7873;text-shadow:0 1px 0 #fff; */
	font-size: 24px;
	color: #E57D23;
	text-shadow: 0 1px 0 #fff;
	width: 100%;
	text-align: center;
	opacity: 0;
	background: none;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: opacity .6s ease-in-out 0s;
	-moz-transition: opacity .6s ease-in-out 0s;
	-o-transition: opacity .6s ease-in-out 0s;
	transition: opacity .6s ease-in-out 0s;
}

#form_wrap:hover input[type=submit] {
	z-index: 1;
	opacity: 1;
	-webkit-transition: opacity .5s ease-in-out 1.3s;
	-moz-transition: opacity .5s ease-in-out 1.3s;
	-o-transition: opacity .5s ease-in-out 1.3s;
	transition: opacity .5s ease-in-out 1.3s;
}

#form_wrap:hover input:hover[type=submit] {
	color: #435c70;
}

#submit_button {
	padding: 3px 3px 3px 3px;
	background: #ccc;
	border: 0 none;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.pure-button {
	font-family: inherit;
	font-size: 100%;
	*font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
	*overflow: visible;
	/*IE 6/7 - Because of IE's overly large left/right padding on buttons */
	padding: 0.5em 1em;
	color: #E57D23; /* rgba not supported (IE 8) */
	/* color: rgba(0, 0, 0, 0.80); /* rgba supported */ */
	*color: #E57D23; /* IE 6 & 7 */
	border: 1px solid #999; /*IE 6/7/8*/
	border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/
	/* background-color: #E6E6E6; */
	background-color: #fff;
	text-decoration: none;
	border-radius: 2px;
}

.pure-button-hover,.pure-button:hover,.pure-button:focus {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',
		endColorstr='#1a000000', GradientType=0 );
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent),
		color-stop(40%, rgba(0, 0, 0, 0.05) ), to(rgba(0, 0, 0, 0.10) ) );
	background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)
		40%, rgba(0, 0, 0, 0.10) );
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%,
		rgba(0, 0, 0, 0.10) );
	background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.05)
		40%, rgba(0, 0, 0, 0.10) );
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%,
		rgba(0, 0, 0, 0.10) );
}

.pure-button:focus {
	outline: 0;
}

.pure-button-active,.pure-button:active {
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px
		rgba(0, 0, 0, 0.20) inset;
}

.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active
	{
	border: none;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=  false );
	filter: alpha(opacity = 40);
	-khtml-opacity: 0.40;
	-moz-opacity: 0.40;
	opacity: 0.40;
	cursor: not-allowed;
	box-shadow: none;
}

.pure-button-hidden {
	display: none;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected
	{
	background-color: rgb(0, 120, 231);
	color: #fff;
}