@import url(http://fonts.googleapis.com/css?family=Fira+Sans&subset=latin,greek);

.langs_box {
  background-color: #F6F6F6;
}
ul.langs {
    float: left;
    margin: 4px 0 0 10px;
    padding: 0;
}
ul.langs li {
    display: inline-block;
    list-style: none outside none;
    margin: 0 8px 0 0;
    padding: 0;
}
ul.langs li a {
    display: block;
    height: 30px;
    line-height: 28px;
    text-decoration: none;
}
ul.langs li a img {
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
}
ul.langs li.active_lang {
    background-position: 4px top;
    background-repeat: no-repeat;
}
.langs_box {
    height: 30px;
    position: relative;
    z-index: 2;
}

ul.langs li a img {
    -moz-border-radius: 2px 2px 2px 2px;
    -moz-box-shadow: 1px 1px 4px #DFDFDF;
}

ul.langs li.active_lang {
    background-image: url("cssimgs/bullet_01.gif");
}
ul.langs li a img {
    border-color: #DFDFDF;
}


.hotel_image_1 { 
margin: 10px 10px 10px 10px;
border:1px solid #3CF;
}


/* logo Start */
.logo {
	width: 100%;
	display: inline-block;
}
.logo a{
	display: inline-block;
	float: right;
	width: 167px;
	height: 168px;
}
.top_menu {
    display: inline-block;
    margin: 42px 0 0;
    min-width: 1070px;
}
#dom_menu01{
	width: 800px;
	float: left;
	display: inline-block;
	margin-top: 7px;
}
.main_container {
	background-color: #FFFFFF;
	margin-left: 2px;
	width: 1270px;
	display: inline-block;
}
.midle_banner,
.main_table,
.banner_top{
	width: 1152px;
	font-size:12px;
	font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;
}
.banner_top{
	padding: 20px 0; 
}
/* logo end */

/*search start*/
 
fieldset.qsearch {
    background-image: url("cssimgs/back_search.png");
    background-repeat: no-repeat;
    display: block;
    height: 35px;
    margin: 0 17px 38px 678px;
    overflow: hidden;
    position: relative;
    width: 266px;
    border:0px
}

.qsinput{
    border: 0 none #FFFFFF;
    font-size: x-small;
    font-style: italic;
    font-weight: normal;
    margin: 4px 0 0;
    padding: 0;
    width: 230px;
}

.qsloupa {
    border: 0 none;
    height: 13px;
    position: absolute;
    right: 29px;
    top: 5px;
    width: 12px;
}
/*search end*/

body {
	background: url("cssimgs/bg_body.jpg") no-repeat scroll center top #001638;
	color:#333;
	font-size:12px;
	font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;
	text-align:left;
}

body a{
	color:#3A3E45;
	transition: all 0.5s ease 0s;
}
body a:hover {
    color: #38AFE5;
    transition: all 0.5s ease 0s;
}
fieldset{
    border: 1px solid #AAAAA5;
    color: #5F5F5F;
}
figure{
	margin: 0;
	padding: 0;
}
.search{
	background-image:url(cssimgs/search.gif);
	width:306px;
	height:21px;
}

.maindiv {
	position: relative;
	width: 1272px;
	display: inline-block;
}
.mainback{
	font-size:12px;
	font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;
	color:#333;
}

#div_mainmethod{
	margin: 0 20px;
} 



.mbanner {
}

table,td,tr {
	margin:0px;
	padding:0px;
	
}



.maintbl{
	background:url("cssimgs/bottom.png") no-repeat scroll center bottom transparent;
}

.mborder {
}

.banspace{
	height:2px;
}

.banbotmid{}
.banbotlf{}
.banbotrght{}
.shadow {}
.line{}

hr{
	border: 0;
	width: 100%;
	background-color:#E5E5E5;
	height: 1px;
}

.alert{
	color:#1D6CAB;
	border:2px #1A639B solid;
	padding:10px;
	text-align:left;
}



.banner_title{
	width:100%;
	display:block;
}

.leftcolumnback{
}


.rightcolumnback{
   	float: right;
    margin: 0 17px 20px 0;
    width: 300px;
}


