/* для всех страниц - поддержка блоков в /sys/header.php  */


html {
#scroll-behavior: smooth;
}
.animate_1{
-webkit-animation: animate_1 4s linear infinite;
animation: animate_1 4s linear infinite;
font-size: 20.1px;
}
@-webkit-keyframes animate_1 {
0% { opacity: 0.1;  filter:alpha(opacity=40);}
40% { opacity: 1.0;  filter:alpha(opacity=100);}
60% { opacity: 1.0;  filter:alpha(opacity=80);}
100% { opacity: 0.1;  filter:alpha(opacity=40);}
}
@keyframes animate_1 {
0% { opacity: 0.1;  filter:alpha(opacity=40);}
40% { opacity: 1.0;  filter:alpha(opacity=100);}
60% { opacity: 1.0;  filter:alpha(opacity=80);}
100% { opacity: 0.1;  filter:alpha(opacity=40);}
}
/* кнопки верхнего меню */
.menu_block {
	font-family:Arial;
	font-size:14px;
	padding-left:8px;
	padding-right:8px;
	border:solid 1px #00769F;
	border-radius:4px;
    height:16px; /* не менять! */
	background-color:#00769F;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
	cursor:pointer;
	color:#ffffff;
	text-align:center;	
}
.menu_block:hover {
border:solid 1px #ffffff;  /* был #AED9DA */
color:#ffffff;
#    -webkit-transform: scale(1.1);
#     -moz-transform: scale(1.1);
#    -o-transform: scale(1.1);
}

/*для блока показа информации*/
.search_line
{
font-size:14px; /*шрифт строки подсказки*/
cursor:pointer;
}

.ob_search_block
{
opacity:0.0;
-khtml-opacity: 0.0;
-moz-opacity:0.0;
filter:alpha(opacity=0);

transition-property: opacity;
transition-duration: 0.3s;
transition-delay: 0s;
transition-timing-function: linear;

display:none;
position:absolute;
z-index:1000;
left:200px;
top:400;
padding:10px;
width:600px;
background-color:#ffffff;
font-family:Arial;
border:solid 1px #4EA4BB;
border-radius:7px;
box-shadow: 8px 8px 8px 0px rgba(122,122,122,0.3);
word-wrap:break-word;
text-align:left;

overflow:hidden;
#overflow:auto;
vertical-align:middle;
max-height:500px;
}



/*  стили информационного блока по отелю
для блока показа информации об объекте /sys/server_show_object_info.php
ob_info_block - обеспечивает прозрачную обертку 2px чтобы при переходе курсора с ячейки на блок он не закрывался из-за зазора. Обертка вплотную примыкаек к ячейке.
*/

	/* положение ИБ в списке отелей  */
.ob_info_block
{
opacity:0.0;
-khtml-opacity: 0.0;
-moz-opacity:0.0;
filter:alpha(opacity=0);

transition-property: opacity;
transition-duration: 0.3s;
transition-delay: 0s;
transition-timing-function: linear;

display:none;
position:absolute;
z-index:1000;
left:0px;
top:0;
padding-top:2px;                                        /* отступ сверху от границ ячейки названия отеля*/
padding-right:0px;                                      /* отступ справа от границ ячейки */
overflow:hidden;					/* обрезать все, что не вмещается в рамки блока */
}
	/* стиль самого ИБ  */
.ob_info_block_inside
{
cursor:pointer;                                         /* лапка, т.к. блок кликабельный */
width:300px;						/* ширина ИБ */
height: 115px;						/* высота ИБ */
background-color:#E6FAFA;				/* общий фон ИБ */
font-family:Arial;					/* название шрифта */
border:solid 1px #00769F;				/* бордер ИБ */
border-radius:7px;					/* радиус закругления углов ИБ */
box-shadow: 5px 5px 5px 0px rgba(122,122,122,0.3);	/* параметры тени */
}



.show_big_img {
opacity:0.0;
-khtml-opacity: 0.0;
-moz-opacity:0.0;
filter:alpha(opacity=0);

transition-property: opacity;
transition-duration: 0.3s; /* время провяления прозрачности блока с картинкой */
transition-delay: 0s;
transition-timing-function: linear;

position:absolute;Z-INDEX:20000;
width:550px;height:400px;
padding: 2px;
top: 50%; left: 50%;
margin-left: -230px;
margin-top: -205px;
background-color:#ffffff;
border:solid 2px #78C3D7;
border-radius: 7px;
#box-shadow: 8px 8px 8px 0px rgba(64,64,64,0.5);
display:none;
}

