@import url(resetStyle.css);
@font-face {
	font-family: 'bancoheavycregular';
	src: url('../font/bancoheavyc-webfont.woff2') format('woff2'),
	url('../font/bancoheavyc-webfont.woff') format('woff'),
	url('../font/bancoheavyc-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

*{
	box-sizing: border-box;
}
html{
	height: 100%;
	background: #fff;
	color:#333;
}
body{
	height:100%;
}
.wrapper{
	height:3360px;
	min-width: 1260px;
	max-width: 1260px;
	margin: 0 auto;
	box-shadow: 0 0 30px rgba(0,0,0,0.8);
}
.main{ 
	min-height: 100%;  /* имеет минимальную высоту как область просмотра. Высота унаследована от container Контент будет его увеличивать по высоте */
	margin: 0 0 -100px; /* margin отрицательный на высоту нижнего блока-футтера */
	background: #F5DEB3;
}
.all{ /* Здесь будут плавающие колонки */
	overflow: hidden;/* Что бы плавающие элементы не выпадали из контейнера */
	padding: 0 0 50px; /* Что бы контент не залезал под нижний блок-футер */
	position: relative;
}
.logo{
	background-color: #362412;
	width: 1260px;
	height: 40px;
}

.inner-header img{
	width: 100%;
	background:#CD5C5C;
	display: block;
}
.left{
	width:70%;
	height: 69px;
	background:#F4A460;
	float:left;
	overflow: hidden;
}
.inner-left{
	min-width: 800px;
	max-width:940px;
	height: 69px;
	background:#BC8F8F;
	background-image: url(../i/bg_nav.jpg);
	min-height: 70px;
}
ul.navigation{
	list-style-type: none;
	padding-left: 0;
	margin-left:26px;
}
.navigation li{
	float: left;
	margin-right:2px;
	position:relative;
}
.navigation a{
	width:204px;
	height:70px;
}
.navigation li.b1:hover{
	-webkit-transform:scale(1.2);
	background:url(../i/buttonPic1_hover.jpg) 0 0 no-repeat;
	background-position:bottom, right;
	transform: scale(1.1);
	transition: all .5s;
	box-shadow: 0 0 10px rgba(0,0,0,0.9);
	display:block;
	z-index:1;
}
.navigation li.b2:hover{
	-webkit-transform:scale(1.2);
	background:url(../i/buttonPic2_hover.jpg) 0 0 no-repeat;
	background-position:bottom, right;
	transform: scale(1.1);
	transition: all .5s;
	box-shadow: 0 0 10px rgba(0,0,0,0.9);
	display:block;
	z-index:1;
}
.navigation li.b3:hover{
	transform: scale(1.1);
	transition: all .5s;
	background:url(../i/buttonPic3_hover.jpg) 0 0 no-repeat;
	background-position:bottom, right;
	box-shadow: 0 0 10px rgba(0,0,0,0.9);
	z-index:1;
}
.navigation li.b4:hover{
	transform: scale(1.1);
	transition: all .5s;
	background:url(../i/buttonPic4_hover.jpg) 0 0 no-repeat;
	background-position:bottom, right;
	box-shadow: 0 0 10px rgba(0,0,0,0.9);
	z-index:1;
}
.navigation li.b5:hover{
	transform: scale(1.1);
	transition: all .5s;
	background:url(../i/buttonPic5_hover.jpg) 0 0 no-repeat;
	background-position:bottom, right;
	box-shadow: 0 0 10px rgba(0,0,0,0.9);
	z-index:1;
}
ul li.b1{
	background:url(../i/buttonPic1.jpg) 0 0 no-repeat;
	background-position:bottom, right;
	width:204px;
	height:70px;
	display:block;
}
ul li.b2{
	background:url(../i/buttonPic2.jpg) 0 0 no-repeat;
	background-position:bottom, right;
	width:204px;
	height:70px;
}
ul li.b3{
	background:url(../i/buttonPic3.jpg) no-repeat;
	background-position:bottom, right;
	width:204px;
	height:70px;
}
ul li.b4{
	background:url(../i/buttonPic4.jpg) no-repeat;
	background-position:bottom, right;
	width:204px;
	height:70px;
}

ul li.b1 p{
	font-family:Penta, sans-serif;
	font-size:24px;
	text-transform:uppercase;
	position:absolute;
	top: 23px;
	left:35px;
	margin-right:20px;
	transform: ;
}
ul li.b2 p{
	font-family:Penta, sans-serif;
	font-size:24px;
	text-transform:uppercase;
	position:absolute;
	top: 23px;
	left:40px;
	transform: ;
}

ul li.b3 p{
	font-family:Penta, sans-serif;
	font-size:24px;
	text-transform:uppercase;
	position:absolute;
	top: 23px;
	left:8px;
	transform: ;
}
ul li.b4 p{
	font-family:Penta, sans-serif;
	font-size:24px;
	text-transform:uppercase;
	text-align:center;
	position:absolute;
	top:23px;
	left:17px;
	transform: ;
}
ul li.b5 p{
	font-family:Penta, sans-serif;
	font-size:24px;
	text-transform:uppercase;
	position:absolute;
	top: 23px;
	left:45px;
	margin-right:20px;
	transform: ;
}
.navigation a{
	display: inline-block;
	padding:;
	background-image:
	text-decoration: none;
	color:#fdeac2;
}





.slidebox{
	margin-top:5px;
	width:360px;
	height: 290px;
	background-color:#FFCC99;
	position: absolute;
	top: 1px;
	left:10px;
	overflow: hidden;
}
div#slides{
	height: 260px;
	width: 250px;
}

div#slideshow-commands {
	background: url("../i/commands-bg.png") no-repeat;
	height: 30px;
	left: 10px;
	padding: 3px 25px;
	position: relative;
	width: 340px;
}

