@charset "utf-8";
/* Простой «резиновый» носитель
   Примечание. Для «резинового» носителя требуется удалить атрибуты высоты и ширины из HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE6 не поддерживает атрибут max-width, поэтому по умолчанию используется ширина 100 % */
.ie6 img {
	width:100%;
}

/*
	Свойства Dreamweaver Fluid Grid
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Вдохновлено книгой «Отзывчивый веб-дизайн» (Responsive Web Design) Итана Маркота (Ethan Marcote) 
	http://www.alistapart.com/articles/responsive-web-design
	
	и системой Golden Grid Джони Корпи (Joni Korpi)
	http://goldengridsystem.com/
*/

.gridContainer {
 font-family: 'Open Sans', 'Helvetica';
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
.LayoutDiv1 {
	width: 150%; /* Ширина блока */
margin-left: -55px;
margin-top:345px;
	position: absolute;
}

.center {
	/*top: 50%; /* Отступ в процентах от верхнего края окна */
	/*left: 50%; /* Отступ в процентах от левого края окна */
	/*width: 780px; /* Ширина блока */
	/*height: 500px;*/ /* Высота блока */
	/*position: absolute; /* Абсолютное позиционирование блока */
	/*margin-top: -250 px; /* Отрицательный отступ от верхнего края страницы, должен равняться половине высоты блока со знаком минус */
	/*margin-left: -385px; /* Отрицательный отступ от левого края страницы, должен равняться половине высоты блока со знаком минус */
}
.centert{
top: 30%;
	left: 50%; /* Отступ в процентах от левого края окна */
	width: 800px; /* Ширина блока */
	height: 100px;
	position: absolute; /* Абсолютное позиционирование блока */
	margin-left: -412px; /* Отрицательный отступ от левого края страницы, должен равняться половине высоты блока со знаком минус */font-family: 'Open Sans', 'Helvetica';
font-size: 1.6rem;
color: rgb(80, 80, 80);
clear: bottom;
z-index:100;
}
.top-n {
/*border: 2px dashed;*/
/*margin-top: 15%;*/
border-color:#9E9E9E;
width: 100%;
}
.lifted {
text-align:center;
        position:relative;
        width:100%;
        padding:0.5em;
        background:#fff;
        border-radius:4px;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-border-radius:4px;
     
}
         
.lifted:before,
.lifted:after {
        content:"";
        position:absolute;
        z-index:-2;
        bottom:15px;
        left:10px;
        width:50%;
        height:20%;
        max-width:800px;
    -webkit-box-shadow:0 12px 10px rgba(0, 0, 0, 0.4);
       -moz-box-shadow:0 12px 10px rgba(0, 0, 0, 0.4);
            box-shadow:0 12px 10px rgba(0, 0, 0, 0.4);
    -webkit-transform:rotate(-3deg);
       -moz-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}
         
.lifted:after {
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
       -moz-transform:rotate(3deg);
        -ms-transform:rotate(3deg);
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}
@media only screen and (min-height:100px) and (max-height: 350px) {
.top-n {
margin-top: 15%;
}
}
@media only screen and (min-height:351px) and (max-height: 550px) {
.top-n {
margin-top: 15%;
}
}
@media only screen and (min-height:551px) {
.top-n {
margin-top: 10%;
}
}
@media only screen and (max-width: 768px) {
.centert {
margin-top: 10px;
}
}

.noline{
text-decoration:none;
color:#585858;
}
.noline:hover{
color:#00A3FF;
}
.noline:visited {
color: #00A3FF;
}
.noline:visited:hover{
color:#585858;
}
.noliner{
text-decoration:none;
color:#00A3FF;
}

.noliner:visited {
color: #00A3FF;
}
.noliner:hover{
color:#585858;
}
.noliner:visited:hover {
color: #FF3D00;
}
.noline2{
margin-top: -4px;
font-size: 0.9rem;
font-style:italic;
text-decoration:none;
color:rgb(80, 80, 80);
font-weight: bold;
line-height: 4px;
}
.noline2:hover{
color:#00A3FF;
}
.noline2:visited {
color: #585858;
}
.but1 {
margin-top: 30%;
}
.but_back {
text-decoration:none; 
 text-align:center; 
 padding:20px 20px; 
 -webkit-border-radius:31px;
 -moz-border-radius:31px; 
 border-radius: 31px; 
 font:18px Arial, Helvetica, sans-serif; 
 color:#fff; 
 background-color:#ff6600; 
 background-image: -moz-linear-gradient(top, #ff6600 0%, #e04a22 100%); 
 background-image: -webkit-linear-gradient(top, #ff6600 0%, #e04a22 100%); 
 background-image: -o-linear-gradient(top, #ff6600 0%, #e04a22 100%); 
 background-image: -ms-linear-gradient(top, #ff6600 0% ,#e04a22 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e04a22', endColorstr='#e04a22',GradientType=0 ); 
 background-image: linear-gradient(top, #ff6600 0% ,#e04a22 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
}
.but_back:visited{
color: #fff;
}
.but_back:hover{
color:#fff; 
background-color:#0098EE;
background-image: -moz-linear-gradient(top, #0098EE 0%, #0098EE 100%); 
 background-image: -webkit-linear-gradient(top, #0098EE 0%, #0098EE 100%); 
 background-image: -o-linear-gradient(top, #0098EE 0%, #0098EE 100%); 
 background-image: -ms-linear-gradient(top, #0098EE 0% ,#0098EE 100%); 
}

.button{
 text-decoration:none; 
 text-align:center; 
 padding:11px 32px; 
 -webkit-border-radius:31px;
 -moz-border-radius:31px; 
 border-radius: 31px; 
 font:18px Arial, Helvetica, sans-serif; 
 color:#fff; 
 background-color:#05b3ed; 
 background-image: -moz-linear-gradient(top, #00BFFF 0%, #12A2F3 100%); 
 background-image: -webkit-linear-gradient(top, #00BFFF 0%, #12A2F3 100%); 
 background-image: -o-linear-gradient(top, #00BFFF 0%, #12A2F3 100%); 
 background-image: -ms-linear-gradient(top, #00BFFF 0% #12A2F3 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12A2F3', endColorstr='#12A2F3',GradientType=0 ); 
 background-image: linear-gradient(top, #00BFFF 0% ,#12A2F3 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }
.button:visited {
color: #fff;
}
.button:hover {
 color:#fff; 
background-color:#0098EE;
background-image: -moz-linear-gradient(top, #0098EE 0%, #0098EE 100%); 
 background-image: -webkit-linear-gradient(top, #0098EE 0%, #0098EE 100%); 
 background-image: -o-linear-gradient(top, #0098EE 0%, #0098EE 100%); 
 background-image: -ms-linear-gradient(top, #0098EE 0% ,#0098EE 100%); }
 
 .center2{
 text-align:center;
 padding-left: 15px;
 }
 .center3{
 text-align:center;
 padding-top: 10%;
 }
 .explor{
 font-family: 'Open Sans', 'Helvetica';
 font-size:1.15rem;
 text-align:justify;
 margin: 10px;
 text-indent: 1.5em;
 color:#585858;
 line-height: 24px;
 }
 .nameorg {
margin-top: -17px;
font-size: 0.9rem;
text-decoration:none;
color:rgb(80, 80, 80);
padding-bottom: 5px;
 }
 .ontop{
font-size: 3.3rem;
line-height: 20px;
}
 /*Логотип*/
.logotype {
position: relative;
top: 20px;
padding-bottom: 20px;
padding-left: 30px;
text-align: center;
bottom: -10%;
font-size: 13px;
}
.logodescript {
display: inline-block;
}
.logoimage {
width: 50px;
display: inline-block;
vertical-align: bottom;
position: relative;
left: 10px;
}

.grant{
font-style:italic;
text-align: center;
padding-top: 20px;
padding-bottom:20px;
color: #585858;
line-height: 5px;
}
.down1{
margin-top: 0px;
}
@media only screen and (max-width: 855px) {
.ontop {
font-size: 2.45rem;
}
.noline2{
font-size: 0.74em;
}
.but1 {
margin-bottom: 25px;
}
.centert{
top: 30%;
	left: 50%; /* Отступ в процентах от левого края окна */
	width: 650px; /* Ширина блока */
	height: 100px;
	position: absolute; /* Абсолютное позиционирование блока */
	margin-left: -335px; /* Отрицательный отступ от левого края страницы, должен равняться половине высоты блока со знаком минус */font-family: 'Open Sans', 'Helvetica';
font-size: 1.28rem;
color: rgb(80, 80, 80);
clear: bottom;
}
}

.credittext{
font-size:15px;
}