#main_scrin	{
	position:relative;
	width:99.9%;
	height:95.5%;
	padding:0px;
	top:1%;
	margin:1.3em 0% 0% 0%;
			}
													
#logotip1	{
	position:absolute;
	width:25%;
	height:auto;
	padding:0px;
	top:0%;
	left:5%;
	z-index:99;
			}

.otbivka1 {
margin-top:0.3%;
text-indent: 6%;
padding: 5% 15% 8% 10%;
color: #000000;
display: block;
}

.otbivka2a {
margin-top:0.3%;
text-align:center;
padding: 0 2% 2% 2%;
display: block;
color: #ffffff;
width:90%;
 }

#slava_Bogy			{
	position:absolute;
    position: fixed;
	width:8%;
    height: auto;
	top:3%;
	left:0.5%;
	z-index:9998;				
				}

#sos			{
	position:absolute;
    position: fixed;
	width:8% ;
    height: auto;
	top:3%;
	left:0%;
	z-index:10;				
				}

#subordination	{
	position:relative;
	width:38% ;
    height: auto;
	top:0%;
	left:44.5%;
	padding:0.5%;
	z-index:998;
				}				


/* для рисунка "Подчинённость" */
#subordination:hover {
    transform:scale(1.50);
    transition: 3s;
}

#title1			{
	position:relative;
	width:61% ;
    height: auto;
	top:-1%;
	left:32%;
	padding:0.5% 0.5% 0.5% 0.5%;
	z-index:-1;				
				}

#title1a			{
  position: fixed;
	width:4% ;
    height: auto;
	top:10%;
	left:95%;
				}
				
#Calendar1	{
 	position:relative;
	display: block;
 	font-size : small;
	width:23% ;
	top:-39%;
	height:35% ;
	left:5%;
	padding:0.5%;
	overflow:auto;
	text-align:justify;
			}
				
#Calendar1a	{
 	position:relative;
	display: block;
	width:27% ;
	top:-45%;
	height:auto ;
	left:2%;
	padding:0;
			}

#post_vel	{
	position:absolute;
	width:23%;
	height:auto;
	top:55%;
	left:5%;
	padding:0;
			}

/* для рисунка "Пост великий" */
#post_vel:hover {
    transform:scale(1.50);
    transition: 3s;
}
   
#print_img {
position:absolute;
text-align: center;
margin-bottom:2%;
left:-20%;
}

#hb	{
 	position:absolute;
	display: block;
	width:40% ;
	top:25%;
	height:auto ;
	left:-42%;
	padding:0;
	z-index:999;
			}

#hb1	{
 	position:relative;
	display: block;
	width:27% ;
	top:-42%;
	height:auto ;
	left:2%;
	padding:0;
			}

#hb2	{
 	position:relative;
	display: block;
	width:12% ;
	top:-115%;
	height:auto ;
	left:85%;
	padding:0;
			}

#schedule1, #schedule2, #schedule3, #ads, #ads1, #mytime	{
	position:absolute;
    display: block;
 	font-size : medium;
	font-family:Arial, Sans-Serif;
	text-align:justify;
	width:38% ;
	height:60%;
	top:18%;
	left:7%;
	overflow:auto;
					}

#schedule1	{
/**/	z-index:999;				
}
#schedule2	{
	height:auto;
	width:40% ;
					}

#schedule3	{
/**/	z-index:999;				
	    top:26%;

}

#ads	{
	left:54%;
	top:20%;
	height:58%;
/**/	z-index:999;				
	}

#ads1	{
	left:54%;
	top:10%;
	width:39% ;
	height:70%;
	z-index:9999;				
	}

#mytime	{
	left:5%;
	top:2%;
	height:10%;
	}
		
.topic,.topic1	{
 	font-size : x-large;
	font-family:Time, Serif;
font-weight:bold;
font-variant:small-caps;
    line-height: 0.7;
	text-align:center;
		}
		
.topic1	{
     display: block;
	font-size : medium;
   line-height: 1.5;
	color:#0000cc;
	text-align:justify;
	text-align:left;
	overflow:visible;
		}
		
#paragraph	{
 	font-size : medium;
	font-family:Time, Serif;
    line-height: 1.2;
	text-align:justify;
}		
		
		
#content1	{
	position:relative;
	background-attachment: fixed;
	background-color: #2b7cce;
    background-image: url("../01_Images/Background0.jpg");
    background-repeat: no-repeat;
	background-position: 0% 0%;
    -o-background-size: 100% 100%; /* opera ? 9.5 */
    -webkit-background-size: 100% 100%;/*  Safari ? 5.0, Chrome ? 4.0 */
    -khtml-background-size: 100% 100%; /* Konqueror ? 3.5.4 */
    -moz-background-size: 100% 100%; /* Firefox ? 3.6 */
    background-size: 100% 100%;/*  браузеры с поддержкой CSS3: FF ? 4, Opera ? 10.53, IE ? 9.0 */
    font-size:100%;
	font-family:Sans-Serif;
	width:100%;
	height:auto;
	top:-2%;
	left:0%;
	z-index:-99;				
					}
		
#title2			{
	position:absolute;
	width:55% ;
    height: auto;
	top:10%;
	left:20%;
	padding:0.5%;
	z-index:-1;				
				}

#title_book1,#title_book1a,#title_book1b,#title_book1c,#title_book2	{

	position:absolute;
    display: block;
	width:35% ;
	height:auto;
	top:11%;
	left:9%;
}

