/* Стандартные стили */

/* MAIN */
BODY 	{ padding: 0 0 0 0; margin: 0 0 0 0; background-color: white; font-family: Tahoma, Verdana, Arial; font-size: 9pt }
TD 	{ font-family: Tahoma, Verdana, Arial; font-size: 8pt }
.formcol {background-color:FFFFFF; color:000000; font-size: 9px; font-weight: normal; WIDTH: 35px; HEIGHT: 18}

P	{ margin: 15 0 0 0; font-size: 10pt; color: #000000; padding-bottom: 0 }
A	{ color: #0770D2 }
A:hover	{ font-size: 10pt; color: #FF6200 }


/* TOP NAVIGATION */
.TN_current { font-size: 10px; color: #B2B2B2 }

TD.orange { background-color: #006BCE }
TD.blue { background-color: #0068C8 }

/*------------ Блок контактов (contacts) --------------------------------------------------------------------------*/
.contacts { margin: 6px 20px 10px 20px; }
.contacts p { margin: 0px 0px 6px 0px !important; }
.contacts strong { font-weight: bold; }
/*------------ end of contacts ------------------------------------------------------------------------------------*/

/*------------ Баннеры (banners) ----------------------------------------------------------------------------------*/
.banners { margin: 40px 0px 0px 0px; text-align: center; }
.banners img { border: none; }
.banners div { margin: 0px 0px 30px 0px; }
/*------------ end of banners -------------------------------------------------------------------------------------*/

/*------------ Главное меню (menu) --------------------------------------------------------------------------------*/
td.menu { padding: 5px 0px 5px 0px; }
td.menu p { margin-top: 15 }

td.menu a {
	font-weight: bold; color: #006BCE; font-size: 12px; text-transform: uppercase;
	padding: 0px 20px 1px 0px; font-family: tahoma;
	background: url(menu/menu_on.gif) center right no-repeat;
}
td.menu a:hover {
	font-weight: bold; color: #FF0000; font-size: 12px; text-transform: uppercase;
	padding: 0px 20px 1px 0px;
	background: url(menu/menu_off.gif) center right no-repeat;
}
td.menu span, td.menu a.selected, td.menu a.selected:hover {
	font-weight: bold; color: #0061BB; font-size: 12px; text-transform: uppercase;
	padding: 0px 20px 1px 0px;
	background: url(menu/menu_off.gif) center right no-repeat;
}
/*------------ end of menu ---------------------------------------------------------------------------------------*/


a.menu	{ font-weight: bold; color: #333333; font-size: 10px; }
a.menu:hover	{ font-weight: bold; color: #FF6200; font-size: 10px }
a.menu_on	{ font-weight: bold; color: #0770D2; font-size: 10px }
a.menu_on:hover	{ font-weight: bold; color: #FF6200; font-size: 10px }

/*------------ Меню второго уровня (menu2) ----------------------------------------------------------------------*/
.menu2 a {
	color: #FFFFFF; font-size: 9pt;
	padding: 0px 0px 1px 15px;
	background: url(menu/s_arr1.gif) 0px 3px no-repeat;
}
.menu2 a:hover { color: #FF720C ; font-size: 9pt}
.menu2 a.smenu_on	{ color: #FFFFFF; font-size: 9pt; font-weight: bold }
.menu2 p { margin: 0 8 8 0 }
.menu2 p.smenu_on  { margin: 8 8 0 0; color: #FFFFFF; font-size: 8pt; font-weight: bold }
/*------------ end of menu2 --------------------------------------------------------------------------------------*/

/*P.ad_bar { margin-left: 20; margin-top: 20; margin-bottom: 23px; }*/
P.mt_title { font-size: 13pt; margin-left: 20; margin-top: 6}
P.mt { margin: 20 20 20 20 }
P.subtitle { margin-left: 20 }

P.title		{ font-size: 13pt; line-height: 18px; color: #333333; font-weight: normal; }
P.menu_title { font-size: 13pt;line-height: 18px; color: #D7ECFF; font-weight: normal; margin: 16 10 12 0 }
P.ban_text	{ font-size: 10px; color: #666666; margin: 6 0 6 0 }
.grey 			{ font-size: 8pt; color: #666666 }
STRONG 	{ font-weight: normal }
FORM	{ margin-bottom: 0; margin-top: 10 }
H1	{ font-size: 13pt; margin: 16 100 12 0; line-height: 18px; color: #E1F1FF; font-weight: normal}
#H1	{ font-size: 13pt; margin: 16 100 12 0; line-height: 18px; color: #E1F1FF; font-weight: normal}
H2	{ font-size: 8pt; color: #333333; ling-height: 10px; font-weight: normal; margin: 1 0 17 0 }


DIV.printpage { text-align: right; margin: 20 0 0 0 }
P.copyr	{ margin: 15 0 0 0; font-size: 8pt; padding-bottom: 0; color: #666666}

/* VOTINGS */

.sgrey { font-size: 10px; color: #666666; margin: 0 0 0 0 }
.bbtitle { font-size: 8pt; font-weight: bold; color: #FF6200  }

/* HELPERS */
.htitle { font-size: 8pt; font-weight: bold; color: #FF6200 }
.htext { font-size: 10px; }

A.small { font-size: 10px; }

.red { color: #FF6200; font-size: 10pt; font-weight: bold}

LI.faq { margin-bottom: 6px }

/* BODIES 0068C8*/
P.mt_body { margin-top: 25px; font-size: 10pt; font-weight: bold; color: #333333 }
P.mt_body_o { margin-top: 25px; font-size: 10pt; font-weight: bold; color: #FF6200 }
P.mt_body_b { margin-top: 25px; font-size: 10pt; font-weight: bold; color: #0068C8 }
P.mts_body { margin-top: 0px; font-size: 8pt; font-weight: bold; color: #333333 }
P.bigdate { font-size: 13pt; color: #0068C8 }


.v_quest { font-size: 10px; color: #333333 }
P.phone { font-size: 12pt; font-weight: bold; margin-top: 7px }
P.address { font-size: 10pt; margin-top: 15px }

/* * * * * * * * * * * * * * * * * * * * * * * * * *
* Стили, используемые информационными сообщениями  *
* * * * * * * * * * * * * * * * * * * * * * * * * */
/* Сообщения об ошибках */
div.errorBox {background: #fff; border: solid 2px #f00; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}
div.errorBoxCap {background: #f00; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}
/* Информационные сообщения */
div.infoBox {background: #fff; border: solid 2px #25b; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}
div.infoBoxCap {background: #25b; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}

/*------------ Стили области контента (Content) --------------------------------------------------------------------*/
td.content { padding: 25px 25px 0px 20px; }
TD.introtext span {text-decoration: none; font-size: 11px; color: #FDFEFD}

td.left { vertical-align: top; width: 75%; }
td.right { vertical-align: top; padding: 0px 0px 0px 20px; }

.main td.left { vertical-align: top; width: 60%; padding: 0px 20px 0px 0px; }
.main td.right { vertical-align: top; width: 40%; border-left: 1px solid #999999; }

td.left_narrow { vertical-align: top; width: 190px; }

#Content { font-family: tahoma, verdana, arial; font-size: 11px; }

#Content p { margin: 0em 0em 1.2em 0em; }

#Content img { border: none; }

#Content hr { border-top: 1px solid #B9B8B8; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
#Content hr.smaller { width: 20%; text-align: left; }

#Content .smaller { font-size: 10px; }
#Content .right .smaller { color: #666666; }
#Content .smaller a:hover { font-size: 10px; }

#Content a { color: #0770D2 }
#Content a:hover { color: #FF6200 }

#Content ol, #Content ul {
	margin: 0em 0em 1.2em 4em;
	padding: 0em 0em 0em 0em;
}
#Content li { line-height: 115%; }

#Content strong { font-weight: bold; }

#Content .bpoint { background: url(c.gif) 0px 3px no-repeat; text-indent: 15px; }

#Content .opoint { background: url(q.gif) 0px 3px no-repeat; text-indent: 15px; }
#Content a.opoint { padding: 0px 0px 0px 13px; 	font-size: 12px; text-decoration: underline; text-indent: 0px; }
#Content a.opoint:hover { font-size: 12px; }

#Content .gpoint { background: url(g.gif) 0px 3px no-repeat; text-indent: 15px; }
#Content p.gpoint, #Content p.opoint, #Content p.bpoint { margin-bottom: 0.8em; }


#Content .block {
	padding: 20px 0px 20px 25px;
	margin: 10px 0px 0px 0px;
	border-left: 1px solid #B9B8B8;
	font-size: 10px;
}
#Content .block a:hover { font-size: 10px; }

#Content .oblock, #Content .gblock {
	padding: 20px 0px 20px 25px;
	margin: 10px 0px 0px 0px;
	border-left: 1px solid #B9B8B8;
	font-weight: bold;
}
#Content .oblock { color: #FF6200; }
#Content .gblock { color: #777777; }

#Content .highlighted { font-size: 12px; color: #FF6200; font-weight: bold; }

#Content .grey { color: #777777; }

#Content h1 { color: #333333; font-size: 13px; font-weight: bold; margin: 0em 0em 1.2em 0em; }
#Content h2 { color: #0068C8; font-size: 12px; font-weight: bold; margin: 0em 0em 1.2em 0em; }
#Content h3 { color: #333333; font-size: 12px; margin: 0em 0em 1.2em 0em; }
#Content h4	{ font-size: 12px; color: #666666; margin: 0em 0em 1.5em 0em; }

/*-- Таблица списка оконных систем --*/
#Content .systems td { padding: 10px 30px 10px 0px; vertical-align: top; }
#Content .systems.narrow td { padding: 10px 7px 10px 0px; vertical-align: top; }
/*------------ end of content --------------------------------------------------------------------------------------*/

/*------------ Изображение на главной странице (intro) -------------------------------------------------------------*/
.intro { width: 95%; }
.intro .image { width: 529px; height: 272px; vertical-align: top; text-align: right; }
.intro .image_new { background: url(image_new.jpg) no-repeat left bottom; }

.intro a {
	float: left;
	width: 200px; height: 90px;
	margin: 110px 0px 0px 45px;
}
.intro .bg { background: url(mpicbg2.gif) 0px 70px repeat-x; vertical-align: top; text-align: right; padding: 70px 0px 0px 0px;}
.intro .bg_main { background: url(decor.gif) 5px 90px no-repeat; vertical-align: top; text-align: right; }
/*------------ end of intro ----------------------------------------------------------------------------------------*/

/*------------ Страница с изображениями (images) -------------------------------------------------------------------*/
.image_caption {
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
	color: #666666; font-size: 10px;
}

/*-- Просмотр увеличенного изображения в отдельном окне --*/
.close_window {
	text-align: center;
	font-size: 10px; color: #666666;
}
.zoomin .logo { padding: 0px 0px 10px 10px; }
.zoomin .image { text-align: center; }
.zoomin { padding: 5px 3px 5px 3px; }
.zoomin p { padding: 0px 10px 0px 10px; }
/*------------ end of images ---------------------------------------------------------------------------------------*/

/*------------ Страница "Гарантии и сертификаты" -------------------------------------------------------------------*/
.pic { float: left; margin: 0px 11px 10px 0px; }
.pusher { clear: both; font-size: 0px; line-height: 0px; }
/*------------ end of warranty -------------------------------------------------------------------------------------*/

/*------------ Строка навигации по сайту (path) --------------------------------------------------------------------*/
.path {
	padding: 20px 0px 23px 20px;
	vertical-align: bottom;
}
.path a { color: #333333; font-size: 10px }
.path a:hover	{  color: #FF6200; font-size: 10px }
.path .down { vertical-align: bottom; }
.path img { border: none; vertical-align: middle; }
.path span { color: #B2B2B2; font-size: 10px; }
/*------------ end of path -----------------------------------------------------------------------------------------*/

/*------------ Меню фотогалереи (gallery) --------------------------------------------------------------------------*/
.gallery_menu {
	font-size: 12px;
	border: 2px solid #FFFFFF;
	border-collapse: collapse;
	margin: 0px 0px 10px 0px;
}

.gallery_menu td {
	border-left: 1px solid #B9B8B8;
	padding: 5px 5px 5px 7px;
}

.gallery_menu a, .gallery_menu a:hover { font-size: 12px; }
.gallery_menu span { font-size: 12px; color: #000000; font-weight: bold; }

.gallery_image td { vertical-align: top; }

.gallery_image td.nav { padding: 15px 0px 0px 0px; }
.gallery_image td a.next {
	background: url(path/next.gif) center right no-repeat;
	padding: 1px 20px 2px 0px;
	text-transform: uppercase;
}
.gallery_image td span.last {
	background: url(path/last.gif) center right no-repeat;
	padding: 1px 20px 2px 0px;
	color: #999999; text-transform: uppercase;
}

.gallery_image td a.prev {
	background: url(path/prev.gif) center left no-repeat;
	padding: 1px 10px 2px 20px;
	margin: 0px 0px 0px 20px;
	text-transform: uppercase;
}
.gallery_image td span.first {
	background: url(path/first.gif) center left no-repeat;
	padding: 1px 10px 2px 20px;
	margin: 0px 0px 0px 20px;
	color: #999999; text-transform: uppercase;
}

.gallery_image .image {
	padding: 15px 0px 15px 25px;
	margin: 0px 0px 20px 0px;
	border-left: 1px solid #B9B8B8;
}
/*------------ end of gallery --------------------------------------------------------------------------------------*/



/*------------ Карта сайта (sitemap) -------------------------------------------------------------------------------*/
#Content .sitemap { margin: 0px 0px 10px 0px; }
#Content .sitemap a:hover { color: #FF6200; }

#Content .sm1 { padding: 10px 0px 0px 0px; }
#Content .sm1 a { color: #0770D2; font-size: 14px; font-weight: bold; }

#Content .sm2 { padding-left: 15px; background: url(c.gif) 0px 3px no-repeat; }
#Content .sm2 a { color: #333333; font-size: 11px; }

#Content .sm3 { padding-left: 15px; margin-left: 20px; background: url(g.gif) 0px 3px no-repeat; }
#Content .sm3 a { color: #333333; font-size: 11px; }
/*------------ end of sitemap --------------------------------------------------------------------------------------*/

/*------------ Подвал сайта (footer) -------------------------------------------------------------------------------*/
.hmenu { margin: 14px 0px 0px 0px; color: #666666; }
.hmenu a	{ font-size: 10px; color: #333333 }
.hmenu a:hover	{ font-size: 10px; color: #FF6200 }

.footer_left {
	background: url(map.gif) center no-repeat;
	height: 100px;
}
/*------------ end of footer ---------------------------------------------------------------------------------------*/
