/* General */

<!--

/*Общий стиль и цвет пустых боковых вставок*/
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #808080;
	margin: 0;
	padding: 0;
	color: #000;
}

/*Скрипт работы галереи*/
#gallery {
  position: relative;
  padding-top: 60%;
  -moz-user-select: none; user-select: none;
}

#gallery img {
  position: absolute;
  top: 30%;
  left: 12.5%;
  max-width: 24.5%;
  max-height: 49.5%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: zoom-in;
  transition: .2s;
}
#gallery img:nth-child(4n-2) {left: 37.5%;}
#gallery img:nth-child(4n-1) {left: 62.5%;}
#gallery img:nth-child(4n) {left: 87.5%;}
#gallery img:nth-child(n+5) {top: 75%;}

#gallery img:focus {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  outline: none;
  pointer-events: none;
}

#gallery img:focus ~ div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  cursor: zoom-out;
}

/* ~~ Селекторы элементов/тегов ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}

/*Информационный блок, включающий панель управления и текст*/
.container {
	width: 80%;
	max-width: 1260px;
	min-width: 900px;
	background: #DCDCDC;
	margin: 0 auto;
	overflow: hidden;
}

/*Панель управления: положение, цвет, площадь, отступ*/
.sidebar1 {
	float: left;
	width: 28%;
	background: #DCDCDC;

	padding-top: 10%;
}

/*Информационный блок. Общий стиль*/
.content {
	padding: 10px 0;
	width: 72%;
	float: left;
	background:#FFF;
}


.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}


ul.nav {
	list-style: none; 
	border-top: 1px solid #666; 
	margin-bottom: 15px; 
}
ul.nav li {
	border-bottom: 1px solid #666; 
}
ul.nav a, ul.nav a:visited { 
	padding: 5px 5px 5px 15px;
	display: block; 
	text-decoration: none;
	background: #C0C0C0;
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background: #4682B4;
	color: #FFF;
}


.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
-->

.clear{clear:both;}
p{padding:0;margin:0px;text-align:left;line-height:20px;}


