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

/*  
 Reset
by E. Meyer
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
----------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a img {
	border:0;
}
/* Reset ends here
----------------------------------------------------*/

body{
	text-align: center;
	font-size: 75%;
	font-family:Arial, Helvetica, sans-serif;
	background: #33aa88;
	height: 100%;
}

html>body{
	font-size: 11px;
}

/*--------------------------------------------------*/

/*
	initial divs
----------------------------------------------------*/
#wrapper{
	float: left;
	text-align: left;
	width: 950px;
	height: 100%;
	background: transparent;
}

#indeximg_holder
{
	float: left;
	width:500px;
	height:800px;
	background: url(../img/bgimage_index.jpg) no-repeat top left;
}

#container{
	float: left;
	width: 400px;
	margin-left: 45px;
}

#image_holder{
	float: left;
	width: 371px;
	height: 600px;
	margin-top: 33px;
}
	

/*
	end of initial divs
----------------------------------------------------*/


#logo{
	float: left;
	width: 241px;
	height: 93px;
	/*background: url(../img/logo.gif) no-repeat top left;*/
	margin-top: 13px;
	margin-left: 133px;
}

#container_inner{
	float: left;
	width: 369px;
	/*height: 412px;*/
	margin-top: 16px;
}

#navigation{
	float: left;
	width: 119px;
	height: 111px;
	background: url(../img/navigation.gif) no-repeat top left;
	margin-top: 17px;
}

#content{
	float: left;
	width: 250px;
	/*height: 412px;*/
	/*background: url(../img/content.gif) no-repeat left bottom;*/
	background: transparent;
}

.top_content{
	float: left;
	background: url(../img/top_index.gif) no-repeat;
	width: 250px;
	height: 9px;
}

.top_xenwnas{
	float: left;
	background: url(../img/top_xenwnas.gif) no-repeat;
	width: 250px;
	height: 30px;
}

.top_estiatorio{
	float: left;
	background: url(../img/top_estiatorio.gif) no-repeat;
	width: 250px;
	height: 30px;
}

.top_ekdilwseis{
	float: left;
	background: url(../img/ekdilwseis.gif) no-repeat;
	width: 250px;
	height: 48px;
}

.top_drastiriotites{
	float: left;
	background: url(../img/top_drastiriotites.gif) no-repeat;
	width: 250px;
	height: 37px;
}

.top_contact{
	float: left;
	background: url(../img/top_contact.gif) no-repeat;
	width: 250px;
	height: 30px;
}

.top_content_cost{
	float: left;
	background: url(../img/top_cost.gif) no-repeat;
	width: 250px;
	height: 3px;
}

.bottom_content{
	float: left;
	background: url(../img/bottom_global.gif) no-repeat ;
	width: 250px;
	height: 11px;
}

.bottom_content_cost{
	float: left;
	background: url(../img/bottom_cost.gif) no-repeat ;
	width: 250px;
	height: 6px;
}

.shadow{
	float: left;
	background: #255;
	width: 250px;
}

.main_content{
	float: left;
	background: #eff;
	width: 247px;
}

#image_holder img{
	float: left;
	margin-left: -56px;
}

#nav{
	margin-left: 10px;
	width: 119px;
}
	
#nav01 a{
	width: 54px;
	height: 10px;
	background:url(../img/xenwnas.png) no-repeat;
	text-decoration:none;
}

#nav01 a:hover{
	background:url(../img/xenwnas_rollover.png) no-repeat left;
}

#nav01 a.selected{
	background:url(../img/xenwnas_rollover.png) no-repeat left;
}


#nav02 a{
	width: 69px;
	height: 10px;
	background:url(../img/estiatorio.png) no-repeat left;
	text-decoration:none;
}

#nav02 a:hover{
	background:url(../img/estiatorio_rollover.png) no-repeat left;
}

#nav02 a.selected{
	background:url(../img/estiatorio_rollover.png) no-repeat left;
}

