/* @group Общие стили */

/* @group Шрифты */


/* ==========================================================================
   БАЗОВЫЕ СТИЛИ
   ========================================================================== */

html, button, input, select, textarea {
	color: black;
}

/*
 * ШРИФТ ЛЕНДИНГА
 * Оставляем 16-й, как дефолтовый для большинства браузеров. Так мешье шансов, что где-то глюкнется.
 */

html {
	font-size: 16px;
	line-height: 1.0;      /* с шириной строк еще надо подумать, какую взять за основу */
}

/*
 * ГОРИЗОНТАЛЬНАЯ ЛИНИЯ-РАЗДЕЛИТЕЛЬ
 */

hr,
.block-header-mini hr {
	/*size: 6px;*/
	border-top: 3px solid #506b7b;
	box-shadow: 0 1px 6px rgba(80, 107, 123, .4);
	background-color: #506b7b;
}

/* @end */

/* @group Заглавия */

h1,
.h1 {
	font-size: 168.89%;
	/*font-size: 160%;*/
	font-weight: normal;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}

h2,
.h2 {
	font-size: 168.89%;
	/*font-size: 160%;*/
	font-weight: normal;
	/*margin-top: 0.4em;
	margin-bottom: 0.4em;*/
	margin-top: 0em;
	margin-bottom: 0em;
	/*background-color: #FFFC00;*/
	line-height: 1.2em;
	padding-top: .25em;
	padding-left: 0px;
	padding-right: 0px;
	/*margin: 0px auto;*/
	/*box-shadow:0 2px 5px 0 rgba(50,100,0,.30),0 2px 10px 0 rgba(50,100,0,.15);*/
	white-space: nowrap;
}

/*h3 {
	font-weight: 400;
}*/

ul {
	margin: 0;
}

.block-header {
	display: table;
	/*width: 90%;*/
	width: 1024px;
	min-width: 1024px;
	margin-bottom: 1em;
	margin: 0 auto;
}

.block-header-mini {
	display: table;
	/*width: 90%;*/
	width: 820px;
	min-width: 820px;
	margin-bottom: 1em;
	margin: 0 auto;
}

.tcell {
	display: table-cell;
	background-color: red;
	padding-left: 2em;
	padding-right: 2em;
	background-color: #FFFC00;
	box-shadow:0 2px 5px 0 rgba(50,100,0,.30),0 2px 10px 0 rgba(50,100,0,.15);
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
}

.tcell50 {
	display: table-cell;
	width: 50%;
	padding: 1em;
	/*border-top: 4px solid #506C7C;
	box-shadow:0 2px 5px 0 rgba(100,100,100,.30),0 2px 10px 0 rgba(100,100,100,.15);
	height: 4px;*/
}

.tcell70 {
	display: table-cell;
	width: 70%;
	padding: 1em;
}

.tcell10 {
	display: table-cell;
	width: 10%;
	padding: 1em;
}

.tcell20 {
	display: table-cell;
	width: 20%;
	padding: 1em;
}

.tcell30 {
	display: table-cell;
	width: 30%;
	padding: 1em;
}

/*.block-header h2, h2#remote-service {
	background-color: #FFFC00;
	box-shadow:0 2px 5px 0 rgba(50,100,0,.30),0 2px 10px 0 rgba(50,100,0,.15);
}*/

h2#remote-service {
	background-color: #FFFC00;
	box-shadow:0 2px 5px 0 rgba(50,100,0,.30),0 2px 10px 0 rgba(50,100,0,.15);
}

#remote-service {
	box-shadow:0 2px 5px 0 rgba(50,100,0,.10),0 2px 10px 0 rgba(50,100,0,.05);
}

.inline div h2 {
	padding-left: 0.8em;
	padding-right: 0.8em;
	margin-top: -1em;
	margin-left: .6em;
	margin-right: .6em;
	text-align: center;
}

.cover {
	/*width: 100%;*/
}

.subcover {
	width: 1024px;
	margin: 0 auto;
}

.infoblock {
	width: 1024px;
	margin: 0 auto;
}

a {
	color: #3da0fe;
	text-decoration: none;
	cursor: pointer;
}

button:focus,
a:focus {
	outline: none;
}

a:hover {
	color: #006ad0;
}

.unprior-link {
	/*color: #7a9daa;*/
	/*color: black;*/
	color: #444;
	text-decoration: none;
	/*border-bottom: 1px dotted black;*/
}

.unprior-link:hover {
	color: #006ad0;
	border-bottom: 1px dashed #006ad0;
}

.inline {
	display: inline-block;
}

.inline div {
	display: inline-block; /* Делаем блоки по горизонтали */
	/*vertical-align: top; /* Выравниваем их сверху *!/*/
	/* Для IE 6 и IE 7 чтобы блоки были по горизонтали*/
	zoom: 1;
	/**display: inline;*/
	margin: 0 auto;	
}

.vertical {
	display: block;
}

.vertical div {
	display: block; /* Делаем блоки по горизонтали */
	vertical-align: top; /* Выравниваем их сверху */
	margin: 0 auto;	
}

.float-left {
	float: right;
}

.float-right {
	float: right;
}

/* @end */

/* @group Цветовые выделения */

/* ==========================================================================
   ЦВЕТОВЫЕ ВЫДЕЛЕНИЯ
   ========================================================================== */

.lamp-orange,
.lamp-blue,
.lamp-green {
	display: inline-block !important;
	width: 10px;
	height: 10px;
	/*min-width: 10px;*/
	/*min-height: 10px;*/
	border-radius: 50%;
}

.lamp-orange {
	background: orange;
	/*border-color: orange;*/
}

.lamp-green {
	background: #57b045;
	/*border-color: green;*/
}

.lamp-blue {
	background: #0091FF;
}



.blue {
	background-color: #cfe8f0;
}

.yellow {
	background-color: #fffbc3;
}

.green {
	background-color: #d9f0cf;
}

.red {
	background-color: #f0d4cf;
}

.orange {
	background-color: #ffe8af;
}

.gray {
	background-color: #f2f2f2;
}


.highlight {
	width: 0;
	height: 0px; 
	border-width: 10px 6px 4px 6px;
	border-style: solid;
	border-color: #E95557 #E95557 transparent;
	margin-left: 6px;
	margin-right: 4px;
	font-size: 0px;
}


.highlight-gold {
	width: 0;
	height: 0; 
	border-width: 10px 6px 4px 6px;
	border-style: solid;
	border-color: #eda523 #eda523 transparent;
	margin-left: 6px;
	margin-right: 4px;
	font-size: 0px;
}

.highlight-blue {
	width: 0;
	height: 0; 
	border-width: 10px 6px 4px 6px;
	border-style: solid;
	border-color: #2190ac #2190ac transparent;
	margin-left: 6px;
	margin-right: 4px;
	font-size: 0px;
	color: #2190ac;
}


/* @end */