/* Базовые стили */


BODY, TABLE, TD {font: 12px verdana; color: #000000;}


TABLE {border: 0;}
IMG {border: 0;}


a:link {color: #000000; text-decoration: none;} 
a:visited {color: #000000; text-decoration: none;}
a:hover {color: #ff0000; text-decoration: none;}


a.menu {font:bold 12px tahoma;letter-spacing:1px; color: #000000;text-decoration: none;}
a.menu:hover {font:bold 12px tahoma;letter-spacing:1px; color: #ff0000;text-decoration: none;}


INPUT, SELECT, TEXTAREA {
	font: 12px Tahoma, sans-serif;
	color: #0475cf;
	padding: 0 5px;
	height: 18px;
}
SELECT {padding: 0;}
TEXTAREA {
	color: #000;
	width: 100%;
	height: 110px;
}
FORM {
	margin: 0;
	padding: 0;
}
LABEL, BUTTON {
cursor: pointer; cursor: "hand";
}
INPUT,LABEL,BUTTON{
vertical-align:middle;
}

H1 {
	font: bold 12px Tahoma, sans-serif;
	color: #000000;
	border-left: 6px solid #a25ddd;
	text-transform: uppercase;
	padding: 5px 0 5px 15px;
	margin: 10px 0;
	letter-spacing: -1px;
}
H2 {
	font: bold 12px Tahoma, sans-serif;

	color: #000000;
	padding: 1px 0 2px 5px;
	margin: 5px 0;
}
H3 {
	font: bold 12px Tahoma, sans-serif;

	color: #000000;
}
H4 {
	font: bold 11px Tahoma, sans-serif;
	color: #000000;
	margin: 5px 0;
}
H5 {
	font: bold 11px Tahoma, sans-serif;
	text-decoration: underline;
	margin: 5px 0;
}

P {margin: 0px 0;}


ul {margin: 0.5em 0 1em 0; padding: 0;}
ul li {padding: 0 0 0.2em 25px; background: url(/image/marcer_.gif) no-repeat 15px 0.5em; list-style: none;}

OL { margin: 5px 0 0 25px; padding: 0;}



/* Текстовые стили */
.text-dark-grey {color: #999;}
.text-blue {color: #0475cf;}
.text-small {font-size: 10px;}
.text-red {color: #f90100;}



/* Основной каркас */
#top {
	border-top: 3px solid #000;
	border-bottom: 1px solid #000;
	width: 100%;
}
#dao {padding: 10px;}
#line-1px {background-color: #000;}
#line-2px {background-color: #fff;}
#t-1 {background-color: #f3f3f3; width: 22%;} 
#t-2 {padding: 0 8px; width: 56%;}
#t-3 {background-color: #f3f3f3;	width: 22%;}
.with2col #t-2{padding: 0 8px; width: 78%;}
#picture {background: #118fdf url(../i/picture.jpg) right no-repeat;}
#ico {
	text-align: center;
	margin-right: 380px;
}
#ico IMG {
	width: 47px;
	height: 47px;
	margin: 0 6px;
}
#logo {float: left;}
#logo IMG {margin-left: 30px;}
#alt-menu {
	font: 10px Tahoma, sans-serif;
	color: #999;
	text-transform: uppercase;
	text-align: center;
}
#alt-menu A {text-decoration: none;}
#alt-menu A:hover {text-decoration: underline;}
#phone {
	background-color: #118fdf;
	font: bold 11px Arial, sans-serif;
	color: #c1f6ff;
	width: 22%;
}
#phone SPAN {
	font: bold 16px Arial, sans-serif;
	letter-spacing: 1px;
	margin-left: 10px;
}
#dev {
	text-align: left;
	width: 210px;
}
#dev A, .dev A:hover {color: #D6ECFA;}
#dev IMG {margin: 3px 10px;}
#search {padding: 0 0 0 15px;}
#search INPUT {
	margin: 0 7px 0 0;
	color: #666;
	width: 90%;
}
.line {background-color: #000;}




/* Формы */
/***
 *** общий вид элемента
<h1>form name</h1>
<form class="usual">
	<div>
		<h2></h2>
		<p>
		<input><textarea><select><label>
		</p>
	</div>
<form>

 *** тег <p> применяется, когда <label> не является заголовком элемента,
 *** а непосредственно следует за ним; других случаях он опущен
 ***/
.usual{
padding-left:0px;
}
.usual DIV{
padding:0px;
}
.usual H2{
color: #ffff00;
font-weight: bold;
background: none;
padding: 0;
margin:0;
}
.usual TEXTAREA{
font: 11px Tahoma, sans-serif; /* хотя есть глобальный стиль, он почему-то не срабатывает*/
color: #0475cf;
width: 280px;
overflow:auto;
}

.usual-text INPUT{
width: 370px;
}
.usual P{
margin:0;
height: 20px;
font-size: 12px;
color: #ffff00;
white-space: nowrap;
}
.radio P{margin-left:-7px;}
.check P{margin-left:-5px;}
.form-c-button {
	width: 25px;
	width: "27px";
	height: 24px;
	margin: 0 10px;
}
.sbmt BUTTON{
	font: 11px Tahoma, sans-serif; }


/* Регистрация */
.reg-r {
	font-size: 10px;
	color: #717171;
	padding: 5px 10px;
}
.reg-l {
	text-align: right;
	padding: 7px 10px 5px 10px;
	color: #0475cf;
	font-weight: bold;
}

/* Регистрация */
.reg-r {
	font-size: 10px;
	color: #717171;
	padding: 5px 10px;
}
.reg-l {
	text-align: right;
	padding: 7px 10px 5px 10px;
	color: #0475cf;
	font-weight: bold;
}



/* Галерея */
.gallery IMG {
	width: 80px;
	height: 80px;
	padding: 1px;
}
.gallery A IMG {
	border: 3px solid #118FDF;
	margin: 0 7px 7px 0;
}
.gallery A:hover IMG {border: 3px solid #AD58E1;}



/* Новости */
.news {width: 100%; float: left; margin: 0 0 15px 0;}
.news_img {width: 125px; float: left; }

.no_image .news_text  {margin-left: 0;}
.news_image {float: left; margin: 5px 15px 15px 0;}
.news_text p {margin-bottom: 0;}
.date {font:bold 12px tahoma; color: #ff0000; padding: 0 0 4px 0;}
.news_title {font-weight: bold;}


.news_all a {float: left; padding: 0 45px 3px 17px; white-space: nowrap;}
.news_all .news_archive {background: url(/image/arr01.gif) no-repeat 0 0.5em;}
.news_all .news_rss {background: url(/image/ico_rss.gif) no-repeat 0 0.3em;}
.right .news_all {padding-left: 0;}

.prm01 {border: 1px solid #A9ACB4; padding: 1px; background: #FFF; margin: 0 0 15px 0;}
.prm01 div {background: url(/image/prm_bg.gif) repeat-x;}
.prm01 div div {background: url(/image/prm02.jpg) no-repeat;}
.prm01 div div div {background: url(/image/prm_text.png) no-repeat 90% 50px;}


/* Глоссарий */
.gloss {
	padding: 5px;
	background-color: #f0f8fe;
	text-transform: uppercase;
}



/* Голосование */
.poll {padding: 10px;}
.poll-q {
	font: bold 11px Tahoma, sans-serif;
	color: #0475cf;
}
.poll-s {font: 10px Tahoma, sans-serif;}



/* ФАК */
.faq {
	list-style: none;
	margin: 0;
	padding: 0;
}
.faq LI {
	background: url(/image/arrow.gif) 0 1px no-repeat;
	padding: 0 0 15px 15px;
	margin: 0 0 15px 0;
	text-align: justify;
	border-bottom: 1px solid #cdcdcd;
}
.faq DIV {
	color: #ffffff;
	display: none;
	margin: 5px 0 0 0;
}
.faq A {color: #ffff00; text-decoration: none;}
.faq A:hover {color: #99cc01; text-decoration: none;}



/* Универсальная таблица */
.instab {border: 1px solid #e7e7e7; width: 100%; margin-top:8px;}
.instab, .instab TD, .instab TH {
	border-collapse: collapse;
	color: #7f7f7f;
}
.instab TD, .instab TH {
	font: 11px Tahoma, sans-serif;
	padding: 5px;
	text-align: center;
	vertical-align:top;
	text-align:expression(this.parentNode.firstChild == this ? "left" : "center"); /* for IE */
}
.instab TD:first-child,.instab TH:first-child{
	text-align: left; /* for FF & Opera */
}
 
.instab TD {
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}
.instab TH {
	background-color: #e7e7e7;
	border-right: 1px solid #ccc;
	font-weight: bold;
	color: #7f7f7f;
}
#back_btn{
	padding: 20px 0;
}

/* Цветные Плашки */
	#bg1_magent{
	background:#D26EF5 url(/i/bg1_magent.gif);
	width:100%;
	height:22px; /* 37px */
	border-bottom:1px solid #000;
	}
	#bg2_magent{
	background:url(/i/bg2_magent.gif) no-repeat top right;
	width:100%;
	height:22px;
	}
		
	#bg1_blue{
	background:#108DDE;
	height:22px;
	border-bottom:1px solid #000;
	}
	#bg2_blue{
	background:url(/i/bg2_blue_big.gif) no-repeat top right;
	height:22px;
	}
	#bg1_gray{
	background:#B1B1B1 url(/i/bg1_gray.gif) no-repeat top right;
	}
	#bg2_gray{
	background:url(/i/bg2_gray.gif) no-repeat top right;
	}
		#bg2_magent TABLE, #bg2_blue TABLE, #bg2_gray TABLE{
		width:100%;height:100%;
		border-collapse:collapse;
		}
	
	#i0, #promo, #news, #contact{
	background:url(/i/i 0.gif) no-repeat 10px 6px;
	height:22px;
	color:#fff;
	font:bold 12px sans-serif;
	letter-spacing:7px;
	padding-right: 20px;
	}
	.icon{padding:0 15px;}