@charset "iso-8859-1";
/* CSS Document */

#tableCell {
	background-color:#ffffff;
	border-width: 0px;
	position: relative;
	border-spacing: 10px;
	
}

#tableCell tr{
	width: 100%;
	height: 100px;
}

#tableCell td {
	position:relative;
	background-color: ffffff;
	border-radius: 10px;	
	border: 1px solid;
	border-color:#fac663;
	opacity: 1;
}


#tableCell td[id='colorMode']  {
	padding:10px;
	margin:0px;
	background-color:#FFCC66;
	font-size:13px;
}

#tableCell td[id='full-img']  {
	padding:0px;
	margin:0px;
	height: 300px;
	width: 30%;
}

#tableCell td[id='full-img']:hover{
	transform: scale(1.02);
}

#tableCell td[id='full-img'] a{
	height: inherit;
	border-radius: inherit;
}

#tableCell td[id='full-img'] img, #tableCell td[id='full-img double'] img{
	width: 100%;
	height: 300px;
	border-radius: inherit;	
	object-fit: fill;
}

#tableCell td[id='full-img'] div, #tableCell td[id='full-img double'] div, #banner_img div {
	position:absolute;
	width: 90%;
	background-color:#FFFFFF;
	margin-top : -60px;	
	padding: 10px 5px ;
	box-shadow: inset 0px 0px 3px rgba(50,55,55,0.8);
	border-radius: 0px 6px 6px 0px;
	text-transform: capitalize;
	line-height: 1.3em;
	font-family: Georgia, Arial;
	font-size: 11px;
	text-align:center;
}

#tableCell td[id='full-img'] div[id='noborder'], #tableCell td[id='full-img double'] div[id='noborder']{
	background-color:rgba(255,255,255,0);
	color:#fff;
	font-size: 18px;
}

#banner_img{
	border-spacing: 5px;
    border-collapse: separate;
}

#banner_img .themeBannerExtraHeight {
	position: relative; 
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border-radius: 15px;	
	border: 1px solid;
	border-color:#afafaf;
	opacity: 1;
}

#banner_img .themeBannerExtraHeight:hover {
	transform: scale(1.02);
}

#banner_img td:first-child{
	text-align:right;
}

#banner_img td:first-child img{
	text-align:right;
	box-shadow: -2px 1px 5px rgba(0, 0, 0, 0.8);
}

#banner_img img{
	width: 295px;
	border-radius: 5px;
	box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.8);
}

#noborder td{
	border-width:0px;
	font-size:12px;
	text-shadow: -1px 2px 5px rgba(250, 250, 250, 0.9);
}


#msgDiv{	
	position: relative;
	width:	400px;
    top: 	0px;
	left:	0px;
	margin: 0px;
	padding: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color: 	#0000aa;
	background-color: #FFCC66; /*rgba(250, 198, 99, 0.8); #fac663;*/
	border-width: 2px solid;
    border-radius: 10px;
	/*box-shadow: -3px 2px 1px rgba(0, 0, 0, 0.5);*/
}

#msgBox{	
	position: relative;
	width:	400px;
    top: 	0px;
	left:	0px;
	margin: 0px;
	padding: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color: 	#0000aa;
	background-color:rgba(250, 198, 99, 0.8); /*#fac663;*/
	border-width: 2px solid;
    border-radius: 5px;
	box-shadow: -3px 2px 1px rgba(0, 0, 0, 0.5);
}

#label{
  font-family:   Calibri, Tahoma, san-serif;
  font-size: 17px;
  font-style:italic;
  font-weight:bold;
  position: relative;
  margin-left: 20px;
  padding: 5px;
  color : #075681;
  background: #a1a1a1;
  border-width: 0px;
  text-shadow: none; /*0px 0px 12px #000000 ;*/
}


#label2{
  font-family:   Calibri, Tahoma, san-serif;
  font-size: 17px;
  font-style:italic;
  font-weight:bold;
  position: relative;
  margin-left: 7px;
  padding: 0px;
  color : #075681;
  background: #fac663;
  border-width: 0px;
  text-shadow: none; /*0px 0px 12px #000000 ;*/
}



/* Newsletter for subscribe */

