/*Опрос минэкономразвития*/

p.mer-opros {
text-align: center;
display: block;
min-height: 40px;
background-color: #4682B4;
padding: 15px 0 15px 0;
}
a.mer-link {
font-size: 16pt;
    color: white;
}

/*ОГЭ - информация по присоединениям*/ 
ol#oge-list li {
	padding:10px 0px 0px 0px;
}
ol#oge-list>li {
	font-weight:bold;
}
div.round-box {
border:2px solid #007eab;
border-radius:10px;
width: 50%;
margin: 5% 22% 5% 21%;
text-align: center;
padding: 5px;
}

/*ссылки на соцсети*/

div.social-block {
	margin-left:5px;
	margin-top:3px;
}
.contacts .social {
	display: inline-block;
	width: 28px;
	height: 28px;
	background-position: center 1%;
	margin-top: 2px;
}
.contacts .social.tw {
	background: url( /images/socseti/tw-white.png)no-repeat;
	background-size:100% 100%;
}
.contacts .social.fb {
	background: url( /images/socseti/fb-white.png) no-repeat;
	background-size:100% 100%;
}
.contacts .social.vk {
	background: url( /images/socseti/vk-white.png) no-repeat;
	background-size:100% 100%;
}
.contacts .social.inst {
	background: url( /images/socseti/inst-white.png) no-repeat;
	background-size:100% 100%;
}
.contacts .social.youtube {
	background: url( /images/socseti/youtube-white.png) no-repeat;
	background-size:100% 100%;
}
.contacts .social.vk:hover {
	background: url( /images/socseti/vk-blue.png) no-repeat;
	background-size:100% 100%;
}
.contacts .social.fb:hover {
	background: url( /images/socseti/fb-blue.png) no-repeat;
	background-size:100% 100%;
}
.contacts .social.tw:hover {
	background: url( /images/socseti/tw-blue.png) no-repeat;
	background-size:100% 100%;
}
.contacts .social.inst:hover {
	background: url( /images/socseti/inst-blue.png) no-repeat;
	background-size:100% 100%;
}
.contacts .social.youtube:hover {
	background: url( /images/socseti/youtube-blue.png) no-repeat;
	background-size:100% 100%;
}
.contacts .social, .contacts .social a {
	min-height: 19px;
	color: #007eab;
	font-family: "Roboto-Light";
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 6px;
	min-height: 28px;
	margin-right: 20px;
	text-decoration: none;
width: 28px;
display: inline-block;
}

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

@font-face {
    font-family: 'Roboto';
    src: url(' fonts/Roboto-Bold-webfont.eot');
    src: url(' fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url(' fonts/Roboto-Bold-webfont.woff') format('woff'),
         url(' fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url(' fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: bold;
    font-style: normal;
}

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

html,body {height: 100%;}
html, body, form{
	padding: 0;
	margin: 0;
}
body{
	min-height: 100%;
	background: url( img/bg.png) repeat #FFFFFF;
}

a img{border: none;}
a img.slider{width:274px;}
a{text-decoration: underline; color: #0083ae;}
a:hover{text-decoration: none;}
.clear{clear: both; height: 0px;}
input, textarea{outline: none;}
textarea{resize: none;}


h1, h2{
	margin: 0;
	margin-bottom: 10px;
	color: #007eab;
	font-family: "Roboto";
	font-size: 23px;
	font-weight: bold;
	text-transform: uppercase;
}

img.left{
	float: left;
	margin: 15px 25px;
	margin-left: 0;
}

img.right{
	float: right;
	margin: 15px 25px;
	margin-right: 0;
}

p{margin: 0;}

#container, input, textarea{
	color: #3a3a3a;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

#container{
	background: white url( img/bg-main.png) no-repeat center top;
	background-size:cover;
	min-height: 100%;
	margin-bottom: -152px;
	position: relative;
	padding-left:8px;
	padding-right:12px;
}

#content{padding-bottom: 0px;}

.content{
	background: white url( img/bg-main.png) no-repeat center top;
	width: 1040px;
	margin:0 auto;
	position: relative;
	padding: inherit;
}

#header{min-height: 212px;}

.logo{
	display: block;
	background: url( img/logo.png) no-repeat;
	width: 527px;
	height: 89px;
	border-top: 12px solid transparent;
}
.logo_eng{
	display: block;
	background: url( img/logo_eng.png) no-repeat;
	width: 527px;
	height: 89px;
	border-top: 12px solid transparent;
}
/*DAG Классы для ссылки на portmc.ru в шапке на логотипе 27.07.2015*/
.portmc-div{
	width: 95px;
	position: absolute;
	top: 6px;
	height: 95px;
}
.portmc-link{
	width: inherit;
	height: inherit;
	position: inherit;
}
/*END*/
.logo-text{
	font-family: "Roboto-Light";
	color: #007eab;
	margin-top: 3px;
}

#header .contacts{
	position: absolute;
	top: 40px;
	right: 8px;
}

#header .contacts .phone{
	background: url( img/ico-phone.png) no-repeat center left;
	min-height: 19px;
	padding-left: 26px;
	color: #007eab;
	font-family: "Roboto";
	font-size: 23px;
	font-weight: bold;
	line-height: 25px;
	margin-bottom: 6px;
}

