.newsMainPanel {
width : 728px;
float : left;
text-align : justify;
}
.usersMainPanel {
width : 240px;
float : left;
}
.vkMain {
position : relative;
float : left;
}
.vkMainBg {
position : absolute;
left : 0;
bottom : 0;
background-color : #1892B9;
width : 240px;
height : 3px;
z-index : 100;
}
.lineMain:after {
content : "";
display : block;
visibility : hidden;
height : 0;
overflow : hidden;
clear : both;
}
.vertSepMain {
height : 20px;
}
.horSepMain {
width : 20px;
float : left;
}
.horSepLMain {
width : 22px;
float : left;
}
.mapContainer {
width : 986px;
height : 400px;
border : #1892B9 solid 1px;
float : left;
}
.mapPanel {
width : 708px;
background-color : #f2f2f2;
height : 380px;
padding : 10px;
float : left;
}
.mapNewsBlock {
z-index : 1000;
position : absolute;
left : -1000px;
top : -1000px;
background-color : #f2f2f2;
opacity : 0.9;
padding : 5px;
width : 718px;
height : 390px;
text-align : left;
}
.mapNewsBlock h3 {
margin : 0;
padding-top : 0;
}
.mapNewsBlock .books_all {
margin-top : 13px;
}
.mapNewsPanel {
height : 322px;
position : relative;
overflow : hidden;
}
.mapNewsPanelLine {
position : absolute;
bottom : 0;
width : 728px;
height : 60px;
background: linear-gradient(to top, #F2F2F2, transparent);
}
.mapNewsClose {
cursor : pointer;
position : absolute;
top : 5px;
right : 5px;
width : 16px;
height : 16px;
background-color : #CC0000;
z-index : 1000;
}
.mapNewsClose:hover {
background-color : #1892B9;
}
.mapNewsClose:after {
content : "";
display : inline-block;
position : absolute;
top : 8px;
left : 2px;
width : 12px;
height : 2px;
margin-top : -1px;
background : #fff;
transform : rotate(45deg);
}
.mapNewsClose:before {
content : "";
display : inline-block;
position : absolute;
top : 8px;
z-index : 10;
left : 7px;
width : 2px;
height : 12px;
margin-top : -6px;
background : #fff;
transform : rotate(45deg);
}
.scrollNewsBox {
float : right;
width : 258px;
height : 400px;
background : #fff;
color : #1892B9;
}
.scrollNewsPanel {
width : 258px;
height : 400px;
overflow : auto;
}
.scrollNewsPanel ul.main-regions-list {
list-style: none;
border : none;
padding: 0;
margin : 0;
}
.scrollNewsPanel ul.main-regions-list li {
border-color : #1892B9;
border-width : 0 1px 1px 1px;
border-style : solid;
height : 31px;
line-height : 14px;
padding : 0;
margin : 0;
background : #fff;
text-align : left;
}
.scrollNewsPanel ul.main-regions-list li:last-child {
border-width : 0 1px 0 1px;
}
.scrollNewsPanel ul.main-regions-list .emp {
display : table-cell;
width : 237px;
padding-left : 5px;
height : 31px;
vertical-align : middle;
color:#c5c5c5;
}
.scrollNewsPanel ul.main-regions-list div {
display : table-cell;
width : 237px;
padding-left : 5px;
height : 31px;
vertical-align : middle;
color:#000;
text-decoration:none;
cursor:pointer;
}
.scrollNewsPanel ul.main-regions-list div:hover {
color:#fff;
background-color : #1892B9;
}
.jspContainer {
overflow : hidden;
position : relative;
}
.jspPane {
position : absolute;
}
.jspVerticalBar {
position : absolute;
top : 0;
right : 0;
width : 19px;
height : 100%;
}
.jspTrack {
position : relative;
cursor : pointer;
right : 0;
top : 0;
width : 19px;
height : 100%;
background-color : #fff;
}
.jspTrack:before {
content : "";
position : absolute;
top : 0;
left : 0;
width : 9px;
height : 100%;
border-right : #1892B9 1px solid;
}
.jspDrag {
cursor : pointer;
position : relative;
width : 19px;
height : 55px;
border-color : #fff;
border-width : 0 1px;
border-style : solid;
background-color : #1892B9;
box-sizing : border-box;
cursor : pointer;
overflow : hidden;
left : 0;
}
.jspVerticalBar .jspArrowUp {
position : relative;
cursor : pointer;
display : block;
z-index : 1;
top : 0;
left : 0;
text-indent : -2000px;
overflow : hidden;
width : 17px;
height : 17px;
border : #fff 1px solid;
background-color : #1892B9;
}
.jspVerticalBar .jspArrowUp:before {
content : "";
position : absolute;
top : 7px;
left : 5px;
width : 6px;
height : 6px;
border-color : #fff;
border-width : 1px 0 0 1px;
border-style : solid;
transform : rotate(45deg);
}
.jspVerticalBar .jspArrowDown {
position : relative;
cursor : pointer;
display : block;
z-index : 1;
bottom : 0;
right : 0;
text-indent : -2000px;
overflow : hidden;
width : 17px;
height : 17px;
border : #fff 1px solid;
background-color : #1892B9;
}
.jspVerticalBar .jspArrowDown:before {
content : "";
position : absolute;
top : 3px;
left : 5px;
width : 6px;
height : 6px;
border-color : #fff;
border-width : 0 1px 1px 0;
border-style : solid;
transform : rotate(45deg);
}
.newsSliderPhoto {
width : 726px;
height : 300px;
border : #1892B9 solid 1px;
position : relative;
overflow : hidden;
}
.newsSliderPhoto img {
float : left;
}
.newsSliderPhoto span {
position : absolute;
display : block;
width : 326px;
height : 99px;
border-bottom : #1892B9 1px solid;
text-align : left;
}
.newsSliderPhoto div:nth-child(1) span {
right : 0;
top : 0;
}
.newsSliderPhoto div:nth-child(2) span {
right : 0;
top : 100px;
height : 100px;
}
.newsSliderPhoto div:nth-child(3) span {
right : 0;
top : 201px;
}
.newsSliderPhoto span a {
position : relative;
display : block;
color : #088DAD;
text-decoration : none;
width : 316px;
height : 89px;
padding : 5px;
line-height : 1.5em;
z-index : 2;
}
.newsSliderPhoto div:nth-child(2) span > a {
height : 90px;
}
.newsSliderPhoto span a:before {
content : attr(data-id);
display : inline-block;
border-radius : 5px;
padding : 0 4px 1px;
margin-right : 5px;
line-height : 14px;
font-size : 10px;
background-color : #088DAD;
color : #ffffff;
}
.newsSliderPhoto span:hover + div > img {
display : block;
}
.newsSliderPhoto span:not(:hover) + div > img {
display : none;
}
.newsSliderPhoto:not(:hover) div:first-child span + div > img {
display : block;
}
.newsSliderPhoto span:hover,
.newsSliderPhoto:not(:hover) div:first-child span,
.newsSliderPhoto div:hover > span {
background-color : #1892B9;
}
.newsSliderPhoto span:hover:before,
.newsSliderPhoto:not(:hover) div:first-child span:before,
.newsSliderPhoto div:hover > span:before {
content : "";
display : block;
position : absolute;
top : 0;
left : -11px;
width : 50px;
height : 50px;
background-color : #1892B9;
transform : skewX(-24deg);
z-index : 1;
}
.newsSliderPhoto span:hover:after,
.newsSliderPhoto:not(:hover) div:first-child span:after,
.newsSliderPhoto div:hover > span:after {
content : "";
display : block;
position : absolute;
top : 50px;
left : -11px;
width : 50px;
height : 50px;
background-color : #1892B9;
transform : skewX(24deg);
z-index : 1;
}
.newsSliderPhoto span:hover a,
.newsSliderPhoto:not(:hover) div:first-child span a,
.newsSliderPhoto div:hover > span a {
color : #ffffff;
}
.newsSliderPhoto span:hover a:before,
.newsSliderPhoto:not(:hover) div:first-child span a:before,
.newsSliderPhoto div:hover > span a:before {
background-color : #ffffff;
color : #088DAD;
}
.newsSliderPhoto div:hover > img {
display : block !important;
}
#userMain {
cursor : pointer;
width : 240px;
height : 34px;
background-color : #1892B9;
}
.userMainTitleBlock {
position : relative;
padding : 9px 5px 5px 5px;
font-weight : bold;
color : #fff;
}
.userMainTitle {
width : 210px;
height : 20px;
text-overflow : clip;
overflow-wrap : normal;
white-space : nowrap;
overflow : hidden;
}
.userMainTitleBg {
position : absolute;
width : 50px;
height : 34px;
left : 165px;
top : 0;
background: linear-gradient(to left, #1892B8, #1892B8, transparent);
}
#userMainBlock {
position : absolute;
z-index : 2;
}
.userMainTitleImgClose {
position : absolute;
width : 14px;
height : 34px;
right : 14px;
top : 0;
}
.userMainTitleImgClose:before {
content : "";
position : absolute;
bottom : 15px;
left : 4px;
width : 15px;
height : 15px;
background-color : #fff;
transform : rotate(45deg);
}
.userMainTitleImgClose:after {
content : "";
position : absolute;
top : 0;
left : 0;
width : 22px;
height : 13px;
background-color : #1892B8;
}
.userMainTitleImgOpen {
position : absolute;
width : 14px;
height : 34px;
right : 14px;
top : 0;
}
.userMainTitleImgOpen:before {
content : "";
position : absolute;
top : 16px;
left : 4px;
width : 15px;
height : 15px;
background-color : #fff;
transform : rotate(45deg);
}
.userMainTitleImgOpen:after {
content : "";
position : absolute;
bottom : 0;
left : 0;
width : 22px;
height : 12px;
background-color : #1892B8;
}
.forumMainBlock {
position : relative;
height : 358px;
overflow : hidden;
}
.forumMainBlockLink {
position : relative;
width : 238px;
text-align : center;
padding-top : 23px;
font-weight : bold;
}
.forumMainBlockBg {
position : absolute;
width : 238px;
height : 45px;
left : 1px;
bottom : 0;
background: linear-gradient(to top, #EAF0F2, #EAF0F2, transparent);
border-bottom : #1892B8 1px solid;
}
.forumMainBlockBg a:link {
text-decoration : none;
}
.forumMainBlockBg a:visited {
text-decoration : none;
}
.forumMainBlockBg a:hover {
text-decoration : none;
}
#eventsLeftPanel {
width : 240px;
float : left;
}
.eventsMainBlock {
position : relative;
height : 100%;
overflow : hidden;
}
.eventsMainBlockBg {
position : absolute;
width : 726px;
height : 100px;
left : 1px;
bottom : 0;
background: linear-gradient(to top, #EAF0F2, #EAF0F2, transparent);
border-bottom : #1892B8 1px solid;
}
.eventsMainBlockLink {
position : absolute;
right : 5px;
bottom : 6px;
}
.booksMainBlock {
width : 240px;
float : left;
}
.booksMainBlockLink {
position : relative;
width : 238px;
text-align : center;
line-height : 30px;
}
.booksMainBlockSep {
height : 5px;
}
.booksMainBlockBg {
position : absolute;
width : 238px;
height : 30px;
left : 1px;
bottom : 0;
background-color : #F2F2F2;
z-index : 2;
}
.booksMainBlockBg a:link {
color : #088DAD;
text-decoration : none;
}
.booksMainBlockBg a:visited {
color : #088DAD;
text-decoration : none;
}
.booksMainBlockBg a:hover {
color : #000000;
text-decoration : none;
}
.anonsMainPanel {
width : 728px;
float : left;
text-align : justify;
}
#anonsMain p {
padding : 0.5em 0 0 0;
margin : 0.5em 0 0 0;
}
#anonsMain p.first {
padding : 0;
margin : 0;
}
.mapBlock {
width : 100%;
clear : both;
}
.main240GGL {
width : 240px;
padding-left : 22px;
float : left;
}
#vk_groups {
border : #1892B9 solid 1px;
}
#yandex_ad_right {
background-color:#1892B9;
}
.block_content_main_anons a:link {
color : #088DAD;
text-decoration : none;
}
.block_content_main_anons a:visited {
color : #088DAD;
text-decoration : none;
}
.block_content_main_anons a:hover {
color : #000000;
text-decoration : none;
}
#vk_groups_cont {
width : 238px;
height : 410px;
}
.block_content_main .menu_user li {
margin-bottom : 0;
}