/************* start mult_text_hup_menu0 *****************/	
	.mult_text_hup{
		overflow: hidden;
	}
	
	#mult_text_hup_div0{
		height: 100%;
		display: block;
	}
	
	#mult_text_hup_text0{
		border: 1px solid #DEDBDB;
    	padding: 53px 16px 52px;
		height: 100%;
		display: block;
		background-color: white;	
		text-align: left;
	}
	#mult_text_hup_text0 p {
		margin-bottom: 10px;
	}
 
	#mult_text_hup_menu0 {
		display: inline-block;
	}
	
	#mult_text_hup_menu0 ul {
		margin: 0 0 -1px;
		padding: 0;
	}
	
	#mult_text_hup_menu0 ul li {
		cursor: pointer;
		display: inline-block;
		vertical-align: top;
		white-space: nowrap;
		z-index: 999999;
		padding: 10px 0 4px;
		border-top: 1px solid #DEDBDB;
		border-left: 1px solid #DEDBDB;
		border-bottom: 1px solid #DEDBDB;
		min-width: 181px;
		text-align: center;
		background-color: #FCFAFA;
		border-radius: 3px 3px 0 0;
	}
	#mult_text_hup_menu0 ul li:last-child{
		border-right: 1px solid #DEDBDB;
	}
	#mult_text_hup_menu0 ul li.active {
		border-bottom: 1px solid #fff;
		background-color: #fff;
	}
	#mult_text_hup_menu0 ul li span{
		display: inline-block;
	}
	#mult_text_hup_menu0 ul li a {
		font-size: 24px;
		color: #666565;
		line-height: 32px;
		text-align: center;
		font-weight: normal;
		text-decoration: none;
		transition: all 0.5s ease 0s;
	}
	#mult_text_hup_menu0 ul li a:hover{
		color: #38AFE5;
	}
	#mult_text_hup_menu0 ul li.active a {
		color: #38AFE5;
		
	}
	
/************* 	mult_text_hup_menu0 end*****************/
	
/************* start mult_text_hdown_menu0 *****************/	
	.mult_text_hdown{
		overflow: hidden;
	}
	
	#mult_text_hdown_div0{
		height:100%;
		display:block;
	}
	
	#mult_text_hdown_text0{
		height:100%;
		display:block;
		padding-left:10px;	
		padding-right:10px;	
		border-top:1px solid #CBCBCB;
	}		
 
	#mult_text_hdown_menu0 {
		height:3em;
	}
	#mult_text_hdown_menu0 ul {
		list-style:none outside none;
		margin:0;
		padding:10px 20px;
		clear:both;	
		border-top:1px solid #CBCBCB;
	}
	
	#mult_text_hdown_menu0 ul li {
		border-color:#DFDFDF -moz-use-text-color -moz-use-text-color;
		border-right:medium none;
		border-style:none ;
		border-width:1px medium medium;
		cursor:pointer;
		display:inline;
		padding:10px 20px 5px;
		white-space:nowrap;
	}
	
	#mult_text_hdown_menu0 ul li.active {
		border-color:#F1F8EA #CBCBCB #CBCBCB;
		border-style:solid solid solid;
		border-width:1px 1px 1px;
		cursor:pointer;
		display:inline;
		white-space:nowrap;
		z-index:999999;
	}
	
	#mult_text_hdown_menu0 ul li a {
		color:#686868;
		font-weight:normal;
		text-decoration:none;
	}
	
	#mult_text_hdown_menu0 ul li.active a {
		color:#686868;
		font-weight:bold;
		text-decoration:none;
	}
	
/************* 	mult_text_hdown_menu0 end*****************/
.pages {
	text-align:center;
	height:30px;
}

.page_num_active ,  .page_back_next {
	/* color:#84210D; */
}

.page_num_active a , .page_back_next a{	
	text-align:center;
	margin:1px;
	padding:7px;
	/* color:#84210D; */
	font-size:12px;
	font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;
	font-weight:bold;
	vertical-align:top;
	text-decoration:underline;
	cursor:pointer;	
}

.page_num{
	/* color:#84210D; */
	background:#F0F0E3;
}

.page_num a{
	/* color:#84210D; */
	text-align:center;
	margin:1px;
	padding:7px;
	background:#F0F0E3;
	font-size:12px;
	font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;
	font-weight:bold;
	vertical-align:top;
	cursor:pointer;	
	text-decoration:none;
}



.page_num a:hover{
	/* color:#84210D; */
	text-align:center;
	margin:1px;
	padding:7px;
	background:#F0F0E3;
	font-size:12px;
	font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;
	font-weight:bold;
	vertical-align:top;
	cursor:pointer;	
	text-decoration:none;
}

.bold_red{
	 font-family: Geneva, Arial, Helvetica, sans-serif;text-decoration: none; font-size: 11px; color: #1D6CAB; font-weight: bold;
}
			

.bold_green{
	 font-family: Geneva, Arial, Helvetica, sans-serif;text-decoration: none; font-size: 11px; color: green; font-weight: bold;
}



.first_banner{
	clear:both;
	vertical-align:top;
	text-align:center;
}


.first_banner_item{
	float:left;
	vertical-align:top;
}



/****************** Start Menu Drop Down ******************/

.menu_d{
	background:transparent url(cssimgs/blck_lft_c.gif) repeat-y scroll left;
	width:214px;
	display:block;	
}


.menu_dd {
	background:transparent url(cssimgs/blck_lft_b.gif) no-repeat scroll left bottom;
	width:214px;
	display:block;
	padding:0px;
	margin:0px;
	min-height:67px;
	margin-bottom:15px;
	padding-bottom:15px;
}


.menu_dd dl{
	/*background:transparent url(cssimgs/blck_lft_c.gif) repeat-y scroll left top ;*/
	padding:0px;
	margin:0px;
	vertical-align:top;
}

