@charset "utf-8";
/* CSS Document */


h2, .h2 {
font-size: 15px;
}
.history_top {
 display:block; float:left; position:relative; margin-bottom:0; padding:0; background:url(../images/top_menu.png) repeat-x; background-size:auto 3.75em; -moz-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-radius: 4px; width:100%;	
}
.history_top_tittle {
 display:block; position:relative; width:auto; margin:0 1em; padding:0; font-size:1.2em;  text-shadow: 0 1px 1px #200307;
}
#history_blocks {
 display:block; position:relative; margin-left:2em;
}
.blocks { 
 display:block; position:relative; float:left; margin:0;
}
.blocks a > .caption { 
 display:none; position:absolute;	
}
.blocks a:hover > .caption { 
 display:block; position:absolute; float:left; width:152px; height:86px; text-decoration:none; color:#FFF; margin-top:-85px; margin-left:1.5em; text-align:center; background:#000; opacity:0.8; font-size:1em; 
}
.category { 
 padding:0; margin:0; font-size:1.3em; font-weight:bold; color: #dce7f4; margin-top:1em;
}
.title {
 padding:0; margin:0; font-size:1.2em; color: #dce7f4;
}
#values { 
 display:block; position:relative; float:left; margin:0; padding-left:1em; padding-right:1em; padding-bottom:0.5em; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;
}
.values { 
 display:block; position:relative; margin:0; padding:0.5em; float: left; box-sizing: border-box;  width: 100%;
}
.right_picture {
 display:block; position:relative; margin:0; padding:0; float:left; margin-bottom:0.5em; cursor:pointer;
}
.left_description { 
 display:block; position:relative; margin:0; padding:0; float:right; width:33%; height:36em;
}
.block {
 display:block; position:relative; float:left; overflow:hidden; margin:0.5em; padding:0; height:35.5em;
}
.text {
 display:block; position:relative; float:left; margin:0; padding:0; font-size:1.3em; text-align:justify; border-top: 1px solid #666666; border-bottom: 1px solid #666666; color:#A4ADB2; margin-right:1em; width: 96%;
}
.name {
  margin:0; padding:0.5em;
}
.name a {
 color:#E2EFF9; text-decoration:none; font-size:1.4rem;
}
.name a:hover {
 color:#fbcb60; text-decoration:none; font-size:1.4rem;
}
.about {
 display:block; position:relative; float:left; margin:0; padding:0; font-size:1.2em; text-align:justify; color:#E2EFF9; margin-right:1em; line-height:1.4;
}
.link_anthem a { 
 color:#34669d; text-decoration:none; font-size:1.1em;
}
.link_anthem a:hover { 
 color:#214164; text-decoration:underline;
}
.about li { 
 font-size:1.1em; list-style-type:circle; margin-left:1em; line-height:1.5;
}
hr {
margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee;
}


#slide{ /* Оболочка слайдера */
	width:642px;
	height:362px;
	overflow: hidden;	
	position:relative;}
.slide{ /* Слайд */
	width:100%;
	height:100%;
	}
.sli-links{ display:none;
	}
.sli-links .control-slide{	
	display:inline-block;
	width:16px;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(radioBg.png) center bottom no-repeat;}
.sli-links .control-slide:hover{
	cursor:pointer;
	background-position:center center;}
.sli-links .control-slide.active{
	background-position:center top;}
#prewbutton, #nextbutton{ /* Ссылка "Следующий" и "Педыдущий" */
	display:block;
	width:15px;
	height:100%;
	position:absolute;	
	overflow:hidden;
	text-indent:-999px;
	background:url(../images/arrowBg.png) left center no-repeat;
	opacity:0.8;
	z-index:3;
	outline:none !important;}
#prewbutton{left:10px;}
#nextbutton{
	right:10px;
	background:url(../images/arrowBg.png) right center no-repeat;}
#prewbutton:hover, #nextbutton:hover{
	opacity:1;}

