/* картинка фона */
#fon {margin: auto; width: 1000px; 
 background-image: url("/upload/design/fon.png"); background-repeat: repeat-y;
 position: static;
}

/* отбивка полосочкой под шапкой */
.otbivka {background:url("/upload/design/otbivka.jpg") repeat-x center; width:960px; height:15px;}
.otstup_content {padding: 10px;}

/* Стиль областного Каталога Баз */
#katalog_baz{font-size: 11px; color: #492f00;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 border: 2px solid gray; margin-bottom: 3px;}
#katalog_baz a {top:center;left:center; font-weight: bold; color: #A01907;} /*позиционирование гиперссылки*/ 
 
/* Ссылка в шапке */
#head_link { 
  width: 960px; /*ширина контейнера*/ 
  height: 200px; /*высота контейнера*/ 
  position: static; /*относительное позиционирование*/  
  background: url("/upload/design/banner.jpg") no-repeat center;} /*фоновое изображение без повторений*/
#head_link a { 
  position: absolute; /*абсолютное позиционирование*/  
  width: 190px; /*ширина контейнера гиперссылки*/
  height: 170px; /*высота контейнера гиперссылки*/
  text-indent: -1000em;}  /*отрицательный отступ*/ 
#head_link a:hover {border: 0px solid #663300;}  /*рамка контейнера гирерссылки*/ 
#head_link .homesite a {top:center;left:center;} /*позиционирование гиперссылки*/ 
 
#l_menu {width:190px; vertical-align: top; text-align:center; margin:0 0 40px 0;}/*- подложка текста меню -*/
#l_menu a:link, #l_menu a:visited {color: #faf44a; font: bold 13px 'Arial';}/*- основной цвет и размер текста меню -*/
#l_menu a:hover {color: #B7321C; text-decoration: underline;}/*- цвет текста меню при наведении мыши-*/
#l_menu a:active {color: #ffffff; text-decoration: none;}/*- цвет текста меню в момент нажатия-*/
#l_menu span {color: #B7321C; font: bold 14px 'Arial';}/*- цвет отдельного куска текста в блоке-*/
#l_menu .menu {height: 35px; text-align:center;/* размеры области отображения текста*/
background: url("/upload/design/planka.jpg") center repeat-x;}/* картинка-подложка */


/*- Описание основного текста страницы -*/
#content {color: #492f00; padding: 10px 10px 10px 10px; text-align: left;
 font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
font-size:12px; font-weight: normal;}
#content .active {font: 12px; color:#492f00;}
#content a:hover {font: 12px; font-weight: bold;}

.podval {background-image: url(/upload/design/fon_niz.jpg); 
width:960px; height:50px; color: #492f00;
font-family: Verdana, Helvetica, Arial, Geneva, sans-serif; font-weight:normal; font-size:11px;}

/* {box-sizing: border-box; -moz-box-sizing: border-box;} /** е Є Ў«®з­®© ¬®¤Ґ«Ё ¤«п Mozilla*/
body{margin: 0px;/* глобальное изменение оформления подложки */
padding: 0px;
background:#FDF4D8;}
img{border:0px;}/* глобальное изменение оформления картинок */
form{color:#492f00;
font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
font-size:11px;
font-weight:normal;}
/* глобальное изменение оформления всех таблиц*/
table{color:#492f00; border: 1px; border-collapse: collapse;
font-family: Verdana, Helvetica, Arial, Geneva, sans-serif; font-size: 12px;}
 
a{color: #492f00; text-decoration:none; font-style: bold; }/* Описывает размер, цвет и тд. ССЫЛОК */
a:hover{color: #A01907; text-decoration: underline;  font-style: bold; }

h1 {color:#492f00;font-family: Arial, Geneva, sans-serif;
font-size:14px;font-weight:bold;}
h2 {color:#492f00;font-family: Arial, Geneva, sans-serif;
font-size:13px;font-weight:bold; padding: 0px 10px 0px 10px; margin-top:0;}
h3 {color:#492f00;font-family: Arial, Geneva, sans-serif;
font-size:12px;font-weight:normal; padding: 0px 10px 0px 10px;}

ul {margin: 5px 0; padding:0 0 0 5px;}
li {list-style: none; margin-bottom: 5px;}
li a {text-decoration: underline;}
li a:hover {text-decoration: none;}

.banners {width:190px; padding: 0px 0px 10px 0px;}/* Баннеры на титульной странице */
.podporka {background-image: url(/upload/design/spacer.gif); height:500px; padding: 0px 0px 0px 0px;}/* Растягивает страницу по высоте */
/* для галереи */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/upload/design/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/upload/design/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.clb {clear:both; font-size:0; height:0; line-height:0; overflow:hidden; width:100%;}
.left {float: left;}
.right {float: right;}

#main {padding:5px 10px;}
.advt {display: block; border: 5px solid #FFAF6F; background-color:#EE732F; width: 180px; height: 90px; margin:10px 0;}
.advt-btm {display: block; float: left; border: 5px solid #FFAF6F; background-color:#EE732F; width: 140px; height: 60px; margin:10px 4px;}

.news {margin:5px 0 10px; font-size: 95%;}
.news a {display: block; margin-left:80px;}
.date {float:left; padding:3px 5px; margin-right:5px; background-color:#FFAF6F;}
.news-arch {float: right; margin:5px; font-size: 95%;}

.art {margin: 10px; font-size: 95%;}

.foxy-brd {border: 5px solid #FFAF6F; margin: 5px;}
.grey-brd {border: 1px solid #CCC; margin: 3px; padding: 3px;}
.grey-brd a {color: #1B466F;}

div.path {font-size: 95%;}
div.childs {margin: 5px 0;}
div.childs div {margin: 5px 0; padding: 5px; border:1px solid #ccc;}
div.childs img {margin:0 5px 5px 0; display: block; float:left;}
div.childs a {text-decoration: underline; color: #336699;}
div.childs a:hover {text-decoration: none;}
div.childs p {margin-bottom: 0;}

div.map ul {margin: 5px 0; padding:0 0 0 15px;}