@import url('https://fonts.googleapis.com/css?family=Ubuntu+Condensed');
@-ms-viewport { 
 width: device-width;
}
@-o-viewport { 
 width: device-width;
}
@viewport { width: device-width;
}
body {background-color: #3E007D;
	margin: 5px 0 0 0;
    color: #333333;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em;
}
body, p, li. div {
	font-size: 1em;
}

a:link, a:visited  {
	color : #3F007D;
	text-decoration: none;
font-size: 1em;
  } 
a:hover {
	 color: #800000; 
text-decoration: underline; 
font-size: 1em;
 } 
h2 { 
	color: #3F007D;
text-align: center;
font-size: 20px;
}
h1 {
	color: #333;
font-size: 22px; text-align: center;
font-weight:normal;
}
h3 { color: #1F3864;/*color:#FED876; - yellow*/ 
	font-size: 18px;
	text-align: center;} 
h4 { color: #CC0000;   font-size: 1em; padding: 20px 20px 10px 30px;}
h5 { color: #3F007D;  font-size: 1em; text-align:left; }
.mail {
	margin-top: 50px;
	background-color: #3E007D;	}

 img { -ms-interpolation-mode: bicubic; }/*Повышает качество картинки за счет использования бикубического метода интерполяции.*/
 img a {
	 border: 0;}
 img  {
margin: 5px;
}
.break-word {
		word-wrap: break-word;
}
/*картоинка под размер контейнера https://ru.stackoverflow.com/questions/261677/%D0%90%D0%B2%D1%82%D0%BE%D0%BF%D0%BE%D0%B4%D0%B3%D0%BE%D0%BD-%D0%B0%D0%B2%D1%82%D0%BE%D1%80%D0%B5%D1%81%D0%B0%D0%B9%D0%B7-%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F-%D0%BF%D0%BE%D0%B4-div
}*/
.img-container {
    background-size: cover;
    width: 300px;
    height: 100px;
    overflow: hidden;
   /* background-color: #F50000;*/
    text-align: center;
}
.img-container img {
    height: 100%;
    width: auto;
   max-width: 100%;
}
/*novg_data - изображения по центру немного вылезают вправо
img {
	max-width: 100%;
height: auto
}*/
/* получился большой счетчик
img {
 object-fit: cover;
  width: 320px;
  height: auto;
}*/
li {
	margin: 5px;
	text-align:left;
}
.bannerset{	 
text-align:center;
margin:0 auto;
padding: 3px 0;
width:200px;
height:50px;
}
 .banner{ 
padding: 0 2px;
text-align:center;
float:left;
width:auto;
height:auto;
}

.contentall {
background-color:#FFFFFF; 
width: 872px;
margin: 10px auto;
padding-bottom: 15px;
}
.wrapall {
	width: 100%;
max-width: 960px; /*950px;*/
min-width:400px;
padding: 0 20px;
margin: 5px auto;
background-color:#FFF; 
}
@media screen and (min-width: 300px) and (max-width: 600px)  {
	.wrapall {
	width: 100%;
		padding:0;
	}
	.wrapall img {
	width: 100%;
		padding:0;
	}
}
#maincontent {
 padding: 20px 0;
margin: 0 auto;
text-align:justify; 
width: 100%;
/*overflow:hidden;/* -закомментировать при работе с сайтом - take comment, when work */
 /* min-height: 700px;почему-то было закомментироовано*/
	font-size: 1em;
}
.maincontent {
 padding: 20px 0;
margin: 0 auto;
text-align:justify; 
width: 100%;
/*overflow:hidden;/* -закомментировать при работе с сайтом - take comment, when work */
 /* min-height: 700px;почему-то было закомментироовано*/
	font-size: 1em;
}
@media only screen and (max-width: 480px) { 
.maincontent { 
width: 100%;
padding:0;
} 
#maincontent { 
width: 100%;
padding:0;
} 
	.center{ 
width: 100%;
padding:0;
} 
}
.center{ 
width: 430px;
margin: 0 auto;
padding:0;
text-align: left;
} 
/*@media only screen and (max-width: 380px)*/
@media  (min-width: 300px) and (max-width: 600px) { 
	.maincontent img {
		width: 100%;
		height: auto;
		padding: 0;
	}
}	
@media (min-width: 300px) and (max-width: 600px) {
 .piccnt img {
width: 100%;
height: inherit;	 
 padding: 0;
}
	.piccenter img {
width: 100%;
height: inherit;	 
 padding: 0;
}
}
#maincontent_lib {
 padding: 10px 0;
background-color:#FFF; 
width: 100%;
min-height: 700px;
margin: 0 auto;
}

