@charset "utf-8";
html, body{margin:0px; width:100%;}
body{font-family: 'Lucida Console', 'Courier New', Monospace; line-height:120%; font-size:100%;  color:#1E1E1E;}
/* 
 height:100%;
background: #000 url('../img/w_background.jpg') repeat left top;
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 
*/
div, p, span, a, h1, h2, h3, h4, img {position:relative;}
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;}
a:hover{text-decoration:none;}
.aStd{text-decoration:none; color:#000040; word-spacing:0px; display:inline-block;}

.aMenu{}

.dRecord, .dNews, .dButt, .ahButt, .imenu {
-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 */


/* button main menu */
.dImenu{position:fixed; top:5%; left:1%; height:33px; color:#fff; cursor:pointer; z-index:4;}
.dImenu:hover{background:#000; opacity:0.7;}
	.imenu {float:left; height:33px; background:#000; z-index:3;}
	.imenu:hover {background-color: red;}
	.smenu{display:inline-block; margin-left:15px; vertical-align:-10px; font-size:120%; letter-spacing:5px;}

.divImg{position:relative; margin:0; width:100%; text-align:center; background:#000; overflow:hidden;}
	.divlogo{position:absolute; top:10%; width:100%; padding:0px; margin:0px;  z-index:3;}
		.dImglogo{position:relative; max-width:240px; margin-left:auto; margin-right:auto;}
		.imglogo{width:100%; min-width:64px; max-width:240px; cursor:pointer; opacity:0.5}
	.imgPano{position:absolute; bottom:0; right:0; width:100%;} /* min-height:100%; */
	.dTxPano{position:absolute; top:23%; width:100%; text-align:center; z-index:2;}
		.sTxPano{font-size:200%; line-height:220%; color:white;}


.dBody{position:relative; width:100%; padding:0px; margin:0px; clear:both;}

	.stitle{position:relative; margin:1% 0; line-height:100%; font-size:90%; color:#fff; display:inline-block;}
	.sprogr{position:relative; color:white; line-height:110%; font-size:130%}
	
.masterTab{position:relative; margin-left:auto; margin-right:auto; width:100%; min-width:320px; clear:both;}
	.imgScr{width:100%;}

/*CONTENT */
/* MENU - old HEADER */
.dHead{position:fixed; top:0; left:0; width:100%; max-width:320px; min-height:320px; display:none; z-index:4;
background:#000; opacity:0.7;} /* background:#BBD4C7; opacity:0.9; overflow:hidden; */
.dHead:hover{opacity:0.9;}
.header{position:relative; width:100%; overflow:hidden; overflow-Y:auto;}

 .sTop{text-align:right; display:block;}/* enter menu */
	.aMenuTop{color:#F5F5F5; font-size:90%; margin:1%;} /* top lang. and user menu */
	.sWelcome{color:#fff; font-weight:700;} /* welcome user */
/* dSide */
 .dSide{position:relative; width:100%; margin:0px; padding:0px; line-height:140%;}
	.sClose{font-size:120%; padding:4%; text-align:right; color:red; cursor:pointer; display:block;}
	/* menu by ajax */
	.dMenu{padding:4%; width:90%; z-index:5;}	 /* overflow:hidden; overflow-Y:auto; */
	/* menu position */
	.slegend{margin-bottom:5px; color:#404040; display:inline-block;}
	.sMenuSub{margin-top:5px; font-weight:500; display:block;}
	.aMPart{font-size:120%; font-weight:500; color:#fff;}/* link to part */
	.aMPart:hover{text-decoration:underline;}
	.aMPartAct{font-size:120%; font-weight:600; color:#fff; text-decoration:underline;}/* link to part */
	.dMSubCat{margin-left:20px; color:#fff;} /* link cont. to cat */
	.aMCat{margin-left:3%; font-size:100%; font-weight:500; color:#A94040; display:inline-block;}/* link to cat #8C0000*/
	.aMCat:hover{text-decoration:underline;}
	.aMSubCat{margin-left:5%; font-size:100%; font-weight:500; color:#A94040;}
	.aMSubCat:hover{text-decoration:underline;}
	.aMSubSub{margin-left:7%; font-size:90%; font-weight:500; color:#BF7070;}
	.aMSubSub:hover{text-decoration:underline;}
	/* main manu */
	.dMPart{position:relative; margin-top:15%; width:100%; line-height:140%; border-top: 1px solid #404040;}/*4E84C4*/
	.aPart{font-size:120%; font-weight:500; color:#fff;}/* part menu */
	.aPart:link{}
	.aPart:visited{}
	.aPart:hover{text-decoration:underline;}/* background:#D9EBF9;*/
	.aPart:active{color:#FFFFFF; background:#2760A7;}
	.aPartAct{color:#FFFFFF; font-size:150%; padding:3px 0px;}
	.sContCat{position:relative; display:block;} /* position:relative;  */
		.sCat{position:absolute; bottom:0; left:77px; padding:0; width:77%; max-height:200px; overflow:hidden; overflow-Y:auto; background:#404040; opacity:0.9; display:none; z-index:7;}
		/* .sCat{position:absolute; top:100%; right:0; padding:0; width:77%; background:#404040; opacity:0.9; display:none;z-index:7;} */
	.aSCat{display:block; margin:3%; color:#FFFFFF;}
	/* scripts/menuCaArticle.php menu article.php */
	.hsSub{margin:0; margin-left:7%; font-size:90%; font-weight:500; color:#BF7070;} /* sub-sub-category only in article */
	.aArtlink{color:#fff; font-weight:500;} /* link to art */
	.aArtlink:hover{color:red;}
	.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 divContent */
.divContent{position:relative; width:100%; min-height:400px; margin:0%; text-align:center;
/* max-width:900px; margin-left:auto; margin-right:auto; background:#1E1E1E; */
 }
	.dCSmall{width:73%; margin-left:auto; margin-right:auto;} /* width:27%; */
	.dCBig{width:73%; margin-left:auto; margin-right:auto;} /* width:67%; calc(100vw*0.31)*/
.divMess{margin:2%; padding:1%; clear:both; box-shadow: 5px 15px 30px 5px #C2C3C4;} /* 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{display:inline-block; padding:1%; border:1px solid #C2C3C4;}
.aHistory:hover{background:#1E1E1E; color:#fff;}

/* content.php ... */
.hContentCat{margin:2% 3%; padding:0; font-size:150%; font-weight:500; text-align:right; padding:2%; box-shadow: 5px 15px 30px 5px #C2C3C4;}/*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; padding:2%;} /* sub-sub-cat */
.dPageTop{margin:2%; padding:1%;}/* counter top */
.aTop{display:inline-block; border:1px solid transparent; padding:1%;}/* counter link */
.aTop:hover{color:#000; border:1px solid #C2C3C4; background:#fff;}
.divPage{clear:both; text-align:center; margin:3% 0;}
.aNextPr{display:inline-block; padding:1%; border:1px solid transparent;}
.aNextPr:hover{border:1px solid #C2C3C4;}
.dButth{text-align:left; border-top:1px solid #C2C3C4;} /*header for buttons*/

/* records */
.dRecord{position:relative; width:94%; min-width:300px; max-width:1200px; min-height:330px; margin:7% 2%; padding:1%; text-align:justify; cursor:pointer; overflow:hidden; box-shadow: 5px 15px 30px 5px #C2C3C4;} /* box in part */
.dRecord:hover{background-color:#989898;}
/*.dRecord:hover{width:98%;  margin:5% 1%;} /* margin-left:auto; margin-right:auto; */

.dImgPart{position:absolute; top:1%; left:1%; float:none;  margin:0; width:55%;  overflow:hidden;}  /* div forimg in part */
.dRecText{position:absolute; top:15%; left:45%; width:40%; margin-bottom:1%; padding:5% 7%; border:1px solid #C2C3C4; z-index:3;}
.dImgPartO{position:absolute; top:1%; left:49%; float:none; margin:0; width:50%;  overflow:hidden;}
.dRecTextO{position:absolute; top:15%; left:2%; width:40%; margin-bottom:1%; padding:5% 7%; border:1px solid #C2C3C4; z-index:3;}

.imgPart{float:none; width:100%; margin:0px;} /* small img in part */
.hAutor{margin:0; font-size:90%; text-align:right;}
.hContArt{width:97%; margin:2% 0%; padding:3% 0%; font-size:130%;} /* in part (content.php) */
.hRKey{position:absolute; bottom:0; left:1%; width:97%; margin:2% 0%; padding:3% 0%; font-size:130%; text-align:center; background:#E4F1F2; opacity:0.8}
.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:3% 1%; padding:1%; text-align:justify; border:0px solid #E4F1F2; cursor:pointer; overflow:hidden;
box-shadow: 5px 5px 3px #2760A7;}
.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%;}
*/
.dNews{position:relative; float:left; width:29%; min-width:180px; max-width:400px; height:240px; margin:3% 1%; padding:1%; text-align:justify; border:1px solid #C2C3C4; cursor:pointer; overflow:hidden;}
.dNews:hover{margin-top:1%; color:#fff;}
.dImgNews{float:none; margin:20% 0% 5%; width:100%; height:35%; overflow:hidden;}
.imgNews{float:none; width:100%; margin:0px; margin-top:-20%;}
.hNAutor{margin:0; font-size:90%; text-align:right;}
.hNews{margin:2%; font-size:110%;}



/* buttons */
.dButt{position:relative; float:left; width:29%; min-width:180px; max-width:400px; height:240px; margin:3% 1%; padding:1%; text-align:justify; border:1px solid #C2C3C4; cursor:pointer; overflow:hidden;}/* border:1px solid #2760A7; */
.dButt:hover{background:grey; color:#fff; opacity:0.5;}
	.dImgButt{float:none; margin:20% 0% 5%; width:100%; height:35%; overflow:hidden;}
	.imgButt{float:none; width:100%; margin:0px; margin-top:-20%;}
	.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;}

.sMore{position:absolute; bottom:2px; display:inline-block;}/* news buttons */
/* 
.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 */
.dAContent{max-width:1280px; margin-left:auto; margin-right:auto;}
.hArtCont{margin:2% 3%; padding:0; font-size:120%; font-weight:100; text-align:right; color:#1E1E1E;} /* 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%; color:#1E1E1E; text-align:justify;} /*  box-shadow: 10px 15px 10px #C2C3C4; */
	.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; box-shadow: 5px 15px 30px 5px #C2C3C4;}/* title */
	.dImgArt{float:left; width:40%; margin:2%;}
		.imgTrArt{width:97%;} /* img */
	.imgArtEx{margin:0% 1% 2% 1%; width:48%; float:left;} /* more img */
	.divRecArt{margin:3% 2%; padding:10px; border:1px solid #C2C3C4; text-align:left;} /* commment box */
	.dRecCom{margin:7px 0px 0px; padding:5px; border:1px solid #000;} /* commment text */
.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;}
.dflLeft{float:left; width:43%; margin:0; margin-right:5%; padding:0;}
.dflRight{float:right; width:43%; margin:0; margin-left:5%; padding:0;}
.dComments{text-align:left;}
.aArtMore{text-align:right; display:block; padding:1%;}/* full article */
.aArtMore:hover{color:#000; border:1px solid #C2C3C4; background:#fff;}

/* comments.php */
.slink{display:inline-block; cursor:pointer;}/* counter link */
.slink:hover{padding:1%; color:#000; border:1px solid #C2C3C4; background:#fff; cursor:pointer;}

/* photo.php */
.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{overflow:hidden; background: linear-gradient(to bottom, #F5F5F5 25%, #1E1E1E);
position:relative; margin-left:auto; margin-right:auto; width:100%; min-width:320px; clear:both;}

.tdfCat{} /* border-bottom:1px solid #C2C3C4; background:#303030; sociall butt */
.imgSoc{float:right; margin:4px; width:32px;}
.tdFoot{vertical-align:bottom; padding:10px; clear:both;} /* 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; border:1px solid transparent; display:inline-block; padding:1%;}/* #C2C3C4 */
.aMenuFo:hover{color:#000; border:1px solid #C2C3C4; background:#fff;}
.tdFootK{padding:10px; text-align:center; font-size:13px; border-top:1px solid #565656;} /* key */
.divGeodi{padding:1%; text-align:right; font-size:70%;} /* div geodi */
.aGeodi{font-size:110%; color:#fff; font-weight:500;}/*a geodi */


/* 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:#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;}

.imgContact{float:right; width:20%;}

/* cookieEU */
.dCookView{position:fixed; right:1%; bottom:1%; width:50%; max-width:320px; min-width:300px; min-height:70px; padding:0px 15px; text-align:left; border:1px solid #000; border-radius:10px; color:#ffffff; background:#1E1E1E; z-index:1000; display:none;}
.dCookText{width:90%; min-height:25px; margin:5px 0px; padding:0px; text-align:left;}
.dCookRight{float:right; right:0px; bottom:0px; width:40%; min-height:25px; padding:0px; text-align:right; font-weight: bold; cursor:pointer;}
.dCookLeft{float:left; left:0px; bottom:0px; width:40%; min-height:25px; padding:0px; text-align:left;}
.aCook{color:#FFF}



@media only screen and (max-width:1024px) {
	.dCSmall{width:100%;} /* width:27%; */
	.dCBig{width:100%;}
	
	.divlogo{top:5%;}
	.imgPano{height:100%; width:1024px;}
	.sTxPano{line-height:180%; font-size:170%;}
	

}

@media only screen and (max-width:800px) {
	.divlogo{top:2%;}
	.imgPano{height:100%; width:800px;}
	.sTxPano{line-height:150%; font-size:130%;}
	/* .dHead{max-width:320px;}
	.header{overflow-Y:auto;} */
	.sprogr{font-size:90%;}
	
	.dButt{float:none; width:96%; margin-left:auto; margin-right:auto;}
	.dNews{float:none; width:96%; height:270px; margin-left:auto; margin-right:auto;}
	
	.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%;}
	
	.dImgPart{position:relative; left:auto; top:auto; width:100%;}
	.dRecText{position:relative; left:auto; top:auto; width:86%;}
	.dImgPartO{position:relative; left:auto; top:auto; width:100%;}
	.dRecTextO{position:relative; left:auto; top:auto; width:86%;}
}

@media only screen and (max-width: 480px) {
	.imgPano{height:100%; width:480px;}
	.sTxPano{line-height:130%; font-size:110%;}
	.sprogr{font-size:70%;}
	.dCookView{position:fixed; right:0%;}
	.imgArtEx{float:none; width:96%; margin:1% 0%;} /* more img */
	.imgContact{float:none; width:96%;}
	
	.dButt{height:240px;}
	.dNews{height:240px;}
	
	.aMenuFo{display:block; padding:3% 1%;}
	.aHistory{padding:2% 1%; border:1px solid #C2C3C4; background:#fff;}
}