.menu_dd_title {
	background:transparent url(cssimgs/blck_lft_c.gif) repeat-y scroll left top ;
	padding:0px;
	margin:0px;
	display:inline;
	color:#4A4949;
	font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:normal;
	vertical-align:top;
	cursor:pointer;
}

.menu_dd_title dl{
	cursor:pointer;
	padding:0px;
	margin: 0px;
}

.menu_dd_title dt{
	padding:0px;
	padding-left:3px;
	margin:0px;
}

.menu_dd_center {	
	width:214px;
	padding:0px;
	margin:0px;
	display:block;
	clear:both;
}


.menu_dd_top {
	background:transparent url(cssimgs/blck_lft_t.gif) no-repeat scroll left top;
	width:214px;
	height:7px;
	padding:0px;
	margin:0px;
}

dl.menu_dd_l_00  {
	display: block;
}

dl.menu_dd_l_00 dt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #6A645A;
	border-bottom:1px black dotted; 
	width:90%;
	cursor:pointer;
	display: block;
}

dl.menu_dd_l_00 dd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #6A645A;
	border-bottom:0px; 
	cursor:pointer;
	display: block;
}
/****************** End Menu Drop Down ******************/


/****************** Start SITEMAP ******************/

div.sitemap{ 
	float:left;
	width: 30%;
	margin: 2px;
	vertical-align:top;
}

div.sitemap dl , div.sitemap dl a , div.sitemap dl a:hover{ 
	font-size:12px;
	font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #6A645A;
	padding-top:1px;
	border-bottom: solid 1px #999;
	text-decoration:none;
	margin:0px;
	vertical-align:top;
}

div.sitemap dt , div.sitemap dt a , div.sitemap dt a:hover{ 
	font-size:12px;
	font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;
	text-align: left;
	color: #6A645A;
	padding-left:4px;
	text-decoration:none;
	margin:0px;
}

div.sitemap dd , div.sitemap dd a , div.sitemap dd a:hover{ 
	font-size:12px;
	font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;
	text-align: left;
	color: #6A645A;
	padding-left:8px;
	text-decoration:none;
	margin:0px;
}

/****************** END SITEMAP ******************/



/****************** Start actions ******************/

dl.actions dt{
	display: inline;
	padding:3px;
	margin :3px;
	color : #6A645A;
	font-size : 11px;
		
}

.actions a {
	display: inline;
	padding:3px;
	margin:3px;
	color : #6A645A;
	font-size : 11px;
		
}

.actions a:hover {
	display: inline;
	padding:10px;
	margin:10px;
	color : #6A645A;
	font-size : 11px;
		
}

/****************** End actions ******************/



.ban_coll{
	display: none;
	border:1px solid #6A645A;
	padding:3px;
	background:#F1F1F1;	
	padding-left:7px;
	padding-right:7px;
}



.ban_coll_top{
   	background:#F1F1F1;
}


.ban_coll_title{
	font-size:12px;
	font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #14344F;
	background:#F1F1F1;
	padding-top:4px;
	padding-bottom:4px;
}


.ban_coll_body{
	font-size:12px;
	font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;
	text-align: left;
	color: #14344F;
	background:#ffffff;
	padding:6px;
}



.ban_coll_bottom{
   	background:#F1F1F1;
}



.nban_coll{
	border:1px solid #6A645A;
	padding:3px;
	background:#F1F1F1;	
	padding-left:7px;
	padding-right:7px;

}

.nban_coll_top{
   	background:#F1F1F1;
}


.nban_coll_title{
	font-size:12px;
	font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #14344F;
	background:#F1F1F1;
	padding-top:4px;
	padding-bottom:4px;
}



.nban_coll_body{
	font-size:12px;
	font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;
	text-align: left;
	color: #14344F;
	background:#ffffff;
	padding:6px;
    height: 150px;
	overflow: auto;		
}


.nban_coll_bottom{
   	background:#F1F1F1;
}



.popUp {
	background-color:#FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	background-image: url(img/bg_menu_bottom.gif);
	background-repeat: no-repeat;
	background-position:  top;
	border:1px solid #6A645A;
	overflow: auto;
}

img#bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}



#content {
position:relative;
/*z-index:1;*/
}




/*Idiotites Header*/
.backtop {
	background-color:  #FFFFFF; 
}

/*Telos Idiotitwn Header */
.upmenu0{
	width:100%;
	text-align:right;
	height:11px;
	vertical-align:top;
}



/*Idiotites Menu*/

div.domMenu_menuBar00 , div.domMenu_menuBar04{}

div.domMenu_menuElement00 ,div.domMenu_menuElement04{
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 10px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: right;
    white-space: nowrap;
}

div.domMenu_menuElementHover00 , div.domMenu_menuElementHover04{
	color: #FFFFFF;
}

div.domMenu_subMenuBar00 ,div.domMenu_subMenuBar04  {
	background-color: #FFFFFF;
	text-align: left;
	font-size:11px;
}

div.domMenu_subMenuElement00 , div.domMenu_subMenuElement04{ 
    margin: 0px;
    color: #FFFFFF;
    padding: 3px;
    font-size:11px;
}


