@charset 'utf-8';

/* Original Fonts */
@import url(https://fonts.googleapis.com/css?family=Russo+One&subset=latin,cyrillic);

/* GENERAL */
html {font: 14px/22px Tahoma, Arial, Verdana, 'Lucida Sans', sans-serif; color:#555;}
h1, h2, h3 {font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;}


* {
	outline: none;
}


a, input, a > img {-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
a, a:visited {color:#08c; text-decoration:underline; border:none;}
a:hover {text-decoration:none;}
a:hover > img {opacity:.7;}

/* download images */
a[href $=".pdf"] {
  padding-left: 20px;
  background-image: url(/images/document_pdf.png);
  background-repeat: no-repeat;
}

a[href $=".xls"] {
  padding-left: 20px;
  background-image: url(/images/document_excel.png);
  background-repeat: no-repeat;
}

a[href $=".xslx"] {
  padding-left: 20px;
  background-image: url(/images/document_excel.png);
  background-repeat: no-repeat;
}

a[href $=".doc"] {
  padding-left: 20px;
  background-image: url(/images/document_word.png);
  background-repeat: no-repeat;
}

a.no_dl_img {
  padding-left: 0px;
  background-image: none;
}


b, strong {font-weight:bold;}
u {text-decoration:underline;}
i {font-style:italic;}

h1 {font-size:24px; line-height:32px; color:#0b0b0b;}
h2 {font-size:22px; line-height:28px; color:#333;}
h3 {font-size:18px; line-height:24px; color:#555;}
h4 {font-size:14px; line-height:22px; color:#333; font-weight:bold;}
p, li, td {font-size:14px; line-height:22px; color:#555;}
h1 > span, h2 > span, h3 > span, h4 > span, li > span, p > span {padding:1px 5px 2px 5px;}

ul {display:block; position:relative; list-style-type:none; margin:0;}

ul ul {left:17px; margin-right:17px;}

.content_full ul > li:before, .content_right ul > li:before {content: '\2022\00A0\00A0';}


li.symbol-0:before {content: '' !Important;}
li.symbol-1:before {content: '\25A3\00A0\00A0' !Important;}
li.symbol-2:before {content: '\2014\00A0\00A0' !Important;}
li.symbol-3:before {content: '\2713\00A0\00A0' !Important;}
li.symbol-4:before {content: '\00D7\00A0\00A0' !Important;}

.symbol-0 li:before {content: '';}
.symbol-1 li:before {content: '\25A3\00A0\00A0';}
.symbol-2 li:before {content: '\2014\00A0\00A0';}
.symbol-3 li:before {content: '\2713\00A0\00A0';}
.symbol-4 li:before {content: '\00D7\00A0\00A0';}

hr {border:none; height:0; margin:15px 0; border-bottom:1px solid #ddd;}
hr.hr-mini {border:none; height:0; margin:7px 0; border-bottom:1px solid #ddd;}



/* Tables */

table {width:100%; margin:0;}
table td {padding:0;}

td.cell-0, tr.cell-0 td {padding:0 !Important;}
td.cell-small, tr.cell-small td {padding:5px !Important;}
td.cell-medium, tr.cell-medium td {padding:15px !Important;}
td.cell-big, tr.cell-big td {padding:30px !Important;}

.cell-0 td {padding:0;}
.cell-small td {padding:5px;}
.cell-medium td {padding:15px;}
.cell-big td {padding:30px;}

/* Align */

.center {text-align:center; margin:auto;}
.justify {text-align:justify;}
.left {text-align:left;}
.right {text-align:right;}
.redline {text-indent:21px;}

.floatleft {float:left; margin:5px 15px 5px 0;}
.floatright {float:right; margin:5px 0 5px 15px;}


/* Font-sizes */

.font-small h1, h1 > .font-small, h1.font-small {font-size:20px; line-height:30px;}
.font-small h2, h2 > .font-small, h2.font-small {font-size:18px; line-height:24px;}
.font-small h3, h3 > .font-small, h3.font-small {font-size:16px; line-height:20px;}
.font-small h4, h4 > .font-small, h4.font-small {font-size:12px; line-height:18px;}
.font-small, .font-small p, p > .font-small, p.font-small, .font-small li, ul.font-small li {font-size:12px; line-height:18px;}

.font-big h1, h1 > .font-big,  h1.font-big {font-size:28px; line-height:34px;}
.font-big h2, h2 > .font-big,  h2.font-big {font-size:24px; line-height:28px;}
.font-big h3, h3 > .font-big,  h3.font-big {font-size:20px; line-height:26px;}
.font-big h4, h4 > .font-big,  h4.font-big {font-size:16px; line-height:22px;}
.font-big, .font-big p, p > .font-big, p.font-big, .font-big li, ul.font-big li {font-size:16px; line-height:22px;}


/* Font-colors */

.font-vivt {color:#1b3652 !important;}
.font-blue {color:#0090ff !important;}
.font-green {color:#33c52b !important;}
.font-red {color:#f60000 !important;}
.font-orange {color:#ff7e00 !important;}
.font-white {color:#fff !important;}
.font-lightgray {color:#f5f5f5 !important;}
.font-gray {color:#ddd !important;}
.font-darkgray {color:#a3a3a3 !important;}
.font-black {color:#000 !important;}

.font-vivt h1, .font-vivt h2, .font-vivt h3, .font-vivt h4, .font-vivt p, .font-vivt li {color:#1b3652;}
.font-blue h1, .font-blue h2, .font-blue h3, .font-blue h4, .font-blue p, .font-blue li {color:#0090ff;}
.font-green h1, .font-green h2, .font-green h3,  .font-green h4,.font-green p, .font-green li {color:#33c52b;}
.font-red h1, .font-red h2, .font-red h3, .font-red h4, .font-red p, .font-red li {color:#f60000;}
.font-orange h1, .font-orange h2, .font-orange h3, .font-orange h4, .font-orange p, .font-orange li {color:#ff7e00;}
.font-white h1, .font-white h2, .font-white h3, .font-white h4, .font-white p, .font-white li {color:#fff;}
.font-lightgray h1, .font-lightgray h2, .font-lightgray h3, .font-lightgray h4, .font-lightgray p, .font-lightgray li {color:#f5f5f5;}
.font-gray h1, .font-gray h2, .font-gray h3, .font-gray h4, .font-gray p, .font-gray li {color:#ddd;}
.font-darkgray h1, .font-darkgray h2, .font-darkgray h3, .font-darkgray h4, .font-darkgray p, .font-darkgray li {color:#a3a3a3;}
.font-black h1, .font-black h2, .font-black h3, .font-black h4, .font-black p, .font-black li {color:#000;}


/* Background */

.bg-vivt {background-color:#1b3652 !important;}
.bg-blue {background-color:#0090ff !important;}
.bg-green {background-color:#33c52b !important;}
.bg-red {background-color:#f60000 !important;}
.bg-orange {background-color:#ff7e00 !important;}
.bg-white {background-color:#fff !important;}
.bg-lightgray {background-color:#f5f5f5 !important;}
.bg-gray {background-color:#ddd !important;}
.bg-darkgray {background-color:#a3a3a3 !important;}
.bg-black {background-color:#000 !important;}


/* Border */

.border-none, table.border-none td {border:none !important;}
.border-vivt, table.border-vivt td {border:1px solid #1b3652 !important;}
.border-blue, table.border-blue td {border:1px solid #0090ff !important;}
.border-green, table.border-green td  {border:1px solid #33c52b !important;}
.border-red, table.border-red td {border:1px solid #f60000 !important;}
.border-orange, table.border-orange td {border:1px solid #ff7e00 !important;}
.border-white, table.border-white td {border:1px solid #fff !important;}
.border-lightgray, table.border-lightgray td {border:1px solid #f5f5f5 !important;}
.border-gray, table.border-gray td {border:1px solid #ddd !important;}
.border-darkgray, table.border-darkgray td {border:1px solid #a3a3a3 !important;}
.border-black, table.border-black td {border:1px solid #000 !important;}

.border-photo {border:4px solid #fdfdfd; box-shadow:1px 1px 4px rgba(0,0,0,.15);}


/* Content */

.content_right {display:table-cell; vertical-align:top; padding-bottom:20px;}
.content_right {display:block\9; float:right\9; width:733px\9;}
.content_full {display:table-cell; vertical-align:top; padding-bottom:20px;}


/* Box */

.box1, .box15, .box2, .box3 {position:relative; margin:25px 0 0 0; padding:0 0 0 30px; box-shadow:inset 0 0 1px rgba(0,0,0,0);}
.box1, .box15, .box2 {float:left;}
.box3 {margin:25px 0 0 0; padding:0 30px;}

.content_right .box1 {width:204px;}
.content_right .box15 {width:321px;}
.content_right .box2 {width:438px;}

.content_full .box1 {width:286px;}
.content_full .box15 {width:444px;}
.content_full .box2 {width:602px;}

.clear {clear:both;}

/* PageTitle */
.pagetitle, .pagetitle-1, .pagetitle-2, .pagetitle-3, .pagetitle-4, .pagetitle-5 {margin:30px 0 0 30px; width:880px; box-shadow:0 0 1px rgba(0,0,0,.2); background:#e5f5ff url('/images/pagetitle_672x114.jpg');
font-family:'Russo One'; font-weight:normal; text-transform:uppercase; color:#074676; text-shadow: 1px 1px 0 #fff;}

.pagetitle {font-size:37px; line-height:54px; height:54px; padding:30px;}
.pagetitle-1 {font-size:37px; line-height:40px; height:80px; padding:17px 30px;}
.pagetitle-2 {font-size:27px; line-height:54px; height:54px; padding:30px;}
.pagetitle-3 {font-size:23px; line-height:32px; height:64px; padding:25px 30px;}
.pagetitle-4 {font-size:23px; line-height:28px; height:84px; padding:15px 30px;}
.pagetitle-5 {font-size:20px; line-height:24px; height:96px; padding:9px 30px;}

/* progTitle */
.progtitle, .progtitle-1, .progtitle-2, .progtitle-3, .progtitle-4, .progtitle-5 {0 0 0 0; width:920px; box-shadow:0 0 1px rgba(0,0,0,.2); background:#e5f5ff ;
font-family:'Russo One'; font-weight:normal; text-transform:uppercase; color:#fff; }

.progtitle {font-size:37px; line-height:54px; height:54px; padding:30px;}
.progtitle-1 {font-size:37px; line-height:40px; height:80px; padding:17px 30px;}
.progtitle-2 {font-size:27px; line-height:54px; height:54px; padding:30px;}
.progtitle-3 {font-size:23px; line-height:32px; height:64px; padding:25px 30px;}
.progtitle-4 {font-size:23px; line-height:28px; height:84px; padding:15px 30px;}
.progtitle-5 {font-size:20px; line-height:24px; height:96px; padding:9px 30px;}

/* block */

.block-small, .block-medium, .block-big {display:block; border-radius:2px;}
.block-small {padding:5px;}
.block-medium {padding:15px;}
.block-big {padding:30px;}


/* Form */

.code {display:block; margin:15px 0 20px 0; border:1px solid #ddd; border-left: 7px solid #ddd; background-color:#f7f7f7; padding:5px; font:11px/12px Courier;}


/* Showhide */
div.showhide > a.sh_title {}
div.showhide > div.sh_content {display:none; margin-top:10px;}
div.showhide > div.sh_startshow {display:block;}

.hide {display:none;}

/* Tabs */

.tabs > ul {overflow:hidden; width:100%; list-style:none; margin:0 0 10px 0;}
.tabs > ul:after {clear:both; content:''; width:100%; display:block; position:relative; top:-1px; height:0px; border-bottom:1px solid #ddd;}

.tabs > ul li:before {content:none;}

.tabs > ul li {display:block; float:left; margin: 0 3px 0 0; z-index:3; position:relative; text-decoration:none; padding:5px 27px; color:#555; font-size:13px; background:#f5f5f5; border:1px solid #ddd; border-radius:5px 5px 0 0; cursor:pointer;}

.tabs > ul li:hover {background: #ddd; }
.tabs > ul li.active {background: #fff; font-weight:bold; border-bottom:1px solid #fff;}

.tabs > div {display:none;}


/* News Box  LAST5*/

.newsbox li {-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.newsbox {background:#004279; margin-bottom:50px;}

.content_full .newsbox {position:relative; height:420px; margin-top:7px; box-shadow:0 0 7px rgba(0,0,0,.3);}
.content_full .nb_bigimg {position:absolute; top:0; left:0; width:630px; height:420px; background:#ddd;}
.content_full .nb_bigimg > a > img {width:630px; height:420px;}
.content_full .nb_bigimg_content {position:absolute; bottom:10px; left:25px; width:375px; padding:10px; background-color:rgba(0,0,0,.7);}

.content_right .newsbox {position:relative; height:255px; margin-top:7px; box-shadow:0 0 7px rgba(0,0,0,.3);}
.content_right .nb_bigimg {position:absolute; top:0; left:0; width:383px; height:255px; background:#ddd;}
.content_right .nb_bigimg > a > img {width:383px; height:255px;}
.content_right .nb_bigimg_content {position:absolute; bottom:10px; left:13px; width:335px; padding:10px; background-color:rgba(0,0,0,.7);}


.nb_bigimg_content > span.news_date {color:#ffcf10; display:block; margin:0 0 5px 0 ;}
.nb_bigimg_content > span.news_title {color:#fff; font-size:14px; line-height:16px;}

.content_full .nb_news {position:absolute; top:0; left:630px; width:290px ;height:420px; background:#f4f4f4;}
.content_right .nb_news {position:absolute; top:0; left:383px; width:291px ;height:255px; background:#f4f4f4;}


.nb_news > ul {margin:0; padding:0; list-style-type:none;}
.nb_news > ul > li:before {content:none;}

.content_full .nb_news > ul > li {position:relative; height:83px; cursor:pointer; border-bottom:1px solid #ddd;}
.content_right .nb_news > ul > li {position:relative; height:84px; cursor:pointer; border-bottom:1px solid #ddd;}
	.content_full .nb_news > ul > li.last {height:84px; border:none !important;}
	.content_right .nb_news > ul > li.last {height:85px; border:none !important;}

.nb_news > ul > li:hover, .nb_news > ul > li.active {background-color:#0297fd;}
.nb_news > ul > li:hover:before, .nb_news > ul > li.active:before {display:block; position:absolute; left:-15px; top:35px; width:16px; height:16px; content:""; background:url("/site/images/arrow_blueleft.png");}

.nb_news > ul > li > img {width:64px; height:64px; margin:9px; background-color:#ddd; border:1px solid #fff}
	.nb_news > ul > li:hover > img {opacity:.7;}
.nb_news > ul > li > span.news_title {position:absolute; overflow:hidden; width:195px\8; height:56px; top:20px; left:80px; color:#151716; font-size:13px; line-height:14px;}
.nb_news > ul > li > span.news_date {position:absolute; top:7px; left:80px; font-size:11px; line-height:11px; color:#0496fd;}
	.nb_news > ul > li:hover > span, .nb_news > ul > li.active > span {color:#fff;}
	.nb_news > ul > li.active > span > a, .nb_news > ul > li:hover > span > a {color:#000; opacity:.7;}

a.nb_allnews {display:block; position:absolute; right:105px; bottom:-29px; padding:5px 10px; line-height:18px; text-decoration:none; background:#ddd; color:#777 !important; border-radius:0 0 4px 4px;}
a.nb_allnews:hover {background:#0297fd; color:#fff !important;}

/* ANONS */
.anonsdate {width:120px; text-align:center;}


/* Form_epk */

input.input {border:1px solid #009CFF; font-size:14px; padding:5px; text-align:left;  border-radius:3px; background:#f7f9fb; font-family:Times New Roman; font-style:italic; margin:0 0 5px 0;}
input.input_min {border:1px solid #009CFF; color:#001071; font-size:14px; padding:0 5px; border-radius:3px; text-align:left; background:#f7f9fb; margin:0; height:23px;}
select.input_min {border:1px solid #009CFF; font-size:14px; padding:2px;  border-radius:3px; text-align:left; background:#f7f9fb; margin:0;}
textarea.input {border:1px solid #009CFF; background:#f7f9fb; color:black;  border-radius:3px; font-family:Times New Roman; font-style:italic; font-size:14px; padding:5px; line-height:17px; overflow:auto; margin:5px 0 5px 0;}
.submit {padding: 0 10px 2px  10px;	font: 16px "Trebuchet MS", Tahoma, Arial, sans-serif;	outline: none;	position: relative;	cursor: pointer;	border-radius: 3px;	color: #42788E;	text-shadow: 1px 1px #B6E6F9;	border: 1px solid #60A7C1;	border-top: 1px solid #8CC5D9;	border-bottom: 1px solid #4191B0;	box-shadow:		inset 0 1px #CDEFFB,		inset 1px 0 #A8E2F8,		inset -1px 0 #A8E2F8,		inset 0 -1px #8DD9F5,		0 2px #589CB6,		0 3px #4E8AA1,		0 4px 2px rgba(0,0,0,0.4)	;	background: -moz-linear-gradient(top,  #abe4f8 0%, #74d0f4 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abe4f8), color-stop(100%,#74d0f4)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(top,  #abe4f8 0%,#74d0f4 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(top,  #abe4f8 0%,#74d0f4 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(top,  #abe4f8 0%,#74d0f4 100%); /* IE10+ */	background: linear-gradient(top,  #abe4f8 0%,#74d0f4 100%); /* W3C */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abe4f8', endColorstr='#74d0f4',GradientType=0 ); /* IE6-9 */	background-color: #8CD8F6;}.submit::-moz-focus-inner{border:0}.submit:hover {	border-top: 1px solid #79ACBE;	box-shadow:		inset 0 1px #B2E6F8,		inset 1px 0 #A8E2F8,		inset -1px 0 #A8E2F8,		inset 0 -1px #A8E2F8,		0 2px #589CB6,		0 3px #4E8AA1,		0 4px 2px rgba(0,0,0,0.4)	;	background: -moz-linear-gradient(top,  #80d4f5 0%, #92dbf6 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80d4f5), color-stop(100%,#92dbf6)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(top,  #80d4f5 0%,#92dbf6 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(top,  #80d4f5 0%,#92dbf6 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(top,  #80d4f5 0%,#92dbf6 100%); /* IE10+ */	background: linear-gradient(top,  #80d4f5 0%,#92dbf6 100%); /* W3C */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80d4f5', endColorstr='#92dbf6',GradientType=0 ); /* IE6-9 */	background-color: #8CD8F6;}.submit:active {	top: 3px;	border: 1px solid #72AFC5;	border-top: 1px solid #5C8D9F;	border-bottom: 1px solid #7DBFD8;	background: #8CD6F3;	box-shadow: inset 0 1px 2px #50A5C5;}

/* Feed_back Form */

.fb_form input, .fb_form textarea {font: 14px/22px Tahoma, Arial, Verdana, 'Lucida Sans', sans-serif; padding:2px 3px; color:#555;}
.fb_form input.wide_inp, .fb_form textarea.wide_inp {width:98%; border-radius:3px; background:#fff; border:1px solid #cbcbcb;}
input.submit {padding: 3px 10px 5px 10px; margin-bottom:10px; font: 16px "Trebuchet MS", Tahoma, Arial, sans-serif;	outline: none;	position: relative;	cursor: pointer;	border-radius: 3px;	color: #42788E;	text-shadow: 1px 1px #B6E6F9;	border: 1px solid #60A7C1;	border-top: 1px solid #8CC5D9;	border-bottom: 1px solid #4191B0;	box-shadow:		inset 0 1px #CDEFFB,		inset 1px 0 #A8E2F8,		inset -1px 0 #A8E2F8,		inset 0 -1px #8DD9F5,		0 2px #589CB6,		0 3px #4E8AA1,		0 4px 2px rgba(0,0,0,0.4)	;	background: -moz-linear-gradient(top,  #abe4f8 0%, #74d0f4 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abe4f8), color-stop(100%,#74d0f4)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(top,  #abe4f8 0%,#74d0f4 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(top,  #abe4f8 0%,#74d0f4 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(top,  #abe4f8 0%,#74d0f4 100%); /* IE10+ */	background: linear-gradient(top,  #abe4f8 0%,#74d0f4 100%); /* W3C */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abe4f8', endColorstr='#74d0f4',GradientType=0 ); /* IE6-9 */	background-color: #8CD8F6;}.submit::-moz-focus-inner{border:0}.submit:hover {	border-top: 1px solid #79ACBE;	box-shadow:		inset 0 1px #B2E6F8,		inset 1px 0 #A8E2F8,		inset -1px 0 #A8E2F8,		inset 0 -1px #A8E2F8,		0 2px #589CB6,		0 3px #4E8AA1,		0 4px 2px rgba(0,0,0,0.4)	;	background: -moz-linear-gradient(top,  #80d4f5 0%, #92dbf6 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80d4f5), color-stop(100%,#92dbf6)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(top,  #80d4f5 0%,#92dbf6 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(top,  #80d4f5 0%,#92dbf6 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(top,  #80d4f5 0%,#92dbf6 100%); /* IE10+ */	background: linear-gradient(top,  #80d4f5 0%,#92dbf6 100%); /* W3C */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80d4f5', endColorstr='#92dbf6',GradientType=0 ); /* IE6-9 */	background-color: #8CD8F6;}.submit:active {	top: 3px;	border: 1px solid #72AFC5;	border-top: 1px solid #5C8D9F;	border-bottom: 1px solid #7DBFD8;	background: #8CD6F3;	box-shadow: inset 0 1px 2px #50A5C5;}
.fb_err {background-color:#ffb4b4;}

/* --- */
.err,.error {background-color:#FFB7B7 !important;}




/* Garmon */


.garmon_head{
	display: block;
	padding: 12px;
	margin-top: 6px;
	border: 1px solid #a3a3a3;
	cursor: pointer;
	text-align: left;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2f2ff+0,9ed5ff+99 */
	background: rgb(226,242,255); /* Old browsers */
	min-height: 20px;
}


.garmon_body{
	display: none;
	position: relative ;
	padding: 16px;
	top:-3px;
	border: 1px solid #a3a3a3;
	border-top:0;
	border-radius: 0px;
	text-align: left;
}

.garmon_triangle_left{
	display: block;
	position: relative;
	top:2px;
	float: right;
	width: 20px;
	height: 20px;
	background-image: url('http://vivt.ru/images/arrow2.png');
	opacity: 0.5;
}

.garmon_triangle_down{
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.garmon_head *{
	display: inline-block;
	vertical-align: middle;
}


/*---------------------------------------- кнопка---------------------------------------- */
.but, .but:visited {
	-webkit-appearance: none;
  display: inline-block;
  margin: 10px;
  padding: 8px 15px;
  background: rgba(60, 174, 232, 1); 
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 4px;
  transition: all 0.3s ease-out;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    0 2px 2px rgba(0,0,0,0.3),
    0 0 4px 1px rgba(0,0,0,0.2);

  /* Font styles */
  font-family: 'pf_agora', Arial;
  font-variant: small-caps;
  font-size: 21px;  
  color: white;
  text-decoration: none;
  cursor: pointer;
  text-shadow: 0 1px rgba(3, 3, 3, 0.7);
}

.but:hover  { 
	-webkit-appearance: none; 
	background: rgba(63, 183, 243, 0.7); 
}

.but:active{
	box-shadow:
	    inset 0 1px 0 rgba(255,255,255,0.5),
	    inset 0 2px 2px rgba(0,0,0,0.3),
	    inset 0 0 4px 1px rgba(0,0,0,0.2);
}

.but.disabled, .but.disabled:hover, .but.disabled:active{
	background: rgba(197, 197, 197, 1); 
	cursor: not-allowed;
	box-shadow:
	    inset 0 1px 0 rgba(255,255,255,0.5),
	    0 2px 2px rgba(0,0,0,0.3),
	    0 0 4px 1px rgba(0,0,0,0.2);
}

.but.petrovich, .but.petrovich:hover, .but.petrovich:active{
	background: rgba(255, 0, 0, 1); 
	font-size: 30px;
}



/*---------------------------------------- опрос-виджет---------------------------------------- */
.opros{
	display: inline-block;
	min-width: 228px;
	max-width: 300px;
	box-shadow: 0 0 5px 1px rgba(0,0,0,.2);
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 5px;
	background-color: white;
	padding: 0;
	margin: 8px;
}

.opros_head{
	display: block;
	cursor: default;
	padding: 10px 10px 10px 12px;
	border-radius: 5px;
	border: 1px solid rgba(219, 219, 219, 1);
	background: rgb(62,181,241); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(62,181,241,1) 0%, rgba(77,89,161,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(62,181,241,1)), color-stop(100%,rgba(77,89,161,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  rgba(62,181,241,1) 0%,rgba(77,89,161,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  rgba(62,181,241,1) 0%,rgba(77,89,161,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  rgba(62,181,241,1) 0%,rgba(77,89,161,1) 100%); /* IE10+ */
    background: linear-gradient(135deg,  rgba(62,181,241,1) 0%,rgba(77,89,161,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eb5f1', endColorstr='#4d59a1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    font-size: 16px;
    line-height: 16px;
    color: white;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.opros_head p{
	font-size: 16px;
    line-height: 16px;
    color: white;
}


.opros_body{
	padding: 8px;
	text-align: center;
	background-image:url('/images/crowd.png');
	background-repeat:no-repeat;
	background-position: 120% -20%; 
	/*background-position: -20% 10px;*/
}

.opros_body_quation p{
	font-size: 18px;
	line-height: 24px;
}

.opros_body_options{
	font-size: 18px;
	line-height: 24px;
	height: 62px;
}

.opros_body_results{
	font-size: 18px;
	line-height: 24px;
	height: 62px;
}

.opros_body_results p{
	font-size: 18px;
	line-height: 24px;
}

.opros_body_results img{
	padding-top: 6px;
}

.quiz-grade {
	color: #FFF;
	font-weight: bold;
	display: inline-block;
	-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
	border-radius: 5px;
	margin: 5px 0 20px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.quiz-grade em {
	background: #25548a;
	color: #FFF;
	font-weight: bold;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	display: inline-block;
	font-style: default;
	border-bottom: 2px solid #244d7d;
	border-right: 2px solid #244d7d;
	border-top: 2px solid #2964a9;
	cursor: pointer;
}

.quiz-grade em:active {
	background: #244d7b;
	border-top: 2px solid #244d7b;
	
}

.quiz-grade em:first-child {
	border-bottom: 2px solid #244d7d;
	border-right: 2px solid #244d7d;
	border-top: 2px solid #2964a9;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.quiz-grade em:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.quiz-grade em.active {
	background: #EEE;
	color: #25548a;
	border-bottom: 2px solid #EEE;
	border-right: 2px solid #EEE;
	border-top: 2px solid #EEE;
	cursor: pointer;
}

.quiz-grade em.active:first-child {
	border-bottom: 2px solid #EEE;
	border-right: 2px solid #EEE;
	border-top: 2px solid #EEE;
}

.quiz-grade em.active:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.quiz-button {
	line-height: 32px;
	height: 32px;
	background: #25548a;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
	display: inline-block;
	border-bottom: 2px solid #244d7d;
	border-right: 2px solid #244d7d;
	border-top: 2px solid #2964a9;
	border-left: 2px solid #2964a9;
	border-radius: 5px;
	outline: 0;
	cursor: pointer;
	margin: 5px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
}

.quiz-button:active {
	background: #244d7b;
	border-bottom: 2px solid #2964a9;
	border-right: 2px solid #2964a9;
	border-top: 2px solid #244d7b;
	border-left: 2px solid #244d7b;
	-webkit-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.3);
}

#quiz-opinion {
	width: 550px;
	height: 100px;
	padding: 10px;
	box-sizing: border-box;
	outline: 0;
	border: 2px solid #EEE;
	border-radius: 5px;
	resize: none;
	-webkit-box-shadow: inset 1px 1px 6px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 1px 1px 6px 0px rgba(0,0,0,0.3);
	box-shadow: inset 1px 1px 6px 0px rgba(0,0,0,0.3);
	transition: border 300ms ease;
	font-size: 12pt;
	font-family: 'Tahoma', 'Arial', 'Verdana', sans-serif;
}

#quiz-opinion:focus {
	border: 2px solid #244d7b;
}

#apply-button {
	display: block;
	width: 980px;
	height: 120px;
	background: url('/images/index/apply_bg.png') center no-repeat;
}

#apply-button a {
	display: inline-block;
	width: 490px;
	height: 120px;
	opacity: 0;
	transition: opacity 200ms linear;
	background: #F00;
}

#apply-button a:hover {
	opacity: 1;
}

#apply-button a:nth-child(1) {
	background: url('/images/index/apply_left_h.png') center no-repeat;
}

#apply-button a:nth-child(2) {
	background: url('/images/index/apply_right_h.png') center no-repeat;
}





.color {
		color: #fff;
		line-height: 17;
}

.color_job {
	color: #fff;
    line-height: 30px;
    padding-top: 157px;
}

.pagetitle-image {
		height: 229px;
		    margin: -17px 0px;
}

.pagetitle-image_bsm  {
	height: 226px;
    width: 980px;
	margin: -14px 0px;
}

.pagetitle-image_bsm_sh{
	height: 226px;
    width: 980px;
	margin: -18px 0px;	
}

.text_span {
   display: block;
	margin-left: 35px;
    margin-top: -30px;
	margin-bottom: 10px;
}

.border-fdpo {
		border: 3px solid #1b3652;
		padding: 11px 0px 8px 29px;
}

hr.hr-mini_fdpo {
		border:none; 
        height:0; 
        margin:7px 0; 
        border-bottom:3px solid #1b3652;
        width: 633px;
 }
 
 
 img.img_fdpo {
		width: 800px;
	    margin-top: -118px;
	 right: 136px;
	 position: absolute;
 }
 
 .start_fdpo_1 {
	 right: 142px;
	 bottom: -232px;
 }
 
 .comp_fdpo_2 {
	 bottom: -105px;
	 right: 279px;
 }
 
 
 .prof_fdpo_3 {
	 bottom: 41px;
	 left: 237px;
 }
 
 
 .tochka_fdpo_1 {
	 bottom: -235px;
	 left: 125px;
 }
 
 .tochka_fdpo_2 {
	 bottom: -166px;
	 right: 329px;
 }
 
 .tochka_fdpo_3 {
	 bottom: 38px;
	 left: 500px;
 }
 
 .fdpo {
	position: relative;
	margin-top: 36px;
 }
 
 
 .border-fdpo-men{
		border: 1px dashed #d2d2d2;
}

.border-fdpo-td td {
		border: 1px dashed #ddd;
		
}

.fdpo_table {
		width: 100px;
		background-color: #fff;
}

td.fdpo_table  {
		padding: 48px 24px;
		text-align: center;
}


.fdpo_table_2 {
		width: 100px;
		background-color: #fff;
		margin-top: 100px;
	
}

td.fdpo_table_2 {
		padding: 170px 36px;
		text-align: center;
}
 
.right_top {
	margin-left: 780px;
}
 
 
 
 
 

/* dod */

  
  h2.font_v  {
		font-family: 'DS Eraser Cyr', arial;
  }
  
  
  
  
  .college_top {
	margin-left: 780px;
}

/*raen*/

.raen {
	font-size: 25px;
}

.raen p {
	color:#c50c0c;
}