#poem {
	width: 270px;
	margin: 0 auto;
	text-align:left;
}
p { text-indent: 25px;
margin:7px;
}
p .clear {
	clear: both;
padding:10px;
line-height: 0px;
}
.clear {
	clear:both;
	line-height: 0px;
}
#bottomcontent {
width: 100%;
height: auto;
margin: 0 auto;
padding: 15px 0;
border-top: #3E007D 1px solid;
overflow: hidden;
	font-size: 0.9em;
		height: 50px;
}
#bottomcontent .ogl  {
float: left;
 display: block;
  padding: 10px;
  text-decoration: none;	
}
@media screen and (max-width: 380px) {
	#bottomcontent {
		width: 100%;
	}
	}
#bottomcontent .ogl a {
    float: none;
    width: 100%;
  }
	.bottomcontent .ogl a {
    float: none;
    width: 100%;
  }
}
.bottomcontent .ogl  {
float: left;
 display: block;
  padding: 10px;
  text-decoration: none;	
}
.bottomcontent {
border-top: #3E007D 1px solid;
width: 100%;
padding: 15px 0;
height: auto;
text-align: center;
margin: 0 auto;
}
   ul.gor {
    margin: 0; 
    padding: 4px; 
   }
   ul.gor li {
    display: inline; 
    margin-right: 5px; 
     padding: 3px; 
   }
   ul.gor a{
   font-size: 14px; 
   }
#bottomcontent hr {
	height:1px;
	width:100%;
	margin: 2px auto;
}
.ogline {
	width: 100%;
	height: auto;
	padding: 5px;
	text-align: center;
	clear: both;
	margin: 10px 0 20px 0;
	clear: both;
} 
.lrar{ 
width: 160px;
padding: 0 10px 2px 0;
float:left;
text-align:left;
}

#headcontent { 
text-align:center; 
width: 100%;
padding: 10px 0;
margin: 10px auto;
/*border-bottom: #3E007D 1px solid;*/
}
#headcontent h1 a {
font-size: 1.3em;	
}
#headcontent h2 a {
font-size: 1.1em;	
}
.headcontent { 
text-align:center; 
width: 100%;
padding: 10px 0;
margin: 10px auto;
/*border-bottom: #3E007D 1px solid;*/
}
.headcontent h1 a {
font-size: 1.3em;	
}
.headcontent h2 a {
font-size: 1.1em;	
}
.art {
	width: 93%;
	font-size: 0.96em;
	padding-left:5%;
	padding-right:2%;
color: #3F007D;
	font-family:  Tahoma, Helvetica, sans-serif;}
.line {
	background-color: #3E007D;
	height: 1px;
}

#counter {
width: 400px;
text-align:center;
padding: 8px;
margin: 0 auto;
clear:both;
}
.counter {
width: 400px;
text-align:center;
padding: 8px;
margin: 0 auto;
clear:both;
}
.vpf {
font-size: 2em;
color:#522C25;
font-weight:bold;
}
.audioPlyer {
	border: #999 1px solid;
	width:470px;
	height:70px;
	margin: 10px auto;
	clear:both;
}
 		.clearfloat {
	clear:both;
	height:5;
	line-height: 0px;
}
 		.clearfloat_lib {
	clear:both;
	height:25px;
	line-height: 5px;
	/*width:800px;*/
	border-bottom:#FC0 2 px solid;	
}

.egal {
	float:right;
	padding: 6px;
	text-align:left;
	width:300px;
	font-size: 0.07em;
	color:#636;
	height:auto;
	margin: 5px;
	border: 1px solid #636;	
}
.egalbom {
	float:left;
	padding: 5px;
	margin: 5px;
	text-align:left;
	width:257px;
	font-size: 0.07em;
	height:auto;	
	border: 1px dotted #636;	
}

