@charset "utf-8";
/* CSS Document */

html, body, div, a, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: none;
}
a { color: black; }
#menu a:hover { text-shadow: 0 0 10px white; }
#left a:hover { text-shadow: 0 0 10px gray; }
#left a.selected { color: red; }
#left a {
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
}
#left a, #left li  { color: #384e25; }
body {
	background-image:url(../images/sitebg.jpg);
}
#page {
	width: 1200px;
	margin: 0 auto;
	box-shadow: 0 0 10px gray;
	margin-bottom: 20px;
}
#topnav {
	height: 30px;
	background-color: #d8d8d7;
	padding: 10px;
}
#main {
	position: relative;
	background-image: url(../images/pagebg.jpg)
}
#header {
	padding: 10px 20px;
	position: relative;
	height: 280px;
}
#header2 {
	padding: 10px 20px;
	position: relative;
	height: 150px;
}
#footer {
	height: 40px;
	background-color: #d8d8d7;
}
#area1 {
	background-image: url(../images/pagebg.jpg);
	padding: 0 5px 10px 10px;
}
#area1, #area1 a, #area1 span {
	font-family: Verdana,Geneva,sans-serif;
    font-size: 0.9em;
	text-decoration: none;
}
#area1 a { color: blue; }
#area1 a:hover { text-decoration: underline; }
#logo {
	position: absolute;
	width: 395px; /* при изменении надо изменить этотже параметр в слое #logo-link */
	height: 135px; /* при изменении надо изменить этотже параметр в слое #logo-link */
	left: 50px;
	top: 10px;
	background-image: url(../images/logo.png);
}
#logo-link {
	width: 395px;
	height: 135px;
}
#headimage { /* рисунок на главной */
	position: absolute;
	width: 421px;
	height: 320px;
	background-image: url(../images/img1.png);
	right: 50px;
	top: -10px;
}
#headimage2 { /* рисунок на внутренней - списки */
	position: absolute;
	width: 304px;
	height: 190px;
	/*background-image: url(../img/img2.png);*/
	right: -40px;
	top: -40px;
	/*box-shadow: 0 0 5px gray;*/
}
#centerarea {
	position: relative;
	min-height: 700px;
	padding-bottom: 80px;
}
#menu {
	position: relative;
	text-align: center;
	z-index: 10;
    padding: 50px 40px 0 40px;
}
#clock {
	position: absolute;
	background-image: url(../images/clock.png);
	left: -40px;
	top: -160px;
	width: 188px;
	height: 232px;
	z-index: 9;
}
#slogan {
	position: absolute;
	background-image: url(../images/slogan.png);
	left: 150px;
	top: -10px;
	width: 471px;
	height: 48px;
	z-index: 9;
}
#pencil {
	position: absolute;
	background-image: url(../images/pencil.png);
	right: -50px;
	top: -30px;
	width: 186px;
	height: 246px;
	z-index: 11;
}
#globus { /* глобус на главной */
	position: absolute;
	background-image: url(../images/globus.png);
	left: 220px;
	bottom: -60px;
	width: 169px;
	height: 223px;
	z-index: 9;
}
#globus2 { /* глобус на внутренней - списки */
	position: absolute;
	background-image: url(../images/globus.png);
	/*right: -20px;*/
	left: 20px;
	bottom: 20px;
	width: 169px;
	height: 223px;
	z-index: 11;
	opacity: 0.6;
}
#books {
	position: absolute;
	background-image: url(../images/books.png);
	right: -50px;
	bottom: -10px;
	width: 284px;
	height: 214px;
	z-index: 9;
}
.menucol {
	width: 260px;
	height: 570px;
	box-shadow: -2px -1px 8px gray;
	padding: 15px 10px;
	/*margin-top: 40px;*/
}
.menucol2 { /* маленькие плашки */
	width: 300px;
	box-shadow: -2px -1px 8px gray;
	padding: 15px 10px;
}
#menu1 {
	background-color: #92c268;
	z-index: 8;
}
#menu2 {
	background-color: #ffccad;
}
#menu3 {
	background-color: #f0e8a7;
}
hr.hr1 {
	width: 80%;
	border: 0 none;
	border-radius: 2px;
	background-color: #ff7a00;
	height: 5px;
}
hr.hr2 {
	width: 90%;
	border: 0 none;
	border-radius: 2px;
	background-color: #ff7a00;
	height: 5px;
}
h2.title1 a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-decoration: none;
}
#left {
	float: left;
	width: 250px;
	/*min-height: 600px;*/
	background-color: #f0e8a7;
	margin-left: 10px;
	box-shadow: -2px -1px 8px gray;
}
#list {
	/*float: right;*/
	/*width: 700px;*/
	z-index: 10;
	padding: 0 20px;
	overflow: hidden;
}
table.rbanners p {
	margin: 0;
}
#contacts {
	width: 25%;
	float: left;
	font-size: 0.8em;
	padding: 5px 0 0 10px;
}
#counters {
	width: 30%;
	float: right;
	text-align: right;
	padding: 3px;
}
#copyright {
	width: 39%;
	overflow: hidden;
	text-align: center;
}
.shortplace {
	height: 350px;
}
/* стили страниц новостей */
#newsarea {
	background-color: #fff;
	min-height: 150px;
	max-height: 300px;
	/*padding: 15px;
	box-shadow: 0 0 8px gray;
	border-radius: 5px;*/
	opacity: 0.9;
	text-align: center;
}
.newsplace {
	padding: 15px;
}
.first-news, .second-news {
	padding: 15px;
	border: 1px solid gray;
	border-radius: 5px;
	box-shadow: 5px 3px 3px gray;
	background-color: #fff;
}
a.fpnewslink, a.link-obzor {
	text-decoration: none;
}
a.sourcelink {
	color: blue;
	text-decoration: underline;
}
.newspage a.sourcelink,
#onnewspage a.sourcelink,
a.fpnewslink:hover,
a.link-obzor:hover {
	color: blue;
	text-decoration: underline;
}
#selectedlink {
	color: red;
}
#newsleft {
	float: left;
	width: 250px;
	padding: 15px;
	background-color: #fff;
}
#newspage {
	padding: 15px;
	overflow: hidden;
	background-color: #fff;
}
a.readmore {
	color: #999;
	font-size: 0.95em;
}
.newstitle { padding-left: 20px; }