#nav03 a{
	width: 74px;
	height: 10px;
	background:url(../img/ekdilwseis.png) no-repeat left;
	text-decoration:none;
}

#nav03 a:hover{
	background:url(../img/ekdilwseis_rollover.png) no-repeat left;
}

#nav03 a.selected{
	background:url(../img/ekdilwseis_rollover.png) no-repeat left;
}


#nav04 a{
	width: 99px;
	height: 10px;
	background:url(../img/drastiriotites.png) no-repeat left;
	text-decoration:none;
}

#nav04 a:hover{
	background:url(../img/drastiriotites_rollover.png) no-repeat left;
}

#nav04 a.selected{
	background:url(../img/drastiriotites_rollover.png) no-repeat left;
}

#nav05 a{
	width: 81px;
	height: 10px;
	background:url(../img/contact.png) no-repeat left;
	text-decoration:none;
}

#nav05 a:hover{
	background:url(../img/contact_rollover.png) no-repeat left;
}

#nav05 a.selected{
	background:url(../img/contact_rollover.png) no-repeat left;
}


#nav01{
	width: 54px;
	height: 10px;
	margin-top: 8px;
}

#nav02{
	width: 77px;
	height: 10px;
	margin-top: 12px;
}

#nav03{
	width: 74px;
	height: 10px;
	margin-top: 11px;
}

#nav04{
	width: 90px;
	height: 10px;
	margin-top: 11px;
}

#nav05{
	width: 81px;
	height: 10px;
	margin-top: 11px;
}

#content p{
	width: 215px;
	color:#3d6c6c;
	font-size: 12px;
	margin-top: 6px;
	margin-left: 10px;
}

/*
	Page restaurant
----------------------------------------------*/

#resimg_holder
{
	float: left;
	width:500px;
	height:800px;
	background: url(../img/bgimage_res.jpg) no-repeat top left;
}


#content_res{
	float: left;
	width: 250px;
	background: transparent;
}

#content_res p{
	width: 215px;
	color:#3d6c6c;
	font-size: 12px;
	margin-left: 10px;
}

/*
	Page ekdilwseis
--------------------------------------------*/

#ekdimg_holder
{
	float: left;
	width:500px;
	height:800px;
	background: url(../img/bgimage_ekd.jpg) no-repeat top left;
}


#content_ekd{
	float: left;
	width: 250px;
	background: transparent;
}

#content_ekd p{
	width: 230px;
	color:#3d6c6c;
	font-size: 12px;
	margin-left: 10px;
}


/*
	Page drastiriotites
-----------------------------------------------*/


#drasimg_holder
{
	float: left;
	width:500px;
	height:800px;
	background: url(../img/bgimage_dra.jpg) no-repeat top left;
}


#content_dras{
	float: left;
	width: 250px;
	background: transparent;
}

#content_dras p{
	width: 215px;
	color:#3d6c6c;
	font-size: 12px;
	margin-left: 10px;
}

#content_dras a{
	font-weight: bold;
	color: #255;
}

/*
	Page Contact
------------------------------------------------*/

#conimg_holder
{
	float: left;
	width:500px;
	height:800px;
	background: url(../img/bgimage_con.jpg) no-repeat top left;
}


#content_con{
	float: left;
	width: 250px;
	background: transparent;
	
}

#content_con p{
	width: 215px;
	color:#3d6c6c;
	font-size: 12px;
	margin-left: 10px;
}

#album{
	float: left;
	width: 119px;
	height: 151px;
	/*background: url(../img/album.gif) no-repeat top left;*/
	margin-top: 65px;
}

#content_con a{
	font-weight: bold;
	color: #255;
}


/*
	Page Xenwnas
-----------------------------------------------------*/

#xenimg_holder
{
	float: left;
	width:500px;
	height:800px;
	background: url(../img/bgimage_xen.jpg) no-repeat top left;
}


#content_xen{
	float: left;
	width: 250px;
	background: transparent;
}

#content_xen p{
	width: 215px;
	color:#3d6c6c;
	font-size: 12px;
	margin-left: 10px;
}