.citata {
	font-size: 0.9em;
	text-indent: 50px;
	font-style:italic;
}
.cit {
	font-size:0.9em;	
	text-indent: 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.ind250 {
	text-indent: 22%;
	text-align: left;
	font-style:italic;
	font-weight: 0.9em;
}
.ind33p {
	text-indent: 33%;
	text-align: left;
	font-style:italic;
	font-weight: 0.9em;
}
.pic {
	padding:1px;
	margin: 4px;
	float:left;
}
.pic a img{
	border: 1px solid #999;
}
.piccenter {
	text-align: center; 
	font-style:italic;
	padding: 10px 0;
	font-size: 0.96em;
border-bottom: 1px solid #B1B1B1;
}
.picleft2  {text-align: center; font-style: italic;  padding:10px; width: auto; float:left; font-size: 0.98em;}
.picright2  {text-align: center; font-style: italic;  padding:10px; width: auto; float:right; font-size: 0.98em;}

.picleft2, .picleft3, .picright2, .picright3, .piccenter3 div {font-size: 0.9em; text-align: center; font-style: italic; } 
.picleft3  {padding:10px; width: 190px; float:left; font-size: 0.75em; text-align: center; font-style: italic;}
.picright3  {padding:10px; width: 190px;} float:right; font-size: 0.75em; text-align: center; font-style: italic; }
.piccenter3 {padding:15px; width: 96%;  font-size: 0.75em; text-align: center;   font-style: italic;}
.pic_article {
    padding: 10px; 
	font-size: 0.9em;
	text-align: center;
}
.snos {
   	font-size: 0.9em;
	}
.picdescription {
	width: 850px;
	margin: 20px auto;
	text-align: center; 
    font-size: 0.96em;
	font-style:italic;
	}
.pad100 {
	padding: 10px 0 10px 100px;
}
.listbot li {
	padding: 15px 0;
	border-bottom: 1px dotted #3E007D;
}
.marg30 {
	margin-left: 30px;
	margin-right: 30px;
	text-indent: 0;
	}
	.marg50 {
	margin-left: 50px;
	margin-right: 50px;
	text-indent: 0;
	font-family: Verdana, Geneva, sans-serif, Arial, Helvetica, sans-serif;
		}
.ind50 {
	text-indent: 50px;
}
.ind80 {
	text-indent: 80px;
}	
.pad80 {
	padding: 10px 0 10px 80px;
	font-size: 0.9em;
}
.epig {width:55%;
text-align:left;
float:right;
clear:both;
height:auto;
font-style:italic;
}
.note {
	font-family:"Courier New", Courier, monospace;
}
.insert {
	width:600px;
	float:right;
	color:#036;
	font-family:Arial, Helvetica, sans-serif;
	padding: 10px 0;
}
.insert .imag {
	float:left;
	margin-right: 10px;
	width:auto;
	}
.linedown {
	border-bottom: #3E007D 1px solid;/* #999*/
	text-align:center;
}
ol.alph {list-style-type: upper-alpha;}
.kaufen {
padding:5px 25px 5px 5px;
width:auto;
height:auto;
float:left;
clear:both;
margin:5px 10px 10px 40px;
/*background-color: #F1EDED;
 border: #6C6865 1px solid;
 border-radius:5px;*/ 
 background-image:url(im/arrow22.gif);
 background-position: 95% 52%;
 background-repeat:no-repeat;
}
 .kaufen a:link, .kaufen  a:visited{
	 text-decoration:none;
 }
 	.list100 ul{
		margin: 0 0 0 100px;		
	}
	.list100 li{
		list-style-type:circle;		
	}/*
@media only screen and (min-width: 320px) and (max-width: 480px) {
	 .ann  {
	width: 90%;
}}*/
.ann {
	width: 60%;
	height: auto;
	text-align:right;
	padding-left: 40%;
	/*padding: 0 0 20px 400px;
	margin:0 0 20px 400px;*/
	margin: 20px 0;
	font-family:"Times New Roman", Times, serif;
	font-size:0.9em;	
	font-style: italic;

}
.ann_en {
	width: 400px;
	padding: 0 0 10px 10px;
	text-align:right;
	float:right;
	color:#003;
	font-family:Verdana, Geneva, sans-serif;
	}
