@import url(http://fonts.googleapis.com/css?family=Comfortaa:400,700,300&subset=latin,greek);


body {
	margin:0 auto;
	background-color:#FFF;
	font-family:'Comfortaa', Arial, cursive;
	text-decoration: none;
	font-weight:none;
	font-size: 13px;
	overflow-x:hidden;
	color:#333333;
	text-align:left;
}

.left 	{float:left;}
.right 	{float:right;}

.search_text {
	border:0;
	font-size:12px;
	color: #979797;
	font-family: 'Comfortaa', cursive;
	text-align:center;
}
.top_menu_font {
	font-size:13px;
	text-align:center;
}
.copyright {
	font-size:13px;
	font-family:'Comfortaa', cursive;
}
.hotsoft {
	font-size:12px;
	font-family:'Comfortaa', cursive;
}


.list_article_title h1,.list_article_title h1 a, .list_article_title h1 a:hover,.list_article_title h1 a:active{ font-size:16px; color:#3D6172;}


/***** Home Boxes News **************************************************************************************************/

/************related**************/
/***external wrapper of RELATED MODULE (is a div)***/
.cms_module_related { }
/***class of the container of the elements(table or ul depends on the template) of RELATED MODULE also wrapper***/
.rel_container {	width:100%;	 }

/***class of the wrapper of each element (table) of RELATED MODULE ***/
.rel_element_wrapper {}

/***class of each element (td or li) of RELATED MODULE ***/
.rel_element {
    padding-top: 10px;
	margin-top: 10px;
	text-align:left;
}

/*.rel_element a,.rel_element a:link,.rel_element a:active,.rel_element a:visited{text-decoration:none; color:#333}
.rel_element a:hover{color:#090}*/


/***HEADER Title of RELATED MODULE ***/
.rel_module_title{display:none; height:20px; color:#F00;}

/*********inner Container of rel_element is a table *****/
.rel_table_wrapper {width:100%}

/****Container of article title****/
.rel_title_wrapper{}
	/****the title is a link to the article ****/
.rel_title_link, .rel_title_link:active, .rel_title_link:visited, .rel_title_link:link {
    color:#3D6172;
    font-weight:500;
	line-height:120%;
	font-size:16px;
	text-align:left;
	font-family: 'Comfortaa', cursive;	
	text-decoration:none;
}

.rel_title_link:hover {
    color: #3D6172;
	text-decoration:none;
}

/****Container of article creation_date is a td for margins and paddings****/
.rel_creation_date_wrapper{}
	/****article creation date for font manipulation is a span****/
.rel_creation_date {
    font-size: 11px;
	color: #001F9B;
}


/****outer Container of article teaser is a td****/
.rel_teaser_wrapper{width:100%}
	/****inner Container of article teaser is a span****/
	.rel_teaser{ font-size:13px; position: relative; top: 10px;}
	.rel_more,.rel_more a{float:right; color:#999; position: relative; top: 10px;}


/*******Container of author-owner-category-teaser************/
.rel_owner_cat_teaser_wrapper {}
	/**********inner container of author owner category teeaser***********/
	.rel_owner_cat_teaser{}
	
	/********Container of owner and cat is a td**********/
	.rel_owner_cat_wrapper{ padding-bottom:4px}
		.rel_owner{}/******span****/
		.rel_cat{}/******span****/
/*******outer container of title_author-owner-category-teaser is a td************/		
.rel_title_date_owner_teaser_wrapper{}
	/*******inner container of title_author-owner-category-teaser is a table************/
	.rel_title_date_owner_teaser{}
/****outer Container of article image is a td****/
.rel_image_wrapper, .rel_image_wrapper img{border: 0 none; margin-right: 10px; margin-top: 10px;}
	/*******inner wrapper is a span that contains the image useful for relative positioning******/
	.rel_image{}

/***** Home Boxes News **************************************************/
.read_more a, .read_more a:link, .read_more a:active,.read_more a:visited{
	font-size:12px;
	color:#690;
}

.read_more a:hover {
	font-size:12px;
	color:#F06;
}
/********************pagination**************/
.pagination ul{ list-style:none}
.pagination ul li{ float:left; padding-left:5px}

.cms_module_related{ position:relative; height:auto; width:auto}


/*******************droddownmenu css **********************/
/* change dropdown with sf-menu_id where id is the module id of horizontal menu*******
	LEVEL ONE
*/
ul.sf-menu_1                         { position: absolute;list-style-type:none; margin:0px; padding:0px; z-index:9999; width:800px; height:25px}
ul.sf-menu_1 li                      { font-weight: 400; font-size:12px; float: left; zoom: 1; /* background: #ccc;*/ }
ul.sf-menu_1 li.arrow_down			 { background-image:url(../images/drop_menu/arrow.png);background-repeat:no-repeat; 
									   background-position:left; padding-left:10px}
ul.sf-menu_1 a:hover		         { color: #333; }
ul.sf-menu_1 a:active                { color: #ffa500; }
ul.sf-menu_1 li a                    { display: block; padding-left:10px;padding-right:10px; border-right: 1px solid #5F6B78;color: #333; }
ul.sf-menu_1 li a:hover				 { color:#FF7F00;}
ul.sf-menu_1 li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.sf-menu_1 li.hover,
ul.sf-menu_1 li:hover                { /*background: #F3D673;*/ color: #ccc; position: relative; }
ul.sf-menu_1 li.hover a              { color: #fff; }

/* 
	LEVEL TWO
*/
ul.sf-menu_1 ul 					{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0;background: #3B4A59; border-radius:0 10px;}
ul.sf-menu_1 ul li 					{ font-weight: normal; color: #fff;/* border-bottom: 1px solid #ccc;*/ float: none; text-align:left; padding-top:5px; padding-bottom:5px; line-height:24px; }

                                    /* IE 6 & 7 Needs Inline Block */
ul.sf-menu_1 ul li a,
ul.sf-menu_1 ul li a:active,
ul.sf-menu_1 ul li a:visited		{ border-right: none; width: 100%; display: inline-block; color:#fff; } 
ul.sf-menu_1 ul li a:hover			{ color:#FF7F00; } 

/* 
	LEVEL THREE
*/
ul.sf-menu_1 ul ul 					{ left: 100%; top: 0; }
ul.sf-menu_1 li:hover > ul 			{ visibility: visible; }
/************languages***********/
ul.sf-menu_lang                 { position: absolute;list-style-type:none; margin:0px; padding:0px;}
ul.sf-menu_lang li              { font-weight: 400;font-size:12px;float: left; zoom:1;/* background: #ccc;*/text-align:left;line-height:15px;}
ul.sf-menu_lang li.arrow_down	{ background-image:url(../images/drop_menu/arrow.png);background-repeat:no-repeat; 
									   background-position:right;}
ul.sf-menu_lang a:hover		    { color: #333; }
ul.sf-menu_lang a:active        { color: #fff; }
ul.sf-menu_lang li a            { display: block; padding-left:15px;padding-right:15px;color: #333; height:21px; }
ul.sf-menu_lang li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.sf-menu_lang li.hover,
ul.sf-menu_lang li:hover        { /*background: #F3D673;*/ color: #333; position: relative; }
ul.sf-menu_lang li.hover a      { color: #000; }
/*LEVEL TWO*/
ul.sf-menu_lang ul 			{ width: 100%; visibility: hidden; position: absolute; top: 100%; left:0;background: #ccc;
							-moz-opacity:.80; filter:alpha(opacity=80); opacity:.80; border-radius:0 10px; list-style-type:none;}
ul.sf-menu_lang ul li 		{ font-weight: normal; color: #000;/* border-bottom: 1px solid #ccc;*/ float: none; text-align:left;}
                                    /* IE 6 & 7 Needs Inline Block */
ul.sf-menu_lang ul li a			{ border-right: none; width: 100%; display: inline-block; }
ul.sf-menu_lang ul li a:hover	{ color:#333;} 
/* 	LEVEL THREE*/
ul.sf-menu_lang ul ul 			{ left: 100%; top: 0; }
ul.sf-menu_lang li:hover > ul 	{ visibility: visible; }
/********************************/
.sf-menu li{ margin-right:55px; 	font-family: 'Comfortaa', cursive;}
.ru li{ margin-right:35px;}
.sf-menu .level_1{ margin-top:10px; 	font-family: 'Comfortaa', cursive;}
.ru a{ font-family:Arial, Helvetica, sans-serif;}
#main_menu .sf-menu .level_1 a:hover{ color:#3D6172}
.sf-menu .level_1 span{
    color: #3D6172;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 5px;	
	display:block;
	font-weight:bold;
	font-family: 'Comfortaa', cursive;
}

/**********accordion content***************/
.accordion_head_in {
	text-decoration:none;
	font-size:20px;
	display:block;
}
.accordion_content_in {
	display:none;
}
.accordion_wrapper_in li {
	position:relative;
	overflow:hidden;
} 
/******************************************/
.empty_row_5{ height:5px;}
.empty_row_10{ height:10px;}
.empty_row_20{ height:20px;}
.empty_row_30{ height:30px;}
.empty_row_40{ height:40px;}
.empty_row_50{ height:50px;}

#header{ background-image:url(../images/header_bg.jpg); width:100%; height:140px; background-position:center top;
	border-bottom:4px solid #3D6172}
#header_bg{ position:absolute;left:0; top:0; z-index:0; zoom:1}
#lang{position:relative; z-index:1;left:870px; top:10px; float:left;}
#book_now{ left: 700px;position: relative;top: 73px;z-index: 1;}
#book_now_link{ background-image:url(../images/book_now_hover.png); width:189px; height:69px; display:block; background-position:left 0px;}
#book_now_link:hover{height:80px;top:-10px; position:relative;}
#book_now_link_en{ background-image:url(../images/book_now_hover_en.png); width:189px; height:73px; display:block; background-position:left 0px;}
#book_now_link_ru{ background-image:url(../images/book_now_hover_ru.png); width:189px; height:73px; display:block; background-position:left 0px;}
#book_now_link_en:hover{height:84px;top:-10px; position:relative;}
#book_now_link_ru:hover{height:84px;top:-10px; position:relative;}
#big_rotator { width:100%;}
#big_rotator img{ width:100%; height:425px;}
#rotator_wrapper .caroufredsel_wrapper{ width:100%; height:425px;}
#main_menu{ width:100%; height:50px; background-color:#3D6172}
#main_menu a{line-height:50px; color:#FFF; text-decoration:none;}

#arxikh .icon{display:block; width:30px; height:30px; background-position:0 0; background-repeat:no-repeat; background-image:url(../images/home_icon.jpg); float:left; position:relative; top:10px;margin-right:5px }
#arxikh:hover .icon{background-position:-30px 0;}

#diamonh .icon{display:block; width:30px; height:30px; background-position:0 0; background-repeat:no-repeat; background-image:url(../images/accommodation_icon.jpg); float:left; position:relative; top:10px;margin-right:5px }
#diamonh:hover .icon{background-position:-30px 0;}

#paroxes .icon{display:block; width:43px; height:30px; background-position:0 0; background-repeat:no-repeat; background-image:url(../images/facilities_icon.jpg); float:left; position:relative; top:10px;margin-right:5px }
#paroxes:hover .icon{background-position:-43px 0;}

#photogallery .icon{display:block; width:30px; height:30px; background-position:0 0; background-repeat:no-repeat; background-image:url(../images/gallery_icon.jpg); float:left; position:relative; top:10px;margin-right:5px }
#photogallery:hover .icon{background-position:-30px 0;}

#perioxh .icon{display:block; width:30px; height:30px; background-position:0 0; background-repeat:no-repeat; background-image:url(../images/location_icon.jpg); float:left; position:relative; top:10px;margin-right:5px }
#perioxh:hover .icon{background-position:-30px 0;}

#contact .icon{display:block; width:30px; height:30px; background-position:0 0; background-repeat:no-repeat; background-image:url(../images/contact_icon.jpg); float:left; position:relative; top:10px;margin-right:5px }
#contact:hover .icon{background-position:-30px 0;}

#main_content{ background-color:#F1EBE2; padding-top:40px; width:100%; height:auto; padding-bottom:40px;}
#main_content h1{ color:#3D6172; font-family:'Comfortaa', cursive; font-size:18px; margin-bottom:10px}
#main_content section,#main_content section p{ color:#444444; font-size:13px;}
#footer{ background-image:url(../images/footer_bg_x.jpg); background-position:left 50px; background-repeat:repeat-x; background-color:#D6C2AA; min-height:240px;}
#footer_wave{ background-image:url(../images/footer_wave.jpg); display:block; width:100%; height:50px; background-position:center; background-repeat:repeat-x;}
.epikoinonia_wrapper{ color:#FFF}
.epikoinonia_wrapper .title{ color:#FFF; font-family:'Comfortaa', cursive; font-size:18px}
.epikoinonia_wrapper .address,.epikoinonia_wrapper p,.epikoinonia_wrapper a{ color:#FFF; font-family:'Comfortaa', cursive; font-size:13px; letter-spacing:2px}
.epikoinonia_wrapper a{ text-decoration:none;}
.epikoinonia_wrapper a:hover{ font-weight:bold;}
#mc_embed_signup input.email {
    width: 265px;
}
#mce-EMAIL{ border:1px solid #fff}
#mc-embedded-subscribe{font-family:'Comfortaa', cursive; font-size:13px; color:#FFF; background:none; position:relative; left:190px; border:none}
#footer_wrapper{ background-image:url(../images/footer_bg.png); background-position:440px 0; background-repeat:no-repeat; min-height:180px;}
#facebook{ background-image:url(../images/facebook.png); width:29px; height:32px; position:relative;display:block;margin-right:10px; background-repeat:no-repeat; float:left;}
#youtube{background-image:url(../images/youtube.png); width:29px; height:32px; position:relative;display:block;margin-right:10px; background-repeat:no-repeat; float:left;}
#tripadvisor{background-image:url(../images/tripadvisor.png);width:29px;height:32px;position:relative;display:block;margin-right:10px; background-repeat:no-repeat; float:left}
.social_wrapper{ position:relative; display:block; width:100%; top:80px;}
input,select,textarea{ border:2px solid #CCC; color:#963;font-family:'Comfortaa', cursive;}
.formbody td,th{padding-bottom: 5px;}
.list_article_teaser{font-size:13px;}
.article_teaser{font-size:13px;}
.gallery_wrapper .caption{ display:none;}