.content_cost{
	float:left;
	width: 250px;
	margin-top: 5px;
	margin-left: 120px;
}

/*   
	Table Cost
----------------------------------------------------*/



#mytable{
	width: 225px;
	margin-left:10px;
	margin-top: 4px;
}

th{
	font: bold 11px Arial, Helvetica, sans-serif;
	border-bottom: 2px solid #306060;
	text-align: center;
	width: 250px;
	height: 5px;
	/*background: url(../img/low_prices.png)*/
}

td{
	border-right: 1px solid #306060;
	border-bottom: 1px solid #306060;
	width: 150px;
}

.pads{
	height: 20px;
	vertical-align:middle;
	color: #306060;
}

.pads_left{
	height: 20px;
	vertical-align:middle;
	text-align: center;
	color: #306060;
}
.pads_right{
	height: 20px;
	vertical-align:middle;
	border-right: 0;
	text-align: center;
	color: #306060;
}

.pads_bottom{
	height: 20px;
	vertical-align:middle;
	border-bottom: 0;
	color: #306060;
}

.pads_bottom_left{
	height: 20px;
	vertical-align:middle;
	text-align: center;
	border-bottom: 0;
	color: #306060;
}

.pads_bottom_right{
	height: 20px;
	vertical-align:middle;
	text-align: center;
	border-bottom: 0;
	border-right: 0;
	color: #306060;
}


#top{
	background:url(../img/top_img.gif) no-repeat top left;
	width: 214px;
	height: 4px;
}



#img_nav{
	background: #255;
	width: 214px;
	height: 25px;
}


.previous{
	float:left;
	background: url(../img/previous.gif) no-repeat top left;
	width: 21px;
	height:17px;
	margin-right: -5px;
}

.next{
	float: left;
	background:url(../img/next.gif) no-repeat top left;
	width:21px;
	height: 17px;
	margin-left: 3px;
}

.dot{
	float:left;
	background:url(../img/dot.gif) no-repeat top left;
	width: 11px;
	height: 16px;
	/*margin-top: 3px;*/
}

.photo_label{
	float: left;
	/*background: url(../img/photo_label.png) no-repeat top left;*/
	width: 76px;
	height: 11px;
	margin-left: 65px;
	margin-right: -35px;
	margin-top: 2px;
}

.dotted_line{
	float: left;
	clear: both;
	background: url(../img/dotted_line.png) no-repeat top left;
	width: 205px;
	height: 1px;
	margin-left: 4px;
}
/* 
	Handled by Javascript
---------------------------------------------*/
.testing a:hover .previous{
	background: url(../img/previous_rollover.gif) no-repeat top left;
	width: 21px;
	height:17px;
}

.testing a:hover .next{
	float: left;
	background:url(../img/next_rollover.gif) no-repeat top left;
	width:21px;
	height: 17px;
}

.testing a:hover .dot{
	float:left;
	background:url(../img/white_dot.gif) no-repeat top left;
	width: 11px;
	height: 16px;
}

.testing a.selected .dot{
	float:left;
	background:url(../img/white_dot.gif) no-repeat top left;
	width: 11px;
	height: 16px;
}

.dot_selected{
	float:left;
	background:url(../img/white_dot.gif) no-repeat top left;
	width: 11px;
	height: 16px;
}

.next_inactive{
	float: left;
	background:url(../img/next_rollover.gif) no-repeat top left;
	width:15px;
	height: 16px;
	margin-left: 3px;
}

.previous_inactive{
	float: left;
	background:url(../img/previous_rollover.gif) no-repeat top left;
	width:15px;
	height: 16px;
	margin-right: 1px;
}

.padbot{
	padding-bottom: 10px;
}

.padbot_alt{
	padding-bottom: 6px;
}


/*
	English navigation
-------------------------------------------------*/

ul#nav li#nav01_en a{
	width: 37px;
	height: 11px;
	background:url(../img/hotel.png) no-repeat left;
	text-decoration:none;
}

