@charset "UTF-8";
/* ------------------------------------------------------------------------------------------------------------------------------ */
/* -------------------------- SCREEN - THE STYLES FOR THE SCREEN MEDIA ---------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------ */


/* General Styles------------------------------------------------------------------------------- */
body {
	background-color: #FDD160;
	background-image: url(../../graphics/gui/bg_body.gif);
	background-repeat: no-repeat;
	background-position: center 330px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
#pages {
	background-position: center top;
}

#bodyCurtain {
	background-color: #4E3622;
	background-image: none;
}


p {
	margin-bottom: 5px;
}
h1 {
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
}
h3 {
	padding: 5px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
}
h4 {
}
h5 {
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	margin-bottom: 10px;
}
th {
	text-align: center;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	background-color: #666;
}
td {
	padding: 2px;
	font-weight: bold;
}
.normalUl {
	margin: 5px;
}
.normalUl li {
	margin-left: 20px;
	list-style-type: circle;
	margin-bottom: 5px;
}
.normalUl li a {
	color: #900;
	text-decoration: none;
}
.normalUl li a:hover {
	text-decoration: underline;
}

.padding {
	padding: 10px;
}

/* Content Styles---------------------------------------------------------------------------------- */
.wrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
/* Header Styles----------------------------------------------------------------------------- */
#header {
	background-image: url(../../graphics/gui/bg_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 150px;
	position: relative;
}
#header .wrapper {
	width: 1042px;
}
#topAdds {
	position: absolute;
	right: 40px;
	top: 10px;
}
#topAdds li {
	display: inline;
}
#topAdds li a {
	display: block;
	float: right;
	height: 15px;
	width: 90px;
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 77px;
	text-align: center;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
#topAdds li a:hover {
	color: #FFF;
	text-decoration: underline;
}

#logo a {
	display: block;
	height: 220px;
	width: 367px;
	background-image: url(../../graphics/logo/header_logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	position: absolute;
	left: 71px;
	top: 60px;
}
#stamp a {
	display: block;
	text-indent: -9999px;
	height: 148px;
	width: 123px;
	position: absolute;
	top: 140px;
	right: 71px;
	background-image: url(../../graphics/logo/header_stamp.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* Navigation Styles-------------------------------------------------------------------------------- */
#mainNav .TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
#mainNav .TabbedPanelsTabGroup {
	padding: 0px;
	width: 900px;
	height: 75px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#mainNav .TabbedPanelsTab a:link, #mainNav .TabbedPanelsTab a:visited, #mainNav .TabbedPanelsTab a:active {
	display: block;
	position: relative;
	float: left;
	-moz-user-select: none;
	-khtml-user-select: none;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 105px;
}
#mainNav .TabbedPanelsTab a:hover {
	background-position: left -105px;
}

#mainNav .TabbedPanelsTabHover {
	background-position: left -105px;
}
#mainNav .TabbedPanelsTabSelected a {
	background-position: left -105px;
}
#mainNav .TabbedPanelsTab a {
}
#mainNav .TabbedPanelsContentGroup {
	clear: both;
}
#mainNav .TabbedPanelsContent {
}
#mainNav .TabbedPanelsContentVisible {
}

#langNav {
	width: 100px;
	margin-right: auto;
	margin-left: auto;
}
#langNav li {
	display: inline;
}
#langNav a {
	display: block;
	float: left;
	width: 50px;
	text-indent: -9999px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
}


/* Footer Styles-------------------------------------------------------------------------------------- */
#siteInfo {
	text-align: center;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	
}
#siteInfo p {
	font-size: 10px;
	color: #333;
}
#siteInfo a {
	color: #333;
}
#bodyCurtain #siteInfo {
	padding-top: 20px;
	width: 800px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}
#bodyCurtain #siteInfo p {
	color: #FFF;
}
#bodyCurtain #siteInfo a {
	color: #FFF;
}

/* Content Styles-------------------------------------------------------------------------------------- */