#header .contacts .mail{
	background: url( img/ico-mail.png) no-repeat center left;
	min-height: 11px;
	padding-left: 26px;
}

#header .contacts .mail, #header .contacts .mail a{
	color: #007eab;
	font-family: "Roboto-Light";
	font-size: 16px;
	text-decoration: none;
}
#header .contacts .mail a:hover{text-decoration: underline;}

.langs{
	position: absolute;
	top: 52px;
	left: 608px;
}

.langs a{
	display: inline-block;
	background: url( img/ico-langs.png) no-repeat;
	min-height: 11px;
	color: #c0c0c0;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	border: 2px solid transparent;
	border-radius: 2px;
	padding: 5px 8px;
	padding-left: 29px;
	margin-right: 3px;
}

.langs a.act, .langs a:hover{
	color: #0083ae;
	border: 2px solid #d5d5d5;
}

.langs a.rus{background-position: 6px -16px;}
.langs a.rus.act, .langs a.rus:hover{background-position: 6px 5px;}
.langs a.eng{background-position: 6px -57px;}
.langs a.eng.act, .langs a.eng:hover{background-position: 6px -36px;}

#footer{
	background: white url( img/bg-footer.png) no-repeat center top;
/* DAG 16.07.15 изменение высоты "подвала" */
	background-size: 1036px;
/*	height: 152px; */
	height: 217px;
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
}

.side-column{
	width: 314px;
	float: left;
	margin-right: 30px;
	padding-bottom: 20px;
	}

.side-column.right{
	float: right;
	margin-left: 30px;
	margin-right: 0;
}

.main-column{
	overflow: hidden;
	padding-bottom: 20px;
	}

#content:after, .main-column:after, .side-column:after{
	content: "";
	display: block;
	clear: both;
}



.btn{
	display: inline-block;
	background: url( img/btn.png) repeat-x top left;
	border: none;
	height: 28px;
	border-radius: 4px;
	color: #fff;
	font-family: "Roboto";
	font-size: 14px;
	text-decoration: none;
	vertical-align: middle;
	line-height: 28px;
	padding: 0 14px;
	cursor: pointer;
}

a.more{
	padding-right: 24px;
	position: relative;
	float: right;
}

a.more:after{
	content: "";
	display: block;
	background: url( img/arr-more.png) no-repeat center center;
	height: 100%;
	width: 7px;
	position: absolute;
	top: 0;
	right: 13px;
}
a.more:hover{text-decoration: underline;}

.bg-grad{
	background: #efefef url( img/bg-grad.png) repeat-x top;
	padding: 15px 20px;
	border-radius: 3px;
}

.img-links{
	margin-bottom: 20px;
	margin-left: 2px;
}

.img-links a{
	display: inline-block;
	vertical-align: top;
	border: 2px solid #fff;
	border-radius: 5px;
	background-color: #fff;
	margin-left: 6px;
}

.img-links a img{
	display: block;
	border-radius: 5px;
	width:inherit;
}
.img-links a:hover{box-shadow: 0 0 0 2px #007eab;}

.logo-link
{
	text-decoration: none;
}
.user
{
	float:right;
	margin-bottom: 10px;
	margin-right: 10px;
}
/*DAG класс для иконок меню первого уровня */
.icons-razdel
{
	position:relative;
	height:80px;
	padding-top:10px;
}
.right-column
{
	position: relative;	
	top: -270px;
	left: 350px;
	height:30px;
}
.icons-razdel img
{
	display:block;
	position:absolute;
	width:55px;
}
a.icon-text
{
	position: absolute;
	left: 65px;
	top: 40px;
	font-weight: bold;
	font-size: medium;
	font-family: sans-serif;
	text-decoration: initial;
}
.icon-razdel-1
{
	top:20px;
	left:0px;
}
.icon-razdel-2
{
	top:20px;
	left:110px;
}
.icon-razdel-3
{
	top:20px;
	left:220px;
}
.icon-razdel-4
{
	top:20px;
	left:330px;
}
.icon-razdel-5
{
	top:20px;
	left:440px;
}
.icon-razdel-6
{
	top:20px;
	left:550px;
}