/* Базовые стили */
BODY { 
	margin: 0;
	padding: 0;
	background-color: #fff;
}
BODY, TABLE, TD { 
	font: 12px Tahoma; 
	/*color: #ff1493;*/
    color: #444444;
}
TABLE {border: 0;}
IMG {border: 0;}

A {color: #0475cf; text-decoration: underline;} /* #0475cf; */
a:link{text-decoration: none; color="#0475cf"}
a:visited{text-decoration: none; color="#0475cf"}
a:hover{text-decoration: underline; color="#ff1493"}
a:active{text-decoration: none; color="#ff1493"}

.dotted{border-bottom: 1px dashed  #0475cf; font-weight: bold;}
a:hover.dotted{text-decoration: none; border-bottom: 2px dotted  #ff1493; font-weight: bold; }
h1 {
      
       font-size: 26px ; 
       color: #FC5F96;
       font-family: Monotype Corsiva;
       
        margin-bottom: 0;
        }
h2 {
       color: #0475cf;
        font-size:16px;
        margin-bottom: 0;
        }

h3 {
       color: #0475cf;
        font-size:16px;
        margin-bottom: 0;
        }
INPUT, SELECT, TEXTAREA {
	font: 11px Tahoma;
	color: #ff1493;
	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;
}




P {margin: 10px 0;}
UL {
	list-style: none;
	margin: 0 10px 0 10px;
	padding: 0;
}
UL LI {
	background: url(../i/marcer.gif) 0 4px no-repeat;
	padding: 0 0 0 15px;
}
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;}



/* Меню */
.menu {background: #f3f3f3 url(../i/m_bg.gif);}
#menu {
	color: #000;
	text-transform: lowercase;
	margin: 0;
	padding: 0 15px;
	list-style: none;
}
#menu LI {
	background: url(../i/separator.gif) left no-repeat;
	margin: 0;
	padding: 0;
	float: left;
	white-space: nowrap;
}
#menu #end {padding: 8px 25px 5px 20px;}
#menu #act {
	border-bottom: 4px solid #999;
	background: url(../i/separator_.gif) no-repeat;
	padding: 4px 25px 5px 20px;
	color: #666;
}
#menu A {
	color: #000;
	text-decoration: none;
	float: left;
	display: block;
	border-bottom: 4px solid #000;
	padding: 4px 25px 5px 20px;
}
#menu A {float: none;}
#menu A:hover {
	border-bottom: 4px solid #a25ddd;
	background: #fff url(../i/separator.gif) no-repeat;
}



/* Меню #2 */
#menu2 UL {
	color: #4D5072;
	padding: 7px 0 20px 0;
	margin-left: 15px;
}
#menu2 UL LI {
	padding: 3px 0 3px 20px;
	list-style: none;
	background: url(../i/marcer2.gif) 0 7px no-repeat;
}
#menu2 UL LI.act {background: url(../i/marcer2_.gif) 0 7px no-repeat;}

#menu2 UL LI UL{
	margin: 0;
	padding: 2px 10px 0 0;
}
#menu2 LI LI{
	background: url(../i/marcer3.gif) 0 9px no-repeat;
}
#menu2 LI LI.act{
	background: url(../i/marcer3_.gif) 0 9px no-repeat;
}


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

 *** тег <p> применяется, когда <label> не является заголовком элемента,
 *** а непосредственно следует за ним; других случаях он опущен
 ***/
.usual{
padding-left:10%;
}
.usual DIV{
padding:5px;
}
.usual H2{
color: #0475cf;
font-weight: bold;
background: none;
padding: 0;
margin:0;
}
.usual TEXTAREA{
font: 11px Tahoma, sans-serif; /* хотя есть глобальный стиль, он почему-то не срабатывает*/
color: #0475cf;
width: 300px;
overflow:auto;
}
.usual-text INPUT{
width: 300px;
}
.usual P{
margin:0;
height: 20px;
font-size: 10px;
color: #717171;
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;
}



/* Галерея */
.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 {margin: 0;}
.news DD {margin: 0 0 20px 0;}
.news-date {
	font: bold 11px Tahoma, sans-serif;
	color: #0475cf;
	margin-right: 15px;
}



/* Глоссарий */
.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(/i/marcer2_.gif) 0 5px no-repeat;
	padding: 0 0 15px 15px;
	margin: 0 0 15px 0;
	text-align: justify;
	border-bottom: 1px solid #cdcdcd;
}
.faq DIV {
	color: #8d8d8d;
	display: none;
	margin: 5px 0 0 0;
}
.faq A {color: #000; text-decoration: none;}
.faq A:hover {color: #0475cf; text-decoration: underline;}



/* Ссылки */
A.black, A:hover.black {color: #000;}



/* Универсальная таблица */
.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;}

.adv {

visibility: hidden; 
position: absolute;
}