div#slides a.thumb {
display:none;
}

div#slides a.default-slide {
	display:block;
}

a#previous-slide {
	background: url('../i/commands-previous-slide.png') no-repeat;
	display: block;
	float: left;
	height: 12px;
	margin-top: 2px;
	text-indent: -9000px;
	width: 9px;
}

a#next-slide {
	background: url('../i/commands-next-slide.png') no-repeat;
	display: block;
	float: right;
	height: 12px;
	margin-top: 2px;
	text-indent: -9000px;
	width: 12px;
}
div#slideshow-commands h4 {
	font-family: "Proxima Nova ExCn Lt", sans-serif;
	font-size: 0.8em;
	text-align: center;
	margin-top:1px;
	width:100%;
}
#slide-title{
	color: #fff;
	text-decoration: none;
}
.center{
	position:absolute;
	width: 880px;
	height: auto;
	margin: 0 auto;
}
.content{
	font-family: "bancoheavycregular", sans-serif;
	font-size:50px;
	font-weight: bold;
	text-align: center;
	margin:20px auto;
	border-bottom: 1px solid #333333;
	border-top: 1px solid #333333;
	width:800px;
}
.content-paragraf{
	font-family: Times "Times New Roman" serif;
	font-size: 1.5em;
	line-height: 120%;
	text-align: justify;
	width: 650px;
	margin:20px auto;
}
.content-paragraf-text{
	text-indent: 40px;
}

.right{
	float:left;
	position: relative;
	width: 30%;
	background:#FFCC99;
	height: 2893px;
}