/**/


div.domMenu_menuBar01 , div.domMenu_menuBar02 , div.domMenu_menuBar03 {
}
div.domMenu_menuElement01, div.domMenu_menuElement02, div.domMenu_menuElement03 {
	color: #3C5998;
	font-size: 15px;
	line-height: 28px;
	height: 34px;
	text-align: center;
	vertical-align: text-bottom;
	font-weight: bold;
	transition: all 0.5s ease 0s;
}
div.domMenu_menuElement01:hover, div.domMenu_menuElement02:hover, div.domMenu_menuElement03:hover{
	color: #E8B601;
}


div.domMenu_subMenuBar01 , div.domMenu_subMenuBar02 , div.domMenu_subMenuBar03{
	background-color: #FFFFFF;
	padding-bottom: 1px;
	color:#3A3E45;
	
}

div.domMenu_subMenuElement01 , div.domMenu_subMenuElement02 , div.domMenu_subMenuElement03{
    border-bottom: solid #DDDDD6 1px;
    margin: 0px;
    color:#3A3E45;
    padding: 3px;
}

div.domMenu_subMenuElementHover01  , div.domMenu_subMenuElementHover02  , div.domMenu_subMenuElementHover03{
	background-color: #DFDFDF;
	color:#3A3E45 ;
}
/*Telos Idiotitwn Menu*/



/*Idiotites Aplo Banner*/

.banner_header{
	width:100%;
}

.banlf1 , .banlf , .banmid_lf{
	width: 0px;
	padding:0px;
}

.banmid , .banmid1 , dl.banmid {
    border-bottom: 1px dotted;
    color: #1A639B;
    font-size: 1.5em;
    padding-left: 10px;
}

.banmid a , .banmid1 a , dl.banmid a {
    border-bottom: 1px dotted;
    color: #1A639B;
    font-size: 1.5em;
    padding-left: 10px;
}

.banmid a:hover , .banmid1 a:hover  , dl.banmid a:hover  {
	padding:0px;
	margin:4px;
	
	font-size: 11px;
	font-weight: bold;
	text-align:left;
	white-space:nowrap;
	height:22px;
}

.banrght1 , .banrght , .banmid_rg{
	 width:0px;
	 padding:0px;
}



.banner {
}

.banner  a {
  	color: #252455;
}

.banner a:hover{
	
  	font-size: 10px;
  	color: #FF9900;
	text-decoration:none;
	background-color: #F8F6F6;
}
/*Telos Idiotitwn Aplo Banner*/







/*Idiotites Login*/

.banlflog{}

.banmidlog{}

.banrghtlog{}

.bannerlog {
	display: block;
	min-height:90px;
  	font-size: 10px;
  	color: #252455;
	text-decoration:none;
}

/*Telos Idiotitwn Login*/



/*Idiotites Footer */
.minfos {
    color: #fff;
    height: 30px;
    display: inline-block;
}

.minfos a {
    color: #fff;
    height: 30px;
}

.minfos a:hover {
    color: #fff;
    height: 30px;
    text-decoration:none; 
}
.minfos.left{
	float: left;
}
.minfos.right{
	float: right;
}
/*Telos Idiotitwn Footer */



/* Idiotites Browse Page*/

.browse_title {
	background:none repeat scroll 0 0 #AAABB3;
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 20px;
	margin-right : 20px;
  	font-weight: bold;
  	vertical-align:middle;
	border-bottom:1px solid #FCFCFC;
	color:#FFFFFF;
	padding:2px;
}

.browse_title a {
	background:none repeat scroll 0 0 #AAABB3;
  	font-weight: bold;
  	vertical-align:middle;
    color:#FFFFFF;
}

.browse_title_over , .browse_title_over a , .browse_title_over a:hover{
	background:none repeat scroll 0 0 #AAABB3;	
  	font-weight: bold;
  	vertical-align:middle;
  	color:#FFFFFF;
  	cursor:pointer;
}

.browse_title a:hover {
	background-color:#D6DFF7;
  	font-weight: bold;
  	vertical-align:middle;
  	color:#252455;
}



.browse_item0 , .browse_item0 a  , .browse_item0 a:hover {
	background-color:#F0F0F0;
	color:#252455;
  	text-decoration: none;
	padding-top : 1px;
	padding-bottom : 1px;
	padding-left : 3px;
	padding-right : 3px;
	margin: 0px;
}

.browse_item1 , .browse_item1 a  , .browse_item1 a:hover {
	background-color:#FFFFFF;
	color:#252455;
  	text-decoration: none;
	padding-top : 1px;
	padding-bottom : 1px;
	padding-left : 3px;
	padding-right : 3px;
	margin: 0px;
}


.browse_over , .browse_over a  , .browse_over a:hover {
	background-color:#AAABB3;
	border: 1px solid #AAABB3;
	color:#252455;
  	text-decoration: none;
	padding-top : 1px;
	padding-bottom : 1px;
	padding-left : 3px;
	padding-right : 3px;
	margin: 0px;
}


/* Telos Idiotitwn Browse Page*/

