﻿@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,  small , strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; border-collapse: 0; border-spacing: 0; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body {width: 100%; font:  small  Tahoma, Arial;  text-decoration: none;  margin: 0; }
h1 {font: bolder  medium/16px Verdana, Arial, Helvetica, sans-serif; color:  #222; border-left: 10px solid  #09f; border-right: 10px solid  #09f; 
background:  #fff url(pic/hfon.gif) repeat-x top; height: 100%; text-align: left; padding: 3px ; margin: 2px 03px 0; }
h2 {width: 220px ; border-bottom: thin double #09f; font: bold larger Tahoma, Arial; text-align: left; margin: 0; padding: 0; }
h3 {font: bolder 14px Verdana, Arial, Helvetica, sans-serif; height: auto; text-align: center; padding-left: 2px ; color:  #0066CC; }
h4 {font: bolder  small /14px Verdana, Arial, Helvetica, sans-serif; color:  #222; margin-top: 2px ; margin-bottom: 2px ; }
h5 {font: bolder medium/14px Verdana, Arial, Helvetica, sans-serif; color:  #06c; height: 16px ; text-align: left; margin: 2px 0-15px 0; }
h6 {font: bolder medium/16px Verdana, Arial, Helvetica, sans-serif; color:  #222; border-left: 10px solid #09f; border-right: 10px solid #09f; 
background:  #fff url(pic/hfon.gif) repeat-x top; height: 100%; text-align: left; padding: 3px ; margin: 2px 0 3px 0; }
strong {font: bolder small/14px Tahoma, Arial; color: #222;}
ul {list-style: none; text-align: left; margin: 0; padding: 0;}
img {border: 0; margin: 0;}
p {text-decoration: none; text-align: justify; color:  #222; padding: 5px ; }
a:link, a:visited {text-decoration: none; font: small Tahoma, Arial; color: #06c;}
a:hover, a:active {text-decoration: underline; font: small Tahoma, Arial; color: #06c;}
.keys {font-size: xx-small;	font-style: oblique;	color: #ссс;}
.logo {position: absolute; top: 2px; right: 53.2%; visibility: visible; z-index: 1;
	font-size: xx-small;	font-style: italic;	color: #eee;	text-decoration: underline;}
.news_date {font: bolder small/12px Tahoma, Arial; color: #222; background: #eee; border-bottom: 2px solid #fc0; margin: 5px 0 5px 0;}
#center {text-align: center;}
.litera {color: #fff;	background: #06c;	clear: right;	float: left;	font: bold 36px Tahoma, Arial;	margin-top: -6px;
	margin-right: 2px;	padding-right: 6px;	padding-bottom: 2px;	padding-left: 6px;}
.table {	float: left;	clear: right;	display: block;	margin: 1px;}
.table_text { width: 200px; float: left; padding: 8px; margin: -10px 5px 20px 0;}
.gallery_text { width: 150px; float: left; padding: 8px; margin: -10px 5px 20px 0;}
#map1 {margin-left: 40px;}
#map2 {margin-left: 80px;}
.abzac {display: block; margin: 5px 0 0 0; clear: left;}
.abzac_2 {display: block; margin: 0; clear: left;}
.border {display: block;	margin: 5px;	padding: 0 5px 0 5px;	clear: left;	border: 1px solid #eee;}
.header{display:block;	width: 100%; background: #06c url(pic/Panorama_light.jpg) no-repeat bottom;	height: 330px;	margin: 0;}
.header a:link, .header a:visited {text-decoration: none; font: small Tahoma, Arial; color: #fff;}
.header a:hover, .header a:active {text-decoration: underline; font: small Tahoma, Arial; color: #fff;}
.menu1 {float:right; color:#fff; text-align:left; margin: 10px 20px 0 0;}
.menu1 ul li {margin-left: 0; padding: 2px 12px; list-style: none; display: inline;}
.rightmenu {float:right; color:#fff; text-align:left; margin-top: 10px;}
.menu2 a {height: 20px; width: 213px; color: #222; text-decoration: none; font: small/14px Tahoma, Arial;}
.menu2 a:link, .menu2 a:visited {display: block; background: url(pic/menu2.gif) 0 0; padding: 10px 0 2px 8px;}
.menu2 a:hover, .menu2 a:active {display: block; color: #fff; background: #09f url(pic/menu2.gif) 0 32px; }
.menu2_act a:link, .menu2_act a:visited {display: block; height: 20px; width: 213px; color: #fff; background: #09f url(pic/menu2.gif) 0 32px; font: bolder small/14px Tahoma, Arial; padding: 10px 0 2px 8px;}
.menu3 a {height: 25px; width: 205px; color: #222; text-decoration: none; font: small/12px Tahoma, Arial;}
.menu3 a:link, .menu3 a:visited {display: block; padding: 2px 2px 2px 10px;}
.menu3 a:hover, .menu3 a:active { display: block; background: #FC0; }
.menu3_act { display: block; height: 25px; width: 205px; font: small/12px Tahoma, Arial; background: #FC0; padding: 2px 2px 2px 10px;}
.main {display:block;	position: relative;	visibility:inherit; z-index: 2;	width: 100%;	height: 100%; margin: 0 0 10px 0;}
.sidebar {height: 680px;	float:left;	display:inline;	color:#222;	width: 223px;	padding: 0 0 20px 2px;	margin: 5px 0 0 5px;	border-top: 10px solid #09f;	margin-left: 6%; position: relative; z-index: 0; visibility: visible;  background:none;}
.text{min-height: 700px;	width: 48%;	float:left;	overflow:hidden;	display:inline;	padding: 5px 20px 20px 20px;	color:#222;	font-size:12px; position: relative;	visibility: visible; z-index: 0; background:none;}
.news{float:left;	width: 150px;	clear: right;	overflow:auto;	display:inline;	color:#222;	text-align: left;	padding: 5px 20px 20px 0;	margin-left: 2px; position: relative;	z-index: 0; visibility: visible;  background:none;}

.vodolas {height:220px; background:url(pic/footer0_bg.gif) no-repeat center bottom; position:relative; z-index:100;}

.footer {height: 50px;	width: 100%;	background: #06c;	clear:both;	display:block;	margin-top: -10px;}
.footer a:link, .footer a:visited {text-decoration: none; font: small Tahoma, Arial; color: #fff;}
.footer a:hover, .footer a:active {text-decoration: underline; font: small Tahoma, Arial; color: #fff;}
.leftfooter {float:left; padding:10px 0 0 30px;	color:#fff;	font-size:12px;}
.centerfooter {float:left;	margin-left: 100px;	padding:10px 0 0 30px;	color:#fff;	font-size:12px;}
.rightfooter {float:right;	padding:10px 30px 0 0;	color:#fff;	font-size:12px; text-align:right;}
.comment {font: bolder x-small/12px Verdana, Arial, Helvetica, sans-serif;	margin: 25px 0 5px;	color: #999999;
	text-align: justify;	border-bottom: 1px solid #CCCCCC;	border-top: 1px solid #CCCCCC;}
.counters{display:block; width: 100% - 40px;	height: 40px;	margin: 0;	background: #0066CC;	text-align: left;	padding-left: 40px;}
.counters a:link, .counters a:visited {text-decoration: none; font: small Tahoma, Arial; color: #aaa;}
.counters a:hover, .counters a:active {text-decoration: underline; font: small Tahoma, Arial; color: #fff;}
.adlinks {color:  #999; padding-left: 5px ; }
.adlinks a:link, .adlinks a:visited {text-decoration: none; font:  small Tahoma, Arial; color:  #999; }
.adlinks a:hover, .adlinks a:active {text-decoration: underline; font:  small Tahoma, Arial; color:  #999; }