@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700'); 

body
{
margin: 0;
background: #eaf3ff;
}


.top
{
width:100%;
padding: 20px 0;
background: #fff;
} 

.header0
{
width:100%;
padding:5px 0;
border-bottom: 1px solid #edf5fe;
background: #fff;
} 

.header1
{
max-width:1300px;
min-width:950px;
width: 100%;
margin:0 auto;
} 


.header
{
display:table;
margin: 5px 0;
} 

.headeri
{
display: table-cell;
padding: 0 20px;
text-align: center;
white-space: nowrap;
border-bottom: 1px solid #fff;
}

.headeri:hover
{
border-bottom: 1px solid #4b7ebf;
}

.headerRNX
{
display: table-cell;
padding: 0 30px 0 10px;
white-space: nowrap;
}

.headeri a
{
font: 14px Roboto;
color: #000;
text-decoration: none;
}


.headerRNX a
{
background: #1bcc3a;
text-decoration: none;
padding: 3px 5px;
font: 14px Roboto;
border-radius: 5px;
color: #fff;
}

.headerRNX a:hover
{
background: #4b7ebf;
color: #fff;
}


.toptop
{
width:100%;
max-width:1300px;
min-width:950px;
display:table;
margin:0 auto;
} 

.logo
{
width:220px;
vertical-align: middle;
text-align: center;
display: table-cell;
} 

.logo a
{
font: 15px Roboto;
color: #000;
text-decoration: none;
}

.bannerblock
{
vertical-align: middle;
text-align: right;
display: table-cell;
font: 13px Roboto;
color: #fff;
}

.bannertop
{
text-align: center;
padding: 15px 0;
display:table-cell;
vertical-align: middle;
}


.mainbody
{
margin: 0 auto;
padding: 0 0 40px;
width:100%;
max-width:1280px;
min-width:950px;
min-height: 600px;
} 


.footerall
{
background: #4b7ebf;
}

.footer
{
margin:0 auto;
width:100%;
max-width:1200px;
display:table;
} 


.footercell
{
display:table-cell;
padding: 15px 5px;
font: 15px Roboto;
color:#fff;
}

.footercell li
{
padding: 0 20px 2px;
list-style: none;
}

.footercell li a:hover
{
border-bottom: 2px solid;
}


.footercell a
{
font: 14px Roboto;
text-decoration: none;
color:#fff;
}



.pager
{
margin: 20px auto;
padding: 3px 30px;
font: 15px Roboto;
width: 80%;
}

.pagertl
{
border-top: 1px solid #d0d0d0;
}

.pagerbl
{
border-bottom: 1px solid #d0d0d0;
}


.pager a
{
color: #5f5f5f;
text-decoration: none;
padding: 3px 5px 0;
}

.pager a:hover
{
cursor: pointer;
border-top: 1px solid #000;
}

.pager b
{
font: bold 15px Roboto;
padding: 3px 5px 0;
color: #000;
border-bottom: 1px solid;
}


.menu0{
padding: 0;
width: 100%;
background: #4b7ebf;
margin: 0 auto 10px;
}


.menu{
width:100%;
max-width:1300px;
min-width:950px;
font: 17px Roboto;
margin:0 auto;
padding: 0;
}

.menu ul {
list-style: none; /* Убираем маркер для элементов списка */
margin: 0;
padding: 0;
}

.menu ul li {
display:inline-block;/*Выстраиваем пункты меню в ряд по горизонтали */
padding: 0 15px;
cursor: default;
vertical-align: middle;
border-bottom: 2px solid #4b7ebf;
}

.menu ul li ul li {
display:inline-block;/*Выстраиваем пункты меню в ряд по горизонтали */
padding: 0 15px;
cursor: default;
vertical-align: middle;
border-bottom: 0;
}


.menu ul li a,.menu ul li span {
display:block; /* Настраиваем оформление пунктов меню */
padding: 7px 5px 6px 7px;
color: #fff;
letter-spacing: 1px;
text-decoration: none;
}

.menu ul li ul li a {
display:block; /* Настраиваем оформление пунктов меню */
padding: 2px 5px;
color: #000;
letter-spacing: 1px;
text-decoration: none;
font: 14px Roboto;
}

.menu ul li img {
width: 20px;
height: 20px;
}


.menu ul li a:hover,.menu ul li span:hover
{
/*color: #fff !important;*/
}

.menu ul li ul li:not(:first-child)
{
/*border-top: 1px solid #01466d;*/
}

.nobord
{
font: 16px Roboto;
}


.menu ul li:hover:not(.nobg) {
/*background: #90b3fd;  Меняем фон пункта меню при наведении указателя мыши */
border-bottom: 2px solid #fff;
}

.menu ul li ul li:hover:not(.nobg) {
background: #e1eafd;  
border-bottom: 0;
}


.menu ul li ul {
display: none; /* Прячем пункты выпадающего блока меню */
position:absolute;
background: #fff; /* Задаем фон выпадающего блока меню */
padding: 5px 5px 10px 10px;
border: 1px solid #c8eafc;
z-index: 1000;
}

.menu ul li:hover ul {
display:block; /* Отображаем подменю при наведении мыши */
}

.menu ul li ul li {
display:block; /* Выстраиваем по вертикали пункты выпадающего меню */
}


.section
{
font: bold 13px Roboto;
color: #6a90fc;
margin: 0 5px 10px 0;
display: inline-block;
text-decoration: none;
}

.section:hover
{
color: #00297e;
}


.banner1
{
width: 100%;
height: 20px;
}

.modulename2 {
padding: 0;
margin: 10px;
border-bottom: 4px solid #000;
font: bold 18px Roboto;
}


.ban84
{
width: 100%;
text-align: center;
padding: 30px 0;
display: block;

}