/*Genikes Idiotites*/
textarea.text{

}



select , selectbox {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #AAAAA5;
	color : #252455;
	font-size : 10px;
	height:18px;
	vertical-align:middle;	
	margin:1px;
}



input , input.logininput {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #AAAAA5;
	color:#252455;
	font-size:10px;
	height:18px;
	margin:1px;
	font-size:10px;
	font-weight:bold;
}

 .inpblue , button ,  submit {
    background-color: #1D6CAB;
    border: 2px solid #1A639B;
    color: white;
    font-size: 11px;
    height: 23px;
    margin: 5px;
}

textarea {
	background: #FFFFFF  url(cssimgs/input-bg.gif) repeat-x scroll center topurl;	
	border:1px solid #AAAAA5;
	color : #5F5F5F;
	vertical-align:middle;	
} 


p {
	font-size:12px;	
	font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;
	line-height:14px;
	display: block;
    margin-top: 1em;
    margin-bottom: 1em;
}

#sh_room_text {
	padding-left:25px;
	margin-left:5px;
	
	}

p a {

	color : #6A645A;

}

p a:hover {

	color : #294A7B;

}

.text {  

	font-size:12px;
	
	font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;

	text-decoration: none; 

	font-size: 12px;

	color: #333;

	text-align : left;
	
	

	}
.text1 {
    color: #263555;
    font-size: 16.8px;
    line-height: 25px;
}
.text a {  	
font-size:12px;
font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;  
}

#mtitle {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: bold; border-bottom:1px solid; width:98%}

.text a:hover {  font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif; font-weight:bold; text-decoration: none; ; font-size: 12px;  }