.containerTop {
	line-height: 0px;
	background-image: url(../../graphics/panels/content_top.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 20px;
}
.containerBottom {
	line-height: 0px;
	background-image: url(../../graphics/panels/content_bottom.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 20px;
}
.container {
	padding-right: 20px;
	padding-left: 20px;
}
.containerBg {
	background-image: url(../../graphics/panels/content_middle.png);
	background-repeat: repeat-y;
	background-position: center top;
	padding-right: 20px;
	padding-left: 20px;
}

.sideLeft {
	float: left;
	width: 300px;
}
.contentTwo {
	float: right;
	width: 430px;
	padding-top: 15px;
}
.photoTop {
	line-height: 0px;
	background-image: url(../../graphics/panels/photo_top.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 20px;
}
.photoBottom {
	line-height: 0px;
	background-image: url(../../graphics/panels/photo_bottom.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 20px;
}
.photoMiddle {
	background-image: url(../../graphics/panels/photo_middle.png);
	background-repeat: repeat-y;
	background-position: center top;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}
#titleMain {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/main.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
}
#titleHistory {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/history.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
}
#titleMayor {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/mayor.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
}
#titlePepi {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/pepi.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
}
#titleSponsor1 {
	display: block;
	height: 35px;
	width: 100%;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/sponsor1.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 10px;
	clear: both;
}
#titleSponsor2 {
	display: block;
	height: 35px;
	width: 100%;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/sponsor2.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 10px;
	clear: both;
}
#titleSponsor3 {
	display: block;
	height: 35px;
	width: 100%;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/sponsor3.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 10px;
	clear: both;
}
#titleSponsor4 {
	display: block;
	height: 35px;
	width: 100%;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/sponsor4.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 10px;
	clear: both;
}

#titlePliromata {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/pliromata.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}
#titleOmades {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/omades.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}
#titleSafetyInstructions {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/odigiesasfalias.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}
#titleAttention {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/prosoxi.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}
#titleUsefulTel {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/tilefona.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}
#titleVisitors {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/episkeptes.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}
#titleHowtocome {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/posthaertheis.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}
#titleHotels {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/hotels.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}
#titleDeltia {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/deltia.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}

#titleParking {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/parking.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}
#titleGallery {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/gallery.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}
#titleContact {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/contact.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}
#en #titleMain {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/main_en.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
}
#en #titleHistory {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/history_en.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
}
#en #titleMayor {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/mayor_en.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
}
#en #titlePepi {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/pepi_en.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
}
#en #titleSponsor1 {
	display: block;
	height: 35px;
	width: 100%;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/sponsor1_en.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 10px;
	clear: both;
}
#en #titleSponsor2 {
	display: block;
	height: 35px;
	width: 100%;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/sponsor2_en.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 10px;
	clear: both;
}
#en #titleSponsor3 {
	display: block;
	height: 35px;
	width: 100%;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/sponsor3_en.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 10px;
	clear: both;
}
#en #titleSponsor4 {
	display: block;
	height: 35px;
	width: 100%;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/sponsor4_en.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 10px;
	clear: both;
}
#en #titlePliromata {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/pliromata_en.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}
#en #titleOmades {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/omades_en.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}
#en #titleSafetyInstructions {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/odigiesasfalias_en.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}
#en #titleAttention {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/prosoxi_en.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}
#en #titleUsefulTel {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/tilefona_en.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}
#en #titleVisitors {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/episkeptes_en.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}
#en #titleHowtocome {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/posthaertheis_en.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}
#en #titleHotels {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/hotels_en.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}
#en #titleDeltia {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/deltia_en.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}

#en #titleParking {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/parking_en.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}
#en #titleGallery {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/gallery.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}
#en #titleContact {
	display: block;
	height: 35px;
	text-indent: -9999px;
	background-image: url(../../graphics/titles/contact_en.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
	clear: both;
}

#sponsors {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	margin-bottom: 20px;
}
.sponsors {
}

#grandSponsors {
	padding-left: 190px;
}
#grandSponsors li {
	display: inline;
}
#grandSponsors a {
	text-indent: -9999px;
	display: block;
	float: left;
	height: 150px;
	width: 210px;
	background-repeat: no-repeat;
	background-position: center center;
}

#normalSponsors {
	padding-left: 10px;
}
#normalSponsors li {
	display: inline;
}
#normalSponsors a {
	text-indent: -9999px;
	display: block;
	float: left;
	height: 90px;
	width: 130px;
	background-repeat: no-repeat;
	background-position: center center;
}