#lbl_newsletter{
  font-family:   Calibri, Tahoma, san-serif;
  font-size: 13px;
  font-style:italic;
  font-weight: bolder;
  position: relative;
  margin-left: 20px;
  padding: 5px;
  color : #075681;
  background: #FFFFFF;
  border-width: 0px;
  text-shadow: none; /*0px 0px 12px #000000 ;*/
}


.subscribe{	
	position: relative;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	background-color:#a1a1a1;
}

.bgr{background-color: #fff;}

.subscribe-form {
  position: relative;
  width: 95%;
  margin: 0px;
  padding: 3px 0px 3px 3px;
  background: #075681;
  border-radius: 4px 0px 0px 4px;
  box-shadow: -3px 2px 1px rgba(0, 0, 0, 0.5);
}

.subscribe-submit {
  font-family:   Calibri, Tahoma, san-serif;
  font-size: 15px;
  font-style:italic;
  font-weight:bold;
  position: relative;
  margin: 0px;
  padding: 5px;
  color : #FFFFFF;
  background: #075681;
  border-width: 1px 0px 1px 1px;
  border-color:#FFFFFF;
  border-radius: 2px 0px 0px 2px;
  box-shadow: -1px 0px 1px rgba(255, 255, 255, 0.7);
}

.subscribe-submit:hover {
  color : #000;
  background: #fac663;
  text-shadow: -1px 0px 10px rgba(255, 255, 120, 0.4);
}

.subscribe-submit:active {
  color : #000;
  background: #fac663;
  box-shadow: -1px 0px 1px rgba(255, 255, 255, 0.4);
}

.subscribe-input {
  font-family: 'Calibri', Tahoma, Verdana, sans-serif;
  font-size: 16px;
  font-style:italic;
  width: 40%;
  color: rgba(250,198,99,0.8);/*#fac663;*/
  background: #075681;
  border: 0px solid;
}

.subscribe-input::-webkit-input-placeholder {
    color: fac663;
}

.subscribe::-webkit-input-placeholder {
    display: block;
}

.subscribe-input::-moz-placeholder {
    color: fac663;
}

.subscribe-input:focus{
    outline: none;
}  
	
	/*    ------------------------------- */
	
.container{
	position:relative;
	background-image: url(../Images/newsletter_bg2.jpg);
	background-repeat: no-repeat; /*repeat-y;*/
	background-size: cover;

}


#label1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	font-weight:bolder;
	color: rgba(100, 100, 255, 0.8);
}	
	
#label2{
	position:relative;
	margin-top: 30px;

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bolder;
	color: rgba(50, 50, 50, 0.9);
	background-color: rgba(255, 255, 255, 0.1);
}

#label3{
	margin: 5px;
	position: relative;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:11px;
	font-weight:bolder;
	color: rgba(255, 255, 255, 0.9);
	
}

#tbl_container{
	position: relative;
	margin: 100px;	
	font-family: Georgia, "Times New Roman", Times, serif;
    border-radius: 15px;
	border-width: 0px;
	box-shadow: 5px 3px 10px rgba(0, 0, 0, 0.5), inset 0px 0px 5px rgba(255,255,255,0.8);
}

#tbl_container td[id=left]{
	width:200px;
	padding:50px;
	background-image:url(../Images/newsletter_bg3.jpg); /*#fac663;*/
	border-radius: 15px 0px 0px 15px;
}

#tbl_container td[id=right]{
	width:200px;
	padding:50px;	
	background-color:rgba(250, 198, 99, 0.8); /*#fac663;*/
	border-radius: 0px 15px 15px 0px;
}

#div_login{
	position: relative;
	top: 200px;
	left: 300px;
}

#frm_login input{
	position: relative;
	padding:5px;;
	margin: 5px;;
	width: 150px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	border-width: 1px;
	border-style:solid;
	
}

#frm_login input[type="text"], input[type="password"]{
	padding: 5px;
	letter-spacing: 2px;
	border-color:#FFFFFF;
	border-radius: 15px;	
	background-color:rgba(255,255,255,0);
}

#frm_login input[type="text"]:focus, input[type="password"]:focus{
	background-color:rgba(0,0,255,0.7);
	color: #FFFFFF;
	outline: none;
}


#frm_login input[type=submit]{
	background-color:rgba(255,255,255,0.9);
	color:#000099;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	border-radius: 15px;
}

#frm_login input[type="submit"]:active{
	background-color:rgba(0,0,255,0.7);
	color: #FFFFFF;
	outline: none;
}