.ann500 {
width: 500px;
	text-align:justify;
		margin:0 0 0 345px;
	font-family:"Times New Roman", Times, serif;
	font-size:0.875em;	
	font-style: italic;
}
.left200{
	width: 75%;
	padding: 10px 0 10px 25%;
}
.left120{
	width: 85%;
	padding: 10px 0 10px 15%;
}
.left60{
	width: 95%;
	padding: 5px 0 5px 5%;
}
.left50{
width: 97%;
	padding: 5px 0 5px 3%;
}
.s14 {font-size:0.875em;
	height: 150px;
width:auto; 
padding-bottom:13px;
margin-bottom:3px;}
.tnr {font-family:"Times New Roman", Times, serif;
font-size: 1em;}
.picsev7 {
	float:left;
	width: 20%;
    height: 180px;
	/*width:160px !important;
	height:180px !important;*/
	text-align:center;
	margin:5px;
	padding: 0;
	font-style:italic;
	}
	.picsev{
	float:right;
	width: 20%;
    height: 180px;
	/*width: 160px !important;
	height:180px !important;*/
	text-align:center;
	margin:5px;
	font-style:italic;	}
.picsev7, .picsev img {
width: auto;	
}
.picsev7, .picsev a {
font-size: 0.9em;	
}
.picright, .picleft, .piccnt {
	padding: 10px;
	color:#000;
	font-size: 0.9em;
	font-style:italic;
	line-height: 1.2em;
	text-align:center;
display: inline-block;
		}
.picright {
float:right;
width:auto;
}
.picleft {
	float:left;
	width:auto;
}
.piclefthalf {
	float:left;
	width:400px!important;
	height: inherit;
	padding: 20px 10px;
	color:#000;
	font-size: 0.9em;
	font-style:italic;
	line-height: 1.2em;
	text-align:center;
display: inline-block;
		}
	.piccnt {
	width: 96%;
	margin: 0 auto;
	clear: both;
	}
.picright a, .picleft a, .piccnt a{
	text-decoration: none;
	font-size: 0.9em;
}
.picmap {
	float:left;
width:auto;
	height:auto;
	text-align:center;
	margin:2px;
	padding:2px;
	font-size:0.9em;
} 
.picleft280 {
	float:left;
	width:265px;
	height:300px;
	text-align:center;
	margin-right:5px;
	padding:5px;
	font-style:italic;
	font-size: 0.81em;
	}
@font-face {
  font-family: SBibGree;
  src: local("SBibGree"), url(/fonts/SBibGree.ttf);
}
.greek17{
	font-family: SBibGree;
	 font-size: 1.1em;
	}	
	.greek{
	font-family: SBibGree;
	/* font-size: 0.875em;*/
	}
	ul.lev3 {
		list-style-type:circle;
		paddingleft: 20px;
	}
	
	.goldbook {
		height:auto;
		border-bottom:1px solid #C00;
	/*	color: #C00;*/
		width:98%;
		margin: 15px auto;
		clear:both;
			}
	li {
		padding-bottom: 10px;
	}
	.blockmid {
		width: 50%;
		margin: 15px auto;
		height:auto;
		border: 1px dotted #CCC;
		padding:7px 30px;
		text-align:center;
	}
/*Mollary*/
	.thumbnail_wl{  
position: relative;  
z-index: 0;  
}  
.thumbnail_wl:hover{  
background-color: silver;  
z-index: 50; 
}  

p .thumbnail_wl span {
	text-indent:0;}
	
.thumbnail_wl span{ /*CSS for enlarged image*/  
position: absolute;  
background-color: #FFF;
padding: 2px;
left: -1000px;  
border: 1px solid #ccc;  
visibility: hidden;  
text-decoration: none;  
min-width: 245%;
 
margin:7px;}
  