ul#nav li#nav01_en a:hover{
	background:url(../img/hotel_rollover.png) no-repeat left;
}

ul#nav li#nav01_en a.selected{
	background:url(../img/hotel_rollover.png) no-repeat left;
}


ul#nav li#nav02_en a{
	width: 75px;
	background:url(../img/restaurant.png) no-repeat left;
	text-decoration:none;
}

ul#nav li#nav02_en a:hover{
	background:url(../img/restaurant_rollover.png) no-repeat left;
}

ul#nav li#nav02_en a.selected{
	background:url(../img/restaurant_rollover.png) no-repeat left;
}

ul#nav li#nav03_en a{
	width: 76px;
	background:url(../img/receptions.png) no-repeat left;
	text-decoration:none;
}

ul#nav li#nav03_en a:hover{
	background:url(../img/receptions_rollover.png) no-repeat left;
}

ul#nav li#nav03_en a.selected{
	background:url(../img/receptions_rollover.png) no-repeat left;
}


ul#nav li#nav04_en a{
	width: 71px;
	background:url(../img/activities.png) no-repeat left;
	text-decoration:none;
}

ul#nav li#nav04_en a:hover{
	background:url(../img/activities_rollover.png) no-repeat left;
}

ul#nav li#nav04_en a.selected{
	background:url(../img/activities_rollover.png) no-repeat left;
}

ul#nav li#nav05_en a{
	width: 53px;
	background:url(../img/contact_en.png) no-repeat left;
	text-decoration:none;
}

ul#nav li#nav05_en a:hover{
	background:url(../img/contact_en_rollover.png) no-repeat left;
}

ul#nav li#nav05_en a.selected{
	background:url(../img/contact_en_rollover.png) no-repeat left;
}


#nav #nav01_en{
	width: 37px;
	height: 11px;
	margin-top: 8px;
}

#nav #nav02_en{
	width: 75px;
	height: 11px;
	margin-top: 11px;
}

#nav #nav03_en{
	width: 76px;
	height: 11px;
	margin-top: 10px;
}

#nav #nav04_en{
	width: 71px;
	height: 11px;
	margin-top: 10px;
}

#nav #nav05_en{
	width: 53px;
	height: 11px;
	margin-top: 11px;
}

.top_xenwnas_en{
	float: left;
	background: url(../img/top_hotel_en.gif) no-repeat;
	width: 250px;
	height: 31px;
}

.top_estiatorio_en{
	float: left;
	background: url(../img/top_restaurant_en.gif) no-repeat;
	width: 250px;
	height: 31px;
}

.top_ekdilwseis_en{
	float: left;
	background: url(../img/top_receptions_en.gif) no-repeat;
	width: 250px;
	height: 31px;
}

.top_drastiriotites_en{
	float: left;
	background: url(../img/top_activities_en.gif) no-repeat;
	width: 250px;
	height: 37px;
}

.top_contact_en{
	float: left;
	background: url(../img/top_contact_en.gif) no-repeat;
	width: 250px;
	height: 31px;
}

.bottom_content{
	float: left;
	background: url(../img/bottom_global.gif) no-repeat ;
	width: 250px;
	height: 11px;
}

.flags_el{
	margin-top: 15px;
	margin-left: 8px;
}

.flags_en{
	margin-top: 15px;
	margin-left: 8px;
}

.ph_label{
	padding-right: 20px;
}

.navigate{
	float: left;
	margin-left: 34px;
}

.navigate_alter{
	float: left;
	margin-left: 45px;
}


.foundout{
	width: 119px;
	height: 11px;
	background: url(../img/blank.gif) no-repeat;
	float: left;
}

.cost_content{
	float: left;
	background: #eff;
	width: 247px;
}

.main_content ul li{
	margin-left: 40px;
	color:#3d6c6c;
	font-size: 12px;
	color:#3d6c6c;
	list-style: disc;
	margin-bottom: 2px;
}

#content_ekd p{
	width: 230px;
	color:#3d6c6c;
	font-size: 12px;
	margin-left: 10px;
}