.text_bold { font-family: Geneva, Arial, Helvetica, sans-serif;text-decoration: none; font-size: 22px;  font-weight: bold; vertical-align:top; color:#0099FF; padding-bottom:5px; border-bottom:1px dashed;}

.text_bold a {  font-family: Geneva, Arial, Helvetica, sans-serif;text-decoration: none; font-size: 11px; font-weight: bold; vertical-align:top}

.text_bold a:hover {  font-family: Geneva, Arial, Helvetica, sans-serif;text-decoration: none; font-size: 11px;  font-weight: bold; vertical-align:top}

.inp { font-family: Geneva, Arial, Helvetica, sans-serif;text-decoration: none; font-size: 11px; color: #6A645A ; border: 1px #6A645A solid; background: #F7F7F7; width: 150px}

.text_bold#84210D { font-family: Geneva, Arial, Helvetica, sans-serif;text-decoration: none; font-size: 11px; color: #252455; font-weight: bold }

.inpCopy { font-family: Geneva, Arial, Helvetica, sans-serif;text-decoration: none; font-size: 11px; color: #6A645A ; border: 1px #6A645A solid; background: #F7F7F7; width: 300px}



.text_bold_s { font-family: Geneva, Arial, Helvetica, sans-serif;text-decoration: none; font-size: 11px;  }

.text_bold_s a {  font-family: Geneva, Arial, Helvetica, sans-serif;text-decoration: none; font-size: 11px;  }

.text_bold_s a:hover {  font-family: Geneva, Arial, Helvetica, sans-serif;text-decoration: none; font-size: 11px;   }



.description { margin:0px;padding:0px;text-align:left; font-family: Geneva, Arial, Helvetica, sans-serif;text-decoration: none; font-size: 11px; color: #59723B; font-weight: bold;}

.description a { margin:0px;padding:0px;text-align:left; font-family: Geneva, Arial, Helvetica, sans-serif;text-decoration: none; font-size: 11px; color: #59723B; font-weight: bold;}

.description a:hover { margin:0px;padding:0px;text-align:left; font-family: Geneva, Arial, Helvetica, sans-serif;text-decoration: none; font-size: 11px; color: #6A645A; font-weight: bold;}





/* Telos Genikwn Idiotitwn*/





/* Arxh Idiotitwn Tab (mass update from Thimios@TESAE  28-12-2007 ) */



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

  REQUI#84210D to hide the non-active tab content.

  But do not hide them in the print stylesheet!

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

.tabberlive .tabbertabhide {

 display:none;

}



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

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

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

.tabber {
}

.tabberlive {
	margin-top:1em;
}



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

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

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

ul.tabbernav

{

 margin:0;

 padding: 3px 0;

 border-bottom: 1px solid #778;

	font-size:12px;
	font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;

}



ul.tabbernav li

{

 list-style: none;

 margin: 0;

 display: inline;

}





 /*Inactive Tab*/

ul.tabbernav li a

{

 padding: 3px 0.5em;

 margin-left: 3px;

 border: 1px solid #778;

 border-bottom: none;

 background-color: #efefef;

 text-decoration: none;

}



ul.tabbernav li a:link { color: #6A645A; }

ul.tabbernav li a:visited { color: #667; }



ul.tabbernav li a:hover

{

 color: #000;

 background-color: #DE3207;

 border-color: #227;

}



ul.tabbernav li.tabberactive a

{

 background-color: #FFFFFF;

 border-bottom: 1px solid #fff;

}



ul.tabbernav li.tabberactive a:hover

{

 color: #6A645A;

 background: white;

 border-bottom: 1px solid white;

}



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

  .tabbertab = the tab content

  Add style only after the tabber interface is set up (.tabberlive)

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

.tabberlive .tabbertab {

 padding:5px;

 border:1px solid #aaa;

 border-top:0;



 /* If you don't want the tab size changing whenever a tab is changed

    you can set a fixed height */



 /* height:200px; */



 /* If you set a fix height set overflow to auto and you will get a

    scrollbar when necessary */



 /* overflow:auto; */

}



/* If desi#84210D, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {

 display:none;

}

.tabberlive .tabbertab h3 {

 display:none;

}



/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab1 {

}

.tabberlive#tab2 {

}

.tabberlive#tab2 .tabbertab {

 height:200px;

 overflow:auto;

}

/* telos Idiotitwn Tab*/


.select_dest  {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #Fea749;
}

.select_dest  a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #Fea749;
}

.select_dest a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #Fea749;
}

.contentTextFooter{
	width:100%; 
	/*border-top: 1px solid #999;*/
	border-bottom: 1px solid #999;
}





/*** BANNER SEARCH START ***/

.bannersearch {

	
  	font-size: 10px;
  	color: #6A645A;
	text-decoration:none;
	width:150;
}

.text_s {
	
  	font-size: 10px;
	font-weight: bold;
  	/* color:#84210D; */
}

.text_s a{
	
  	font-size: 10px;
  	/* color:#84210D; */
}

.text_s a:hover{
	
  	font-size: 10px;
  	color: #FF0000;
}



/*** BANNER SEARCH END ***/









/**************ToolTip **********/

.tooltip {
	position: absolute!important;
	overflow:hidden;
	font-size: 11px;
	z-index: 10000!important;

}

	/**

	.tooltip .xtop, .tooltip .xbottom { display: block; background: transparent; font-size: 1px; }
	.tooltip .xb1, .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { display: block; overflow: hidden; }
	.tooltip .xb1, .tooltip .xb2, .tooltip .xb3 { height: 1px; }
	.tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { background: #666; border-left: 1px solid #333; border-right: 1px solid #333; }
	.tooltip .xbottom .xb2, .tooltip .xbottom .xb3, .tooltip .xbottom .xb4 { background: #666; }
	.tooltip .xb1 { margin: 0 5px; background: #333; }
	.tooltip .xb2 { margin: 0 3px; border-width: 0 2px; }
	.tooltip .xb3 { margin: 0 2px; }
	.tooltip .xb4 { height: 2px; margin: 0 1px; }

	**/

	.tooltip .xboxcontent {
		border:4px solid #CCCCCC;
		padding-left:4px;
		padding-right:4px;
		padding-top:6px;
		padding-bottom:6px;
		margin:0px;
		
		color: #3F89C3;
		font-size: 10px;
		text-align:left;
		background-color:#FFFFFF;
	}

/*************/	


.pagelist {
	font-size:12px;
	font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;
	text-decoration: none; 
	color: #6A645A;
}

.pagelist a {
	font-size:12px;
	font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;
	text-decoration: none; 
	color: #6A645A;
}


.pagelist a:hover{
	font-size:12px;
	font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;
	text-decoration: none; 
	color: #6A645A;
} 



/************* start multi_text_lide00.php ************/
		/*
			root element for the scrollable.
			when scrolling occurs this element stays still.
		*/
		
		.scrollable_main{
			position:relative;
			width: 970px;
			height:250px;
		} 
		.scrollable {
		
			/* required settings */
			position:relative;
			overflow:hidden;
			width: 970px;
			height:250px;
		}
		
		/*
			root element for scrollable items. Must be absolutely positioned
			and it should have a extremely large width to accomodate scrollable items.
			it's enough that you set the width and height for the root element and
			not for this element.
		*/
		
		.scrollable .items {
			/* this cannot be too large */
			width:5760px;
			position:absolute;
			clear:both;
		}
		
		.items div {
			float:left;
			width: 970px;
			height:250px;
		}
		
		
		
		/* this makes it possible to add next button beside scrollable */
		.scrollable {
			float:left;	
			height:250px;
		}
		
		/* prev, next, prevPage and nextPage buttons */
		a.browse {
		}
		
		a.right { 
		}
		a.right:hover 		{ }
		a.right:active 	{  } 
		
		
		/* left */
		a.left {
		}
		
		a.left:hover  		{ }
		a.left:active  	{  }
		
		/* up and down */
		a.up, a.down		{ 
		}
		
		/* up */
		a.up:hover  		{  }
		a.up:active  		{  }
		
		/* down */
		a.down 				{  }
		a.down:hover  		{  }
		a.down:active  	{  } 
		
		
		/* disabled navigational button */
		a.disabled {
			visibility:hidden !important;		
		} 	
		
		/* position and dimensions of the navigator */
		.navi {
		}
		
		
		/* items inside navigator */
		.navi a {
		}
		
		/* mouseover state */
		.navi a:hover {     
		}
		
		/* active state (current page state) */
		.navi a.active {    
		}
		
		.scrollable_title {
		}
		
		.scrollable_title_text{
			display:none;
		}		
/************* end multi_text_lide00.php ************/
		

/************* end multi_text_slide01.php ************/
	.multi_text_banner_slide01{
		text-align: center; 
		width: 950px; 
		height: 440px; 
		overflow: hidden;
	}
/************* end multi_text_slide01.php ************/


/************* start multi_text_slide02.php ************/
	.slide02_slide_body00{
		background: none repeat scroll 0 0 white;
		border: 2px solid #1D6CAB;
		position: relative;
		top: 0;
		width: 660px;
	}
	
	.slide02_item_text{
		padding-left:27px;
		display:block;
		padding-top:9px;
	}
	
	/* main vertical scroll */
	#slide02_main {
		position:relative;
		overflow:hidden;
		height: 242px;
	}
	
	/* root element for pages */
	#slide02_pages {
		position:absolute;
		height:20000em;
	}
	
	/* single page */
	.slide02_page {
		padding:0px;
		height: 242px;
		width:565px;
	}
	
	/* root element for horizontal scrollables */
	.slide02_scrollable {
		position:relative;
		overflow:hidden;
		width: 565px;
		height: 240px;
	}
	
	/* root element for scrollable items */
	.slide02_scrollable .slide02_items {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scrollable item */
	.slide02_item {
		float:left;
		cursor:pointer;
		width:565px;
		height:240px;
		padding:0;
	}
	
	#slide02_main_navi {
		border-left: 2px solid #1D6CAB;
		float: right;
		height: 242px;
		margin: 0 !important;
		padding: 0 !important;
		padding-right: 0 !important;
		right: 1px;
		top: 1px;
		width:250px;
	}

	
	#slide02_main_navi li {
		clear:both;
		color:#ed9d37;
		font-size:12px;
		height:67px;
		width:250px;
		list-style-type:none;
		cursor:pointer;
		font-weight:bold;		
		vertical-align:middle;	 
		background: url(cssimgs/slide02_item.png) no-repeat right center;
		
	}
	
	#slide02_main_navi li:hover , #slide02_main_navi li.active {
		color:#FFFFFF;
		font-weight:bold;
		background: url(cssimgs/slide02_active.png) no-repeat right center;
	}
	
	#slide02_main_navi strong {
		display:block;
	}
	
	#slide02_main div.navi {
		cursor:pointer;
	}
	
	#slide02_active{
		background: url(cssimgs/slide02_active.png) no-repeat right center;
		color:#FFFFFF;
	}
