@charset "utf-8";


body {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

#shapka
{
	float: left;
    width: 100%;
	border-spacing: 0px;
	padding: 0px;
	margin-bottom: 2px;
background: #d8d8d8; /* Old browsers */
background: -moz-linear-gradient(top, #d8d8d8 0%, #f9f9f9 2%, #f9f9f9 98%, #d8d8d8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d8d8d8 0%,#f9f9f9 2%,#f9f9f9 98%,#d8d8d8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d8d8d8 0%,#f9f9f9 2%,#f9f9f9 98%,#d8d8d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */

}


@media (min-width:800px) and (max-width:1280px) and (orientation:landscape) {

/*************************** Логотип "Кречина" */
#logo
{
	float: left;
	margin: 2%;
}

/*************************** Логотип "Кречина" */

/*************************** Контакты в шапке сайта */


.post-info {
font-family: 'Exo 2', Light Italic;
font-size: 1.25vw;
color: #919191;
}


.text1 {
    text-align: center;
	color: transparent; 
	line-height: 1.1;
	cursor: pointer;
	float: left;
	margin-top: 3%;
	font-size: 1.4vw;
    font-family: 'Roboto', sans-serif;						
	color: #6d6d6d;
}

.text1:hover div {
	text-align: center;
	color: transparent; 
	font-size: 101%;							
	color: #636363;
    cursor: pointer;
}

#square_R {
	width: 10px;
	height: 10px;
	background: red;
  margin: 2px; 
  float: left;
}

#square {
	width: 10px;
	height: 10px;
	background: green;
  margin: 2px; 
  float: left;
} 

.phone {
  font-family: 'Exo 2', Light Italic;
  font-size: 1.5vw;
  color: #111;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0;  
}

.fax {
  font-size: 1.2vw;
  font-style: italic;
  color: #999;
  font-family: 'Exo 2', Light Italic;
}


/*************************** Модуль курсов валют */
#module
{
	float:left;
	margin-top: 60px;
	margin-left: 60px;
}



/*************************** рабочая зона */
#work_field
{
	font-size: 1.3vw;
	font-family: 'Roboto', sans-serif;
	width: 71%;
	float:right;
	border-radius: 2px;
	background-color: #FDF5E6;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-right: 1%;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

#name_item
{
	font-family: 'Roboto', sans-serif;
	font-weight: 600;  
	font-size: 1.8vw;
}

#subtheme
{
	background: #333;  
	color: #FF6600;  
	font-size: 1.3vw;  
	margin-top: 2px;  
	padding: 3px 5px;
}

#subtheme2
{
	color: #4c4c4c;  
	font-size: 1.3vw;  
	margin-top: 2px;  
	padding: 3px 5px;
}

#characteristic
{
	float: right; 
	width: 65%; 
	font-size:1.1vw;	
	padding-bottom: 2%;
	margin-top: -3%;
}

#characteristic ul
{
	list-style-position: outside;
	list-style-image: linear-gradient(#144fad 0, #144fad 50%, #07224f 50%);
}

#docum
{
	font-size: 1.2vw;
	font-weight: bold;
}

.img-in { float: left; width: 25%; display: block;}
.imagedropshadow { max-width: 100%; max-height: 180px; background-color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 5px; margin-left: 10%; border: solid 1px #EFEFEF;  border: solid 1px #ccc9c9;} 
.imagedropshadow1 { max-width: 100%; background-color: #DCDCDC; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 3%; padding: 5px; border: solid 1px #CCC;  -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999;}
a:hover img.imagedropshadow { border: solid 1px #CCC; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; }

.image-wrap {
    -webkit-box-shadow:
        inset 0 0 1px rgba(0,0,0,.8),
        inset 0 2px 0 rgba(255,255,255,.5),
        inset 0 -1px 0 rgba(0,0,0,.4);
    -moz-box-shadow:
        inset 0 0 1px rgba(0,0,0,.8),
        inset 0 2px 0 rgba(255,255,255,.5),
        inset 0 -1px 0 rgba(0,0,0,.4);
    box-shadow:
        inset 0 0 1px rgba(0,0,0,.8),
        inset 0 2px 0 rgba(255,255,255,.5),
        inset 0 -1px 0 rgba(0,0,0,.4);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.image-wrap1 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.image-wrap:hover {
    position: relative;
    top: -3px;
}
.reflection  {
	top: -3px;
}

.type_name {
	text-align: center; 
	padding-top: 2%;
	font-family: 'Exo 2', Medium Italic;
	font-weight: 500;
	font-size: 1.20vw;
	color: #4f4f4f;
	margin-bottom: 7%;
}


/*************************** Горизонтальная менюшка */
#main {
border: solid 1px #da7c0c;
border-bottom: solid 1px #6c3e06;
	background: #faa51a; /*цвет фона кнопки для браузеров без поддержки CSS3*/
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); /* для Webkit браузеров */
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20); /* для Firefox */
        background-image: -o-linear-gradient(top,  #faa51a,  #f47a20); /* для Opera 11 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); /* фильтр для IE */
width: 100%;
border-spacing: 0px;
padding: 0px;
-webkit-box-shadow: inset 0px -11px 22px -14px #757575; 
box-shadow: inset 0px -11px 22px -14px #757575;
}

/*************************** Кнопки горизонтального меню */
#indentmenu{
font-family: 'Exo 2';
font-size: 1.3vw;
font-weight: 900;
}

#indentmenu ul{
width: 96%;
margin-left: 0.15vw;
margin-top: 0%;
margin-bottom: 0%;
}

#indentmenu ul li{	
float: left;
list-style-type: none;
margin-left: 2%;
margin-right: 2%;
padding-top: 0.4%;
padding-bottom: 0.7%;
}

#indentmenu ul li a{
text-decoration: none;
color: black;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 0.6%;
}

#indentmenu ul li a:hover {
color: #4C514A; 
}