.article { 
 display:block; position:relative; float:left; width:49.7%; background: #ebebeb; border: 1px solid #b9c3c4; border-collapse: separate; border-spacing: 4px; border-radius: 10px; padding:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:0.5em; color:#333; font-size:1.2em;
}
.photo_article { 
 display:block; position:relative; float:left; width:60%; background:#fff; overflow:hidden; padding:0.8em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.info_article { 
 display:block; position:relative; float:right; width:39%; height:165px; background:#FFF; overflow:hidden; padding:0.8em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.info_article a { 
 color: #34669d; text-decoration:none; 
}
.info_article a:hover { 
 color: #214164; text-decoration:underline;
}
.info_article span { 
 font-size:1em;
}
.blocks {
 display:block; position:relative; width:100%; vertical-align:middle; float:left; padding-top:0.5em;	
}
.blocks li { 
 list-style:none;
}
.toggle a:hover { 
 display:block; position:relative; width:18em; height:12.5em; margin-left:1em; margin-bottom:1em; vertical-align:middle; float:left;
 background-color: #7d0c1d;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#c3132e), to(#7d0c1d));
background-image: -webkit-linear-gradient(top, #c3132e, 0%, #7d0c1d, 100%);
background-image: -moz-linear-gradient(top, #c3132e 0%, #7d0c1d 100%);
background-image: linear-gradient(to bottom, #c3132e 0%, #7d0c1d 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc3132e', endColorstr='#ff7d0c1d', GradientType=0);
-pie-background: linear-gradient(to bottom, #c3132e 0%, #7d0c1d 100%);
border-radius: 5px;
-webkit-box-shadow: 0 0 10px #000000;
box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000,;
box-shadow: 0 0 10px #000000,;
}
.toggle > .down a:hover { 
 color:#FFF;  text-shadow: 0 1px 1px #200307;
}	
.toggle a { 
 display:block; position:relative; width:18em; height:12.5em; margin-left:1em; margin-bottom:1em; vertical-align:middle; float:left;
 background: #333333;
border-radius: 5px;
-webkit-box-shadow: 0 0 10px #000000;
box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000,;
box-shadow: 0 0 10px #000000,;
}
.toggle a img {
width:15em; margin-left:1.5em; margin-top:1em;
}
.toggle-active a {
 display:block; position:relative; width:18em; height:12.5em; margin-left:1em; margin-bottom:1em; vertical-align:middle; float:left;
 background-color: #7d0c1d;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#c3132e), to(#7d0c1d));
background-image: -webkit-linear-gradient(top, #c3132e, 0%, #7d0c1d, 100%);
background-image: -moz-linear-gradient(top, #c3132e 0%, #7d0c1d 100%);
background-image: linear-gradient(to bottom, #c3132e 0%, #7d0c1d 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc3132e', endColorstr='#ff7d0c1d', GradientType=0);
-pie-background: linear-gradient(to bottom, #c3132e 0%, #7d0c1d 100%);
border-radius: 5px;
-webkit-box-shadow: 0 0 10px #000000;
box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000,;
box-shadow: 0 0 10px #000000,;	
}
.bottom_hov { 
 display:block; position:relative; color:#fff; vertical-align:middle; text-align:center; font-size:1em; padding:0.5em;  text-shadow: 0 1px 1px #200307;
}
.toggle a > .down {
 display:block; position:relative; color:#ccc; vertical-align:middle; text-align:center; font-size:1.2em; padding:0.5em;  text-shadow: 0 1px 1px #200307;	
}
.toggle a:hover > .down {
 display:block; position:relative; color:#fff; vertical-align:middle; text-align:center; font-size:1.2em; padding:0.5em;  text-shadow: 0 1px 1px #200307;	
}

@media screen and (max-width: 400px)  {

.history_top_tittle h3 {
font-size: 0.9em;
}
#history_blocks {
display: block;
position: relative;
margin-left: 2em;
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.blocks {
display: block;
position: relative;
vertical-align: middle;
float: left;
padding-top: 0.5em;
width: 100%;
padding-left: 0.5em;
}
.blocks li {
list-style: none;
position: relative;
float: left;
display: inline-block;
width: 50%;
padding: 0.5em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.toggle a {
 display:block; position:relative; width:100%; height:100%; margin-left:0em; margin-bottom:1em; vertical-align:middle; float:left;
 background: #333333;
border-radius: 5px;
-webkit-box-shadow: 0 0 10px #000000;
box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000,;
box-shadow: 0 0 10px #000000,;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.toggle a:hover { 
 display:block; position:relative; width:100%; height:100%; margin-left:0em; margin-bottom:1em; vertical-align:middle; float:left;
 background-color: #7d0c1d;
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#c3132e), to(#7d0c1d));
background-image: -webkit-linear-gradient(top, #c3132e, 0%, #7d0c1d, 100%);
background-image: -moz-linear-gradient(top, #c3132e 0%, #7d0c1d 100%);
background-image: linear-gradient(to bottom, #c3132e 0%, #7d0c1d 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc3132e', endColorstr='#ff7d0c1d', GradientType=0);
-pie-background: linear-gradient(to bottom, #c3132e 0%, #7d0c1d 100%);
border-radius: 5px;
-webkit-box-shadow: 0 0 10px #000000;
box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000,;
box-shadow: 0 0 10px #000000,;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.toggle a img {
width: 100%;
margin-left: 0em;
margin-top: 0em;
text-align: center;
padding: 0.5em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.blocks a:hover > .caption { 
 display:block; position:absolute; float:left; width:94%; height:68%; text-decoration:none; color:#FFF; margin-top:5px; margin-left:0.5em; text-align:center; background:#000; opacity:0.8; font-size:1em; top: 0;
}
.toggle a > .down {
display: block;
position: relative;
color: #ccc;
vertical-align: middle;
text-align: center;
font-size: 1.2em;
padding: 0.5em;
text-shadow: 0 1px 1px #200307; 
padding-bottom: 1em;
}
.toggle a:hover > .down {
 display:block; position:relative; color:#fff; vertical-align:middle; text-align:center; font-size:1.2em; padding:0.5em;  text-shadow: 0 1px 1px #200307;	padding-bottom: 1em; 
}
.category {
padding: 0;
margin: 0;
font-size: 1em;
font-weight: bold;
color: #dce7f4;
margin-top: 1em;
}
.title {
padding: 0;
margin: 0;
font-size: 1.2em;
color: #dce7f4;
}
.right_picture img {
width: 100%;
}
.left_description {
display: block;
position: relative;
margin: 0;
padding: 0;
float: left;
width: 100%;
overflow: visible;
height: 100%;
}
.block {
display: block;
position: relative;
float: left;
margin: 0.5em;
padding: 0;
overflow: visible;
height: 100%;
}
.contentHolder2 {
position: relative;
margin: 0;
padding: 0;
overflow: visible;
height: 100%;
}
.right_picture {
width: 100%;
}
#slide {
width: 100%;
height: 130px;
overflow: hidden;
position: relative;
}
.slide img {
width: 100%;
}
}