.inner-right{
	margin-top:305px;
	margin-left:15px;
	width: 350px;
}
.afgan-right{
	font-family: "bancoheavycregular", sans-serif;
	font-size: 2em;
	border-bottom: 2px solid #362412;
	border-top:2px solid #362412;
	background-color: #CC9966;
	text-align: center;
	padding-top:3px;
	padding-bottom:3px;
}
.stovba{
	font-family: "Times New Roman" serif;
	font-style: italic;
	font-size: 1em;
	font-weight: bold;
	text-indent: 120px;
	margin-top:10px;
	padding-left:10px;
}
.author{
	font-family: "Times New Roman" serif;
	padding-top:5px;
	font-weight: normal;
	text-indent: 200px;
}
.paper-list{
	font-family: "Times New Roman" serif;
	font-size: 1.2em;
	line-height: 1.2em;
	text-align: justify;
}
p.paper-list::first-letter {
	font-size: 3em; /* Размер буквы */
	color: #000000; /* Цвет буквы */
	float: left; /* Выравнивание по левому краю */
	margin: 0 5px 2px 0; /* Отступы вокруг буквы */
}
.paper-list-item{
	font-family: "Times New Roman", serif;
	font-size: 1em;
	line-height: 1.2em;
	text-align: justify;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
}
.data-list{
	font-family: "Fira Sans ExtraBold";
	background-color: #CC9966;
	padding:2px;
}
.pic{
	margin:10px 25px -10px 25px;
	border: 3px solid #362412;
	box-shadow: 0 0 10px rgba(0,0,0,0.9);
}
.paper-list-item-author{
	font-family: "Times New Roman" serif;
	font-style: italic;
	font-weight: bold;
	text-indent: 30px;
	padding-top:20px;
}

.left2{
	margin-right: 500px;
	background:#CEE0E1;

}
.content2{
	font-family: "bancoheavycregular", sans-serif;
	font-size:34px;
	font-weight: bold;
	text-align: center;
	margin:20px auto;
	border-bottom: 1px solid #333333;
	border-top: 1px solid #333333;
	width:600px;
}

.wrapper-tab{
	padding-bottom:24px;
	position: absolute;
	left:40px;
}

table {
	width: 800px; /* Ширина таблицы */
	/*background: white;  Цвет фона таблицы */
	color: white; /* Цвет текста */
	border-spacing: 5px; /* Расстояние между ячейками */
	margin: 0 auto;
	box-shadow: 0 0 3px rgba(0,0,0,0.9);
}
td img{
	border:5px;
	padding:4px;
	box-shadow: 0 0 5px rgba(0,0,0,0.9);
}
td a{
	color:#362412;
	text-decoration: none;
}

td a img:hover{
	transform: scale(1);
	box-shadow: 0 0 15px rgba(0,0,0,0.9);
	border: 1px solid ##654321;
	z-index:1;
}
td p.cellText1{
	color:#362412;
	font-family: calibri, serif;
	font-weight: bold;
	padding-top:10px;
}
td p.cellText2{
	color:#362412;
	font-family: calibri, serif;
	font-weight: bold;
	padding-top:10px;
}
td p.cellText3{
	color:#362412;
	font-family: calibri, serif;
	font-weight: bold;
	padding-top:10px;
}
td, th {
	width:330px;
	text-align:center;
	padding: 7px; /* Поля вокруг текста */
	font-family: Calibri, serif;
	font-size:0.9em;
	font-weight: bold;
	border: 1px solid #d4a87d;
}

.lightbox {
	/** определяем базовый стиль lightbox */
	position: fixed;
	overflow: auto;
	z-index: 9999;
	width: 0;
	height: 0;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}
.lightbox img {
	/** базовый стиль изображений lightbox*/
	width:60%;
	max-width: 500px;
	height: auto;
	margin: 20px auto;
	/** полная прозрачность изначально */
	opacity: 0;
	border: 1px solid #4D4D4D;
	/** тени у картинок - это по желанию */
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
	/* трансформация прозрачности при открытии  */
	-webkit-transition: opacity 500ms ease-in;
	-moz-transition: opacity 500ms ease-in;
	transition: opacity 500ms ease-in;
}
.lightbox:target {
	/** активируем lightbox при нажатии */
	width: auto;
	height: auto;
	bottom: 0;
	right: 0;
	/** удаляем контур по умолчанию */
	outline: none;
}
.lightbox:target img {
	/** делаем элемент непрозрачным  */
	opacity: 1;
}
.light-div-box-text{
	color:#CEE0E1;
	font-family: "Arial", serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
	position: absolute;
	top:20px;
	left:0;
	margin-left:80px;
	padding: 10px;
	background-color: #333333;
	border: 1px solid #CEE0E1;
}

.light-div{
	position:relative;
	margin:0 auto;
	width: 1340px;
}

/* lightbox2 */
.lightbox2 {
	/** определяем базовый стиль lightbox */
	position: fixed;
	overflow: auto;
	z-index: 9999;
	width: 0;
	height: 0;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}