/************* end multi_text_slide02.php ************/	




/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font-size:12px;
	font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

.reservation_banner{
	background:url("cssimgs/banner_bottom.png") no-repeat scroll center bottom transparent;
	padding-bottom: 1px;
	text-align:left;
}

.reservation_banner00{
    background: none repeat scroll 0 0 #F6F6F6;
    margin-bottom: 14px;
    padding: 22px;
}

#reservation_title{
    border-bottom: 1px dotted;
    color: #1A639B;
    font-size: 1.5em;
    padding-left: 10px;
    text-align:left;
}

.bottom_menu{
	background-color:#1D6CAB; 
}

.follow{
	display: inline-block;
	text-align: center;
	width: 100%;
	margin: 20px 0; 
}
.follow a{
	background: url("cssimgs/socials.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	display: inline-block;
	height: 46px;
	margin: 0 5px;
	width: 46px;
}
.follow a.fb{
    background-position: -60px 0;
}
.follow a.gp{
	background-position: -122px 0;
}
.follow a.in{
	background-position: right 0;
}
.m1000{
    overflow: hidden;
    padding: 10px 0;
    width: 926px;
    margin: 0 auto;
    position: relative;
    text-align: left;
}

.m1000 dl{    
	float: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 285px;	
}

img{
	border:0px solid;
}

#sh_room_title {padding-left:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#0099CC; }

.footer{
	background-color: #33518E;
	display: inline-block;
    margin-left: 3px;
    padding: 10px 59px 20px;
    width: 1152px;
}
.footer .pg_menu {
	float: left;
	width: 60%;
	display: inline-block;
}
.footer .footer_banners{
	float: right;
	display: inline-block;
	width: 35%;
}
.footer #topnav{
	margin: 0;
	padding: 35px 0 0 0;
	list-style: none;
}
.footer #topnav li{
	list-style: none;
	float: left;
	width: 168px;
}
.footer #topnav li a{
	color: #fff;
	font-size: 15px;
	text-decoration: none;
}
.footer #topnav li a:hover{
	color: #38AFE5;
	text-decoration: none;
}
.footer_banners .banmid1{
	border: none;
	color: #fff;
	padding: 0px;
}
.footer_banners .banner{
	color: #fff;
}
.gallery_items a {
	background: url("cssimgs/magnify.png") no-repeat scroll center center #222;
    display: inline-block;
    margin: 10px 20px;
	border: 6px solid #dad8c3;
}
.gallery_items img {
    transition: all 0.5s ease 0s;
}
.gallery_items a:hover img {
    opacity: 0.5;
}

