﻿
html{
 height:100%;
 min-height:100%;
}
body{
 min-height:100%; 
}

body {
 background:#dddeea;
 font: 1.1em serif; 
 color:  #000; 
 margin: 0;
 }
 
.top {
 background: #000; 
 height: 10px; 
 width: 100vw;
 min-width:800px; 
}
header{ 
 width: 100vw; 
 min-width:800px;
 background: #2d2e46;
}
.menu-wrap {
 /* margin-left:9em; */
 /* margin-right:100px; */
 height:50px;
 /* width: 200px; */
 margin: 0;
 padding:0;
 background: #726074;
 float:left;
}

.h1-wrap {
 margin-left:12em;
 width:75vw;
 background:#fff;
}

.main-menu {
 height:100%;
 width:100%;

}
.top-title {
  width:75vw;

}

.logo {
 margin-left:12em;
 width:75vw;
}

.logo img {
 float:right;
 height:50px;
}

.logo h1 {
    display: block;
    font-size: 2em;
	line-height:1.333;
    margin-top: 0;
    margin-bottom: 0;
	padding-left: 10;
	padding-top: 0;
	padding-bottom: 0;
    font-weight: bold;
	text-align: right;
	font-family:Honday_TYGRA;
	text-transform: uppercase;
	color:#c5ccff
}

.padd {
width:75vw;
margin-left:12em;
/* margin-right:100px; */
background:#fff;
border-bottom:solid 1px #ddd;

}

.content {
 padding:10px;
 margin:2px;
 min-height:500px;
}

.clear {
 clear: left
}


 /* ----АБЗАЦ--------------- */

.content p {
 text-align: justify;
 margin-top: 25px;
 text-indent: 1.5em;
 line-height: 1.5;
}
.answer-text {
font-weight: bold;
}
.answer-comment {
font-style: italic;
color:#444;
}
.question img {
padding: 10px 10px;
}

 /* ----АБЗАЦ--------------- */
  /* ИЗОБРАЖЕНИЯ */
.img-box {
min-height:600px;

}


img.center{
    display: block;
    margin: 0 auto;
	border-radius: 5px;
    max-width:800px;
    min-width:200px;	
}

   .leftimg {
    float:left; 
    margin: 7px 16px 2px 0;
    border-radius: 5px;	
	   }
   
   .rightimg {
    float: right;  
    margin: 7px 0 2px 16px; 
	border-radius: 5px;
	max-width:500px;
   }
   
   .img-wrap{
    width:300px;
    height:172px;
    overflow:hidden;
	float:left;
	border-radius: 5px;
	border: 2px solid rgba(80,80,100,0.2);
	margin: 10px;
   }

   .view img {
    width:310px;
    border:none;
   }
  
  /* ИКОНКИ ПРИКРЕПЛЁННЫХ ФАЙЛОВ   */
div.attachments {
    float: left;
	max-width:200px;
   
   }
   .attachments img {
   padding: 10px 10px;
   }
   .attachments p {
   margin: 0;
   text-indent: 0;
   text-align: center;
   }

  /* НИЗ */
   
   footer {
   text-align: right;
   }
   .site-footer { 
    height: 10px; 
}

   
   .site-bottom  {
    margin-top:5px;
    border-top:solid 1px #ddd;
	box-sizing: border-box;
    /* width:1000px; */
	padding:10px 10px 10px 0;
   }
   .author {
    font: normal small-caps 12px/14px arial;   
   }
  /*  Заголовки    */
  
 h1 {
    display: block;
    font-size: 2em;
	line-height:1.333;
    margin-top: 6px;
    margin-bottom: 2px;
	padding-left: 10px;
	padding-top: 0.1em;
	padding-bottom: 0.2em;
    font-weight: bold;
} 
 h2 {
  /* background:#eee; */ 
} 

  .h2-left {
  text-align:left;

} 
  .h2-right {
  text-align:right;
  
} 

.content a, .content a:visited{
 color:#448;
 text-decoration: none;
}
.content a:hover{
 color:#888;
 text-decoration: none;
}

/* Информер  */

.site-bottom img {
 width:80px; 
 height:15px; 
 border:0; 
 float:left;
 opacity: 0.50;
 padding-left:10px; 
 padding-top:10px;
}