#indentmenu ul li .current{
color: #fcd3a5; 
border: solid 1px #FFF;
border-bottom: solid 6px #FFF;
border-top: solid 3px #FFF;
padding-top: 6px; 
padding-bottom: 7px; 
background: #D2691E;
}




/*************************** Вертикальное меню */
#menu_vert
{
	float: left;
	margin-top: 7px;
	width: 23.44%;
	margin-left: -5px;
}
	

/*************************** Новое вертикальное меню*/

#brdm
{
	margin-left: 0px;
	padding: 0px;	
	border-color: orange;
}

#button1_vert, ul.button1_vert li ul li
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 95%;
}

#button1_vert li ul{
	position: absolute; /* Подменю позиционируются абсолютно */
	/*z-index: 1000;*/
	display: none; /* Скрываем подменю */
	/*margin-left: 84%; /* Сдвигаем подменю вправо */
	/*min-width: 90%;
	/*margin-top: -2em; /* Сдвигаем подменю вверх */
}

#button1_vert li a{	
	color: black;
	border: solid 1px #848484;
	background: #ffffff; /*цвет фона кнопки для браузеров без поддержки CSS3*/
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2)); /* для Webkit браузеров */
	background: -moz-linear-gradient(top,  #ffffff,  #e2e2e2); /* для Firefox */
        background-image: -o-linear-gradient(top,  #ffffff,  #e2e2e2); /* для Opera 11 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2'); /* фильтр для IE */
	margin: 0.7%;
	display: block;
	outline: none;
	cursor: pointer;
	text-align: left;
	padding: 2.5% 10% .55em; //* изменения  отступа для регулировки размера *//
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); //* эффект тени для блока кнопки *//
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 1.15vw;
	font-weight: bold;
}



	
#button1_vert li a:active{          //* смещение на 1px вниз *//
	text-decoration: none;
	position: relative;  
	top: 1px; 
}