#supportSponsors {
	padding-left: 100px;
}
#supportSponsors li {
	display: inline;
}
#supportSponsors a {
	text-indent: -9999px;
	display: block;
	float: left;
	height: 65px;
	width: 100px;
	background-repeat: no-repeat;
	background-position: center center;
}
#comSponsors {
	padding-left: 25px;
}
#comSponsors li {
	display: inline;
}
#comSponsors a {
	text-indent: -9999px;
	display: block;
	float: left;
	height: 90px;
	width: 150px;
	background-repeat: no-repeat;
	background-position: center center;
}

/* Curtain Styles-------------------------------------------------------------------------------------- */
#curtain {
	height: 525px;
	text-align: center;
	background: #4f3722 url('../../graphics/scripts/curtain/darkcurtain.jpg') repeat-x;
	position: relative;
}
img {
	border: none;
}
.leftcurtain {
	width: 50%;
	height: 495px;
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 2;
}
.rightcurtain {
	width: 51%;
	height: 495px;
	right: 0px;
	top: 0px;
	position: absolute;
	z-index: 3;
}
.rightcurtain img, .leftcurtain img {
	width: 100%;
	height: 100%;
}
.logo {
	margin: 0px auto;
	margin-top: 150px;
}
.rope {
	position: absolute;
	top: -40px;
	left: 70%;
	z-index: 4;
}

#city {
	height: 100px;
	background-image: url(../../graphics/banners/city.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-indent: -9999px;
	margin-bottom: 30px;
}.smallThumbs li {
	display: inline;
}
.smallThumbs a {
	display: block;
	float: left;
	width: 130px;
	height: 120px;
	overflow: hidden;
	margin: 5px;
}
.smallThumbs img {
	height: 120px;
}

/* Omades Styles-------------------------------------------------------------------------------- */
.boxgrid a {
	color:#FFF;
}
.boxgrid h3 {
	color:#FFF;
	letter-spacing:-1px;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5;
	margin-left: 5px;
	font-family: Arial, sans-serif;
	font-size: 14px;
}
.boxgrid {
	width: 100px;
	height: 100px;
	float:left;
	background:#161613;
	overflow: hidden;
	position: relative;
	margin-right: 3px;
	margin-bottom: 3px;
}
.boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	width: 200px;
}
.boxgrid p {
	color:#afafaf;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}
.boxcaption {
	float: left;
	position: absolute;
	background: #000;
	height: 100px;
	width: 100%;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
	top: 186;
	left: 0;
}
.caption .boxcaption {
	top: 186;
	left: 0;
}
.crewTitle a {
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 1px;
}

.crewTitle a {
	text-decoration: none;
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 1px;
}
.crewTitle a:hover {
	text-decoration: underline;
}

/* Admin Styles */
#adminBody {
	background-image: none;
	background-color: #FFF;
}


#adminHeader {
	height: 180px;
	background-color: #E6712B;
	position: relative;
	background-image: url(../../graphics/headers/bg_home.gif);
	background-repeat: no-repeat;
	background-position: -380px top;
}
#adminLogo a {
	background-image: url(../../graphics/admin/logo_admin.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	width: 200px;
	position: absolute;
	top: 20px;
	left: 20px;
	display: block;
	text-indent: -9999px;
}
#adminNav {
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #333;
	padding-left: 20px;
}
#adminNav ul {
	margin: 0px;
	padding: 0px;
}
#adminNav li {
	display: inline;
	list-style-type: none;
}
#adminNav a:link, #adminNav a:visited, #adminNav a:active {
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	display: block;
	float: left;
	height: 20px;
	margin-right: 10px;
	padding-right: 10px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFF;
}
#adminNav a:hover, #adminNav a.current:link, #adminNav a.current:visited {
	color: #F00;
	border-right-color: #F00;
}
.adminSubNav {
	position: absolute;
	width: 300px;
	right: 20px;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	top: 130px;
}
.adminSubNav h1 {
	color: #FFF;
	font-family: "Arial Black", Gadget, sans-serif;
	letter-spacing: 1px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.adminSubNav p {
	margin-top: 0px;
	color: #FFF;
	letter-spacing: 1px;
}
#adminContent {
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}