<!--

body {
background-image:url('../images/back_blue.jpg');
background-color:d0ebf6;
background-size:100%;
background-repeat:no-repeat;    
background-position:top center;
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 13px;
}

body.koinonia {
background:url('../images/koinonia_top_back.jpg') no-repeat top center, url('../images/koinonia_back.jpg') repeat top center;
background-size: 100% 100%, initial;
background-color:dadada;
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 15px;
}


a:link    {color:4d95c6;}
a:visited {color:4d95c6;}
a:hover   {color:800000;}
a:active  {color:4288b8;}

.mymonth {
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 15px;
color: 800000;
font-weight:600;
}

.forma, .forma_title {
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 15px;
font-weight: 500;
}

.forma option  {
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 13px;
font-weight: 700;
}

table.main_page {
	margin-top: auto; 
	margin-bottom: auto; 
	margin-left: auto; 
	margin-right: auto;
	width: 860px;
	border: 10px;
	box-shadow: 0 0 5px 5px #888;
}


table.mitro_main {
	margin-top: auto; 
	margin-bottom: auto; 
	margin-left: auto; 
	margin-right: auto;
	width: 860px;
	border: 10px;
	box-shadow: 0 0 5px 5px #888;
}



td.epikairotita {
width: 250px;
background-color:white;
vertical-align:top;
}

td.epikairotita_content {
width: 750px;
padding: 3 3px;
background-color:white;
vertical-align:top;

font-family: Roboto, Palatino Linotype, Verdana, Helvetica;
font-size: 14px;
font-weight: 300;
}



.mitropoli_table {
width: 880px;
background-color:white;
vertical-align:top;
text-align: justify;
}

td.synodos_content {
width: 100%;
min-width: 880px;
padding: 3 3px;
background-color:white;
vertical-align:top;
text-align: justify;
font-family: Roboto, Palatino Linotype, Verdana, Helvetica;
font-size: 14px;
font-weight: 300;
}

td.mitropoli_content {
width: 100%;
min-width: 600px;
padding: 3 3px;
background-color:white;
vertical-align:top;
text-align: justify;
font-family: Roboto, Palatino Linotype, Verdana, Helvetica;
font-size: 14px;
font-weight: 300;
}


td.mitro_content {
width: 100%;
min-width: 880px;
padding: 3 3px;
background-color:white;
vertical-align:top;
text-align: justify;
font-family: Roboto, Palatino Linotype, Verdana, Helvetica;
font-size: 14px;
font-weight: 300;
}


td.synodos_content {
width: 100%;
min-width: 880px;
padding: 3 3px;
background-color:white;
vertical-align:top;
text-align: justify;
font-family: Roboto, Palatino Linotype, Verdana, Helvetica;
font-size: 14px;
font-weight: 300;
}

td.mitropoli_right {
width: 250px;
padding: 3 3px;
background-color:white;
}

td.epikairotita_content_alone {
width: 1020px;
padding: 10 10px;
background-color:white;
vertical-align:top;
text-align: justify;
font-family: Roboto, Palatino Linotype, Verdana, Helvetica;
font-size: 14px;
font-weight: 300;
}

td.epikairotita_right {
width: 250px;
padding: 3 3px;
background-color:white;
}



.news_date {
font-weight: 800;
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 15px;
color: #ab1f28;
}

a.news_date {
font-weight: 800;
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 15px;
color: #ab1f28;
text-decoration: none;
}

.news_title {
font-weight: 700;
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 11pt;
color: black;
}

.news_note {
color: black;
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 9pt;
}

.news_link {
font-weight: 800;
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 8pt;
color: #ab1f28;
}

.bluenote {
	margin-top:auto; 
	margin-bottom:auto; 
	margin-left:auto; 
	margin-right:auto;
	background-color: #00599c;
	width: 100%;
	max-width: 880px;
	height: 30px;
	position: static;
}
.graynote {
	margin-top:auto; 
	margin-bottom:auto; 
	margin-left:auto; 
	margin-right:auto;
	background-color: #ffffff;
	background-image:url('../images/gray_back.jpg');
	width: 100%;
	max-width: 880px;
	height: 65px;
	position: static;
}

.news_date_cnt {
font-weight: 800;
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 22px;
color: #818285;
}

.news_title_cnt {
font-weight: 700;
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 14pt;
color: #1775b5;
}

.news_content {
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 12pt;
color: auto;
}

.red_radio {
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 8pt;
color: red;
font-weight: 700;
}

.right_news {
width: 240px;
border: solid 2pt;
border-color: 4d95c6;
border-top: none;
border-bottom: none;
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 12pt;
color: 4d95c6;
}

.right_news_feeds {
border: solid 1pt;
border-color: e2e0e1;
border-top: none;
border-left: none;
border-right: none;
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 10pt;
color: 4d95c6;
}

.right_pronaos_OLD {
width: 240px;
border: solid 2pt;
border-color: dfbc27;
border-top: none;
border-bottom: none;
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 12pt;
color: 4d95c6;
}