#button1_vert  li a:hover{
	color: #ffffff;
	text-shadow: 0 1px 1px rgba(0,0,0,3); //* эффект тени для текста *//
	background: #e2e2e2;
	background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#c4c4c4));
	background: -moz-linear-gradient(top,  #e2e2e2,  #c4c4c4);
        background-image: -o-linear-gradient(top,  #e2e2e2,  #c4c4c4);/* для Opera 11 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#c4c4c4');
	width: 80%;
}

#button1_vert li a.current{
color: #ffffff;
text-shadow: 0 1px 1px rgba(0,0,0,4); //* эффект тени для текста *//
background: #bfbfbf;
background: -webkit-gradient(linear, left top, left bottom, from(#bfbfbf), to(#9e9e9e));
background: -moz-linear-gradient(top,  #bfbfbf,  #9e9e9e);
background-image: -o-linear-gradient(top,  #bfbfbf,  #9e9e9e);/* для Opera 11 */
width: 80%;
}


/*************************** Новое вертикальное меню*/


/*************************** Галерея*/

.carousel {
  position: relative;
  width: 80%;
  padding: 1% 0%;
  border: 1px solid #CCC;
  border-radius: 15px;
  background: #FFFFFF;
  margin-left: 10%;
}

.carousel img {
	max-width: 440px;
	max-height: 195px; 
	min-height: 100px;
	
  /* по умолчанию inline, в ряде браузеров это даст лишнее пространство вокруг элементов */

  display: block;
}



#prewBut, #nextBut{
    display: block;
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    text-indent: -99999px;
    background: url("http://otladka.krechina.com/pic/arrowBg.png") left center no-repeat;
    opacity: 0.5;
    z-index: 3;
    outline: none !important;
}

#prewBut { 
    left: 10px;
}

#nextBut {
    right: 10px;
    background: url("http://otladka.krechina.com/pic/arrowBg.png") right center no-repeat;
}

#prewBut:hover, #nextBut:hover {
    opacity: 1;
}


.prev {
  left: 7px;
}

.next {
  right: 7px;
}

.gallery {
  width: 100%;
  overflow: hidden;
}

.gallery ul {
  height: 200px;
  width: 9999px;
  margin: 0;
  padding: 0;
  list-style: none;
  transition: margin-left 250ms;
  /* remove white-space between inline-block'ed li */
  /* http://davidwalsh.name/remove-whitespace-inline-block */

  font-size: 0;
}

.gallery li {
	display: inline-block;
	padding-left: 0.2%;
	vertical-align: middle;
}

/*************************** Галерея*/

}

/*************************** Для Минфина*/

.kursy_table, .kursy_table_0, .kursy_table_1, .kursy_table_2, .kursy_table_4, .kursy_table_5
{
	float:left;
	margin-left: 2%;
}


.kursy_table_0{	
	margin-top: 30%;
	margin-left: 0.4%;
	margin-bottom: 1%;
	width: 92%;
	min-height: 120px;
}

.kursy_table
{
	width: 100%;
	background-color: #e1e1e1;
	webkit-border-radius: 0.4%;
	-moz-border-radius: 0.4%;
	border-radius: 0.4%;
	font-size: 1.1vw;
	font-family: Verdana, Geneva, Arial, sans-serif;
}

.kursy_table_1
{
	margin-left: 0.8%;
}

.kursy_table_2, .kursy_table_2 a
{
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 1.1vw;
	font-weight: bold;
	text-shadow: 0 1px #fff;
	color: #444;
	line-height: 23px;
}



.kursy_table_2 a:hover
{
	text-decoration:underline;
}

.kursy_table_3
{
	float: right;
	margin-right: 0.4%;
	font-size: 1.5vw;
}

.kursy_table_4, .kursy_table_5
{
	float: right;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 1.0vw;
	color: #666;
	line-height: 25px;
}



.kursy_table_vntr_1
{
	font-size: 0.9vw;
	color: #999;
	height: 10px;
	text-align: right;
	text-shadow: 1px 0px #eee;
	padding-right: 2%;
}

.kursy_table_vntr_2
{
	font-size: 1.0vw;
	color: #333;
	text-align: right;
	padding: 0;
	height: 19px;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
}

.kursy_table_vntr_3
{
	margin-top: 20%;
	background: #fff;
	webkit-border-radius: 0.4%;
	-moz-border-radius: 0.4%;
	border-radius: 0.4%;
}

#minfincomua_i_eur
{
	text-align: center;
	margin-bottom: 5%;
}

#minfincomua_i_eur img
{
	width: 17.2vw; 
	height:auto;
}

/*************************** Для Минфина*/


