@charset "utf-8";
html, body{margin:0px; width:100%; height:100%; font-family: Calibri, Tahoma, sans-serif; font-size:11pt; line-height:normal;}
/* Geneva, Tahoma,|Tahoma, Calibri, Geneva|Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; */

table{padding:0px; border:0px; border-spacing:0px; border-collapse:collapse;}
td{padding:0px; vertical-align:top;}
img{margin:0; border:0;}
p{margin:0; padding:0;}
h1,h2,h3,h4{margin:5% 0 1% 0; padding:0;}
h1{line-height:120%;}
h2,h3,h4{line-height:110%;}
.pStd{padding-top:2%;}
a{text-decoration:none; color:blue; word-spacing:0px; display:inline;}
a:link{}
a:visited{}
a:hover{text-decoration:none; color:orange;} 
a:active{}
span{display:inline;}
pre{clear:both}
ul{display:block; margin:0; padding:2% 0; margin-left:7%;}
li{}
blockquote{width:auto; margin:1% 0; padding:5% 11%; font-size:110%; color:#8D8D8D; background:#F5F5F5; font-style:italic;}
blockquote:before{content: '\275D'; font-weight: bold; color:#C0C0C0; line-height:100%; font-size:170%; display:inline-block; margin-right:7px;}
blockquote:after{content: '\2760'; font-weight: bold; color:#C0C0C0; line-height:100%; font-size:170%; display:inline-block; margin-left:7px;}
li{margin-top:1%}

.lhddn{display:none} /* labell hidden */

.zzzzz{position:fixed; left:0; top:55%; padding:2%; width:100%; color:orange; font-size:250%; text-align:center; background:#fff; opacity:0.77; z-index:1000; display:block;}
.aStd{text-decoration:none; color:#000040; word-spacing:0px; display:inline-block;}
.slink{color:blue; cursor:pointer; word-spacing:0px;}
.aMenu{}
.dRecord, .dNews, .ahButt, .imenu, .dSide, .aMenuFo{
-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 max*/
.dClear{height:0px; 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 */
.dBody{color:#202020; width:98%; max-width:1920px; margin-left:auto; margin-right:auto;}

/* HEADER */
.header{position:relative; position:-webkit-sticky; position:sticky; top:0; right:0; margin-bottom:3px; width:100%; height:40px; background:#fff; border-bottom:1px solid #42B23C; display:block;  z-index:10;}/* 65px */
	.imenu{position:absolute; bottom:4px; right:2px; float:right; margin:0; margin-left:2px; padding:0 3px; height:24px;
	vertical-align: text-bottom; background:#42B23C; z-index:11;}
	.imenu:hover {background-color: orange; cursor:pointer;}
	.sTop{position:absolute; bottom:0; width:100%; text-align:center; display:block; z-index:2;}/* top lang. and user menu */
		.aMenuTop{color:#B22222; word-spacing:0px; margin:2px 5px;}
		.sWelcome{word-spacing:0px; font-weight:700;} /* welcome user */
.dImglogo{position:fixed; top:22%; left:0; width:128px; margin:0; display:block; padding:0; margin:0; z-index:4;}
	.imglogo{width:100%; cursor:pointer;};
		
.dHead{position:relative; width:100%;}
/* standar part, menu links ---------  */
.dMPart{width:100%; border-bottom:0px solid #136D2C; padding-bottom:3px; padding-left:0; padding-right:0; text-align:center; z-index:4; display:block;}/*4E84C4  background:#F2F2F2; justify */
.sContCat{position:relative; width:16.66%; width:calc(100%/6.01); min-width:115px; text-align:center; display:inline-block;}
.sContCat:hover{background:#1B4819;}
	.aPart{font-size:100%; width:100%; margin:0; padding:3px 0px; color:green; display:inline-block; z-index:5;}
	.aPart:link{color:#008000}
	.aPart:visited{color:#008000}
	.aPart:hover{color:#FFFFFF; background:#136D2C; border-top:0px solid #136D2C;}
	.aPart:active{color:#fff;}
	.aPartAct {width:auto; padding:3px 9px; background:#136D2C; color:#fff; border-top:2px solid #136D2C; display:inline-block;}
	/* category links */
	.sCat{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:5; overflow-y: visible;}
	/* .sCat:hover{color:orange;} */
		.aSCat{width:90%; font-size:90%; color:green; margin-top:10px; display:inline-block;}/* inline-block */
		.aSCat:hover{color:orange; font-weight:700;}
			.aScatYpol{cursor:pointer;}
		
		.sCatYpo{margin:0; padding:0; padding-top:5%; width:inherit; color:#000; display:inline-block;}
		.dMenuYpo{width:100%; height:55px; margin:2% 0; font-size:70%; overflow:hidden; cursor:pointer; display:block;}
			.dImgMYpo{float:left; width:33%; height:95%; margin:0; margin-right:1%; overflow:hidden; text-align:center;}
				.imgMYpo{width:auto; height:100%; margin:0;}
			.hYpo{margin:0; padding:0; font-size:110%; color:green; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
			.yAuthor{font-size:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:900; display:block;}
/* ---------  standar part, menu links */
/* menuPlus Animated menu 2020 ---------------- START */
.dAnim{position:relative; width:100%; height:auto; min-height:calc(0.12*100vw); margin-left:auto; margin-right:auto; border:0px solid green; z-index:3; display:block;}
.dAnimBack{position:relative; top:0; left:0; width:100%; min-height:77px; min-height:calc(0.06*100vw); display:block; overflow:hidden;}
	.animBack{position:absolute; top:0; left:25%; width:50%; display:block; z-index:1; animation: animBackK 3s 1;}
	@keyframes animBackK {
		0%  {top: -90%;}
		100% {top: 0;}}
	.animBack:hover{}
.dAnimBack2{position:relative; width:100%; height:90px;}
.animBut1{position:absolute; top:20%; right:75%; width:128px; display:block; z-index:2; cursor:pointer; animation: animBut1K 3s 1; animation-delay: 0s;}/* 90px */
	@keyframes animBut1K {
		0%   {top:-10%; right:70%;}
		100% {top:20%; right:75%;}	}
.animBut2{position:absolute; top:40%; left:27%; width:96px; display:block; z-index:1; cursor:pointer; animation: animBut2K 3s 1; animation-delay: 0s;}/* 70px */
	@keyframes animBut2K{
		0%   {top: -20%;}
		100% {top:45%;}}
.animBut3{position:absolute; top:55%; right:28%; width:96px; display:block; z-index:1; cursor:pointer; animation: animBut3K 3s 1; animation-delay: 0s;}/* 70px */
	@keyframes animBut3K {
		0%   {top: -5%;}
		100% {top:55%;}}
.animBut4{position:absolute; top:25%; left:75%; width:112px; display:block; z-index:1; cursor:pointer; animation: animBut4K 3s 1; animation-delay: 0s;}/* 80px */
	@keyframes animBut4K {
		0%   {top: -10%; left:70%;}
		100% {top:25%; left:75%;}}
.animImg{float:none; width:100%; display:block;} /* or .animImg1, .animImg2 ...*/
	.animImg:hover{transition: transform 0.2s; filter:contrast(200%);}
.animMenu1,.animMenu2 {position:absolute; left:0; top:100%; width:320px; padding:5px; min-height:25px; opacity:0.9; background:#fff; display:none; z-index:3; border: 1px solid green;} /*menu content*/
.animMenu3,.animMenu4 {position:absolute; right:0; top:100%; width:320px; padding:5px; min-height:25px; opacity:0.9; background:#fff; display:none; z-index:3; border: 1px solid green;} /*menu content*/
/* menuPlus Animated menu 2020 ---------------- END */

/* for files from folder html/*.html ----------------- */
.dHtm{display:block; margin:2% 0; padding:1% 1% 1% 2%; margin-bottom:5px;}
.dImgHtm{float:left; width:34%; margin:0; padding:0;}
	.h2Htm{margin:0 0 10% 0; padding:0; color:green;}
	.imgHtm{float:none; width:100%; max-width:640px; margin:0; display:block;}
.dTxtHtm{float:right; width:64%; margin:0; padding:0;}
	.dTxtHtm a{color:green;}
/* for files from folder html/*.html ----------------- */

/* MENU dSide */
/* position-menu-side - open from imenu */
.dSide{position:absolute; top:101%; right:0; width:98%; max-width:320px; margin:0; padding:1px; padding-bottom:3%; background:#EEF8ED; opacity:0.9; display:none; overflow:hidden;}
	.dSide:hover{background-color:#fff;}/* menu part #E5F2E5 #DBF1DA*/
	.sClose{padding:1% 2%; text-align:right; color:red; cursor:pointer; display:block;}
	.dMenu{text-align:left; padding:1%; width:97%; height:95%; overflow:hidden; overflow-Y:auto;} /* menu last article from scripts/menuCaArticle.php height:170px; */
	.slegend{margin-bottom:1%; color:#B8B8B8; display:block; border-top:1px solid #B8B8B8;}
.sMenuSub{margin-top:2%; font-weight:500; display:block;}
.aMPart{font-size:120%; font-weight:500; color:#B22222;}/* link to part */
.aMPart:hover{text-decoration:underline;}
.aMPartAct{font-size:100%; font-weight:600; color:orange;}/* link to part */
.dMSubCat{margin:0; margin-left:20px; color:orange;} /* link cont. to cat */
	.aMCat{margin-left:10px; margin-top:8px; font-size:100%; font-weight:500; color:orange; display:block;}/* link to cat */
	.aMCat:hover{text-decoration:underline;}
	.aMSubCat{font-size:100%; font-weight:500; color:orange; display:inline-block;} /* = aMCat active */
	.aMSubCat:hover{text-decoration:underline;}
.aMSubSub{margin-top:8px; font-size:80%; font-weight:500; color:orange; display:block;}
.aMSubSub:hover{text-decoration:underline;}
/* main-menu-side */
.dButMPart{margin-top:10px;}
.sBContCat{width:100%; margin-bottom:8px; display:block;}
	.aBPart{color:green;}
	.aBPart:hover{color:orange;}
	.aBPartAct{color:orange; font-weight:900;}
	.sBCCtMore{color:green; cursor:pointer;}
		.sBCat{width:80%; margin-left:20%; display:none;}
		.aBSCat{color:green; font-size:90%; margin-bottom:8px; display:block;}
/* scripts/menuCaArticle.php menu article.php */
.hsSub{margin-top:8px; margin-left:10px; padding:0; font-size:90%; font-weight:400; color:orange; cursor:pointer;} /* sub-sub-category only in article */
.aArtlink{margin-left:10px; margin-top:10px; font-size:90%; font-weight:500; color:#206923; display:block;} /* link to art */
.aArtlink:hover{color:green;}
.imgMenuSub{float:left; border:0; width:50px; height:50px;} /* img in likk... */
.asSub{color:#fff; cursor:pointer; word-spacing:0px;} /* prev and next articles - only in article */

/*CONTENT */
.masterTab{position:relative; width:100%; min-height:100%;} /*  background:#FFF; opacity:0.9; */
/* divContent  display:flex; */
.dCntntUs, .dCntntAs, .dCntntCt{position:relative; width:80%; width:calc(100% - 161px); min-height:320px; margin:1% 0 7% 140px; background:#fff; z-index:2;}
.divContent{position:relative; width:80%; width:calc(100% - 161px); min-height:320px; margin-left:140px; margin-right:0; margin-top:1%; margin-bottom:7%; background:#fff; z-index:2;
display:flex;}
.divCntntl{position:relative; float:left; width:80%; width:calc(100% - 360px); margin:0; padding-right:20px; min-height:inherit; border-right:1px solid #206923;}

.divMess{margin:2%; padding:1%; background:#EBECEC; clear:both;} /* div mess #D9D9A3*/
.aTop{display:inline-block; margin:0 6px; padding:2px 4px;}/* counter link */
.aTopAct{display:inline-block; margin:0 6px; color:#206923;}
.spanMess{font-weight:500;} /* system mess */
.aPage{font-weight:400; margin:0 4px;} /* 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{width:auto; margin:1%; text-align:right;}
.aHistory{font-weight:500;}
.aMore{margin:1%; display:block;}

/* content.php ... */
.dPlace{margin:3% 0 3% 0; padding:1% 1% 1% 0;}
.aPlace{font-size:120%; color:green;}
	.aPlace:hover{color:orange;}
.hCtntInd{position:relative; margin:1%; padding:0 2%; font-size:200%; font-weight:900; color:#206923; border-bottom:1px solid #206923;} /* color:#fff; background:#206923; */
.hContentCat{position:relative; margin:2%; padding:2% 0; font-size:140%; font-weight:500; color:#206923; display:none;}
.hContentSub{margin:2% 3%; padding:0; font-size:140%; font-weight:300; text-align:right; display:none;} /* sub-cat */
.hContSubSub{margin:2% 3%; padding:0; font-size:140%; font-weight:700; text-align:right; padding:2%; display:none;}/* sub-sub-cat*/
.dPageTop{margin:2%; padding:1%;}/* counter top */
.divPage{clear:both; text-align:center; margin:3% 0;}

/* records */
.dRecord, .dRecordArt{position:relative; float:left; width:47%; height:160px; height:calc(100vw*0.12); min-height:160px; max-height:192px; margin:1% 0 1% 1%; padding:1%; cursor:pointer;} /* box in part */
/* .dRecord:hover{background:#F0F9EF;} */
	.dImgPart{float:left; width:36%; height:100%; margin-right:2%; overflow:hidden;}
		.imgPart{float:none; width:100%; height:100%; object-fit: scale-down; margin:0px;}/* org width:100%; height:100%; object-fit: cover; */
	.dRTxt{float:right; width:60%; height:98%; margin:0; padding:0; overflow:hidden; z-index:2; display:block;}
		.hAutor{margin:0; font-weight:600; font-size:90%;}
		.hContArt{font-size:110%; color:#008000; margin:1% 0;}
		.txRec{display:block; margin-top:1%;}
	.aArticle{font-size:100%; font-weight:100; color:#41525A;}
/* news */
.dNewsE{position:relative; float:none; width:96%; height:160px; height:calc(100vw*0.16); min-height:240px; max-height:290px; margin:1% 1% 1% 1%; padding:1%; cursor:pointer;
font-size:150%; background:#DDDDDD; background-image: linear-gradient(to right, #fff 20%, #DDDDDD 20%); /* border:1px solid #DDDDDD; */
border-top:0 solid red; border-bottom:1px solid #DDDDDD;}
.txNewsE{display:block; margin-top:1%; font-size:75%;}

.dNews{position:relative; float:left; width:47%; height:160px; height:calc(100vw*0.12); min-height:160px; max-height:192px; margin:1% 0 1% 1%; padding:1%; cursor:pointer;}
/* .dNews:hover{background:#F0F9EF;} */
	.dImgNews{float:left; width:36%; height:100%; margin-right:2%; overflow:hidden;}
		.imgNews{float:none; width:100%; height:100%; object-fit: scale-down; margin:0px;}/* org width:100%; height:100%; object-fit: cover; */
	.dNTxt{float:right; width:60%; height:98%; margin:0; padding:0; overflow:hidden; z-index:2; display:block;}
		.hNews{font-size:110%; color:#008000; margin:1% 0;}
		.nAutor{font-weight:600; font-size:90%;}
		.txNews{display:block; margin-top:1%;}
		

.dClearOrg{height:0px; margin:3% 1% 0 1%; clear:both; border-top: 6px dashed orange;} /* background-image: repeating-linear-gradient(to right, transparent, white 2%, orange 4%); */
.dButPanel{position:relative; float:left; width:47%; height:auto; margin:1% 0 1% 1%; padding:1%; cursor:pointer;}

.dButt{position:relative; float:none; width:99%; margin:2% 0; padding:0; border-right:1px solid transparent; cursor:pointer; display:flex;}
.dButt:hover{border-right:1px solid green;}
	.dImgButt{float:left; width:25%; height:70px; border:0; margin:auto 2% auto 0; padding:0; text-align:right; overflow:hidden; display:inline-block;}
		.imgButt{float:none; width:100%; height:100%; object-fit: scale-down; margin:auto;} /* width:100%; height:100%; object-fit: cover; */
	.hButt{width:72%; margin:auto 0; padding:0; font-size:130%; color:#206923; display:inline-block;} /* width:65%; width:calc(96% - 75px); */

/* menuPlus 5 and 6 2021-05-09 --------- */
.animMenu5{position:relative; float:left; width:47%; height:auto; margin:1% 0 1% 1%; padding:1%;}
.hAfh{text-align:center; color:#206923;}

.dMenuYpo5{position:relative; float:none; width:99%; margin:2% 0; padding:0; border-right:1px solid transparent; cursor:pointer; display:flex;}
.dMenuYpo5:hover{border-right:1px solid green;}
	.dImgMYpo5{float:left; width:25%; height:70px; border:0; margin:auto 2% auto 0; padding:0; text-align:right; overflow:hidden;}
		.imgMYpo5{float:none; width:100%; height:100%; object-fit: scale-down; margin:auto;}
	.dMTxt{width:73%; margin:auto 0; padding:0; display:flex; flex-direction: column}
		.hYpo5{width:100%; margin:0; padding:0; font-size:100%; color:#206923;}
		.sYpo5{display:block;}
	
.animMenu6{position:relative;}
.dMenuYpo6{width:100%; margin:0; font-size:120%; text-align:center; background:#fff; overflow:hidden; cursor:pointer; display:block;}
	.dImgMYpo6{margin:0; display:inline-block; border-bottom:1px solid #000;}
		.imgMYpo6{height:200px; margin:2% auto;}
/* --------- menuPlus 5 and 6 2021-05-09 */

.dRightPanel{position:relative; float:right; width:320px; margin:0; text-align:center;} /* background:#F0F9EF; background-image:linear-gradient(to right, #fff 70%, #F0F9EF); */
.dtags{margin:10%; text-align:left; font-size:110%; word-spacing:10px;}
	.dtagsh{color:orange; font-weight:900;}
.dNewslet{margin:17% 0 0 0;}
	.ifrNlet{margin:0 auto; padding:0; border:0; height:auto;}
.dStlinks{margin:0; text-align:center;}
	.atags{}
	.imgStlink{width:70%; margin:10% auto;}
.aStlink{}

/* article.php */
.divContentArt{position:relative; width:75%; min-width:320px; min-height:320px; margin-left:18%; margin-top:1%; margin-bottom:7%; background:#fff; z-index:2;}
.divArticle{margin:2% 0; padding:0 1%; min-height:100px; text-align:justify; border-left:0px solid #206923;}
.divArtleft{float:left; width:64%; margin:0; margin-bottom:3%; padding:0;}
.hArtCont{margin:0; padding:0; height:auto; font-size:110%; font-weight:100;} /* part */
.hArtContCat{margin:0; padding:0; font-size:115%; font-weight:300;} /* sub-cat */
.hArtContSub{margin:0; padding:0; font-size:120%; font-weight:300;} /* sub-cat */
.aAuthHead{color:#202020; font-size:100%; font-weight:700;}/* author name in hArtAutor */
.pDate{margin: 1% 0; margin-top:3%; font-size:100%;}
.divArticleItalic{text-align:left; margin:2% 0 0 0; padding:0; font-style:italic;}/* width:47%; */
.hArtAutor{margin:1% 0; font-size:100%; font-weight:700;}
.hArticle{margin:0; padding:0; font-size:170%; font-weight:700; color:#206923;}
	/* .dImgArt{float:right; width:34%; margin:0; margin-bottom:5px; padding:0;} OLD *//* width:47%; */
	.dImgArt{float:left; width:72%; width:calc(100% - 70px); margin:0; padding:0;}
		.imgTrArt{float:none; width:100%; margin:0; display:block;} /* img */
	.imgArtEx{float:left; width:47%; margin:0 2% 2% 0;} /* more img */
	.imgArtEx2{float:none; width:100%; margin:0; margin-bottom:2%; display:block;}
.divMessArt{margin:2% 0; padding:1%; width:98%; background:#EBECEC; clear:both;}
.dComments{margin:2% 1%; padding:0; width:auto; border:0px solid #EBECEC; clear:both; }
.divMessCom{margin:0; padding:1%; width:98%; background:#EBECEC; clear:both;} /* only comments.php */
	.divRecArt{width:98%; margin:3% 0; padding:1%; background:#F8F8F9;} /* commment box */
	.dRecCom{margin:7px 0px 0px; padding:2px; background:#FFF;} /* commment text */
/* .dPrint{float:right; width:auto; height:20px; margin:0; margin-right:12px; padding:0 10px; border-radius:4px; cursor:pointer; color:#fff; background:#3B850E;} *//* old */
.dPrint{width:auto; height:20px; text-align:center; margin:0; margin-bottom:12px; padding:0 10px; border-radius:4px; cursor:pointer; color:#fff; background:#3B850E;}
/* 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:100%; height:400px; margin-left:auto; margin-right:auto; clear:both;}
/* comments.php */
.slCmmnt{color:blue; cursor:pointer; word-spacing:0px; margin:0 6px;}
.slCmmntPr{color:blue; cursor:pointer; word-spacing:0px; margin-right:12px;} .sCmmntPr{color:#ccc; word-spacing:0px; margin-right:12px; display:inline-block;}
.slCmmntNt{color:blue; cursor:pointer; word-spacing:0px; margin-left:12px;} .sCmmntNt{color:#ccc; word-spacing:0px; margin-left:12px; display:inline-block;}
/* article.php 2018-09-19 */
.dflLeft{float:left; width:64%; margin:0; padding:0;}
.dflRight{float:right; width:34%; margin:0; padding:0;}
/* article.php 2021-06-02 - scripts\menuTagsArticle.php */
.hTAfh{text-align:right; color:#206923; border-bottom:1px solid red;}

/* photo.php */
.hPhoto{width:30%; margin:2%; padding:2%; font-size:150%; font-weight:500; text-align:right; color:#fff; background:#206923;}/* align-self: center; */
.dPhoto{width:62%; margin:2%; padding:0; display:block; overflow:hidden;}
.imgPhoto{width:auto; max-width:100%;}

/*adArt.php,contact.php,gallery.php,user.php*/
.hContent{margin:2% 3%; padding:0; font-size:140%; font-weight:700; text-align:right;}
/* contact.php */
.dContact{margin:2%; padding:0;}

/* footer */
.dfoot{position:relative; width:100%; margin:0; padding:0; text-align:center; clear:both;}
	.aMenuFo{width:14.28%; width:calc(100%/7.01); min-width:115px; margin:0; padding:7px 0; color:green; display:inline-block;}
	.aMenuFo:hover{background:green; color:#fff;} /* #008000 */
.divGeodi{margin-bottom:2%; text-align:right; color:#ccc;}
.aGeodi{color:green;}
.aGeodi:hover{color:orange;}
.tdFootK{vertical-align:bottom; margin:1% 0; font-size:70%; border-top:1px solid green;}
/* other */
.userfile{width:197px; margin:3px;}
.divMap{float:left; margin:5% 2%; width:95%; }/* map */
	.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:#2760A7; 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:#2760A7;}
	.dWhite{margin:0%; margin-bottom:5%; padding:2%; text-align:justify;}

/* social network */
.dSNWrk{position:fixed; top:25%; right:4px; width:24px; z-index:2;}
.aSNWrk{display:inline-block; width:100%; height:36px; margin:16px 0 0 0; }
.imgSNWrk{width:100%; display:block;}
	.imgSNWrk:hover{border:2px solid green; border-radius:4px}

/* cookieEU */
.dCookView{position:fixed; right:1%; bottom:1%; width:50%; max-width:320px; min-width:300px; height:auto; min-height:70px; padding:0px 15px; text-align:left; border:1px solid green; border-radius:10px; color:#fff; background:#3B850E; z-index:10; 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}

/* gformatter */
.iFrm{width:100%; height: 100%; border-width: 0px;}
.ilink{display:inline;}
.dfull{width:92%; margin:1% 0%; height:auto; min-height:0px; border: 0px solid #ccc; 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;}
.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!!! */
.dhnote{float:none; width:100%; margin:0; font-style:italic;}
.dfnote{float:none; width:100%; margin:0; font-style:italic;}
/* gformatter */

/* ~ 20% */
@media only screen and (min-width:1920px) {
.dImglogo{left:calc((100% - 1920px)/2);}
.dSNWrk{right:calc((100% - 1920px)/2);}
}

@media only screen and (max-width:1280px) {
.dImglogo{width:112px; left:-1%;}
}
	
@media only screen and (max-width:1024px) {
.dBody{width:100%;}
.dHead{}
.dImglogo{left:-3%;} 
.sContCat{position:relative; width:33.33%; width:calc(100%/3.01); min-width:115px;}
.dAnimBack{min-height:70px; min-height:calc(100vw*0.075);}
.animBack{left:20%; width:60%;}
.animBut1{width:112px; top:30%}
	@keyframes animBut1K {
		0%   {top:-10%; right:70%;}
		100% {top:30%; right:75%;}	}
.animBut2{width:84px;}
.animBut3{width:84px;}
.animBut4{width:100px;}

/* .animBut1{width:80px;}
.animBut2{width:60px;}
.animBut3{width:60px;}
.animBut4{width:70px;} */
.divContent{width:90%; margin-left:9%;} .dCntntUs, .dCntntAs, .dCntntCt{width:90%; margin-left:9%;}
.divContentArt{width:90%; margin-left:9%;}
.dRecord{width:93%; height:calc(100vw*0.08);}
.dNews{width:93%; height:calc(100vw*0.08);}
.aMenuFo{width:25%; width:calc(100%/4.01); min-width:115px;}
}

@media only screen and (max-width:800px) {
.dImglogo{width:76px;}
.divContent{display:block;}
.sContCat{position:relative; width:33.33%; width:calc(100%/3.01); min-width:115px;}
.dflLeft{float:none; width:95%; margin:0; margin-left:0;}
.dflRight{float:none; width:95%; margin:0; margin-left:0;}

.dRecord{height:calc(100vw*0.20); margin:2%;}
.dRecordArt{width:93%; height:calc(100vw*0.20); margin:2%;}
.dNews{width:93%; height:160px; height:calc(100vw*0.20); margin:2%;}
	.dNews:hover{border: 1px solid #C0FFC0;}
.hArticle{width:95%; padding:1% 0; font-size:120%;}
.divArtleft{float:left; width:95%;}
.divArticleItalic{float:none; width:95%;}
.dButPanel{width:93%;}
.animMenu5{width:93%;}
/* .dImgArt{float:none; width:95%; margin:1% 0;} */
.aMenuFo{width:25%; width:calc(100%/4.01); min-width:115px;}
/* for files from folder html/*.html ----------------- */
.dImgHtm{float:none; width:95%;}
.dTxtHtm{float:none; width:95%;}
.divCntntl{float:none; width:93%; padding:0; border:0;}
.dRightPanel{float:none; width:93%;}
.hPhoto{width:auto; margin-left:0;}
.dPhoto{width:auto; margin-left:0;}
}

@media only screen and (max-width:640px) {
.dImglogo{display:none;}
.divContent{width:95%; margin-left:2%;} .dCntntUs, .dCntntAs, .dCntntCt{width:95%; margin-left:2%;}
.divContentArt{width:95%; margin-left:2%;}
.dNews{height:calc(100vw*0.22);}
.sContCat{position:relative; width:33.33%; width:calc(100%/3.01); min-width:115px;}
.dRecord, .dRecordArt{height:calc(100vw*0.22);}
.hContArt{font-size:100%;}
.aMenuFo{width:25%; width:calc(100%/4.01); min-width:115px;}
}

@media only screen and (max-width: 480px) {
.header{height:65px;}
.sTop{width:calc(100vw*0.8);}/* 75px */
.dMPart{display:none;}
.animMenu1{width:300px;}
.animMenu2{left:-80px; width:300px;}
.animMenu3{right:-85px; width:300px;}
.animMenu4{width:300px;}

.animBut1{width:80px;}
.animBut2{width:60px;}
.animBut3{width:60px;}
.animBut4{width:70px;}


.dNews, .dRecord, .dRecordArt{font-size:90%; margin:1% 2% 0 2%}
.dRTxt{}
/* .txRec{display:none;} */
.hNews{font-size:100%;}
.hArticle{font-size:110%;}
.aMenuFo{width:95%;}
}