.news-fp {
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 0 8px grey;
    border-radius: 5px;
    padding: 10px;
    /*margin-top: 40px;*/
}
.news-fp a {
    text-decoration: none;
}
hr.style-three {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}
/*стили для рисунков в новостях*/
.news-image {
	max-width: 250px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.news-image-small {
	max-width: 150px;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

/* стили для всплывающего меню на баннерах */
div.banner-menu-wrapper {
	display: inline-block;
	position: relative;
	text-decoration: none;
	text-align: left;
}
div.banner-menu-div {
	display: none;
	position: absolute;
	z-index: 9998;
	top: -200%;
	left: 75%;
	padding: 0;
	min-width: 150px;
	max-width: 200px;
	min-height: 50px;
	height: auto;
	border: 1px solid #bbb;
	border-radius: 5px;
	box-shadow: 2px 2px 3px #ccc;
	opacity: .9;
	background-color: #eee;
	padding: 5px;
	
	color: #000;
	font-family: Arial;
	font-size: 9pt;
}
div.banner-menu-div a {
	color: #095287;
	font-size: 1em;
	font-weight: normal;
}
div.banner-menu-div b {
	font-family: Arial;
	font-size: 10pt;
	color: #000;
	font-weight: bold;
}
div.banner-menu-div a.banner-menu-wrapper-button {
	display: block;
	padding: 5px;
	border: 1px solid #bbb;
	border-radius: 3px;
	background: linear-gradient(to top, #ccc, #ddd);
	text-decoration: none;
}
div.banner-menu-div a.banner-menu-wrapper-button:hover {
	box-shadow: 0 0 3px red;
}
div.banner-menu-wrapper:hover .banner-menu-div {
	display: block;
}
/* конец стилей для всплывающего меню на баннерах */

.specmenu2 {
	display: inline-block;
	padding: 5px 10px;
	background: #f0e8a7;
	margin: 0 5px 10px;
	text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
}
.languagesmenu2 {
	display: inline-block;
	padding: 5px 10px;
	Line-height: 10px;
	border-right: 1px solid gray;
}
.languagesmenu2:hover,
.specmenu2:hover {
	color: orange;
}

.specmenu2.activated,
.languagesmenu2.activated {
	color: red;
}

.news-perforate {
	position: relative;
	background: #fff;
	width: 600px;
	/*height: 230px;*/
	float: right;
    box-shadow: 0 0 8px gray;
	border-radius: 5px;
    padding: 10px;
}

.news-perforate a,
#newsarea a {
	text-decoration: none;
}
.news-perforate a:hover,
#newsarea a:hover {
	color:red;
}
/*
.news-perforate ul li:hover,
#newsarea ul li:hover {
	background:#eee;
}
*/
.news-perforate ul li,
#newsarea ul li {
	margin-bottom: 7px;
}

