HTML { width: 100%; height: 100%; }

@font-face {
	font-family: 'Font-Awesome';
	src: url('/font/cms/fontawesome-webfont.eot');
	src: url('/font/cms/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
	url('/font/cms/fontawesome-webfont.woff') format('woff'),
	url('/font/cms/fontawesome-webfont.ttf') format('truetype'),
	url('/font/cms/fontawesome-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
} 

BODY { margin: 0px; padding: 0px; line-height: 18px; 
 FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333; FONT-FAMILY: Arial, Tahoma, Verdana; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}
 
p { margin: 0px 0px 0px 0px; text-indent: 0px; padding: 10px 0px 10px 0px; line-height: 18px;
  FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #333; FONT-FAMILY: Arial, Tahoma, Verdana; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left;}

H1 {  margin: 0px 0px; padding: 0px 0px 10px 0px; line-height: 42px; 
  FONT-WEIGHT: bold; FONT-SIZE: 30px; COLOR: #333; FONT-FAMILY: Arial, Tahoma; TEXT-ALIGN: left; FONT-STYLE: normal; TEXT-DECORATION: none;}
H2 { margin: 0px 0px; padding: 0px 0px 10px 0px; line-height: 32px;
  FONT-WEIGHT: bold; FONT-SIZE: 24px; COLOR: #333; FONT-FAMILY: Arial, Tahoma; TEXT-ALIGN: left; FONT-STYLE: normal; TEXT-DECORATION: none;}
H3 { margin: 0px 0px; padding: 0px; line-height: 24px; 
  FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #333; FONT-FAMILY: Arial, Tahoma; TEXT-ALIGN: left; FONT-STYLE: normal; TEXT-DECORATION: none;} 
   
A:link,
A:visited { outline: none;
TEXT-DECORATION: none;}
A:active,
A:hover { outline: none;
TEXT-DECORATION: none;}

.cms_content_box A:link,
.cms_content_box A:visited { TEXT-DECORATION: underline;}
.cms_content_box A:active,
.cms_content_box A:hover { TEXT-DECORATION: none;}

.cms_content_box UL { margin: 0px; padding: 7px 0px; }
.cms_content_box OL { margin: 0px; padding: 7px 0px; }
.cms_content_box UL LI { margin: 0px; padding: 5px 0px; list-style: none; padding-left: 30px; }
.cms_content_box UL LI:before { position: absolute; z-index: 5; content: ''; border: 1px solid red; height: 4px; width: 4px; border-radius: 100%; margin: 6px 0px 0px -13px; } 

object  { display: block; }
embed { display: block; }
input { outline: none;}
textarea  { outline: none;}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  border-radius: 0px;
} 

HR { height: 0px; border: none; background: none; margin: 0px; padding: 0px; margin: 10px 0px; border-top: 1px solid #ededed; }  


/********** Внешний блок **********/
.cms_content_box { display: inline-block; width: 100%; overflow: hidden;
 -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.cms_text_id { position: relative; width: 100%; float: left; padding-bottom: 25px;}
.cms_title_id { position: relative; width: 100%; float: left; }
.cms_cat_id { position: relative; width: 100%; float: left; padding: 20px 0 20px 0; }
.cms_search_id { position: relative;  float: left; padding-left: 40px; }
 
/********** Название **********/
.cms_list_title { padding: 0px 0px 16px 0px; margin: 0px; line-height: 1.5em; FONT-SIZE: 20px; FONT-WEIGHT: normal; }
a.cms_list_title:visited,
.cms_list_title a:visited,
a.cms_list_title:link,
.cms_list_title a:link { color: #484d50; font-size: 24px; FONT-FAMILY: 'SourceSansPro-SemiBold', Arial; transition: 0.2s; border-bottom: none; TEXT-DECORATION: none }
a.cms_list_title:hover,
.cms_list_title a:hover,
a.cms_list_title:active,
.cms_list_title a:active { color: #4d8fc9; transition: 0.2s; border-bottom: none; TEXT-DECORATION: none }

/********** Текст **********/
.cms_list_text { padding: 0px; margin: 0px; }

/********** Ссылка подробнее **********/
.cms_list_detail { text-align: left; margin: 0px; padding: 0px; padding: 20px 0 7px 0px; FONT-SIZE: 12px; }
a.cms_list_detail:visited,
.cms_list_detail a:visited,
a.cms_list_detail:link,
.cms_list_detail a:link { color: #358fce; font-size: 18px; transition: 0.2s; border-bottom: none; TEXT-DECORATION: none }
a.cms_list_detail:hover,
.cms_list_detail a:hover,
a.cms_list_detail:active,
.cms_list_detail a:active { color: #358fce; transition: 0.2s; border-bottom: 1px solid #358fce; TEXT-DECORATION: none}
 
/********** Дата для списка **********/
.cms_list_date { float: right;  margin: 2px 0px 0px 10px; padding: 0px; line-height: 24px;
FONT-SIZE: 18px; color: #a5a7a9; text-align: left;  }

/********** Дата для текста **********/
.cms_text_date { margin: 20px 0px 10px 0px; padding: 0px; line-height: 24px;
FONT-SIZE: 18px; color: #a5a7a9; text-align: left; }

/********** Ссылка вернуться в раздел **********/
.cms_catback { clear: both; padding: 7px 0px; }
a.cms_catback:visited,
.cms_catback a:visited,
a.cms_catback:link,
.cms_catback a:link { color: #4d8fc9; font-size: 18px; transition: 0.2s; border-bottom: none; TEXT-DECORATION: none; }
a.cms_catback:hover,
.cms_catback a:hover,
a.cms_catback:active,
.cms_catback a:active { color: #4d8fc9; transition: 0.2s; border-bottom: 1px solid #4d8fc9; TEXT-DECORATION: none; }
 
/********** Разделитель между текстами **********/
.cms_list_divider { float: left; width: 100%; border-top: 1px solid #ededed; margin: 15px 0px 0px 0px;
 -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
 
/********** Номер для поиска **********/
.cms_search_num { position: absolute; z-index: 5; left: 0; margin: 1px 0px 0px 0px;
line-height: 24px; FONT-SIZE: 15px; FONT-WEIGHT: normal; color: #999; }

/********** Заголовок поиска **********/
.cms_search_title { padding: 5px 0px 15px 0px;
 FONT-WEIGHT: normal; FONT-SIZE: 15px; COLOR: #999; FONT-STYLE: normal; TEXT-DECORATION: none; TEXT-ALIGN: left; }
.cms_search_title span {  FONT-WEIGHT: bold; COLOR: #333; FONT-SIZE: 15px; } /* слово кторое искали и количество соответствий */
.cms_search_title .cms_search_half { FONT-WEIGHT: normal; COLOR: #999; } /* первая половина отдельно */

/********** Карта сайта **********/
.cms_site_map { padding: 10px 0px 10px 0px; }
.cms_site_map .lvl_1 { padding-bottom: 3px; }
.cms_site_map .lvl_1 a { FONT-WEIGHT: bold; COLOR: #0173f4; border-bottom: 1px solid #0173f4; FONT-SIZE: 15px; }
.cms_site_map .lvl_2 { padding-bottom: 2px; padding-left: 25px; }
.cms_site_map .lvl_2 a { FONT-WEIGHT: normal; COLOR: #555; border-bottom: 1px solid #555; FONT-SIZE: 15px; }
.cms_site_map .lvl_3 { padding-bottom: 2px; padding-left: 50px; }
.cms_site_map .lvl_3 a { FONT-WEIGHT: normal; COLOR: #0173f4; border-bottom: 1px solid #0173f4; FONT-SIZE: 12px; }
.cms_site_map a:hover { transition: 0.2s; border-bottom: 1px solid rgba(191,24,24,0); }

/********** Навигатор **********/
.cms_navigator { line-height: 12px; margin: 0px; text-align: left; padding: 5px 0px; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #aaa; }
.cms_navigator a:visited,
.cms_navigator a:link { color: #aaa; transition: 0.2s; border-bottom: 1px solid rgba(191,24,24,0); TEXT-DECORATION: none; }
.cms_navigator a:hover,
.cms_navigator a:active { color: #555; transition: 0.2s; border-bottom: 1px solid #555; TEXT-DECORATION: none; } 
.cms_navigator span { position: relative; padding: 0px 10px; }
.cms_navigator span:before { content: '\f105'; line-height: 12px; FONT-FAMILY: Font-Awesome; } /* разделитель */
 
/********** Страницы **********/
.cms_page_box { display: inline-block; width: 100%; text-align: center; padding: 10px 0px;}
a.cms_page_id { transition: 0.2s; position: relative; display: inline-block; vertical-align: top; width: 21px; height: 21px; border: 1px solid #888 !important; line-height: 22px;  margin: 4px; cursor: pointer;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333; FONT-STYLE: normal; TEXT-DECORATION: none; TEXT-ALIGN: center; }
a.cms_page_id:hover { transition: 0.2s; border: 1px solid #0173f4 !important; color: #0173f4 !important; }
a.cms_page_id.cms_page_id_arrow:hover:before { transition: 0.2s; color: #0173f4 !important; }
.cms_page_id.checked { border: 1px solid #0173f4 !important; cursor: default; COLOR: #0173f4; }

a.cms_page_id_arrow { border: 1px solid rgba(0,0,0,0) !important; }
a.cms_page_id.cms_page_id_arrow:before { transition: 0.2s; position: absolute; z-index: 5; top: 0; left: 0; margin: 0px 0px 0px 0px; color: #bbb; width: 21px;
 FONT-WEIGHT: normal; FONT-SIZE: 13px; FONT-FAMILY: Font-Awesome; text-align: center;}

.cms_arrow_left1:before { content: "\f104"; }
.cms_arrow_left2:before { content: "\f100"; }

.cms_arrow_right1:before { content: "\f105"; }
.cms_arrow_right2:before { content: "\f101"; }

/********** Подпись **********/
.yarneo {  }
.yarneo a:hover {  }

/********** 404 **********/
.cms_404_box { position: absolute; z-index: 5; margin: -40px 0px 0px -175px; top: 50%; left: 50%; width: 350px; height: 100px;
line-height: 40px; COLOR: #aaa; font-size: 17px; TEXT-ALIGN: center; }
.cms_404_box div {  font-size: 50px; }

/********** Форма **********/
.cms_form { position: fixed; z-index: 1000000; background: url("/pic/cms/search-bg.png") repeat; width: 100%; height: 100%; }
.cms_form_table { width: 100%; height: 100%; display: table; }
.cms_form_td { width: 100%; height: 100%; display: table-cell; text-align: center; vertical-align: middle; }
.cms_form_box { display: inline-block; background: #fff; padding: 30px 30px 0px 30px; font-size: 14px; width: 350px;
 -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.alert_main_title { 	padding: 10px 0px 20px 0px;	color: #333; font-weight: normal;  }

.cms_form_button_box { border-top: 1px solid #dbf1fb; cursor: pointer; color: #999; font-weight: bold; text-transform: uppercase; }
.cms_form_button { padding: 25px 0px; width: 50%; float: left; }
.cms_form_button .but_ok { color: #00a7ee; }
.cms_form_button:hover span { border-bottom: 2px solid #00a7ee; }  


@media screen and (max-width: 450px) {
	/********** Дата для списка **********/
	.cms_list_date { text-align: left; float: none; margin-left: 0px;  }

	/********** Дата для текста **********/
	.cms_text_date { text-align: left; float: none; margin-left: 0px; }
	
	/********** Страницы **********/
	.cms_page_box { text-align: left; }
	a.cms_page_id { margin: 4px 8px 4px 0px; }
	a.cms_page_id_arrow { display: none; }
	
	/********** 404 **********/
	.cms_404_box { margin: -30px 0px 0px 0px; left: 0; width: 100%; height: 60px;
	line-height: 28px; COLOR: #aaa; font-size: 13px; TEXT-ALIGN: center; }
	.cms_404_box div {  font-size: 30px; }
}

.table-wrapper {
	width: 100%;
	overflow: auto;
}