@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600&subset=greek,latin);

html{padding:0; margin:0;}
body {
	margin:0 auto;
 	background-color:#F3F3F3;
	font-family: 'Open Sans', sans-serif;
  	text-decoration: none;
 	font-weight:none;
 	font-size: 14px !important;
	line-height:20px;
 	color:#fff;
 	text-align:left;
	overflow-x: hidden;
	padding:0;
}
/**************for css3 support in older browsers************
link documentation
css3pie.com/documentation/supported-css3-features/

write the css rule and add
behavior: url(plugins/css3pie/PIE.htc);
e.g
#myElement {
    behavior: url(plugins/css3pie/PIE.htc);
    border-radius: 10px;
/***********extra options for pie***********	
    -pie-watch-ancestors: 1;
	-pie-png-fix: true;
	-pie-lazy-init:true;
	-pie-poll:true;
	-pie-track-hover:false;
	-pie-track-active:false; 
}


/**********accordion content***************/
.inside{ color:#333333;}
.container{	/*width:970px !important;*/}
h1 {font-size:24px;}

a {color:#FC8600; transition: all 0.2s linear;}
a:hover{color:#CE6C00; text-decoration:none;}

.srow_3 a {color:#fff; transition: all 0.2s linear;}
.srow_3 a:hover{color:#f3f3f3; text-decoration:none;}


.accordion_head_in {text-decoration:none;font-size:20px;display:block;}
.accordion_content_in {display:none;}
.accordion_wrapper_in li {position:relative;overflow:hidden;}

.pagination li.inactive{ visibility:hidden;}
.pagination li { float:left;}
.pagination_wrapper{ text-align:center;}

.float_image{ float:left;}

.empty_row_10{display:block; height:10px}
.empty_row_20{display:block; height:20px}
.empty_row_30{display:block; height:30px}
.empty_row_40{display:block; height:40px}
.empty_row_50{display:block; height:50px}
 
.alpha{ margin-left:0;}
.omega{ margin-right:0;}

.alphap{ padding-left:0;}
.omegap{ padding-right:0;}

.invisible{ display:block; width:0; height:0; visibility:hidden;float:left;}

.row-centered {text-align:center;}
.col-centered {display:inline-block; float:none;text-align:left; /* inline-block space fix */margin-right:-4px; vertical-align: middle;}
/*TripAdvisor widget*/#TA_selfserveprop832 {margin-bottom: 30px; margin-top:15px;}
.shadow {
	-moz-box-shadow: 3px 3px 4px #333;
	-webkit-box-shadow: 3px 3px 4px #333;
	box-shadow: 3px 3px 4px #333;
/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
	zoom: 1;  
}
.ce_gallery ul{ list-style:none; padding-left:0; display:inline-block;}
.ce_gallery ul>li{ float:left; clear:none;}
/***********
.ce_gallery ul>li.col_first{ clear:left; float:left;}
.ce_gallery ul>li.col_last { clear:right; float:left;}
***********/
.list_title{ font-size:24px}
.list_subtitle{ font-size:22px}
.vertical-align{ display: table-cell;vertical-align: middle;}


.srow_1{ background-color:#2B272E; min-height:86px;}

.langs{ height:86px; vertical-align:middle;display:table-cell;color:#FF8000;}
.langs>a {color:#FF8000; transition: all 0.2s linear;}
.langs>a:hover{color:#fff; text-decoration:none;}

#myTopMenu{ height: 86px; width: 100%; min-width:220px;}


/************bootstrap overwrites***********/
.navbar-default{ background-color:#2B272E; border-color:#2B272E;}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ background-color:#2B272E; color:#F5F5F5;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background-color:#473D42; color:#F5F5F5;}
.navbar-default .navbar-nav > li > a{ color:#fff;}
.srow_1,.srow_3,.srow_4,.srow_5,.srow_6{ position:relative; z-index:1;}

.srow2{ display:inline-block; height:100%; width:100%; position:absolute; z-index:0; overflow:hidden; top:50px;}
.rotator_wrapper{margin-top: 0px; position:relative; overflow:hidden; display:inline-block; width:100%; height:0;}
.rotator_bg{ display:inline-block; width:100%; overflow:hidden; position:relative; height:auto; text-align:center}
#rotator{ width: 100%;max-width:auto;max-height: 100%;margin: 0;	/*position: absolute;*/left: 0;}
#rotator .image_container img{ min-width:100%;min-height:100%;}
#rotator .ce_image{ display:block; float:left;}

.news-col1{ margin-top:100px; background-color:rgba(34,34,34,0.8);}
.news-col1>div{ position:relative;}
.news-col1>div>.news_mask{ width:100%; height:100%; padding:40px 40px 55px;background-color:rgba(34,34,34,0.4); min-height:330px;}
.news-col1 .more{ text-align:right; display:inline-block; position:absolute; right:20px; bottom:20px;}
.news-col1 .more>a{ padding:10px 20px; border:2px solid #fff;}
.news-col1 h2,.news-col2 h2{ font-size:26px; letter-spacing:0.5px;}

.news-col2{  background-color:rgba(99,180,89,0.8); padding:25px 20px;   margin-top: 120px;}
 


.news_list_4>div img{ max-width:100%; height:auto;}
.news_list_4>div *{ color:#131304;}

.srow_4{ margin-top:40px;}

#sponsor_1 .slider-control{ visibility:hidden;}
#sponsor_2 .slider-control{ visibility:hidden;}
#sponsor_3 .slider-control{ visibility:hidden;}

#sponsor_1 {margin-bottom:20px;}
#sponsor_2 {margin-bottom:20px;}

#home_gallery ul>li img{ max-width:100%; height:auto;}
.srow_5{ text-align:center;}
.mod_newsreader img{max-width:100%; height:auto}

.srow_8{ background-color:#2E2E2E; min-height:100px; display:inline-block; width:100%; padding:10px 0;}

.nl_img_label{ background-image:url(../images/newsletter_label.jpg); background-repeat:no-repeat; background-size:contain; background-position:top center; width:289px; max-width:100%; height:260px; margin:0 auto;padding-left:65px;padding-top:204px; color:#333333;}

#ffacebook{ width:34px;  background-position:left center; background-image:url(../images/social_sprites.jpg); background-repeat:no-repeat; display:inline-block;}
#yyoutube{ width:37px;  background-position:right center; background-image:url(../images/social_sprites.jpg); background-repeat:no-repeat; display:inline-block;}


#footer_logo {
    background-image: url("../images/footer_logo.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 193px;
    margin-left: 60px;
    width: 100%;
}

.footer{ color:#3E3E3E}
.footer a{ color:#000; font-weight:700;}

.inside{ padding:30px 0px; color:#333; background:#fff;}
.layout_def .more { display:inline-block;padding:8px; background:#fff; font-size:13px; box-shadow: 0 5px 8px -8px #777;  }
.layout_def h2 { font-size:22px; }

#f1{}
#f1 .formfield,#f4 .formfield{  display: table;margin-bottom: 10px;width: 100%;}
.submit_container{ text-align:center;}
#f2 .formfield,#f5 .formfield{  display: table;margin-bottom: 10px;width: 100%;}

#f2 #ctrl_19 span{ display:inline-block; width:100%}
#f2 #ctrl_19 span>label{ float:left;margin-bottom:0;padding-left:10px;text-align:left;}
#f2 #ctrl_19 span>.radio{ float:left;margin-top: 0;}
#f5 #ctrl_31 span{ display:inline-block; width:100%}
#f5 #ctrl_31 span>label{ float:left;margin-bottom:0;padding-left:10px;text-align:left;}
#f5 #ctrl_31 span>.radio{ float:left;margin-top: 0;}
/*#f1 label{ width:30%; text-align:right; min-width:130px; display:table-cell; vertical-align:middle; padding-right:10px;}*/
#ctrl_5{ width:110px;}
.datepicker table {background-color:#aaa;}
/*newsletter*/

#mc_embed_signup form {
    display: block;
    padding: 10px 0 10px 3%;
    position: relative;
    text-align: center;
    width: 50%;
}

#mc_embed_signup input.email {
    border: 1px solid #fff;
    color: #333333;
    min-width: 230px;
    width: 100%;
}

#mc_embed_signup input.button {
    display: block;
    margin: 0 0 10px 34%;
    min-width: 90px;
    text-align: center;
    width: 35%;
}

#mc_embed_signup input.email {
    color: #333333;
    min-width: 230px;
    text-align: center;
}

.ui-accordion-header {
	border-bottom:1px solid #FC8600;
	margin-bottom:10px;
	padding:5px 0px;
	font-weight:bold;
	font-size:15px;
	letter-spacing:0.5px;
	color: #473D42;
}

.ui-accordion-header:hover {
	color:#D56A00;
	cursor:pointer;
}

.navbar-nav > li > a {
    padding-bottom: 15px;
    padding-left: 8px;
	padding-right: 8px;
    padding-top: 15px;
}

#sponsor_1 img {
    transition: all 0.5s ease-in-out 0s;
}
#sponsor_1 img:hover {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    transform: scale(1.1);
}
#sponsor_2 img {
    transition: all 0.5s ease-in-out 0s;
}
#sponsor_2 img:hover {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    transform: scale(1.1);
}

div #sponsor_1  {
    overflow: hidden;
}

div #sponsor_2  {
    overflow: hidden;
}

/*tablets and PCs TVs*/
@media (min-width:768px){
	.navbar-header{ width:0;}
	.navbar{ margin-bottom:0;}
	.news-col1{ margin-top:100px; background-color:rgba(0,0,0,0.5);}	
	.srow_3{ margin-top:22vh;}
/*	.srow_3{ margin-top:200px;}
*/	.news_list_4>div{ width:47%; margin-right:3%;margin-right:30px; float:left; width:calc(50% - 30px);  color:#000000; }
	.srow_5{background-image:url(../files/about_us/bg.jpg);background-attachment:fixed;background-position:left top;background-repeat:no-repeat;background-size:cover;display:block;min-height:300px;}	
	.srow_5_mask{background-color:rgba(34,34,34,0.6);display:block;min-height:300px;}
	#home_gallery ul>li{ width:calc(100% / 5);}	
	#ffacebook{ height:84px; }
	#yyoutube{ height:84px;}
	#footer_logo{ margin-top:-125px;}
	#f1 label,#f4 label{ width:30%; text-align:right; min-width:130px; display:table-cell; vertical-align:middle; padding-right:10px;}	
	#f2 label,#f5 label{ width:30%; text-align:right; min-width:130px; display:table-cell; vertical-align:middle; padding-right:10px;}	
}
/*mobile vertical-horozontal*/
@media (max-width:767px){
	.news-col1{ margin-top:10px; background-color:rgba(0,0,0,0.5); padding:5px;}	
	.news-col1>div>.news_mask{ width:100%; height:100%; padding:0 0 55px;background-color:rgba(34,34,34,0.4); min-height:330px;}
	.srow_3{ margin-top:20px;}	
	.news_list_4>div{ width:100%; color:#000000; padding:0;}	
	.srow_5{display:block; background-color:rgba(34,34,34,0.6);}
	#home_gallery ul>li{width:50%;}
	#ffacebook{ height:40px; }
	#yyoutube{ height:40px;}
	#f1 label,#f4 label{ width:30%; text-align:right; min-width:130px; display:table-cell; vertical-align:middle; padding-right:10px;}
	#f2 label,#f5 label{ width:30%; text-align:right; min-width:130px; display:table-cell; vertical-align:middle; padding-right:10px;}
}
@media (max-width:335px){
	#home_gallery ul>li{width:100%;}
	#f1 label,#f4 label{ width:100%; text-align:left; min-width:130px; display:block; padding-right:10px;}
	#f2 label,#f5 label{ width:100%; text-align:left; min-width:130px; display:block; padding-right:10px;}
	#f2 #ctrl_19 span>label,#f5 #ctrl_31 span>label{ float:left;margin-bottom:0;padding-left:10px;text-align:left;}
}