.toplinks a {
	text-decoration: none;
}
.toplinks a:hover {
	color:red;
}

#center_reclam {
	width:560px; 
	margin:0 10px; 
	background-color: #fff; 
	padding: 15px 0;
	position: relative;
	right:0;
	margin-top: 20px;
	box-shadow: 0 0 8px gray;
	border-radius: 5px;
	opacity: 0.9;
}
#center_reclam ul {
	margin: 0;
}

.org-text h1.org_title {
	font-size: 1.5em;
}

#right h2 {
	font-size: 1.1em;
}

div#list ol.orglist {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
}
div#list ol.orglist li {
	margin-bottom: 3px;
}
div#list ol.orglist li:hover {
	background: #FFF6C3;
}

div#list ol.orglist li a {
	font-size: 18px;
	text-decoration: none;
	font-weight: normal;
}
div#list ol.orglist li a:hover {
	color: red;
}

ul.leftmenu li a {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
}

.menucol a {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
}

#page_anons {
	position: absolute;
	width: 490px;
	height: 130px;
	right: 20px;
	box-shadow: 0 0 8px gray;
	border-radius: 5px;
	padding: 10px;
	background: #fff;
}
#page_anons a {
	text-decoration: none;
}
#page_anons a font:hover {
	color: red;
}

.toplinks a {
	color: #000;
	font-weight: bold;
}

#center_price {
	margin-left: 20px;
}

#center_price  .price_link  a {
	color: #777;
}

.topmenu {
    margin: 0 10px 10px;
    padding: 20px;
    font-size: 14pt;

    background: #FAFAD2;
}

.topmenu a {
    color: MediumBlue;
}

.topmenu a:hover {
    color: red;
}

.topmenu a.selected { color: red; }

table.rbanners {
    width: 100%;
}

table.rbanners td {
    text-align: center;
}
table.rbanners td .banner-menu-div { text-align: left; }
table.rbanners td .banner-menu-div { padding:5px; }
.txt11 { font-size:0.9em; }
#nodemap {
    height: 240px;
    border: none;
    text-align: center;
}

.buttons-razdel {
    position: relative;
    top: 175px;
    float: left;
}

.specmenu-link {
    display: inline-block;
}

.small-scroll {
    margin-top: 15px;
    height: 738px;
    overflow-y: scroll;
    width: 650px;
}

.fixedh {
    overflow-y: scroll;
}


/* стили мероприятий */
div.events {
    margin: 5px;
}
table.tbl-events {
    background-color: #fff;
    padding: 10px;
}
table.tbl-events tr.tr-inside td {
    border-collapse: collapse;
    border: 1px dotted #ccc;
    padding: 5px 10px;
}
table.tbl-events tr.tr-inside td span {
    font-size: .9em;
}
.events_title {
    text-align: left;
    font-size: 1.6em;
    margin-left: 20px;
}
.ev-desc-all {
    text-align: left;
}
.ev-date {
    font-weight: bold;
}
.ev-time {
    font-weight: bold;
}
.ev-time-empty {
    font-weight: normal;
    font-size: .9em ;
}
table.tbl-events tr.tr-inside td span.ev-tel {
    margin-right: 15px;
    font-size: 1em;
}
.ev-org {
    font-weight: bold;
    text-decoration: underline;
}
a.ev-org {
    color: blue;
    text-decoration: none;
    font-size: 1.1em;
}
.ev-desc {
    font-size: .9em;
}
.ev-price {
    font-weight: bold;
}
.ev-ymlink  {
    font-weight: normal;
    text-decoration: underline;
    color: #0000ff;
}
a.ev-ymlink {
    text-decoration: none;
}
.org-title {
    margin: 0 20px;
}
.ev_link {
    float: right;
    right: 0;
    bottom: 0;
}
.ev_link a {
    color: #0000ff;
    text-decoration: none;
}

.ev-date-today {
    color: green;
}

.ev-type-2017, .ev-price-2066 {
    color: green;
}
.ev-type a {
    text-decoration: none;
}
.ev-type a:hover {
    color: red;
}

.short_menu {
    list-style: none;
}
.short_menu li {
    display: inline-block;
    margin-right: 20px;
}
.short_menu li a {
    display: block;
    padding: 20px 50px;
    background-color: #ffccad;
    text-decoration: none;
    font-size: 1.2em;
    /*font-weight: bold;*/
    text-shadow: 0 0 5px gray;
    border-radius: 5px;
}
.short_menu li a:hover {
    background-color: yellow;
}

.tr-banner td {
    padding: 10px 0;
}

a.disabled-link {
    cursor: default;
    pointer-events: none;
}