#ls_email{
	padding: 5px;
	margin: 30px;
	background-color: rgba(150, 150, 150, 0.8);
	border-radius: 15px;
	box-shadow: 5px 3px 10px rgba(0, 0, 0, 0.8);
}

#ls_email td{
	width: auto;	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	background-color:rgba(250, 198, 99, 0.6);
	color:rgba(1, 1, 1, 0.9);
	padding: 3px;
	border-radius: 2px;
	box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 0.4);
}


#width100{
	width: 100px;
	height: auto;
}

#width180{
	width: 180px;
	height: auto;
	border: 0px;
}

#img_container{
	float: none;
	text-align: center;
}

#img_container img{
	padding: 2px;
	margin: 1px;
}

#img_container_eikosiena{
	float: none;
	text-align: center;
}

#img_container_eikosiena img{
	padding: 2px;
	margin: 1px;
	margin-left:12px;
	height: 230px;
	max-width: 180px;
}

#img_container_eikosiena > span{
	padding: 2px;
	margin: 1px;
}

#categories{
	width: 90%;
	position:inherit;
}

#categories li{
	height: auto;
	padding: 10px 0px 10px 20px;
	margin: 15px 0px 15px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	background-color:rgba(10, 80, 130, 0.9);
	color:rgba(255, 255, 255, 0.9);
	border-radius: 10px;
	box-shadow: 0px 0px 15px rgba(255, 250, 250, 0.9), inset 0px 0px 15px rgba(100, 100, 100, 0.8);
}

#categories li > a {
	color:rgba(250, 250, 250, 1);
}

#categories li:hover {
	background-color:rgba(100, 100, 100, 0.9);
}

#categories td{
	height: auto;
	padding: 10px 0px 10px 20px;
	margin: 15px 0px 15px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:center;
	font-size: 16px;
	background-color:rgba(10, 80, 130, 0.9);
	color:rgba(255, 255, 255, 0.9);
	border-radius: 10px;
	box-shadow: 0px 0px 15px rgba(255, 250, 250, 0.9), inset 0px 0px 15px rgba(100, 100, 100, 0.8);
}

#programMenu{
	width: 100%;
	position:inherit;
}

#programMenu li{
	height: auto;
	float: left;
	display: inline;
	width: 40%;
	padding: 10px 5px 10px 10px;
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	background-color:rgba(10, 80, 130, 1);
	color:rgba(255, 255, 255, 0.9);
	border-radius: 5px 20px 0px 0px;
	box-shadow: 0px 0px 0px rgba(255, 200, 200, 0.7), inset 1px 0px 0px rgba(250, 250, 250, 0.7);
}

#programMenu li:last-child{
	background-color:rgba(10, 80, 130, 1);
	margin: 0px 0px 0px -5px;
}

#programMenu li > a {
	color:rgba(250, 250, 250, 1);
}

hr.underMenu{
	margin:0px -15px 5px 41px;
	padding:0px;
	border: 4px solid;
	color:#0a5082;
  	border-radius: 0px 5px;	
}

#BasicMenu{
	width: 100%;
	text-align: center;
	padding:0px;
	margin: 0px;
}

#BasicMenu a{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	padding: 0px;
	margin:0px;
	text-shadow:1px 1px #0a5082;;
	border-width: 2px;
}

/*#tableCell td[id='themeBanner'] {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	/*cursor: pointer;	
}*/


img#transpImg10{
	width: 600px;
	height: auto;
	opacity: 10%;
}

#photo{
	background-image: url(../gr_main/catehism/theologia_zoi/images/orkos_agoniston_1821.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
	display: block;
	text-indent: -9999px;
	height: 170px;
}

.rightText{
	margin: -8px;
	width: 110px;
	float: right;
	border-width:0px;
	border-style:solid;
	text-align: right;
	text-shadow: -1px 1px 2px #fff;
}

table#greekflag{
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image: url(../gr_main/catehism/theologia_zoi/images/greek_flag.gif);
	background-repeat: no-repeat;
	background-size: cover;
 	border-style: solid
	border-width:0px;
	width:100%;
	height:auto;
	font-size:15px;
	margin-left:0px;

}