a{color:#191970; text-decoration:none;}
a img{border:none;}
a:hover{ text-decoration:none;}
a.more{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;background-color:#6a7dc1; color:#fff; font-size:11px; padding:6px 6px; margin:auto; width:60px; display:block; text-align:center;}


h1{font-weight: normal;color: #252525;font-size:26px;margin:0;padding-right:15px;padding-left:15px;}
h2{font-weight: normal;color: #252525;font-size:21px;margin:0;padding-right:15px;padding-left:15px;}
h3{font-weight: normal;color: #252525;font-size:18px;margin:0;padding-right:15px;padding-left:15px;}
h4{font-weight: normal;color: #252525;font-size:16px;margin:0;padding-right:15px;padding-left:15px;}
h5{font-weight: normal;color: #252525;font-size:14px;margin:0;padding-right:15px;padding-left:15px;}
h6{font-weight: normal;color: #f98740;font-size:12px;margin:0;padding-right:15px;padding-left:15px;}

h1, h2, h3, h4{font-family: 'Source Sans Pro', sans-serif;}

/* Top */
#wrap{margin:auto;width:90%;padding:0 0 40px 0;background-color: #FFFFFF;}
.main_content{width:95%; clear:both;  margin-left:15px; margin-right:15px; font-size:18px; font-family:"Times New Roman"; color:#202020;}/*Цвет, шрифт и размер основго текста*/
.main_text{width:95%; text-indent: 20px; clear:both; text-align:justify; margin-top:15px;  font-size:18px; font-family:"Times New Roman";background-color: #FFFFFF; color:#303030;}
.cad_text{margin-top:15px; text-align:justify; font-family:"Times New Roman";background-color: #FFFFFF; color:#303030; }
.author_text{margin-top:15px; text-align:justify; font-weight:600; font-family:"Times New Roman";background-color: #FFFFFF; color:#101010;}
.desc_text{margin-top:10px; text-indent: 20px; text-align:justify; font-style:italic; font-weight:600; font-family:"Times New Roman";background-color: #FFFFFF; color:#101010;}
.year_present{margin-top:15px; text-align:center; font-size:18px; font-weight:600; font-family:"Times New Roman";background-color: #FFFFFF; color:#303030;}
.works_content{margin-top:10px; text-align:justify;  font-family:"Times New Roman";background-color: #FFFFFF; color:#303030;}
.works_content2{margin-top:5px; text-align:justify;  font-family:"Times New Roman";background-color: #FFFFFF; color:#303030;}
#header{width:90%; height:140px; margin:auto; padding:0; align-content:center; background-color:#6a7dc1;}/*Здесь задаётся верхняя полоса заголовка, цвет, ширина в процентах и высота*/
.header_content{ width:1300px; margin:auto; line-height:140px;}/*Здесь можно задать отступы разлчиных названий и разделов таблицы*/
.logo{float:left;margin:0 0 0 10px; padding:0px;font-family: 'Century Gothic', sans-serif; font-size:40px; color:#505050;}/*цвет, шрифт и размер логотипа слева сверху*/
.logo a{color:#fff;}
.logo span{ font-size:14px; color:#FFFFFF;}

.top_slogan{ text-align:center;font-family: 'Century Gothic', sans-serif; color:#9C9C9C;  font-size:28px; padding:50px 150px; line-height:40px;}/*Большой заголовок под полосой*/

/* Menu */
/*Здесь идёт описание текста меню, размер, отступы, шрифт*/
.menu{float:right; margin-right:6%; padding:0px 20px 0 0;}
.menu ul {list-style:none; margin:0; padding:0px;}
.menu ul * {margin:0; padding:0;}
.menu ul li {float:left; padding:10px 15px 0 20px; height:35px;}
.menu ul li a{font-family: 'Century Gothic', sans-serif;color:#fff; font-size:16px;}
.menu ul li.selected a{color:#000;}
.menu ul li a:hover{color:#000;}



blockquote{background-color:#ededed; border:1px #dedede solid;float:left;-moz-border-radius:8px; -webkit-border-radius:8px;-khtml-border-radius:8px;border-radius:8px; padding:12px; margin:0px 10px 0 0; line-height:20px;}


/* Footer */
/*Нижняя часть окна, серая полоса и подпись*/
.footer{ padding:20px 0 40px 0; margin:20px 0 0 0; clear:both; width:100%; background-color:#C0C0C0	;}/*Цвет, ширина, высота*/
.footer_content{margin:auto;width:1000px;font-size:14px}
.footer_left{ float:left; padding:0 0 0 40px;}
.footer_right{ float:right; padding:0 40px 0 0; margin-right:6%}
ul.footer_menu{ padding:10px 0 0 0; margin:0px; list-style:none;}
ul.footer_menu li{ float:left; padding:0 15px 0 0;}
ul.footer_menu li a{ background:url(images/bullet.png) no-repeat left; padding:0 0 0 12px;} 

/* Media Queries */

@media screen and (max-width: 1000px) {
/*Дублирование для мобильных платформ*/
#wrap{margin:0 auto;width:100%;}
#header{width:100%; height:auto; float:left; background-color:#6a7dc1; padding-bottom:40px;}/*Заголовок*/
.header_content{ width:1300px; float:center; margin:auto; line-height:100px;}
.logo{margin:0 0 0 30px;}
.logo span{ display:none;}
.section_one_three, .section_two_three, .section_one_two, .section_one_four{ width:92%; float:left; padding:5% 0 0 4%;}
.menu{float:left; clear:both; padding:0px 0 0px 0; width:100%;}
.menu ul {list-style:none; margin:0; padding:0 20px 0 20px;}
.menu ul  * {margin:0; padding:0;}
.menu ul  li {width:100%; float:left; padding:0px;height:auto; border-bottom:1px #efefef solid;height:35px; line-height:35px;}
.menu ul  li a{color:#fff; font-size:20px; padding:0 0 0 10px; display:block; cursor:pointer;}
.menu ul  li a:hover{color:#000;}

.top_slogan{ text-align:center;font-family: 'Source Sans Pro', sans-serif; color:#CCCCCC; font-size:18px; padding:20px; font-style:italic; line-height:22px; clear:both;}/*Второй заголовок*/

.footer_content{margin:auto;width:100%;}
.footer_left{ float:left; padding:0 0 0 10px;}/*Подпись снизу слева*/
.footer_right{ float:right; padding:0 10px 0 0;}/*Подпись снизу справа*/
}