@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;
max-width:1200px; display:block;}
/* background: linear-gradient(to bottom, #BBD4C7 15%, #FEFEFE 92%, #697060 97%);
background: -webkit-linear-gradient(#BBD4C7 15%, #FEFEFE 92%, #697060 97%);
*/
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, .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 */
.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 */


/* HEADER */
.dHead{position:fixed; right:0%; top:0px; float:left; width:23%; height:100%; background-color:#000; background-repeat:no-repeat; background-position:left top;  background-size:100% 100%;} /* #BBD4C7; background-attachment:fixed;*/

.header{position:fixed; right:0; top:0; width:23%; min-height:44px; z-index:2;}
	.slang{width:50%; padding:1% 2%; color:#AFC4DF; font-size:90%; word-spacing:10px;}
	.imenu{position:absolute; right:2px; float:right; margin:1px 2px; height:24px; z-index:2;} /* width:24px; */
	.imenu:hover {background-color: red; cursor:pointer;}
	.dSide{position:relative; width:98%; margin:0; padding:1%; display:none; z-index:7; overflow:hidden;}/* background:#A0A0A0; 4E84C4 2760A7 background:#080808; */
	.dSide:hover{background-color: #00001E;}/*  #202020; */
		.sClose{padding:4%; text-align:right; color:red; cursor:pointer; display:block;}
		.dMenu{text-align:left; padding:4%; width:90%; height:170px; overflow:hidden; overflow-Y:auto; z-index:7;} /* menu last article from scripts/menuCaArticle.php */
		.slegend{margin-bottom:1%; color:#707070; display:block; border-top:1px solid #707070;}
		
	.sTop{position:relative; display:block; text-align:right; margin-top:24px; color:#fff; border-bottom:1px solid #fff;}
		.aMenuTop{color:#fff; word-spacing:0px; font-size:90%; margin:5px;} /* top lang. and user menu */
		.sWelcome{word-spacing:0px; font-weight:700;} /* welcome user */	

/* MENU dSide */
.sMenuSub{margin-top:1%; 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:#D04040;}/* link to part */
.dMSubCat{margin-left:20px; color:#D04040;} /* link cont. to cat */
.aMCat{margin-left:10px; font-size:100%; font-weight:500; color:#D04040;}/* link to cat */
.aMCat:hover{text-decoration:underline;}
.aMSubCat{font-size:100%; font-weight:500; color:#D04040;} /* = aMCat active */
.aMSubCat:hover{text-decoration:underline;}
.aMSubSub{font-size:80%; font-weight:500; color:#D04040;}
.aMSubSub:hover{text-decoration:underline;}
/* scripts/menuCaArticle.php menu article.php */
.hsSub{margin-bottom:0; font-size:90%; color:#949494;} /* sub-sub-category only in article */
.aArtlink{margin-left:10px; font-size:90%; font-weight:500; color:#D04040;} /* link to art */
.aArtlink:hover{color:#fff;}
.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 */

.dMPart{position:relative; padding:0px; margin:1px 0px; margin-top:10%; width:100%; line-height:100%;}
	.sContCat{position:relative; display:block;} /* height:30px; max-height:30px; */
		.sCat{position:absolute; bottom:0; left:57px; padding:0; width:77%; max-height:200px; overflow:hidden; overflow-Y:auto; background:#404071; opacity:0.9; display:none;}/* #404040 */
		.aSCat{display:block; margin:3%; font-size:90%; color:#FFFFFF;}
	.aPart{margin:0; width:100%; padding:0; color:#fff; display:block;}/* part menu */
	.aPart:link{}
	.aPart:visited{}
	.aPart:hover{text-decoration:underline;}/* background:#808080; text-decoration:underline; */
	.aPart:active{color:#FFFFFF; background:#404062;}
	.aPartAct{margin:0; color:#FFF; font-size:120%; padding:3px 5px; background:#404062;}/* active aPart #363636 */
	


.divlogo{position:absolute; bottom:2px; padding:0px; margin:0px; width:100%; text-align:right;}
	.dImglogo{margin:1px;}
	.imglogo{cursor:pointer; max-width:100%;}/* height: calc(100vw*0.31); */
	


/*CONTENT */
.masterTab{position:absolute; right:23%; float:left; width:40%; min-height:100%; background:#FFF;} /* opacity:0.9; */

/* divContent */
.divContent{position:relative; min-width:100%; min-height:320px; margin:0; margin-top:1%; margin-bottom:7%;}
.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 ... */
.hContentCat{margin:2% 3%; padding:0; font-size:140%; font-weight:500; text-align:right;
color:#fff; background:#172948; padding:2%;}/*cat #1B3055 */
.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; padding:2%;} /* 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; width:92%; margin:10% 3%; padding:1%; text-align:justify; border-left:7px solid #5D503F; cursor:pointer; overflow:hidden;} /* box in part */
	.dImgPart{float:left; width:37%; margin-right:2%; height:90px; height:calc(100vw*0.067); overflow:hidden;}
	.imgPart{float:none; height:100%; margin:0px;}
	.hAutor{margin:0; font-size:90%; text-align:right;}
	.hContArt{margin:2% 0%; padding:3% 0%; font-size:130%; color:#615443; text-align:right;}
	.hRKey{position:absolute; bottom:0; left:1%; width:97%; margin:2% 0%; padding:3% 0%; font-size:130%; text-align:center; background:#E4F1F2;}
	.aArticle{font-size:100%; font-weight:100; color:#41525A;}
/* news */
.dNews{position:relative; width:92%; margin:10% 3%; padding:1%; text-align:justify; border-left:7px solid #5D503F; cursor:pointer; overflow:hidden;}
	.dImgNews{float:left; width:37%; margin-right:2%; height:90px; height:calc(100vw*0.067); overflow:hidden;}
	.imgNews{float:none; height:100%; margin:0px;}
	.hNAutor{margin:0; font-size:90%; text-align:right;}
	.hNews{margin:2% 0%; padding:3% 0%; font-size:130%; color:#615443; text-align:right;}
/* buttons */
.dButt{width:92%; min-height:40px; margin:3%; padding:1%; cursor:pointer; color:#172948; overflow:hidden; background:#fff; border-bottom:2px solid #172948;}
.dButt:hover{background-color: #172948; 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;}


/* article.php */
.hArtCont{margin:0% 3%; padding:0; height:auto; font-size:110%; font-weight:100; text-align:right;} /* part */
.hArtContCat{margin:0% 3%; padding:0; font-size:120%; font-weight:300; text-align:right;} /* sub-cat */
.hArtContSub{margin:1% 3%; padding:0; font-size:140%; font-weight:300; text-align:right;} /* sub-cat */
.divArticle{margin:2%; padding:1%; text-align:justify; border-left:1px solid #5D503F;}
	.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; color:#fff; text-align:right; background:#000;}
	.dImgArt{float:left; width:40%; margin:2%;}
		.imgTrArt{width:97%;} /* img */
	.imgArtEx{float:left; width:47%; margin:0% 1% 0% 1%;} /* more img */
	.divRecArt{margin:3% 2%; padding:1%; background:#F8F8F9; box-shadow: 2px 3px 2px #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;}
/* 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;}


/* photo.php */
.hPhoto{margin:2%; padding:2%; font-size:150%; font-weight:500; color:#fff; text-align:right; background:#000;}
.dPhoto{margin:2%; display:block; overflow:hidden;}
.imgPhoto{width:100%; max-width:1280px;}

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

/* footer */
.dfoot{position:relative; width:100%; text-align:center; clear:both;}
.tdFootK{vertical-align:bottom; margin:1%; font-size:13px; border-top:1px solid #DADADA;}
.aMenuFo{display:block; border-top:2px solid #000; width:90%; padding:2% 0%; color:#000;
margin-left:auto; margin-right:auto; margin-bottom:3%;
box-shadow: 2px 5px 5px 2px #C2C3C4;}
.aMenuFo:hover{background:#000; color:#fff;}
/* 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;}


/* 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 #2760A7; border-radius:10px; color:#fff; background:#172948; 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:100%; max-width:100%; 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;}
/* gformatter */
p::first-letter {font-size: 105%; color: #000; margin-left:5%; text-shadow: 2px 1px #1B2740;}


@media only screen and (max-width:1024px) {
.dHead{width:33%;}
.header{width:33%;}
.masterTab{right:33%; width:47%}
}

@media only screen and (max-width:800px) {
.dHead{position:relative; float:none; width:100%; height:auto; margin:0; background-size:cover;}
.header{position:relative; width:100%;}
.imenu{position:relative;}
.masterTab{position:relative; float:none; right:0; width:100%; height:auto; clear:both;}
.divlogo{position:relative;}
.dImglogo{max-width:120px; float:right;}
.dImgNews{height:calc(100vw*0.14);}
.dImgPart{height:calc(100vw*0.14);}
}

@media only screen and (max-width:800px) {
	.dNews{width:91%}
	.dRecord{width:91%}
	
	.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) {
	.header{min-width:320px;}	
	.dCookView{position:fixed; right:0%;}
	.imgArtEx{float:none; width:97%; margin:1%;} /* more img */
}