/*************************** Обратная связь*/
#feedback-form {
  width: 100%;
  padding: 2%;
}
#feedback-form [required] {
  width: 100%;
  box-sizing: border-box;
  margin: 2px 0 2% 0;
  padding: 2%;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 3px;
  box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 transparent;
}
#feedback-form [required]:hover {
  border-color: #7eb4ea;
  box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 transparent;
}
#feedback-form [required]:focus {
  outline: none;
  border-color: #7eb4ea;
  box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 4px rgba(35,146,243,.5);
  transition: .2s linear;
}
#feedback-form [type="submit"] {
  padding: 2%;
  border: none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
  background: #669acc;
  color: #fff;
}
#feedback-form [type="submit"]:hover {
  background: #5c90c2;
}
#feedback-form [type="submit"]:focus {
  box-shadow: 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
/*************************** Обратная связь*/



/*************************** Страницы*/
.pager{
margin: 0;
padding: 5px;
padding-left: 45%;  /* Для первого числа убираем отступ */
}

.pager li { 
display: inline-block;
line-height: 100%;
padding: 5px 11px;
text-decoration: none;
padding: 5px;
}


.pager a { 
text-decoration: none; /* Убираем подчёркивание */
text-align: center; /* Выравниваем по середине */
display: block; /* Ссылка занимает весь блок */
}

.pager li .current{
padding: 5px 11px;
color: black; 
background-color: grey;
}

.pager li a:hover{
color: orange;
}

#bottom_text{
color: #ffebcf; /* цвет текста */
 background:#FF7F00; /* фон блока */
 border: 3px #CCCCCC solid; /* стили рамки */
 -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px; /* закругл. для старых Chrome и Safari */
 -khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 10px; /* закругление углов для всех, кто понимает */
 padding: 0.5%; /* внутренние отступы */
 font-size: 1.3vw;
 font-family: 'Roboto', sans-serif;	
 clear: both; 
 margin-bottom: 0px;
}

/*************************** Страницы*/


/************************************************************************* скрываем чекбоксы и блоки с содержанием */
.hide, .hide + label ~ div {
    display: none; 
}
/* вид текста label */
.hide + label,
.hide:checked + label {
    padding: 0;
    color: green;
    cursor: pointer;
    border-bottom: 1px dotted green;
}
/* вид текста label активном переключателе */
.hide:checked + label {
    color: red;
    border-bottom: 0;
}
/* когда чекбокс активен показываем блоки с содержанием  */
.hide:checked + label + div {
    	display: block; 
    	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgb(255, 255, 255);
	background-image: none;
	background-origin: padding-box;
	background-size: auto;
	border-bottom-color: rgb(102, 102, 102);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(102, 102, 102);
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: rgb(102, 102, 102);
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: rgb(102, 102, 102);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-style: solid;
	border-top-width: 1px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px inset;
	font-family: 'Source Sans Pro', HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 90%;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	/* анимации при появлении */
    	-webkit-animation:fade ease-in 0.5s; 
    	-moz-animation:fade ease-in 0.5s;
    	animation:fade ease-in 0.5s; 
}
/* анимация при появлении скрытых блоков */
@-moz-keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }
}
@-webkit-keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }
}
@keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }   
}


/******************************************************чекбоксы*/


/****************************************************************************************************таблица в акции*/
.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } 
.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #006699; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.datagrid table td, .datagrid table th { padding: 3px 10px; }
.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#ffffff; font-size: 15px; font-weight: bold; border-left: 1px solid #0070A8; } 
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #00496B; border-left: 1px solid #E1EEF4;font-size: 13px;font-weight: normal; }
.datagrid table tbody .alt td { background: #E1EEF4; color: #00496B; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }
.datagrid table tfoot td div { border-top: 1px solid #006699;background: #E1EEF4;} 
.datagrid table tfoot td { padding: 0; font-size: 12px } 
.datagrid table tfoot td div{ padding: 2px; }
.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
.datagrid table tfoot  li { display: inline; }
.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #006699;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; }
.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #006699; color: #FFFFFF; background: none; background-color:#00557F;}
div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }

/******************************************************таблица в акции*/