html, body
{
#height:100%;
#overflow-y:hidden;
font-family:Arial;
FONT-SIZE:12pt;
margin:0;
}
/* стили для таблицы объектов */
.table_obj_name
{
	float: left;
        text-align: left;
        display: inline;
        margin-top: 2px;
        margin-left: 2px;
	margin-bottom: 1px;

font-family:Arial;
        font-size: 12px;
        color: #007EA0;

}
.object_cell
{
# !!!! background-color: #ffffff; перекрывает линию ячейки !!!!
cursor:pointer;
}
.object_cell:hover
{
background-color: #DEEBEF;
}
.table_curort_name
{
font-family:Arial;
        font-size: 12px;
        font-weight: 200;
        color: #066DBA;
}
.obj_table
{
border-collapse: collapse;
}
.obj_table td
{
border: 1px solid #A5ADBD;
}
.sigb_td
{
width:25%;
text-align:center;
border:0px!important;
}
.path_h3
{
font-family:Arial;
	font-size: 14px;
	color: #00648C!important;
	text-align:left;
	font-weight: bold;
	margin-bottom: 5px;
	text-decoration: none; #underline;
	letter-spacing: 1px;
}
.path_h3_empty
{
font-family:Arial;
	font-size: 14px;
	color: #000000!important;
	text-align:left;
	font-weight: bold;
	margin-bottom: 5px;
	text-decoration: none; #underline;
	letter-spacing: 1px;
}



/* ВЫПЛЫВАЮЩИЕ КНОПКИ СЛЕВА И СПРАВА */
.alerts_dlg
{
position:fixed;
z-index:2000000;
#width:196px;
cursor:pointer;
}
.alert_bronirovania_dlg
{
/* 143 = 196 минус область видимости выплывающих кнопок */
right:-143px;       /* ББ - позиция для дополнительного всплытия (pages/object_server.php стр 618) */
bottom:70px;                                            /* Отступ от нижнего края экрана */
transition-property: right;                             /* Позиция кнопки */
transition-duration: 0.7s;                              /* ББ - время выползания/заползания кнопки */
transition-delay: 0s;                                   /* Время ожидания перед запуском */
transition-timing-function: linear;                     /* Одинаковая скорость движения от начала и до конца */
}
.alert_callback_dlg
{
right:-143px;
bottom:10px;						/* Отступ от нижнего края экрана */
transition-property: right;				/* Позиция кнопки */
transition-duration: 0.7s;				/* ЗЗ - время выползания/заползания кнопки */
transition-delay: 0s;					/* Время ожидания перед запуском */
transition-timing-function: linear;			/* Одинаковая скорость движения от начала и до конца */
}






.SpL
{
cursor:pointer;
}
.spoiker_cover
{
cursor:pointer;
background-color: ;
}
.spoiker_cover:hover
{
text-decoration: underline;
background-color: #DEEBEF;
}
.spoiler
{
#height:1000px;
#max-height: 0px;
visibility: hidden;
overflow: hidden;
transition: max-height 0.5s;
-webkit-transition: max-height 0.5s;
-moz-transition=type: max-height 0.5s;
-o-transition: max-height 0.5s;
}



/*  ДЛЯ ЛЕКОВЙ КОЛОНКИ
  lc_link повторяет стиль A в /css/sko.css но без background-color в a.lc_link:hover */
.lc_link {
	text-decoration: none;
	background-color: ;
}
.lc_link:hover {
#	text-decoration: underline;
	color: #000000;
#	background-color: #DEEBEF;
}
.spoiler_switcher
{
overflow: hidden;
transition: height 500ms ease;
}
.block_level
{
#border-left:solid 1px #4EA4BB;
#border-top:solid 1px #4EA4BB;
#border-right:solid 1px #4EA4BB;
#border-bottom:solid 1px #4EA4BB;
border-radius: 7px 7px 0px 0px;
background:linear-gradient(180deg, #8AC1D0, #00648C);
}
.cliner_button
{
position:relative;
z-index:1;
padding:1px;
border:solid 1px #718090;
box-sizing: border-box;
height: 24px;
border-radius: 0px 7px 0px 7px;
font-family: Arial;
text-align: center;
color: #000000;
padding-top: 3px;
letter-spacing: 0.3px;
font-size: 14px;
font-weight: bold;
background:linear-gradient(180deg, #FFFFFF, #BFC9CE);
cursor:pointer;
}
.cliner_button:hover
{
border:solid 2px #718090;
box-sizing: border-box;
padding-top: 2px;
}



/*  поддержка жлементов большой картинки галареи */
.big_img_bottom_div
{
position:absolute;
Z-INDEX:4;
bottom:4px;
}
.close_link
{
position:absolute;
Z-INDEX:4;
top:0px;
right:10px;
font-size:14px;
cursor:pointer;
}
.close_link:hover
{
height:18px;
font-weight:bold;
}
.stat_numbers
{
font-size:15px;
}
.big_img_arrow
{
position:relative;
top:2px;
cursor:pointer;
width:'auto';
height:16px;
}
.big_img_arrow:hover
{
height:18px;
}