.right_pronaos {
width: 240px;
background-image:url('../images/pronaos_back.jpg');
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 12pt;
color: 4d95c6;
}

.right_npronaos_feeds {
border: solid 1pt;
border-color: e2e0e1;
border-top: none;
border-left: none;
border-right: none;
border-bottom: none;
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 10pt;
color: 4d95c6;
}


.graynote {
	margin-top:auto; 
	margin-bottom:auto; 
	margin-left:auto; 
	margin-right:auto;
	background-color: #ffffff;
	background-image:url('../images/gray_back.jpg');
	width: 100%;
	max-width: 880px;
	height: 65px;
	text-align: left;
}

.smaller {
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 11pt;
color: d0ebf6;
text-decoration: none;
}

.mitropoli_name {
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 17pt;
font-weight: 700;
color: 1775b5;
}

.synod_section {
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 17pt;
font-weight: 700;
color: 1775b5;
}

a.synod_titlos {
font-family: Calibri, Helvetica, Tahoma, Verdana, MYRIAD Pro;
font-size: 11pt;
color: #000000;
}


.smart_maincontent {
text-align:left; 
font-size:12pt; 
background-color:white; 
width:100%; 
max-width:880; 
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.9), 0 6px 15px 0 rgba(0, 0, 0, 0.19);
}



table.search_box {
width:1024px;
}




nav {
	margin: 3px auto; 
	text-align: center;
}

nav ul ul {
	display: none;
	color: #004482;
}

	nav ul li:hover > ul {
		display: block;
		transition-delay: 2s 2s;
	}


nav ul {
	font-weight: 600;
	font-size: 11pt;
	color: #004111;
	text-decoration: none;
	padding: 2 2 2 2;
	list-style: none;
	position: relative;
	display: inline-table;
}
	nav ul:after {
		content: ""; clear: both; display: block;
		color: #004482;
	}

	nav ul li {
		float: left;
		padding: 0px;
		color: #004482;
	}
		nav ul li:hover {
			background: #004482;
			color:#fff;
		}
			nav ul li:hover a {
				color: #fff;
			}
		
		nav ul li a {
			display: block; 
			padding: 5px 5px;
			color: #004482; 
			text-decoration: none;
		}
			
		
	nav ul ul {
		background: #fff; 
		border-radius: 0px; 
		padding: 0;
		position: absolute; 
		top: 100%;
		color: #004482;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.4), 0 6px 6px 0 rgba(0, 0, 0, 0.4);
	}
		nav ul ul li {
			float: none; 
			position: relative;
			width: 150px;
			padding: 6 0;
			color: #004482;
		}
			nav ul ul li a {
				padding: 4px 10px;
				color: #004482;
			}	
				nav ul ul li a:hover {
					background: #004482;
					color:#004482;
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}

.mymenu li a {
color: #004482;
font-size: 11pt;
}




#mysearch_form {width:100%; max-width:880px; text-align:center; padding: 10 10 10 10;}
#mysearch_left {float:left;}
#mysearch_right {float:right;}




@media (max-width: 560px) {

.eagle_top {width: 40%; height: auto;} 
.mitro_main {max-width: 560px; width: 100%;}
.mitro_content {max-width: 560px; width: 100%;}
.main_page {max-width: 560px; width: 100%;}
.search_box { max-width: 560px; width: device-width;}
.less_560 {background-color: #4d95c6; text-align: right;}

select {background-color: #4d95c6; text-align: right; text-color: #fff; color: #fff;}
input.formainput {width:150px;}
img.mitro_top {width: 100%;} 
#my_mitro_left, .mitropoli_content {max-width: 560px; width: 100%;}
#my_mitro_right {display: none;}
#free_menu {display: none;}
#steel_menu {display: none;}
#less_than_560 {display: visible;}
#en_ekklisies_wrapper {display:none;}
#mitro_intro {display:none;}
#mitro_list {display:visible;}
#mysearch_right {padding: 30px;}


}




@media (min-width: 561px) and (max-width: 800px) {

.eagle_top {width: 40%; height: auto;} 

img.mitro_top {min-width: 561; height: auto; width: 100%;} 

.mitro_main {min-width: 561px; max-width: 800px;  width: device-width;}
.mitro_content {min-width: 561px; width: device-width;}

#my_mitro_left, .mitropoli_content {min-width: 561px; width: device-width;}

.search_box { max-width: 600px; width: device-width;}

#my_mitro_right {display: none;}

#free_menu {display: visible;}
#steel_menu {display: none;}
#less_than_560 {display: none;}
#mitro_list {display:none;}


#mysearch_form {padding: 10 10 20 10;}


}








@media (min-width: 801px) {

#right_news {display: visible;}

.mitro_main {max-width: 880px;}
.mitro_content {min-width: 680px;}
.right_news {min-width: 200px;}

.search_box { min-width: 801px; max-width: 880px;}

#free_menu {display: none;}
#steel_menu {display: visible;}
#less_than_560 {display: none;}
#mitro_list {display:none;}

#my_mitro_left {width:100%; max-width:880;}
#my_mitro_right {display: none;}



}

-->