/* Базовые стили */
BODY { height: 100%;
	margin: 0;
	padding: 0;
  background-color: #4570b6;
 
}

BODY, TABLE, TD { 
	font: 13px Verdana, serif;
	color: #081732;
}
TABLE {border: 0;}
IMG {border: 0;
}

A {color: #122149; text-decoration: underline;} /* #a17d65; */
A:hover {color: #4772b8; text-decoration: none;}

INPUT, SELECT, TEXTAREA {
	font: 11px Verdana, sans-serif;
	color: #5F9FFD;
	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 {border-bottom: 3px solid #192954; 
	font: bold 14px Verdana, serif;
	color: #192954;
		text-transform: uppercase;
		margin: 5px 0;
	padding: 30px 10px 10px 45px;
	background: url('../amb/logocat.png') no-repeat;
	
}

hr {border: 1px solid #9eb1d0;}

.mainpage { font: bold 11px Verdana, sans-serif;
	color: #192954; border: 0; padding-right: 15px;}

H2 { border-bottom: 3px solid #192954; 
	font: bold 14px Verdana, serif;
	color: #192954;
		text-transform: uppercase;
		margin: 5px 0;
	padding: 30px 10px 10px 45px;
	background: url('../amb/logocat.png') no-repeat;

}
H3 {border-bottom: 3px solid #192954; 
	font: bold 14px Verdana, serif;
	color: #192954;
		text-transform: uppercase;
		margin: 5px 0;
	padding: 30px 10px 10px 45px;
	background: url('../amb/logocat.png') no-repeat;

}

H4 {border-left: 8px solid #192954; 
	font: bold 13px Verdana, sans-serif;
	
	margin: 10px 0;
	padding: 0 20px;
	color: #192954;

}

H5 { border-bottom: 3px solid #192954; 
	font: bold 14px Verdana, serif;
	color: #192954;
		text-transform: uppercase;
		margin: 5px 0;
	padding: 30px 10px 10px 45px;
	background: url('../amb/logocat.png') no-repeat;}

.phone {
	
	font: bold 11px Verdana, sans-serif;
	color: #f3cffd;
	
}

.textleft {margin: 15px 20px; }
.textleft IMG {
	border: 2px solid #192954; padding: 2px; margin: 5px;
}
.bottomc {font: 10px Verdana, serif;
	color: #f3cffd;
	padding-left: 50px;
}
.textin {margin: 15px 20px;  padding-left: 20px}
.textin IMG { margin: 5px;
	border: 2px solid #4772b8; padding: 3px}
	
	
	

/* Новости */
.news { margin: 0; border-bottom: 2px solid #192954; padding-bottom: 10px}
.news img {float: left; border: 2px solid #192954; padding: 3px}

.newszagolovok {font: bold 12px Verdana, serif; text-transform: uppercase; text-decoration: none; color: #192954}
.newszagolovok A { color: #192954; text-decoration: none;}
.news_text {margin-left: 80px; }
.newszagolovok A:hover { color: #4672b9; text-decoration: none;}
.news DD {margin: 0 0 20px 0;}
.news-date {
	font:  10px Verdana, sans-serif;
	color: #888888;
	margin-right: 15px;
}

P {margin: 5px 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;
}

.pages {font: bold 12px Verdana, sans-serif;

	padding: 0 2px;
	}

.nund {font: 13px Verdana, sans-serif;
 }
.nund span { padding: 0 10px;}
.nund b { padding: 0 10px; font-weight: normal;}
.nund a { padding: 0 10px;}

/* Текстовые стили */
.text-dark-grey {color: #999;}
.text-blue {color: #5F9FFD;}
.text-small {font-size: 10px;}
.text-red {color: #f90100;}
.big {	font: bold 16px Verdana, sans-serif;
	color: #990000;
	border-left: 6px solid #5F9FFD;
	text-transform: uppercase;
	padding: 5px 0 5px 15px;
	margin: 3px 0;
}


/* Основной каркас */


.asset {padding: 10px; background-color: #fbecd2;}
.asse {padding: 10px 0 0 10px; }
.mainbottom {color: #fbecd2; padding: 10px; text-align: center;}

.bottomgr {text-align: center;  color: #fbecd2; padding: 10px;}
.krugliy { margin: 2px;  background-color: #fbecd2;}

.up  {font: bold 14px Verdana, serif; padding: 0 15px; text-transform: uppercase;
		color: #333}
.brands {  padding: 0 8px; margin: 0 ; white-space: nowrap; color: #555}
.brands A {text-decoration: none; color: #555}
.brands A:hover {color: #990000; text-decoration: none;}
.brands P { border-bottom: 1px solid #333; margin: 0 ;  padding: 7px 15px}
.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: 13px Verdana, sans-serif;
	color: #999;
	text-transform: uppercase;
	text-align: center;
}
#alt-menu A {text-decoration: none;}
#alt-menu A:hover {text-decoration: underline;}

#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 {  margin-top: 25px; text-transform: uppercase; font: bold 12px Verdana, serif; text-align: center; }

.menu span {font: bold 12px Verdana, serif;
text-transform: uppercase;
	margin: 0 ;
	padding: 4px 12px 5px 30px;
	background: url(../i/romb.png) no-repeat;

	white-space: nowrap;
}

.menu curr {color: #f3cffd;	
	background: url(../i/seprator_.gif) no-repeat;
	padding: 4px 12px 5px 30px;
	
}
.menu a {color: #2d1232; text-decoration: none;}
.menu span A:hover {
	color: #f3cffd;	
	

}

#menu {
	color: #0746A3;
	text-transform: lowercase;
	margin: 0;
	list-style: none;
}
#menu b {font: 11px Verdana, sans-serif;
	margin: 0;
	padding: 0;
	
	white-space: nowrap;
}

#menu A {
	color: #0746A3;
	text-decoration: none;
	float: right;
	display: block;
	border-right: 4px solid #5F9FFD;
	padding: 3px 15px 3px 15px;
}
#menu A {float: none;}
#menu A:hover {
	border-right: 4px solid #990000;
	background: #fff url(../i/seprator.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: #5F9FFD;
font-weight: bold;
background: none;
padding: 0;
margin:0;
}
.usual TEXTAREA{
font: 11px Verdana, sans-serif; /* хотя есть глобальный стиль, он почему-то не срабатывает*/
color: #5F9FFD;
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 Verdana, sans-serif; 
}



/* Регистрация */
.reg-r {
	font-size: 10px;
	color: #717171;
	padding: 5px 10px;
}
.reg-l {
	text-align: right;
	padding: 7px 10px 5px 10px;
	color: #5F9FFD;
	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;}







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



/* Голосование */
.poll {padding: 10px;}
.poll-q {
	font: bold 11px Verdana, sans-serif;
	color: #5F9FFD;
}
.poll-s {font: 10px Verdana, 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: #5F9FFD; 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 Verdana, 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;}
	
	
.catalogue_search_form {margin: 0 10px 0 15px;}
.catalogue_search_form input, .catalogue_search_form select {margin: 3px 0; vertical-align: middle; padding: 0;}
.catalogue_search_form .mini_digit {width: 40px;}
.catalogue_search_form .midi_digit {width: 50px;}
.single_product button {font: bold 11px Verdana, Verdana, sans-serif; padding: 4px 8px;}
.single_product input {text-align: center;}