@charset "utf-8";
html, body{margin:0px; width:100%; height:100%;}
body{font-family: Arial, Helvetica, sans-serif; line-height:21px; font-size:100%; color:#202020;}
.backGrBody{position:relative; width:100%; height:100%;}
/* background: linear-gradient(to bottom, #BBD4C7 15%, #FEFEFE 92%, #697060 97%);
background: -webkit-linear-gradient(#BBD4C7 15%, #FEFEFE 92%, #697060 97%);
697060  font-family: Book Antiqua; #BBD4C7 1%, #fff 55%, #FDFDFF 

13. Τα RGB είναι ΜΠΟΡΝΤΩ: R=130, G=0, B=43, ΜΠΛΕ: R=27, G=48, B=85, ΓΚΡΙ: R,G,B=217
#17280B, #1B3055, #D9D9D9
*/
table{padding:0px; border:0px; border-spacing:0px; border-collapse:collapse;}
td{padding:0px; vertical-align:top;}
img{margin:0; border:0px;}
h1{line-height:120%;}
h2,h3,h4{line-height:110%;}
p{margin:0; padding:0;}
.pStd{padding-top:2%;}
a{text-decoration:none; color:#000040; word-spacing:0px; display:inline-block;}
a:hover{text-decoration:none;}
.aStd{text-decoration:none; color:#000040; word-spacing:0px; display:inline-block;}

.aTop{}
.slink{color:blue; cursor:pointer; word-spacing:0px;}
.aMenu{}

.dRecord, .dNews, .dButt, .ahButt, .imenu, .dSide {
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 2s ease-out;
-o-transition: background-color 2s ease-out;
transition: background-color 2s ease-out;}

/* formating by adArt.php, adComent.php and more */
.dClear{height:auto; clear:both;}
.pUserArt{text-align:right; margin:0px; margin-bottom:10px;} /* article autor */
.sArtDate{font-size:10px;} /* article date */
.pUserCom{text-align:left; margin:0px; margin-bottom:10px;} /* comment autor */
.sCommDate{font-size:10px;} /* comment date */


/* HEADER */
.header{position:fixed; top:0; left:0; width:100%; height:32px; z-index:2;}
.dHead{position:relative; width:100%; min-width:320px; max-width:1280px; height:auto; margin-left:auto; margin-right:auto;
text-align:right; overflow:hidden;} /* background:#BBD4C7; opacity:0.9; */
.sTop{background:#fff; opacity:0.7;}/* background:#fff; opacity:0.7; */
	.imenu {position:relative; float:right; margin:1px 2px; height:30px; z-index:2;}
	.imenu:hover {background-color: red; cursor:pointer;}

		.aMenuTop{word-spacing:0px; font-size:90%; margin:3px 5px;} /* top lang. and user menu */
		.sWelcome{word-spacing:0px; font-weight:700;} /* welcome user */
		
	.dSide{position:relative; float:right; width:310px; margin:0px; padding:0px; background:#B0C8E5; display:none; border-top:14px solid #17280B; opacity:0.9; z-index:7; overflow:hidden;}/* 4E84C4 */
	.dSide:hover{background-color: #fff;}
		.sClose{padding:4%; text-align:right; color:red; cursor:pointer; display:block;}
		.dMenu{padding:4%; width:90%; height:170px; overflow:hidden; overflow-Y:auto; z-index:7;} /* menu last article from scripts/menuCaArticle.php */

.dBody{position:relative; width:100%; padding:0px; margin:0px; clear:both;}
.divlogo{position:relative; padding:0px; margin:0px; margin-left:auto; margin-right:auto; width:100%; max-width:1280px; min-width:320px; height:auto; line-height:100%; font-size:120%; overflow:hidden; background:#17280B;}/*9FAFDB*/
	.dImglogo{position:relative; float:left; width:170px; height:auto; margin:0% 1%; line-height:13px; font-size:10px; background:#fff; color:#17280B; font-weight:700; text-align:center;}
	.imglogo{width:162px; margin:4px; margin-left:auto; margin-right:auto; cursor:pointer;}/* height: calc(100vw*0.31); */
	/* .stitle{position:relative; margin:1% 0; line-height:100%; font-size:90%; color:#fff; display:inline-block;} */
	.sprogr{position:relative; color:white; margin-top:2%; line-height:110%; font-size:130%; display:inline-block;}
	
.dMPart{position:relative; padding:0px; margin:1px 0px; margin-left:auto; margin-right:auto; width:100%; max-width:1280px; min-width:320px; line-height:150%; border-bottom: 7px solid #17280B;}/*4E84C4*/
	.aPart{margin-bottom:2px; font-weight:700; font-size:150%; padding:3px 5px; display:inline-block;}/* part menu */
	.aPart:link{}
	.aPart:visited{}
	.aPart:hover{background:#D9EBF9;}/* text-decoration:underline; */
	.aPart:active{color:#FFFFFF; background:#1B3055;}
	.aPartAct{color:#FFFFFF; font-size:150%; padding:3px 5px; background:#1B3055;}
	.spanCat{color:#FFFFFF; background:#1B3055; display:inline-block;}/* active aPart #6091CA #4E84C4 #DADADA */
	.sContCat{display:inline-block;} /* height:30px; max-height:30px; */
	.sCat{position:absolute; top:31px; padding:5px; min-width:100px; background:#fff; opacity:0.7; display:none; z-index:2;}
	.aSCat{display:block;}
.dIPano{position:relative; width:100%; height:auto; max-height:377px; overflow:hidden;}
.imgPano{position:relative; width:100%;}


.masterTab{position:relative; margin-left:auto; margin-right:auto; width:100%; max-width:1280px; min-width:320px; clear:both;}
	.imgScr{width:100%;}

/*CONTENT */
/* MENU dSide */
.sMenuSub{margin-top:5px; font-weight:500; display:block;}
.aMPart{font-size:120%; font-weight:500;}/* link to part */
.aMPart:hover{text-decoration:underline;}
.aMPartAct{font-size:100%; font-weight:600; color:#8C0000;}/* link to part */
.dMSubCat{margin-left:20px;} /* link cont. to cat */
.aMCat{font-size:100%; font-weight:500; color:#8C0000;}/* link to cat */
.aMCat:hover{text-decoration:underline;}
.aMSubCat{font-size:100%; font-weight:500; color:#8C0000;}
.aMSubCat:hover{text-decoration:underline;}
.aMSubSub{font-size:90%; font-weight:500;}
.aMSubSub:hover{text-decoration:underline;}

/* scripts/menuCaArticle.php menu article.php */
.hsSub{margin-bottom:0;} /* sub-sub-category only in article */
.aArtlink{font-weight:500;} /* link to art */
.aArtlink:hover{color:red;}
.imgMenuSub{float:left; border:0; width:50px; height:50px;} /* img in likk... */
.asSub{color:blue; cursor:pointer; word-spacing:0px;} /* prev and next articles - only in article */


/* CONTENT divContent */
.divContent{position:relative; width:100%; min-height:400px; margin-top:3%; margin-bottom:7%;}
	.dCSmall{float:left; width:27%; min-width:320px;}
	.dCBig{float:right; width:67%;} /* width:67%; calc(100vw*0.31)*/
.divMess{margin:2%; padding:1%; background:#EBECEC; clear:both;} /* div mess #D9D9A3*/
.spanMess{font-weight:500;} /* system mess */
.aPage{font-weight:400;} /* counter link color:#003E62; */
.aPageNext{font-weight:400;} /* next page */
.aPagePr{font-weight:400;} /* pr page */
.aPagePro{font-weight:400;} /* first page */
.aPageCom{font-weight:400; color:blue; text-decoration: underline;} /* link to comments */
.aPageLast{font-weight:400;} /* last page */
.pHistory{margin:1%; text-align:right;}
.aHistory{font-weight:500;}
/* content.php ... */
.hContent{margin:2% 3%; padding:0; font-size:120%; font-weight:700; text-align:right;} /* part */
.hContentCat{margin:2% 3%; padding:0; font-size:120%; font-weight:500; text-align:right;} /* cat */
.hContentSub{margin:2% 3%; padding:0; font-size:140%; font-weight:300; text-align:right;} /* sub-cat */
.hContSubSub{margin:2% 3%; padding:0; font-size:140%; font-weight:700; text-align:right;} /* sub-sub-cat */
.dPageTop{margin:2%; padding:1%;}/* counter top */
.aTop{}/* counter link */
.divPage{clear:both; text-align:center; margin:3% 0;}
/* records */
.dRecord{position:relative; 
float:left; width:27%; min-width:300px; max-width:800px; height:240px; margin:2% 1%; padding:1%; text-align:justify; border:0px solid #E4F1F2; cursor:pointer; overflow:hidden;
box-shadow: 5px 5px 3px #1B3055;} /* box in part (content.php) 696F5F*/
.dRecord:hover {background-color: #fff;}
.dImgPart{float:left; width:45%; max-width:240px; margin:0% 3% 3% 0%;}  /* div for small img in part */
.imgPart{float:none; margin:0px; width:100%;} /* small img in part */
.hAutor{margin:0px; font-size:90%; text-align:right;}
.hContArt{margin:0px; font-size:120%; text-align:right; margin-bottom:2%;} /* in part (content.php) */
.hRKey{margin:0; font-size:90%; text-align:right;}
.aArticle{font-size:100%; font-weight:100; color:#41525A;} /* link to article (content.php) */

/* news */
/* 
.dNews{float:left; width:27%; min-width:300px; max-width:800px; height:240px; margin:1%; padding:1%; text-align:justify; border:0px solid #E4F1F2; cursor:pointer; overflow:hidden;
box-shadow: 5px 5px 3px #696F5F;}
.dNews:hover {background-color: #fff;}
.dImgNews{float:left; width:45%; max-width:240px; margin:0% 3% 3% 0%;}
.imgNews{float:none; margin:0px; width:100%;}
.hNAutor{margin:0; font-size:90%; text-align:right;}
.hNews{margin:0; font-size:110%; text-align:right;}
*/
.dNews{float:left; width:27%; min-width:300px; max-width:800px; height:70px; margin:3% 1%; padding:1%; border:0px solid #E4F1F2; cursor:pointer; overflow:hidden;
box-shadow: 5px 5px 3px #1B3055;}
.dNews:hover {background-color: #fff;}
.dImgNews{float:left; margin:1%; margin-right:2%; width:35%; min-width:65px; height:94%; overflow:hidden;}
.imgNews{float:none; margin:0px; width:100%;}
.hNAutor{margin:0; font-size:90%; text-align:right;}
.hNews{margin:0; font-size:120%; text-align:right; margin-bottom:2%;}
/* buttons */
.dButt{float:left; width:27%; min-width:300px; max-width:800px; height:70px; margin:3% 1%; padding:1%;
cursor:pointer; color:#1B3055; overflow:hidden; background:#fff; border:1px solid #1B3055; box-shadow: 5px 5px 5px #1B3055;}
.dButt:hover{background-color: #1B3055; color:#fff;}
	.dImgButt{float:left; margin:1%; margin-right:2%; width:35%; min-width:65px; height:94%; overflow:hidden;}
	.imgButt{float:none; margin:0px; height:100%;}
	.hButt{margin:2%; font-size:110%;}
	.ahButt{margin:2%; width:95%; height:95%; font-size:110%; font-weight:600; display:block;}
	.ahButt:hover{color:#fff;}
/* 
.dButt{float:left; width:27%; min-width:300px; max-width:800px; height:70px; margin:2% 1%; padding:1%;
cursor:pointer; color:#FFF; overflow:hidden; background:#1B3055; box-shadow: 5px 5px 5px #1B3055;}
.dButt:hover {background-color: #D995A3; color:#460000;}
	.dImgButt{float:left; margin:1%; margin-right:2%; width:35%; min-width:65px; height:94%; overflow:hidden;}
	.imgButt{float:none; margin:0px; height:100%;}
	.hButt{margin:2%; font-size:110%;}
 */

/* article.php */
.hArtCont{margin:0% 3%; padding:0; height:auto; font-size:100%; font-weight:100; text-align:right;} /* part */
.hArtContCat{margin:0% 3%; padding:0; font-size:100%; font-weight:300; text-align:right;} /* sub-cat */
.hArtContSub{margin:1% 3%; padding:0; font-size:120%; font-weight:500; text-align:right;} /* sub-cat */
.divArticle{margin:2%; padding:1%; box-shadow: 10px 15px 10px #C2C3C4;} /* article background:#F8F8F9; */
	.divArticleItalic{font-style:italic; text-align:right;}
	.hArtAutor{margin:0; margin-top:1%; font-size:100%; font-weight:700; text-align:right;}
	.hArticle{line-height:170%; margin:2% 0%; padding:2%; font-size:170%; font-weight:700; text-align:right; background:#8C9486}/* title */
	.dImgArt{float:left; width:40%; margin:2%;}
		.imgTrArt{width:97%;} /* img */
	.imgArtEx{margin:0% 1% 0% 1%; width:15%; float:left;} /* more img */
	.divRecArt{margin:3% 2%; padding:10px; background:#F8F8F9; box-shadow: 10px 15px 10px #C2C3C4;} /* commment box */
	.dRecCom{margin:7px 0px 0px; padding:5px; background:#FFFFF2;} /* commment text */

/* article.php 2018-06-07 */
.dASide{position:relative; float:right; width:0; max-width:25%; padding-top:110px; text-align:center; display:none; overflow:hidden;}
.iDia{position:relative; width:95%; max-width:350px; margin-top:75px;}
.aDia{}

.pleft{margin:0; padding:0; text-align:left; clear:both;} /* paragra... */
.pcenter{margin:0; padding:0; text-align:center; clear:both;}
.pright{margin:0; padding:0; text-align:right; clear:both;}
.pjustify{margin:0; padding:0; text-align:justify; clear:both;}

.dVideo{width:90%; height:400px; margin-left:auto; margin-right:auto; clear:both;}

/* photo.php */
.dPhoto{margin:2%; display:block; overflow:hidden;}
.imgPhoto{width:100%; max-width:1280px;}


/* FOOTER 17280B 5E071B */
.dfoot{background: linear-gradient(to bottom, #ffffff 57%, #17280B);
position:relative; margin-left:auto; margin-right:auto; width:100%; max-width:1280px; min-width:320px; clear:both;}

.tdfCat{border-bottom:1px solid #DADADA;} /* background:#303030; sociall butt */
.imgSoc{float:right; margin:4px;}
.tdFoot{vertical-align:bottom; padding:10px;} /* footer background:#303030; background: linear-gradient(to bottom, #fff 0%, #E4E5E6 50%); */
.imglogoFooter{float:left; margin-right:10px; height:107px;} /* logo */
/* .imglogo1{margin:11px 10px; height:107px;} */
.dFMenu{margin:13px; text-align:center; word-spacing:5px; font-weight:500;} /* menu */
.aMenuFo{font-weight:500; word-spacing:1px;}
.aMenuFo:hover{color:#000;}
.tdFootK{padding:10px; text-align:center; font-size:13px; border-top:1px solid #DADADA;} /* key background:#E4E5E6; background-image: url(); background-position:center center; */
.divGeodi{padding:1%; text-align:right; font-size:70%;} /* div geodi */
.aGeodi{font-size:110%; color:#fff; font-weight:500;}/*a geodi */

#dgrf{margin:4px 0;padding:2% 0 0 2%; text-align:right;}
	#dgrf > img{float:none;width:32px;margin:4px 9px 4px 3px;cursor:pointer;display:inline-block;border:1px solid red; border-radius:4px;}


/* other */
.userfile{width:197px; margin:3px;}
.divMap{float:left; margin:13px; width:97%; }/* map */


.dStatic{width:100%;}
	.dStRight{float:right; margin:0%; width:27%; min-width:300px; text-align:center; background:#FFFFFF;}
	.aStatic{margin:5%; padding:9% 3%; font-size:270%; color:#fff; background:#17280B; display:inline-block;}/* CCECFF */
	.dGree{margin:5% 1%; padding:1%; background:#D9D9D9;}
	
	.dStleft{float:left; margin:0% 1%; width:96%; min-width:300px; background:#FFFFFF;}
	.dRose{margin:0%; margin-top:2%; padding:2%; font-size:150%; color:#fff; background:#17280B;}
	.dWhite{margin:0%; margin-bottom:5%; padding:2%; text-align:justify;}

/* cookieEU #17280B, #1B3055,*/
.dCookView{position:fixed; right:1%; bottom:1%; width:50%; max-width:400px; min-width:300px; height:auto; min-height:70px; padding:0px 15px; text-align:left; border:1px solid #1B3055; border-radius:10px; color:#ffffff; background:#17280B; z-index:1000; display:none;}
.dCookText{width:90%; height:auto; min-height:25px; margin:5px 0px; padding:0px; text-align:left;}
.dCookRight{float:right; right:0px; bottom:0px; width:40%; height:auto; min-height:25px; padding:0px; text-align:right; font-weight: bold; cursor:pointer;}
.dCookLeft{float:left; left:0px; bottom:0px; width:40%; height:auto; min-height:25px; padding:0px; text-align:left;}
.aCook{color:#FFF}

/* article.php 2018-09-19 */
.dflLeft{float:left; width:43%; margin:0; margin-right:5%; padding:0;}
.dflRight{float:right; width:43%; margin:0; margin-left:5%; padding:0;}


/* gformatter */
.iFrm{width:100%; height: 100%; border-width: 0px;}
.ilink{display:inline;}
.dfull{width:100%; height:auto; padding:0; margin:0%; border:0; clear:both;}
.tblEmb{width:100%;} /* table */
.tblClh0,.tblClh1,.tblClh2,.tblClh3,.tblClh4,.tblClh5,.tblClh6{font-size:110%; border: 1px solid #808080; border-collapse: collapse;}
.tbClls0,.tbClls1,.tbClls2,.tbClls3,.tbClls4,.tbClls5,.tbClls5{font-size:90%; border: 1px solid #808080; border-collapse: collapse;}
/* gformatter */



@media only screen and (max-width:800px) {
	.sprogr{font-size:90%;}
	.dCSmall{width:96%}
	.dCBig{float:left; width:99%}
 	.dButt{width:96%}
	.dNews{width:96%}
	.dRecord{width:96%}
	
	.dStRight{float:none; width:96%}
	
	.dImgArt{float:none; width:96%}
	.dflLeft{float:none; width:96%; margin:0; margin-bottom:3%;}
	.dflRight{float:none; width:96%; margin:0; margin-bottom:3%;}
}

@media only screen and (max-width: 480px) {
	.dImglogo{width:100px}
	.imglogo{width:92px}
	.sprogr{font-size:70%;}
	.dMPart{display:none;}
	.dCookView{position:fixed; right:0%;}
	.imgArtEx{float:none; width:96%; margin:1% 0%;} /* more img */
}