@charset "windows-1251";
/*Пожалуй, это будет самая хаотическая таблица стилей в истории*/

/*Основное*/

body {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	background: #637176;
	margin: 0;
	padding: 0;
	color: #000;
	overflow:scroll;
}

.content p {text-align:justify;}
.content li {padding: 1px 14px 1px 0px;}



h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding: 0 15px;
}

/*Ссылки*/
a img {	
	border: none; 
}

a:link {
	color: #FE870A; 
	}
	
a:visited {
	color: #FF9F48;
}

a:hover, a:active, a:focus {
	text-decoration: none;
}

/*Общее*/
.container {
	width: 768px;
	background: #252A2C;
	margin: 0 auto;
}

.header {
	background: black;
}

/*Меню*/
.menu {
	width:768px;
	background:black;
	height:38px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
}

.menu ul { padding: 0; margin: 0; }

#navlist {font-size: 13px; font-weight:bold; width:768px; background-image:url(images/menu_back.PNG);}

ul#navlist {padding-left: 0; white-space:nowrap; height:38px; text-align:center;}

#navlist li {float:left; display:block; list-style-type:none; width:128px; line-height:36px;}

#navlist li#current {background-image:url(images/button_current.png); color:white;}

#navlist a {color:black; display:block; background-image:url(images/button_inactive.PNG);}

#navlist a:hover {color:white; text-decoration:none; background-image:url(images/button_rollover.PNG);}
/*!Меню*/

.content {
	padding: 10px 14px 10px 13px;
	color: white;
}

.footer {
	padding: 10px 0;
	background: black;
	color: white;
	background-image: url(images/footer.png);
	text-align: center;
}

/*Прочее*/
.list { padding: 0 50px 0 50px; margin: 0 50px 0 50px; list-style:square; display:block;}

/*Всплывающая подсказка*/
.tooltip { display:inline-block; position: relative; text-decoration: none; border-bottom: dashed 1px;}
.tooltip span {
  position: absolute;
  right: 0;
  top: -30px;
  display: none;
  min-width: 50px;
  padding: 3px 8px;
  white-space: nowrap;
  font-size: 11px;
  text-align: right;
  background-color: rgba(0,0,0,.8);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
}
.tooltip span small {
  position: absolute;
  right: 10px;
  bottom: -6px;
  border-top: 6px solid rgba(0,0,0,.8);
  border-left: 6px solid transparent;
}
.tooltip:hover span { display: block; }


/* для IE */

.tooltip span { background-color: #000; }
.tooltip span small { border-top: 6px solid #000; }

/* фиксим проблему со стрелочкой в IE 6 */
*html .tooltip span small { 
  border-left: 6px solid #363636;
}

/* фиксим проблему в IE 8 */
.tooltip span { background-color /*\**/: #000\9  }
.tooltip span small { border-top /*\**/: 6px solid #000; }

/*!Всплывающая подсказка. http://www.htmlblog.ru/html-css/css-tooltip.html :)*/

/* jQuery lightBox plugin - Gallery style */
#gallery {

}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
	border: 5px solid #C35B1C;
	border-width: 5px 5px 20px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }