body {margin:0; text-align:left; font-family:Arial; font-size:12px; color:#000000;}
td, th {font-family:Arial; font-size:12px; color:#000000;}
img {border:none;}
html {
	height: 100%;
}


a:link, a:visited {text-decoration:underline; color:#0066bb;}
a:hover {text-decoration:underline; color:#2299dd;}






#map_content {
	margin: 0 auto;
    width: 679px;
	height: 912px;
	padding: 20px 0 0 0;
}
#map_window {
	background: #eeeeee;
    width: 679px;
	height: 912px;
	position: relative;
/*	border: 1px solid #cccccc;*/
	z-index: 0;
}
#map_window .hint {
    width: 320px;
	position: absolute;
	background: #fff;
    color: #000;
	font-weight: bold;
	border: 1px solid #007788;
	padding: 4px 10px;
}

#map {
	position: absolute;
	top: 0px; left: 0px;
	z-index: 0;
}
#map a.marker {
	position: absolute;
	display: block;
    color: #fff;
	/*border: 1px solid #007788;*/
	width: 25px;
    height: 25px;
    background: transparent url(/tpl2/i/marker.png) no-repeat 1px 0;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
    padding-top: 4px;
}
#map a.marker:hover {
    background: transparent url(/tpl2/i/markerh.png) no-repeat;
    padding-top: 5px;
}









.title_header {color:#444477;}

.logo {
float: left;
width: 199px;
padding: 16px 36px;
}

#header {

}

.visu {
width: 100%;
float: left;
margin-right: -200px;
}

.visual {
position: relative;
height: 222px;
background-image: url(/tpl2/i/visual.jpg);
background-repeat: no-repeat;
background-position: right;
margin-right: 304px;
}

.slogan {
position: absolute;
right: 0;
text-align: left;
width: 250px;
height: 174px;
font-size: 17px;
color: #fff;
font-weight: bold;
padding: 36px 24px 24px 24px;
margin: 0;
/*clear:both;*/
}

.language {
opacity: 0.90;
-moz-opacity: 0.90;
filter: alpha(opacity=90);
    width: 70px;
    color: #dddddd;
    padding: 6px;
    margin: 0px;
    background-color: #557799;
    float: right;
    z-index: 9999;
}