td#greekflag{
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size:20px;
	background-image: url(../gr_main/catehism/theologia_zoi/images/greek_flag.gif);
	background-repeat: no-repeat;
 	border-style: block;
	border-width:0px;
	border-style:dotted;
	text-align:center;
	background-size:100% 100%;
}

td#greekflag > div{
	
}

table#greekflag_Caption{
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:center;
	font-size:25px;
	font-weight:bold;
	width: 100%;
	margin:0;px;
	padding:20px;
}

table#greekflag a{
	color:#FFFFFF;
}

table#greekflag tr:first-child, table#greekflag tr:last-child{
	text-align:center;
	height:170px;
}

table#greekflag tr:nth-child(2){
	text-align:center;
	height:110px;
}

table#greekflag td:first-child{
	width:40%;
	margin: 20px;	
}

table#greekflag td:last-child{
	padding:30px;
}

table#greekflag td:nth-child(2)  span{
	width:20%;
	font-size: 30px;
	font-weight:bold;
	color:#CC0000;
	text-align:center;
}

table#greekflag tr:nth-child(2) a{
	color:#0000CC;
	text-align:center;
}




div#flag_1922{
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image: url(../gr_main/catehism/theologia_zoi/images/flag_1922.jpg);
	background-repeat: no-repeat;
	background-size:  auto;
 	border-style: solid;
	border-width:0px;
	width:100%;
	height:300px;
	font-size:15px;
	margin-left:0px;
}

div#content_1922  {
	font-family:  Georgia, "Times New Roman", Times, serif;
 	border-style: solid;
	border-width:0px;
	width:80%;
	font-size:13px;
	margin-left:30px;
	margin-bottom: 20px;
}




/************ AFIEROMATA FIRST PAGE (ex. St_Nicolaos page)***********
*********************************************************************/
#indexPage{
	width:95%;
	padding: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height: 1.2em;
}

#indexPage ol > li{
	background-image: linear-gradient(90deg, rgba(153,51,0,1) 70%, rgba(153,102,51,1) 95%);
	padding: 10px;
	margin-top: 5px;
	border-radius:10px 0px 0px 10px;
	text-align:left;
	list-style-type:none;
}

#indexPage ol > li:hover{
	background-image: linear-gradient(270deg, rgba(153,51,0,1) 30%, rgba(253,102,51,1) 95%);
	color: black;
}

#indexPage ol > li > a{
	width:60%;
	color:white;
	text-decoration:none;
}



#indexPage .text{
	font-size:12px;
	margin:0px;
	border-style:solid;
	border-width:0px;
	width:95%;
	text-align:justify;
	
}

#indexPage .text  tr > td{
	vertical-align:top;
	padding:5px;
	
}

#indexPage .text td:first-child{
	width:20%;
	color:#990000;
}
#indexPage .text td:last-child{
	text-align:justify;
}

#indexPage p.lezanta{
	font-size:11px;
	font-style:italic;
	text-align:center;
}

#indexPage .title{
	font-size:14px;
	font-weight:bold;
	text-align:center;

}



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

#Msg_Lang li{
	display:block;
	float: left;
	margin: 5px;
}

#width80{
	text-align:center;
	padding: 0 5% 0 5%;
}

table#message table{
	text-align:left;
	font-size: 12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:10px;
}

#tableCell td[id='building'] {
	background-image: url(../images/buildings.jpg);	
	background-repeat: no-repeat;
	cursor: pointer;
	
}

*[id='title']{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color:#990033;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
}

td > div[id='title']{
	font-size: 14px;
	color:#990033;
	font-weight:bold;
}

ul[id='listText']  > li {
	margin:10px;
}

div[id='filetext']{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	text-align:justify;
	margin: 10px 5px ;
}

#CatehismHelp{
	padding:10px;
 	background-color:#FFFF99;
 	border-radius: 10px;
	box-shadow: 2px 2px #CCCC66;
	font-weight:bold;
}

#CatehismSubjects {
	width:100%;
	border-width: 0px;
	border-style: solid; 
	cellspacing: 0px;
	cellpadding: 0px;	
}

#CatehismSubjects li{
	margin: 0 0 3px 0;
	list-style-type:circle;
}

.volumesTbl td ul{
	padding:0px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style-type:circle;
	list-style-position: inside;
	
}
.volumesTbl td ul li{
	padding: 10px 5px;
	width: 30%;
}

.volumesTbl td ul li span{
	position: relative;
 	left: -2px;
}