.lightbox2 img.pic1 {
	/** базовый стиль изображений lightbox*/
	width:60%;
	max-width: 700px;
	height: auto;
	margin: 20px 20px 40px 110px;
	/** полная прозрачность изначально */
	opacity: 0;
	border: 1px solid #4D4D4D;
	/** тени у картинок - это по желанию */
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
	/* трансформация прозрачности при открытии  */
	-webkit-transition: opacity 500ms ease-in;
	-moz-transition: opacity 500ms ease-in;
	transition: opacity 500ms ease-in;
}
.lightbox2:target {
	/** активируем lightbox при нажатии */
	width: auto;
	height: auto;
	bottom: 0;
	right: 0;
	/** удаляем контур по умолчанию */
	outline: none;
}
.lightbox2:target img.pic1 {
	/** делаем элемент непрозрачным  */
	opacity: 1;
}
.light-div-box-text2{
	color:#CEE0E1;
	font-family: "Arial", serif;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.2em;
	position: absolute;
	top:20px;
	left:0;
	margin-left: 0px;
	padding: 10px;
	background-color: #333333;
	border: 1px solid #CEE0E1;
}
/* lightbox3 */
.lightbox3 {
	/** определяем базовый стиль lightbox */
	position: fixed;
	overflow: auto;
	z-index: 9999;
	width: 0;
	height: 0;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}
.lightbox3 img.pic1 {
	/** базовый стиль изображений lightbox*/
	width:80%;
	max-width: 900px;
	height: auto;
	margin: 300px auto;
	/** полная прозрачность изначально */
	opacity: 0;
	border: 1px solid #4D4D4D;
	/** тени у картинок - это по желанию */
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
	/* трансформация прозрачности при открытии  */
	-webkit-transition: opacity 500ms ease-in;
	-moz-transition: opacity 500ms ease-in;
	transition: opacity 500ms ease-in;
}
.lightbox3:target {
	/** активируем lightbox при нажатии */
	width: auto;
	height: auto;
	bottom: 0;
	right: 0;
	/** удаляем контур по умолчанию */
	outline: none;
}
.lightbox3:target img.pic1 {
	/** делаем элемент непрозрачным  */
	opacity: 1;
}
.light-div-box-text3{
	color:#CEE0E1;
	font-family: "Arial", serif;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.2em;
	position: absolute;
	top:70px;
	left:470px;
	margin-left: 0px;
	padding: 10px;
	background-color: #333333;
	border: 1px solid #CEE0E1;
}
/* lightbox4 */
.lightbox4 {
	/** определяем базовый стиль lightbox */
	position: fixed;
	overflow: auto;
	z-index: 9999;
	width: 0;
	height: 0;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}
.lightbox4 img.pic1 {
	/** базовый стиль изображений lightbox*/
	width:80%;
	max-width: 900px;
	height: auto;
	margin-top: 100px;
	margin-bottom:0px;
	/** полная прозрачность изначально */
	opacity: 0;
	border: 1px solid #4D4D4D;
	/** тени у картинок - это по желанию */
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
	/* трансформация прозрачности при открытии  */
	-webkit-transition: opacity 500ms ease-in;
	-moz-transition: opacity 500ms ease-in;
	transition: opacity 500ms ease-in;
}
.lightbox4:target {
	/** активируем lightbox при нажатии */
	width: auto;
	height: auto;
	bottom: 0;
	right: 0;
	/** удаляем контур по умолчанию */
	outline: none;
}
.lightbox4:target img.pic1 {
	/** делаем элемент непрозрачным  */
	opacity: 1;
}
.light-div-box-text4{
	color:#CEE0E1;
	font-family: "Arial", serif;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.2em;
	position: absolute;
	top:70px;
	left:470px;
	margin-left: 0px;
	padding: 10px;
	background-color: #333333;
	border: 1px solid #CEE0E1;
}
img.pic2{
	margin-top:300px;
}

.footer{
	height: 100px;
	background:#D2B48C;
	border-top:4px solid #362412;
}
.footer-text{
	font-family:"Arial";
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	padding-top:30px;
}