#title_book4 {
	position:absolute;
    display: block;
	width:35% ;
	height:auto;
	top:11%;
	left:10%;
}


#title_book1a	{
	width:35% ;
	top:10.5%;
	left:55%;
}

#title_book1b	{
	width:35% ;
	top:7.0%;
	left:55%;
	z-index:999;
}

#title_book1c	{
	width:38% ;
	height:auto;
	top:10%;
	left:8%;
	z-index:999;
}

#title_book2	{
	width:15% ;
	top:10.5%;
	left:64%;
}

#title_book5 {
	position:absolute;
    display: block;
	width:35% ;
	height:auto;
	top:19.5%;
	left:10%;
}
				
#logotip2	{
	position:relative;
	width:11%;
	height:auto;
	padding:1% 0% 0% 0%;
	top:0%;
	left:8%;
	z-index:-1;
	margin:0% 0% 0% 0%;
			}
				
#logotip2a	{
	position:absolute;
	width:15%;
	height:auto;
	padding:0px;
	top:16.5%;
	left:78%;
	z-index:-5;
			}
	
#content2	{
    display: block;
	background-color: #99ccff;
	position:relative;
	width:100%;
	height:auto;
	min-height:80px;
	top:-2%;
	left:0%;
	border-top: 2px solid #D6C2FF;
	margin:0% 0% 0% 0%;
	z-index:2;
					}
					
#content4	{
	position:absolute;
	width:75%;
	height:auto;
	left:0%;
	z-index:1;				
					}					
		
#blankbook   {
    display: block;
	position:relative;
	width:64%;
	height:65%;
	top:-1%;
	left:31%;
	color:#000000;
}
		
#book   {
    display: block;
/**/	z-index:-999;
}
		
#book1   {
    display: block;
/*	z-index:-999;*/
	width:100%;
	height:50%;
}

.otbivka {
margin-top:0.3%;
text-indent: 6%;
}
		
.pdataheader { 
	color:#ffddFF;
 	font-size : large;
	line-height: 200%; }

	
	.pheaderheader {
	line-height: 100%;
	color:#000066;
	font-style: italic;
 	font-size : medium;
	}
		
  
#print_day {
color:#ffffff;
text-align: center;
font-size: medium;
}
   
#print_holiday{
text-align: center;
color:#B22222;
font-size: medium;
margin-top:2%;

}

#print_week,#print_ned{
text-align: left;
font-size: medium;
color:#0000CC;
}

#print_ned{
text-align: left;
color:#DAA520;    /*золотисто-красный*/
}

#print_post{
margin-top:3%;
text-align: left;
font-size: medium;
}
   
#print_trapeza{
text-align: left;
font-style: italic;
font-size: medium;
}

#evangely{
font-style: italic;
font-size: small;
font-weight: normal;  
}

#print_chten{
text-align:justify;
font-size: small;
margin-top:3%;
}


#picture_left	{
	position:absolute;
    display: block;
	width:35% ;
	height:auto;
	top:25%;
	left:9%;
	overflow:auto;
					}
/**/
#picture_left:hover {
	position:absolute;
    display: block;
    transform:scale(2.0);
    transition: 3s;
    z-index: 9998;
/*
top:25%;
width:50%;
height:auto;
left:9%;
*/
}

#picture_left10	{
    display: block;
	width:99% ;
	height:auto;
					}
/**/
#picture_left10:hover {
	position:absolute;
    display: block;
    transform:scale(1.3);
    transition: 3s;
    z-index: 9999;
}

#picture_right	{
	position:absolute;
    display: block;
	width:38% ;
	height:58%;
	left:54%;
	top:20%;
					}

/* Стили модального окна и содержания */
.dm-overlay {/* слой затемнения */
    position: absolute;
    display: none;
    overflow: hidden;
    width: 10%;
    height: auto;
    top: 0;
    left: 0;
}
/* активируем модальное окно */
.dm-overlay:target {
    display: block;
}

/* модальный блок */
.dm-modal {
    display: inline-block;
    padding: 1% 5% 5% 5%;
    max-width: 50em;
/*    background: #2F8EE1;*/
    -webkit-animation: fade .8s;
    -moz-animation: fade .8s;
    animation: fade .8s;
}

/* изображения в модальном окне */
.dm-modal img {
    width: 100%;
    height: auto;
}
/* кнопка закрытия */
.close {
    z-index: 9998;
    float: right;
    width: 30px;
    height: 30px;
    color: #cfd8dc;
    text-align: center;
    text-decoration: none;
    line-height: 26px;
    cursor: pointer;
}
.close:after {
    display: block;
    border: 2px solid #cfd8dc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: 'X';
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}
/* кнопка закрытия при наведении */
.close:hover:after {
    border-color: #ffffff;
    color: #ffffff;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
/* варианты фонвой заливки */
.cyan{
    background: #2F8EE1!important;
}
.cyan1{
    background: #2e88de!important;
}
.cyan2{
    background: #ededed!important;
}
.cyan3{
    background: #1e65b7!important;
}

/* анимация при появлении блоков с содержанием */
@-moz-keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }
}
@-webkit-keyframes fade {
    from { opacity: 0; }
to { opacity: 1 } 
}
@keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }
}

.rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 3% 0 3% 3%; /* Отступы вокруг картинки */
   }

.rightimg:hover {
    transform:scale(1.50);
    transition: 3s;
}

.leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 3% 3% 3% 0; /* Отступы вокруг картинки */
   }

.leftimg:hover {
    transform:scale(1.50);
    transition: 3s;
}