gallery {
padding:0;
margin:0;

}

/*================= Sme Banners =================*/
.style1{
	color: #000000;
    line-height: 19px;
}
.boxes {
	margin-bottom: 70px;
}
.midle_banner{
	margin: 10px 0 30px 50px;
	display: inline-block;
}
.midle_banner dl{
	width: 30%;
	position: relative;
	display: inline-block;
	float: left;
	margin: 0 11px;
}

.image_text_banner figure div {
    overflow: hidden;
}
.image_text_banner figure {
    background-color: #193149;
    perspective: 1700px;
    perspective-origin: 0 50%;
}
.image_text_banner a.btn {
    box-shadow: none;
}
.image_text_banner figure img {
    position: relative;
    transition: all 0.5s ease 0s;
}
.image_text_banner figure:hover img {
    transform: translateX(25%);
}
.image_text_banner figure:hover figcaption {
    opacity: 1;
    transform: rotateY(0deg);
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0s;
}
.image_text_banner figure figcaption {
    -moz-box-sizing: border-box;
    backface-visibility: hidden;
    background-color: #193149;
    color: #CBC6C6;
    font-size: 13px;
    height: 100%;
    left: 0;
    line-height: 19px;
    opacity: 0;
    padding: 0 11px;
    position: absolute;
    text-align: left;
    top: 0;
    transform: rotateY(-90deg);
    transform-origin: 0 0 0;
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
    width: 183px;
}
.left_column .banner_header{
	width: 280px;
	margin-top: 10px;
	display: inline-block;
}
.left_column .banmid1{
	background-color: #FCFAFA;
	border: 1px solid #DEDBDB;
	border-radius: 3px 3px 0 0;
	color: #263555;
	font-size: 21px;
	padding: 7px 0 3px;
	text-align: center;
	width: 280px;
}
.left_column .banner{
	border: 1px solid #DEDBDB;
	border-top: medium none; 
	padding-top: 15px;
        padding-bottom: 15px;
padding-left: 19px;
padding-right: 19px;
	text-align: justify;
text-wrap: suppress;
	width: 240px;
	margin-top: 0;
}
figcaption h3 {
    color: #FFFFFF;
	font-family: 'Fira Sans', arial, Verdana, Tahoma, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px !important;
    padding-top: 5px !important;
    text-align: left;
}
figcaption a.btn {
    display: block;
    float: right;
    margin-right: 4px;
    margin-top: 36px;
}
a.btn {
    background-color: #FBF6F8;
    border: 1px solid #B1AAAA;
    border-radius: 5px;
    box-shadow: 0 1px 1px #DEDBDB;
    color: #000000;
    display: inline-block;
    line-height: 15px;
    padding: 4px 16px;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}
a.btn:hover {
    background-color: #38AFE5;
    border-color: #476788;
    color: #FFFFFF;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}
#mtitle h1,
.banner_top .banner h2{
	color: #263555;
    font-size: 22px;
    font-weight: bold;
    line-height: 44px;
}
/*================== Nino Slider ================*/
.slider-wrapper.theme-default {
    margin: 0 auto;
    width: 1127px;
    position: relative;
}
.nivo-directionNav {
    display: block !important;
    bottom: 150px;
    position: absolute;
}
.nivo-caption {
    display: none !important;
}
.nivoSlider img {
    left: 0;
    position: absolute;
    top: 0;
}
.nivo-controlNav {
	display: none;
/*	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #FFFFFF;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 8;*/
}

a.nivo-prevNav, a.nivo-nextNav {
    background: url("cssimgs/prevnext.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 112px;
    left: 45px;
    width: 56px;
    z-index: 999;
    text-indent: -30000px;
}
a.nivo-prevNav:hover, a.nivo-nextNav:hover{
	opacity: 0.8;
}
a.nivo-nextNav {
    background-position: right bottom;
    left: 101px;
    width: 57px;
}
.slider_text {
	color: #FFFFFF;
	font-family: 'Pathway Gothic One',sans-serif;
	left: 0;
	position: absolute;
	top: 190px;
	z-index: 200;
	text-align: left;
}
.slider_text .slider_title{
	background: none repeat scroll 0 0 #FFFFFF;
	color: #263555;
	display: inline-block;
	font-size: 28px;
	line-height: 65px;
	padding: 4px 19px 6px;
}

.slider_text .slider_memo{
	background: none repeat scroll 0 0 #38AFE5;
	display: inline-block;
	font-size: 43px;
	line-height: 64px;
	padding: 3px 15px 7px 19px;
}

#toTop {
	background: url("cssimgs/totop.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	border: medium none;
	display: none;
	right: 30px;
	bottom: 30px;
	height: 37px;
	overflow: hidden;
	position: fixed;
	text-decoration: none;
	text-indent: -999px;
	transition: all 0s ease 0s;
	width: 36px;
	z-index: 999;
}