.lang {color:#eeeeff;}
.lang:link, .lang:visited {color:#eeeeff;}
.lang:hover {color:#ffffff;}

.phone {
color: #006677;
font-size: 26px;
font-weight: bold;
text-align: right;
padding: 16px 64px 8px 64px;
}

.phone a {
display: inline-block;
min-width: 300px;
padding-left: 200px;
float: left;
font-size: 20px;
font-weight: bold;
text-align: center;
}


.menutop {
   /* float: right; */
	}

.content {
text-align: left;
  padding: 16px 24px;
}

.hr {
	display:block;
	width: 96%;
	height: 1px;
	background-color: #557799;
}

.linkcat {
	font-weight:bold;
	font-size:14px;
	padding: 4px 0px 6px 0;
	color:#000000;
	}
.linkcat a:link, .linkcat a:visited {text-decoration:underline; color:#0077aa;}
.linkcat a:hover {text-decoration:underline; color:#0099cc;}


.linkanons {color:#0077aa;}
.linkanons:link,.linkanons:visited {text-decoration:underline; color:#0077aa;}
.linkanons:hover  {text-decoration:underline; color:#0077aa;}

.linkbot {color:#dddddd;}
.linkbot:link, .linkbot:visited {color:#ffffff;}
.linkbot:hover {color:#dddddd;}

.linkheader {
	font-weight:bold;
	font-size: 16px;
	color:#335577;
	}
.linkheader:link, .linkheader:visited {text-decoration:none; color:#335577;}
.linkheader:hover {text-decoration:underline; color:#335577;}

.linkheader2 {color:#000000;}
.linkheader2:link, .linkheader2:visited {text-decoration:none; color:#0022cc;}
.linkheader2:hover {text-decoration:none; color:#002299;}

.linkletter {
	font-weight: bold;
	font-size: 11px;
	color:#8e8e6e;
	background-color: #eee6d6;
	padding: 0px 2px 1px 3px;
}
.linkletter:link, .linkletter:visited {text-decoration:none; color:#8e8e6e;}
.linkletter:hover {text-decoration:underline; color:#8e8e6e;}

.linkbox {
	font-weight: bold;
	font-size: 11px;
	color:#eee6d6;
	background-color: #8e8e6e;
	padding: 0px 2px 1px 3px;
}
.linkbox:link, .linkbox:visited {text-decoration:none; color:#eee6d6;}
.linkbox:hover {text-decoration:underline; color:#eee6d6;}

#pages {color:#444444;}
#pages a {
	font-size: 11px;
	color:#0066cc;
	padding: 0px 4px 1px 4px;
}
#pages span {
	font-size: 11px;
	color:#ffffff;
	background-color: #0066cc;
	padding: 0px 4px 1px 4px;
}


h4 {margin:4px 0px 4px 0px; font-weight:bold; font-size:13px; color:#000000;}
h3 {margin:4px 0px 4px 0px; font-weight:bold; font-size:14px; color:#116666;}
h2 {margin:4px 0px 8px 0px; font-weight:bold; font-size:16px; color:#335577;}
h1 {margin:6px 0px 8px 0px; font-weight:bold; font-size:18px; color:#335577;}

#leftcol {
width: 280px;
position: relative;
}

#leftcol .bot {
width: 280px;
position: absolute;
bottom:0;
}


#leftcol li {
list-style-type: square;
color: #557799;
padding:0 0 6px 0;
margin-left:16px;
}

#leftcol ul {
list-style:none;
padding: 0;
margin:0;
}

#leftcol ul li {
list-style-type: none;
color: #557799;
padding:0 0 6px 0;
margin:0;
}

#leftcol ul li ul {
color: #557799;
padding:2px 0 4px 22px;
}

#leftcol ul li ul li {
list-style-type: square;
color: #557799;
padding:2px 0 2px 0;
}


#center {
	/*width: 100%;*/

	padding: 0 16px;
}

#body {
	/*width: 100%;*/
	min-width: 680px;
	max-width: 880px;
	padding: 0 16px;
}

#rightcol {
	min-width: 220px;
	max-width: 330px;
}

#body .date,
#center .date,
#leftcol .date,
#rightcol .date {
	font-weight: bold;
	color: #555555;
}

#body .title,
#center .title,
#leftcol .title,
#rightcol .title {
	font-weight: bold;
	padding: 4px 0;
}





#body .anons,
#center .anons {
float: left;
width: 386px;
height: 220px;
margin-right:16px;
}

#body .anons h3,
#center .anons h3 {
margin:6px 0px 8px 0px;
font-weight:bold;
font-size:14px;
color:#116666;
}

.anons h3 a {color:#116666; text-decoration: none;}
.anons h3 a:hover {color:#118888; text-decoration: underline;}


#body .anons .img,
#center .anons .img {
width:200px;
height:150px;
float: left;
padding: 5px 5px 15px 5px;
background: transparent url(/tpl2/i/imgthumb2.gif) no-repeat;
margin: 0px 10px 0px 0px;
}

#body .anons span,
#center .anons span  {
display: block;
text-align: left;
}

#body .anons div,
#center .anons div {


}

#body .ak,
#center .ak {
position: relative;
margin: 0;
margin-left: -88px;
display: block;
width: 84px;
height: 84px;
left: -240px;
top: -10px;
float:right;
background: transparent url(/tpl2/i/ak.png) no-repeat;
}




#leftcol .anons img {
padding: 5px 5px 15px 5px;
background: url(/tpl2/i/imgthumb2.gif) no-repeat;
margin: 0px 10px 0px 0px;
}

#rightcol .anons img {
padding: 5px 0;
background: transparent;
margin: 0px;
}


#body .freeroom {color:#0077aa; font-weight:bold;}
#body .freeroom:link, #body .freeroom:visited {text-decoration:underline; color:#0077aa;}
#body .freeroom:hover {text-decoration:underline; color:#0077aa;}

#center .freeroom {color:#0077aa; font-weight:bold;}
#center .freeroom:link, #center .freeroom:visited {text-decoration:underline; color:#0077aa;}
#center .freeroom:hover {text-decoration:underline; color:#0077aa;}

#printlink {margin-top:8px; margin-bottom:8px; font-size:11px;}

#body ul {list-style:none;margin:4px 0 10px 15px;}
#body li {list-style:none;background-image:url('/i/li.gif');background-repeat:no-repeat;background-position:5px 5px;}
#body ul li {padding:4px 0 4px 12px;background-image:url('/i/li.gif');background-repeat:no-repeat;background-position:1px 9px;}
#body ul li ul {margin:4px 0 0 10px;padding:0;}
#body ul li ul li {padding:0 0 4px 10px;background-image:url('/i/lim.gif');background-repeat:no-repeat;background-position:0 6px;}

#body ol {list-style:none;margin:0 0 0 15px;}
#body ol li {padding:0 0 0 12px;background-image:url('/i/li.gif');background-repeat:no-repeat;background-position:0 4px;}
#body ol li ol {margin:0 0 0 10px;padding:0;}
#body ol li ol li {padding:0 0 0 10px;background-image:url('/i/lim.gif');background-repeat:no-repeat;background-position:0 6px;}



#banners {margin: 0 24px; width:200px; margin-top:-370px;}

.img {margin: 5px 5px 14px 5px;}
.imgleft {margin: 5px 10px 14px 0px;}
.imgright {margin: 5px 0px 14px 10px;}

.lightbox img {padding: 5px 5px 10px 5px; margin: 5px 10px 2px 0; background: transparent url(/tpl2/i/imgthumb2.gif) no-repeat;}
.autoimage {margin: 10px 0 0 0;}

#autoimage {float:right; width:216px; margin-left:20px;}
#autoimage img {
background: white;
border: #bbbbbb solid 1px;
width:100px;
height:75px;
padding: 1px;
margin: 0 4px 4px 0;
}


.tbl1 {border-bottom:#bbddcc solid 1px; border-top:#88aa99 solid 2px;}
.tbl1 td {border-bottom:#88aa99 solid 1px; padding:3px 8px 3px 8px;}

.tbl2 {background:#ddffee; border-bottom:#cceedd solid 1px; border-top:#bbddcc solid 2px;}
.tbl2 td {border-bottom:#bbddcc solid 1px; padding:3px 8px 3px 8px;}
.tbl2 td img {background: none;}
.tbl2head td {font-weight:bold; background:#cceedd;}

.tbl3 {}
.tbl3 td {vertical-align: middle; padding:10px;}

.txt_toggle {display:inline-block; font-size:14px; text-decoration:none!important; border-bottom:1px dashed #0066bb; margin:0;}
.txt_toggle:hover {text-decoration:none; border-bottom:1px dashed #2299dd;}
.txt_vslider {padding:10px 0 0 0;}



#lmenu {margin-bottom:24px; margin-top:6px; color:#dddddd;}
#lmenu div a {padding-left:0;}
#lmenu a:link, #lmenu a:visited {color:#ffffff;}
#lmenu a:hover {color:#dddddd;}

#lmenu1    {padding: 2px 0px 2px 12px; margin-left:0px; font-weight:bold;}
#lmenu1sel {padding: 2px 0px 2px 12px; margin-left:0px; font-weight:bold; background-image:url('/i/bul1.gif'); background-repeat:no-repeat; background-position:0px 5px;}

#lmenu2    {padding: 2px 0px 2px 16px; margin-left:10px;}
#lmenu2sel {padding: 2px 0px 2px 16px; margin-left:10px; background-image:url('/i/bul1.gif'); background-repeat:no-repeat; background-position:0px 5px;}

.a0 {font-size:10px;}
.a1 {font-size:11px;}
.a2 {font-size:12px;}
.a3 {font-size:13px;}
.a4 {font-size:14px;}
.new {font-weight:bold; color:#cc0000;}


#adminbox {
	font-weight: bold;
	font-size: 11px;
	color:#d6dc6c;
	background-color: #cc0000;
	margin: 10px 0px 10px 0px;
	padding: 0px 2px 3px 3px;
}
#adminbox a:link, #adminbox a:visited {text-decoration:none; color:#ffffff;}
#adminbox a:hover {text-decoration:underline; color:#ffffff;}

.adminlinks {
position: absolute;
	width: 84px;
	owerflow: hide;
	font-weight: bold;
	font-size: 11px;
	color:#d6dc6c;
	background-color: #cc0000;
	padding: 2px 5px 2px 5px;
	display:none; margin:0;
	opacity:0.9; -khtml-opacity:0.9; -moz-opacity:0.9; filter:alpha(Opacity=90);
	z-index: 999;
}
.adminlinks a:link, .adminlinks a:visited {text-decoration:none; color:#ffffff;}
.adminlinks a:hover {text-decoration:underline; color:#ffffff;}

.adminbox:hover {
background: #e4e4e4;
/*
border: 1px solid #cc4444;
*/
}
.adminbox:hover .adminlinks{display:block;}






.adm-link {font-size:12px; font-family:Arial; font-weight:bold; color:#222222;}
.adm-link a {font-weight:normal; text-decoration:none; color:#002244;}
.adm-link a:hover {font-weight:normal; text-decoration:underline; color:#224488;}


form     {margin:0; padding:0;}
select   {font-family:Arial; font-size:12px; border: 1px solid #999999; height:20px;}
input    {font-family:Arial; font-size:12px; border: 1px solid #999999; height:18px;}
textarea {font-family:Arial; font-size:12px; border: 1px solid #999999;}
.submit  {font-family:Arial; font-size:12px; color:#444444; height:20px; border: 1px solid #999999;
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f0f0f0,endColorStr=#c5c5c5);
background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#c5c5c5));
background: -moz-linear-gradient(top, #f0f0f0, #c5c5c5);
}

#table1 td {padding:3px 8px 3px 8px;border-top: 1px solid #cccccc;}
#table1 th {padding:4px 8px 4px 8px;border-top: 2px solid #999999;}
#tr1 td {padding:3px 8px 3px 8px;border-top: 2px solid #aaaaaa;}

table#tbl {
/*
	border-bottom: 1px solid #888888;
	border-left: 1px solid #888888;
*/
}
table#tbl td {
	padding:3px 8px 3px 8px;
/*
	border-top: 1px solid #888888;
	border-right: 1px solid #888888;
*/
}
table#tbl th {
	padding:4px 8px 4px 8px;
/*
	border-top: 1px solid #888888;
	border-right: 1px solid #888888;
*/
	background-color: #5A514D;
	height: 28px;
}

table#tbl .tr1 {padding:3px 8px 3px 8px;border-top: 2px solid #aaaaaa;}

/*
Стили для lib-form.php
*/

#lib-form-table td {padding:2px 0px 2px 4px;border-bottom: 1px solid #cccccc;}
#lib-form-table th {padding:4px 0px 4px 4px;border-bottom: 2px solid #999999;}
#lib-form-tr td {padding:3px 0px 3px 4px;border-bottom: 2px solid #aaaaaa;}

.lib-form-header {
	height: 30;
	font: bold Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Maroon;
	background-color: #E4E1DC;
	border-top: 1 solid silver;
	padding-left: 6px;
	padding-right: 6px;
}

.lib-form-text {
	background-color:#f9f9f9;
	border: 1 solid silver;
}

.lib-form-textarea {
	background-color:#f9f9f9;
	border: 1 solid silver;
}

.lib-form-checkbox {
	height: 25px;
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	border-bottom: 1 solid silver;
	padding-left: 6px;
	padding-top: 4px;
}

.lib-form-radio {
	border: 0;
}

.lib-form-select {
	background-color: #f9f9f9;
	border: 1 solid silver;
}

.lib-form-button {
	font-size: 9pt;
	height: 20px;
	border: 1px ridge #aaaaaa;
	background-color: e4e4dd;
	color: #444444;
/*
	border: 1px hidden #f7f7f7;
	button-gradient-end-color: #f7f7f7;
	button-gradient-start-color: #b7b7b7;
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f0f0f0,endColorStr=#c3c3c3)
*/
}

.lib-form-file {
	background-color: #f9f9f9;
	border: 1 solid silver;
	height: 20px;
}

.lib-form-comment {
	height: 25;
	font: bold Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Maroon;
	background-color: #f5f5f5;
	border-bottom: 1 solid silver;
	padding-left: 6px;
	padding-right: 6px;
}

.lib-form-td {
	height: 25;
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;
	border-bottom: 1 solid silver;
	padding-left: 6px;
}


/* --------------- top menu --------------- */

/* all menu links */
#nav a, #subMenusContainer a{
/*
opacity: 0.90;
-moz-opacity: 0.90;
filter: alpha(opacity=90);
*/
	text-decoration:none;
	display:block;
	padding:14px 20px 14px 20px;
    margin:0;
    background-color: #eeeeee;
	font-size: 14px;
    color: #446688;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	margin:0;
	float:left;
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}



/* All menu links on hover or focus */
#nav a:hover,
#nav a:focus,
#subMenusContainer a:hover,
#subMenusContainer a:focus,
#nav a.mainMenuParentBtnFocused,
#subMenusContainer a.subMenuParentBtnFocused{
	background-color:#3377aa;
	color:#FFF;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover,
#subMenusContainer a:focus,
#nav a.mainMenuParentBtnFocused,
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	background-color:#3377aa;
	color:#FFF;
}

#nav .selectedMenu {
display: block;
padding:14px 20px 14px 20px;
margin:0;
text-decoration: underline;
background-color:#228899;
color:#FFF;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{
	background: url(/tpl2/i/arrow_right.gif) right center no-repeat;
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{
	background: url(/tpl2/i/arrow_right_over.gif) right center no-repeat;
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{
	 background: url(/tpl2/i/arrow_down.gif) right center no-repeat;
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{
	background: url(/tpl2/i/arrow_down_over.gif) right center no-repeat;
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{
	display:none;
	position:absolute;
	overflow:hidden;
   	padding:0;
	margin:0;
}


/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {
	padding: 0;
	margin: 0;
	list-style-type:none;
	line-height: 0px;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {
	background:#fff;
	border-bottom: 1px solid #dddddd;
	left:0;
}


/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li {
	/*great place to use a background image as a divider*/
	display:block;
	list-style-type:none;
	position:relative;
	float:left;
}

#subMenusContainer li {
	list-style-type:none;
}

/* main menu ul or ol elment */
#nav {
	display:block;
	list-style-type:none;
	margin:0;
	z-index:5;
}

#subMenusContainer {
    display:block;
    width:100%;
    overflow:visible;
    z-index:1000000000;
}

/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }

.spec {
font-weight: bold;
color:#cc0000!important;
}
.spec:hover {
font-weight: bold;
color:#ffffff!important;
}

/* --------------- end top menu --------------- */