.thumbnail_wl span img{ /*CSS for enlarged image*/  
border-width: 0;  
padding: 2px;
width: 300px;
}  
.thumbnail_wl:hover span{ /*CSS for enlarged image on hover*/  
visibility: visible;  
top: -29px;
left:40px; /*position where enlarged image should offset horizontally */  
}  
.mathim {
	width:260px;
	height:300px;
	padding:1px;
	margin:10px;
	float:left;
	text-align:center;
}
	
.pi  {
	font-family:"Times New Roman", Times, serif;
	font-size:1.125em;
	}
	.colleft {
		width:400px;
		margin: 15px 20px 15px 0;
		float: left;
	}
	.colright  {
		width:400px;
		margin: 15px 0 15px 20;
		float: right;
	}
.title_albom   {
color: #333;
font-size: 1.25em; text-align: center;
font-weight:normal;
}
.othertext {
margin:20px 40px;
clear:both;
font-family:"Courier New", Courier, monospace;
}
.li1 {
	/*list-style-type:square;armenian*/
	list-style-type: disc;
}
.li2 {
	/*list-style-type:disc;armenian*/
	list-style-type:circle;
}
ul.bul1 {list-style: url(/im/bul1.gif) outside; line-height: 110%;}
ul.bul2 {list-style: url(/im/bul2.gif) outside; line-height: 110%;}
.picbook {
	float:right;
	padding: 5px;
	text-align:center;
	width:auto;
	font-style:italic;
	margin:5px;
	border:0;
	}
.picbook a:link, .picbook a:visited {
	text-decoration: none;
	color: #F30!important;	
}
.picbook a:hover {
	text-decoration: underline;
}
.redlink {
	font-weight:bold;
	color: #F30!important;	
}
.redlink a:link, .redlink a:visited {
	text-decoration: none;
	font-weight:bold;
	color: #F30!important;	
}
.redlink a:hover {
	text-decoration: underline;
	font-weight:bold;
}

.zot {
    margin: 15px 10px 10px 60px;
color: #000;
background-position: 0% 0%;
 background-repeat:no-repeat;
background-color: rgb(243, 244, 245);
background-image: url(/im/postquote.gif);
padding: 10px 20px 10px 60px;
font-weight:bold;
}
.pichalf{
	float:left;
	width:395px;
	height:300px;
	text-align:center;
	margin:5px;
		padding:10px;
}

.rlink {
	float:right;
	width: 200px;
	text-align:right;
}
	
	.llink {
	float:left;
	width: 200px;
	text-align:left;
}
.picmilk  {
	padding: 2px; 
	width: auto; 
	height:200px;
float:left;
}
.formcell {
	padding: 15px;
	width: 600px; 
	height:auto;
}
.tmin { margin-left: 50px;
	text-indent: 0;
	font-size: 0.81em;
	}
.book {
	float:right;
	padding: 5px;
	text-align:center;
	width:auto;
	/*width:130px;*/
	font-style:italic;
	margin:5px;
	border:1px solid #CCC;
	font-size: 0.8em;
	}
.book a {
	text-decoration: none;
	font-size: 0.9em;
	font-style: italic;
}
.books {
width: 46%;
margin:2%;
	text-align: center;
	height: 500px;
	float: left;
}
section {
	padding: 10px;
	font-family: 'Ubuntu Condensed', sans-serif;
	 font-size: 1.1em;
	line-height: 1.6em;
	 color: #4B5866;
	text-align: center;
}
div.fancybox {
    text-align: center;
	display: block;
}
div.fancybox a {
	text-decoration: none;
}
.textcols {
	white-space: nowrap;
}
.textcols-item {
	white-space: normal;	
	display: inline-block;
	width: 46%;
	vertical-align: top;
	}
.textcols .textcols-item:first-child {
	margin-right: 4%;
}

.halfboxleft {
	width: 440px;
	padding:10px;
float: left;
}
.halfboxright {
	width: 440px;
	padding:10px;
float: right;
}
/*begin - old map in EN
.mapleft {
	float: left;
	width:auto;
	padding: 1px;
	display: inline-block;
		}
end - old map in EN*/
.mapclear {
	clear:both;
	height:0;
}