@charset "utf-8";
html{width:100%; height:100%; margin:0px; padding:0;}
body{width:100%; height:100%; margin:0px; font-family:Helvetica, Tahoma, sans-serif; font-style:normal; font-variant: normal; font-size:17px; font-weight:400; color:#183070;
background-color: #252262; /* For browsers that do not support gradients */
background-image: linear-gradient(#15479B, #252262, #15479B);}/* "Palatino Linotype", "Book Antiqua", Palatino, serif */
div{margin:0; padding:0px;}
h1{font-size:130%;}
h2{font-size:100%;}
a{padding:0; text-decoration:none; color:#4285F6; word-spacing:normal;}/* #41525A 415299 */
img{float:left; margin:0; border:0px;}
.dClear{position:relative; clear:both; height:0px;}

.masterTab{width:90%; min-width:320px; max-width:1366px; margin:0; margin-left:auto; margin-right:auto; display:block;} /*  background:#F8F8F8; */

.gFlClEspa{position:relative; width:100%; margin:0; margin-top:0; padding:0px; overflow:hidden; display:block; clear:both;}/* ESPA */
/* geodi Carousel Flat*/
.geodiFlCarousel{width:100%; margin:0; margin-top:0; padding:0px; overflow:hidden; z-index:1; display:block; clear:both;}/*margin-top:142px;*/
.iGeodiCarousel{position:absolute; height:100%; margin:0;}
.bleft{position:absolute; right:90px; top:1%; z-index:2; width:16px; opacity:0.7; cursor:pointer;}
.bplay{position:absolute; right:57px; top:1%; z-index:2; width:16px; opacity:0.7; cursor:pointer;}
.bright{position:absolute; right:30px; top:1%; z-index:2; width:16px; opacity:0.7; cursor:pointer;}
.alttext{position:absolute; margin:15% 10% 0 10%; color:#fff; width:33%; font-size:170%; line-height:140%; z-index:2; text-shadow: 2px 2px #000;}
@media only screen and (max-width: 820px) {.alttext{width:39%; margin:5%; font-size:130%;}}
@media only screen and (max-width: 480px) {.alttext{width:39%; margin:5%; font-size:90%;}}
/* geodi Carousel Flat*/

.dImenu,.aCat,.dButt,.dRecord,.imgPart{
-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;}

.imgPart{
-webkit-transition: width 2s ease-out;
-moz-transition: width 2s ease-out;
-o-transition: width 2s ease-out;
transition: width 2s ease-out;}

/* HEADER */
.dHead{position:relative; padding:7px; color:#00A8B9; text-align:center;
background-color: #252262; /* For browsers that do not support gradients */
background-image: linear-gradient(#15479B, #252262, #15479B);}/* linear-gradient(#15479B, #252262, #15479B);} #183070 background:#00A8B9; */
.tdHead{position:relative; position:-webkit-sticky; position:sticky; top:0; right:0; width:100%; margin:0; padding:0; background:#00A8B9; z-index:3; vertical-align:bottom; border-bottom:1px solid #183070; display:block; display:flex; align-items:center; flex-wrap:nowrap;}
.dImglogo{float:left; width:24%; max-width:480px; max-height:184px; margin:2px 0; padding:0; overflow:hidden;}
	.imglogo{position:relative; float:none; width:100%; margin:0; padding:0; cursor:pointer; display:block;}
	
	.dImenu{position:fixed; top:10px; right:10px; height:33px; cursor:pointer; z-index:4; display:none;}
	.dImenu:hover{background:red; opacity:0.9;}
		.imenu {float:right; height:33px; background:#2DA8B4; z-index:4}
		.imenu:hover{background-color:transparent;}
		.smenu{display:inline-block; margin-left:15px; vertical-align:-10px; font-size:120%; letter-spacing:5px;}

.dCatTop{position:relative; float:right; width:75%; text-align:right; z-index:3; display:block;}		
		.imgButMenu{float:none; width:32px; margin:1%; background-color:#fff; cursor:pointer;}
		.imgButMenu:hover{background-color:#DE1A2C;}
	.dCat{margin:0; padding:0; font-size:110%;} /* box - links to part */
		.dCatl{position:relative; width:143px; display:inline-block; text-align:center; margin:0 0 0 3px;}
			
		.sCat{width:100%; height:100%; margin:0; padding:0; display:inline-block; border-bottom:0px solid #EAECF2;}/* background:#EAECF2; */
		.sCat:hover{background:#2DA8B4; color:#fff;}
			.aCat{width:87%; height:100%; margin:0; padding:4% 0; color:#FEFEFE; display:inline-block;} /* #183070 color:#E0E0E0; a to part */
			.sCat:hover .aCat{color:#fff;}
			
			
		.sCatAct{width:100%; height:100%; margin:0; padding:0; background:#183070; color:#fff; display:inline-block;}
		.sCatAct:hover{background:#2DA8B4; color:#fff;}
			.aCatAct{width:87%; height:100%; margin:0; padding:4% 0; color:#fff; display:inline-block;} /* background:#183070; */
			/* .aCatAct:hover{background:#2DA8B4; color:#fff;} */
			
			.sOpl{color:#40E0D0; display:inline;}/* #112B46 class */
			.sOpl:hover{cursor:pointer;}
			.sCat:hover .sOpl{color:#fff;}
			
			.dContentMenu{position:absolute; top:100%; left:0; padding:3% 1%; width:150%; background:#F4F4F4; opacity:0.9; text-align:left; display:none; z-index:110;}
			.dContentMenu:hover{opacity:0.9;}
			.sClose{margin:1%; color:red; text-align:right; cursor:pointer; display:block;}
/* menuSubContent.php */
.aOldNew{margin:2%; font-size:90%; color:#000; display:inline-block;  text-shadow:1px 1px #fff;} /* links "older/newest" to article.php */
.aMenu{margin:2%; width:94%; font-size:90%; display:inline-block;} /* links to article.php text-shadow:1px 1px #fff; */
.aMenu:hover{border-bottom:1px solid #4285F6;}
/* menuSubContent.php */

/* contents */
.tdContent{position:relative; margin-top:2%; padding-top:2%;
background-color: #252262; /* For browsers that do not support gradients */
background-image: linear-gradient(#15479B, #252262, #15479B);}
.dContent{position:relative;width:100%;min-height:490px;max-width:1366px;margin-left:auto;margin-right:auto;} /* for all files min-height:200px; min-height:100%; */
.dContentCat{width:100%;margin:0;padding:0;} /* for ie6 */
.hContent{margin:0 1% 0 1%; color:#00AABC; border-top:1px solid #00AABC;}/* title in part #183070 */
.dPageTop{margin:2% 1% 2% 1%; color:#00AABC;} /* box for page-numbers top */
.aPage{display:inline-block; margin-left:8px; color:#FEFEFE;} /* link to page (content.php) */
.divPage{margin:2%; padding:2%; min-height:10px; text-align:center; color:#00AABC; clear:both;} /* box for prev/next page bottom */
.aNextPr{color:#FEFEFE;} /* links for prev/next page bottom */

/* records in part  */
.dRecord{position:relative; width:48%; padding:0; padding-top:36%; margin:1%; cursor:pointer; font-size:120%; text-align:center; border-bottom:4px solid #183070; overflow:hidden; display:inline-block;}
.dImgPart{display:block; position:absolute; top: 0; left: 0; bottom:0; right:0; overflow:hidden;}/*div small img */
.imgPart{position:relative; float:none; width:100%; height:100%; object-fit:cover;} /* small img in part */
.dRecordCont{display:block; position:absolute; bottom:0; left:0; right:0; padding:2%; opacity:0.9; border-radius:2px; z-index:2;
height: 20%; background: #183070; color:#D9F2F0;}
.dRecord:hover .dRecordCont{background:#183070; color:#fff; opacity:1.0;}
.hRead{position:relative; width:94%; padding:1% 2%; margin:0; font-size:120%;} /* in part */
.sReadC{display:block; padding:0 1%; margin:0 0 2% 0; overflow:hidden;}
/* records in News  */
.dNews{position:relative; width:48%; padding:0; padding-top:36%; margin:1%; cursor:pointer; font-size:120%; text-align:center; border-bottom:4px solid #183070; overflow:hidden; display:inline-block;}
.dImgNews{display:block; position:absolute; top: 0; left: 0; bottom:0; right:0; overflow:hidden;}
.imgNews{position:relative; float:none; width:100%; height:100%; object-fit:cover;}
.dNewsCont{display:block; position:absolute; bottom:0; left:0; right:0; padding:2%; opacity:0.9; border-radius:2px; z-index:2;
height: 20%; background: #183070; color:#D9F2F0;
/* max-height:70%; -webkit-transition-property:height; -webkit-transition-duration:1s; -webkit-transition-delay:0s; transition-property:height; transition-duration:1s; transition-delay:0s; */
}
.dNews:hover .dNewsCont{background:#183070; color:#fff; opacity:1.0;} /*.dNewsCont:hover{background:#183070; color:#fff; opacity:1.0;} height:70%; */
.hNews{position:relative; width:94%; padding:1% 2%; margin:0; font-size:120%;}
.sRead{display:block; padding:0 1%; margin:0 0 2% 0; overflow:hidden;}

/* permanent buttons */
.dPerButt{margin:0; color:#00AABC; text-shadow:none; text-align:left;
/* background-color: #00AABC; background-image: linear-gradient(to right, #00AABC 30%, #008589); */
}

.dButt{position:relative; float:left; width:27%; margin:0 3% 4% 3%; padding:0; padding-top:47%; border-top:1px solid #00AABC; border-bottom:1px solid #008589; display:block;}
.dImgButt{position:absolute; top: 0; left: 0; bottom:45%; right: 0; overflow:hidden;}
.imgButt{display:inline; position:relative; float:none; width:100%; height:100%; object-fit:cover;}
.dButtDescr{position:absolute; top: 64%; left: 0; bottom:0; right: 0; overflow:hidden;}
.hButt{position:relative; margin:0; padding:2% 1%; font-size:120%;}
.sRead{display:inline-block; padding:0 1%; max-height:50%; overflow:hidden;}
.aMore{position:absolute; left:0; bottom:0; padding:2% 5%; color:#fff; background:#008589; display:block;}
.aMore:hover{background:#00AABC;}

/* onli for article.php */
.hCatArt{margin:-2% 2% 2% 2%; padding-top:2%; color:#00AABC;} /* part title */
.dContentArt{float:left; width:60%; margin:0 2% 2% 2%; padding:2%; background:#F1F1F1;} /* inside dive for dContent if it need */
.hArt{margin:1% 2%; text-align:right;} /* article title */
.dImgArt{float:left; width:46%; margin:3% 2%; overflow:hidden;}/* box inside small img */
.imgTrArt{width:100%;} /* inside small img */
.dDescr{margin:2%; font-style:italic; text-align:right;}
/* only for article.php and photo.php*/
.dhistory{position:relative; margin:5% 2%; text-align:right; clear:both;} /* box for a history */
.ahistory{} /* a history */
/* menu article */
.dMenuArt{float:right; width:20%; margin:0 2%; padding:2%; overflow:hidden; display:block; color:#00AABC; border:1px solid #00AABC; border-radius:10px;} /* box for links/buttons/images... only for article.php */
	.aOldNewA{margin:2%; font-size:90%; color:#00AABC; display:inline-block;  text-shadow:1px 1px #fff;} /* links "older/newest" to article.php */
	.aMenuA{margin:2%; width:94%; font-size:90%; color:#00AABC; display:inline-block;} /* links to article.php text-shadow:1px 1px #fff; */
	.aMenuA:hover{color:#FEFEFE; border-bottom:1px solid #FEFEFE;}
	
	.imgMenu{float:none; width:95%; margin:0; margin-bottom:4%; margin-left:auto; margin-right:auto; cursor:pointer; display:block;}
.dDiaf{} /* box for advertisement scripts/diafimisiMenu.php */

/* only for photo.php */
.dPhoto{width:95%; margin:2%; color:#D9F2F0;}/* box for caption */
.divPhoto{width:95%; min-height:50%; margin:5% 2%; display:block; overflow:hidden;}/* img box */
.imgFull{width:100%; margin-left:auto; margin-right:auto;} /* img */
.ahPhoto{color:#fff;}/* history link */
/* only for contact.php */
.divContact{padding:0% 2%; margin-bottom:1%;} /* main box */
	.dContact{margin:5% 0%; padding:1%; text-align:right; line-height:150%;
	background-color: #00AABC; /* For browsers that do not support gradients */
	background-image: linear-gradient(to right, #00AABC 30%, #008589);
	color:#fff;	} /* address box background:#F1F1F1; color:#183070; */
.imgContact{float:left; width:30%; max-width:240px;}
.dForm{position:relative; margin:5% 0%; background:#F1F1F1;} /* form box */
	.fContact{margin:0%; padding:0%;} /* form for mess */
	.inContact{width:45%; margin:1%; padding:1%; border:1px #817E7C solid;} /* input el */
	.textContact{width:97%;width:calc(96% - 2px);height:145px;margin:1%;padding:1%;border:1px #817E7C solid;display:block;}/* textarea*/
	.bContact{width:48%;margin:1%;padding:1%;} /* submit and reset but */
		.sCForm{color:#58585A; line-height:29px; background:#F1F1F1} /* span for answer 'mess save' */
		.sCFormA{color:#C9242B; line-height:29px; background:#F1F1F1} /* span for answer 'mess not save' */
	.fSecKo{width:95%;width:calc(96% - 2px);margin:1%;border:1px #817E7C solid;}
	.dmap{margin:5% 0;} /* box for map */

.lSecKo{color:#C9242B}
.itContr{width:45px; margin:1%; padding:1%; border:1px #817E7C solid;}

/* FOOTER */
.tdFooter{position:relative; width:100%; margin-top:1%; padding:0%; background-color:#555555; /* background-repeat:no-repeat; background-size:100%; */
background-color: #252262;
background-image: linear-gradient(#15479B, #252262, #15479B);}
.dFoRow{margin:0; color:#fff; background-color:#183070;

background-color: #252262;
background-image: linear-gradient(#15479B, #252262, #15479B);}
.dfoCol{position:relative; float:left; width:45%; min-width:150px; line-height:120%; padding:2%; text-shadow:1px 1px #000;}
	.imgflogo{margin:0; margin-right:10px; float:left; width:40%; max-width:320px; display:block;}
	.sFoAddr{font-size:90%; display:inline-block;}
	.sFoAddrIn{float:left; display:inline-block;}

.dfoCollinks{position:relative; float:right; width:35%; min-width:135px; line-height:120%; padding:2%; text-shadow:1px 1px #000; border:0px solid red;}
	.aFooter{display:block; width:125px; margin:3px 0 0 0; padding:7px 2px 3px 2px; font-size:120%; color:#DCE9EC; border-bottom:1px solid #DCE9EC;} /* links to part */
	.aFooter:hover{color:#fff; background:#2DA8B4;} /* links to part */
.dFooter{padding:1%; background:#183070; color:#008589; text-align:center; font-size:70%; opacity:0.9;} /* box for s text 58585A */
.dGeodi{background:#183070; padding:1%; text-align:right; line-height:90%; font-size:80%; color:#fff; opacity:0.9;}
	.aGeodi{font-size:90%; color:#fff;}


/* gformatter */
.dfull{position:relative; width:92%; margin:0; height:auto; min-height:0px; border: 0px solid #ccc; clear:both; display:block;}
.dflLeft{float:left; margin:0; width:47%; min-height:0; border:0;}
.dflRight{float:right; margin:0; width:47%; min-height:0; border:0;}
.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;}
@media only screen and (max-width:640px) {
.dflLeft{float:left; margin:0; width:95%;}
.dflRight{float:left; margin:0; width:95%;}	
}
.dVideo{width:100%; height:400px; margin-left:auto; margin-right:auto; clear:both;}
.iVideo{float:none; width:100%; height:auto; margin:2% 0; display:inline-block;} /* if need set max-width!!! */
.iAudio{width:100%;} /* if need set max-width!!! */

.imgArtEx{float:left; margin:3% 2%;  width:46%; height:17vw; max-height:233px; object-fit: scale-down;}
/* .imgArtEx{float:left; margin:3% 2%; width:46%; height:17vw; max-height:233px; object-fit:cover;} OLD */

.imgArtEx2{float:none; width:100%; margin:2% 0; display:inline;}/*outside big img*/
.iFrm{width:100%; height: 100%; border-width: 0px;}
.ilink{display:inline;}
.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 */


/* MY MENU PLUS 2020-06-27 ------------------------------ */
.dMMplus{position:absolute; top:1%; right:1%; width:auto; width:calc(98vw); height:auto; min-height:40px; padding:2px; margin-top:35px; text-align:right; background:#fff; opacity:0.9; display:none; z-index:110; border:0px solid red;}

.sMMPlM{position:relative; width:auto; min-width:170px; padding:2px; margin:0; margin-left:10px; color:blue; text-align:left; border:0px solid blue; display:inline-block;}
.sMMPlM:hover{background:#E0E0FF}
	.aMMpl{width:88%; padding:2%; margin-right:8%; display:inline-block;}
	.sMMPlOp{position:absolute; top:2px; right: 2px; z-index:3; width:auto; padding:0 2px; cursor:pointer}
	.sMMPlCl{width:96%; padding:2%; margin:2% 0; color:red; text-align:right; cursor:pointer; display:inline-block;}
		.sMMPlMcl:hover{color:yellow; font-weight:900;}
	.sMMPlYpo{position:absolute; top:100%; left:0; width:98%; padding:1%; padding-bottom:3%; text-align:left; background:#fff; color:green; opacity:0.9; display:none; z-index:2; overflow-y: visible;}

.dCatlMp{position:relative; width:40px; padding:0; display:inline-block; text-align:center;}
	.sOplMp{height:100%; padding:3% 0; color:blue; font-size:110%; font-weight:900; cursor:pointer; display:inline-block;}
/* ------------------------------ MY MENU PLUS */


@media only screen and (max-width:1280px) {
	.masterTab{width:100%;}
	.hRead{margin:0;}
	.hNews{margin:0;}
}
@media only screen and (max-width:1024px) {
.dImglogo{width:24%; min-width:174px;}
.dCatTop{width:75%;}
.aCat{width:85%; padding:5% 1%;}
.aCatAct{width:85%; padding:5% 1%;}
.sOpl{width:10%; text-align:right; display:inline-block;}
.hButt{font-size:100%;}
.sRead{font-size:75%;}
/* MY MENU PLUS */
.dMMplus{}
.dCatlMp{width:100%; text-align:right;}
.sOplMp{width:97%; color:#FFF; text-align:right; display:block;}
/* MY MENU PLUS */
}

@media only screen and (max-width:800px) {
.masterTab{width:100%;}
.dHead{padding:2px 47px 2px 4px;}
.dImenu{display:block;}
.dCatTop{position:fixed; top:0px; right:0px; width:100%; max-width:300px; height:100%; padding:0; text-align:left; background:#183070; display:none;}
.dCat{position:absolute; top:50px; right:0; bottom:auto; width:99%;}
.dCatl{width:100%; text-align:left; display:block;}
.dContentMenu{left:auto; right:0; width:98%; background:#2DA8B4; opacity:1.0;}
.aCat{color:#fff;}
.aCatAct{color:#fff;}
.aMenu{color:#fff;}
.aMenu:hover{border-bottom:1px solid #fff;}
.aPage{margin-left:12px;}
/* article */
.dContentArt{width:94%;margin:5% 1%;}
.dMenuArt{float:left; width:94%; margin:5% 1%;}
	.imgMenu{max-height:380px;}
.imgArtEx{width:95%; height:auto; max-height:502px; margin:5% 1%;}
.hRead{margin:2% 1%;}
}

@media only screen and (max-width:640px) {
.aOldNew{margin:2%; margin-bottom:10px; } /* links "older/newest" to article.php */
.aMenu{margin:2%; margin-bottom:10px;}
.aMenu:hover{color:#fff; border-bottom:1px solid #fff;}

.dPerButt{text-align:left;}
.dButt{margin:1%; width:95%; padding-top:120%;}
	.dImgButt{bottom:32%;}
	.dButtDescr{top: 74%;}
.dNews{width:95%; padding:0; padding-top:70%;}
.dRecord{width:95%; padding:0; padding-top:70%;}

.dfoCol{width:90%}
.dfoCollinks{display:none;}
.imgflogo{width:30%;}
}

@media only screen and (max-width:480px) {
.tdHead{display:block;}
.dImglogo{width:100%; max-height:none; display:block;}
.aExl{display:block;}
/* MY MENU PLUS */
.sMMPlM{width:95%;}
}