body, p, div, form, table, td, th, h1, h2, h3, h4, h5, h6, ul, li {margin:0; padding:0}
body, h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-bottom:10px;}
body {background-color: #273964; background:#273964 url(../images/design/layout_bg_2.gif) top left; color:#686868; font-size:12px; }

img, table {border:0}

table {border-collapse:collapse}

ul { margin-left:20px; margin-bottom:20px;}

h1 {font-size:26px; }
h2 {font-size:24px; }
h3 {font-size:22px; }
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}

p{ margin-bottom:20px;}

a{color:#0053a0; text-decoration:underline}
a:hover {text-decoration:none; color: #a60010;}

#layout {
	WIDTH: expression((document.documentElement.clientWidth || document.body.clientWidth) < 985 ? '985px' : (document.documentElement.clientWidth || document.body.clientWidth) > 1053 ? '1093px' : '100%' ); 
	min-width: 985px; max-width: 1093px;   
	margin: 0 auto;
	padding:0px;
	/*background:#FFF;*/
}

/*-------------------------------------------------------------------------*/

/*-- Горизонтальное меню-список ----*/
.menu_fh ul{list-style:none; line-height:16px; margin:0px;}
.menu_fh ul li{float:left; padding-right:10px;}
.menu_fh ul li a{ display:block;}

/*-- Вертикальное меню-список ----*/
.menu_fv ul {list-style:none; margin:0px;}
.menu_fv ul li { margin-bottom:2px;}
.menu_fv ul li a{ display:block; zoom:1; line-height:19px; margin-bottom:0px;}

/*-- Галерея float-left ----*/
.gallery div{ 
	float:left;
	text-align:center; 
	/*border:#ececec solid 1px;*/ 
	/*background:#FFF;*/
	/*width:105px;*//* height:50px;*/ margin-right:15px; margin-bottom:15px; 	
	}
.gallery div p{ 
	display: table-cell; 
	vertical-align: middle; 
	width:105px; height:50px; margin:0px;
	} 
/* -- if ie -- */


/*-- Постраничка ----*/
.pager { clear:both; margin-top:15px; }
.pager a{ font-size:16px; margin-right:7px;}
.pager a.active{ color:#424242; text-decoration:none; background:#FFFFFF; border:#dad5ca 1px solid; padding:2px 5px 2px 5px; }
.pager a.next_prev{ font-size:11px;}
.pager span.text{ margin-right:10px; color:#999999; font-size:14px;}

div.next_prev_links{ float:right; margin:0px 20px 0px 20px;}


/*------ Таблица ----------*/
table.tbl{border-top:#e7e7e7 1px solid; border-left:#e7e7e7 1px solid; margin-bottom:20px;}
table.tbl th, table.tbl td {border-bottom:#e7e7e7 1px solid; border-right:#e7e7e7 1px solid; padding:5px;}



/*--Формы------------------------------------------------------------------*/
.form{ background:#f1f1f1; border:#999999 1px solid; border-bottom:#DDDDDD 1px solid; border-right:#DDDDDD 1px solid;}
.form_light{ background:#FFFFFF;}
.form_button{ cursor:pointer;}

.red{ color:#FF0000;}
.bordered{ border-right:#eeeeee solid 1px; }
.centered{ text-align:center;}
.bordered_b_dash{ border-bottom:#d7d7d7 dashed 1px;}

.two_colums {width:100%}
.two_colums td { width:50%; padding-right:30px; vertical-align:top;}

.date{ font-size:9px; margin-bottom:0px; color:#b5b5b5;}
.full_list a{ font-weight:bold;}

.clear{ clear:both; margin:0px; padding:0px;}

div.col_50_left{ width:50%; float:left;}
div.col_50_right{ width:50%; float:right;}

/* Стиль для таблицы с разлинееными полями */
table.t-style tr{ border-top: #e6e5db 1px solid;}
table.t-style tr td{ padding:3px 5px 3px 5px;}
table.t-style tr td p{ margin:0px 0px 0px 30px; }
table.t-style tr#first{ border-top: none;}
table.t-style tr.light th{ font-size:11px; color:#999; background:#f6f5e7; font-weight:normal; padding:5px 10px 5px 10px;}

table.t-lined{border-top: #e6e5db 1px solid; border-left: #e6e5db 1px solid;}
table.t-lined th{background:#f6f5e7;}
table.t-lined th h4{ margin:5px;}
table.t-lined td, th{border-bottom: #e6e5db 1px solid; border-right: #e6e5db 1px solid; padding:5px;}

/* Стиль для таблицы  */
table.t-style2 { width:100%;}
table.t-style2 tr td{ padding:15px 10px 0px 0px; vertical-align:top;}


/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/

.font11{font-size:11px;}
.font14{font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}

.no_margins{ margin:0px; padding:0px;}

/* Класс плавающих блоков */
.f_left { float:left; margin-right:20px; margin-top:5px;}
.f_right { float:right; margin-left:20px; margin-top:5px;}

/* Классы Ширины высоты */ 
.w100{ width:100%;}
.w50{ width:50%;}

.w70px{ width:70px;}
.w175px{ width:175px;}
.w230px{ width:230px;}
.w330px{ width:330px;}

.h25px{ height:20px;}

.m-top10{ margin-top:10px;}
.m-top20{ margin-top:20px;}
.m-top30{ margin-top:30px;}
.m-top0 { margin-top:0px;}
.p-top10{ margin-top:10px;}

.m-bot20{ margin-bottom:20px;}


/* Списки */
ol.ordered_18{font-size:18px;}
ol.ordered_18 li span{font-size:12px;}

ol.ordered_18_14{font-size:18px;}
ol.ordered_18_14 li{ margin-bottom:10px;}
ol.ordered_18_14 li span{font-size:14px;}



/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/


html { height:100%; }
body { margin:0; padding:0; height:100%; }

div#layout_bg{ width:100%; min-height:100%; background: url(../images/design/layout_bg.jpg) repeat-x;}

div.content{ width: 100%; margin:0 auto; padding-bottom:25px; background: #FFF; overflow: hidden;}
div.content_padding{ padding:5px 25px 0px 25px;}


/* Скругление углов */ 		
div#rounded_top{ clear:both;}		
div#rounded_top .right{float:right; background:#F90; background: url(../images/design/layout_corner_topright.gif) no-repeat;}
div#rounded_top .unit{margin-right:10px;}
div#rounded_top .left{float:left; background: url(../images/design/layout_corner_topleft.gif) no-repeat;}
div#rounded_top .middle{background: #FFF; margin-left:10px; height:10px;}
div#rounded_top .right, div#rounded_top .left{ width:10px; height:10px;}
  
table.rounded_bottom{ width:100%; height:40px; margin-bottom:10px;}
table.rounded_bottom .left{ background: url(../images/design/layout_corner_bottom_left.gif) no-repeat;}
table.rounded_bottom .middle{ background: url(../images/design/layout_corner_bottom_bg.gif) repeat-x;}
table.rounded_bottom .right{ background: url(../images/design/layout_corner_bottom_right.gif) no-repeat;}
table.rounded_bottom .left, table.rounded_bottom .right { width:10px;}

/* Низ баннеры */
div#adv_banners{ padding:0px 20px 10px 20px;}
div#adv_banners div.banner{ float:right; padding:0px 5px 0px 5px; }
/*div#adv_banners div.banner table{ margin:0px; padding:0px; width:88px; height:31px;}
div#adv_banners div table td{margin:0px; padding:0px;}*/



/* Шапка */
div#logo{ float:left; width:40%; margin-top:5px;} /* width:35%; */
div#logo img{ width:133; height:70px; float:left; margin-right:35px;} /* margin-right:20px; */
div#logo h1{ font-size:9px; margin-top:10px; }
div#logo h1 span{ font-size:16px;}

div#right_side{ float:right; width:60%;} /* width:65%; */

div#menu_top{ float:left; width:80%; margin-top:7px;} /* width:70%; */
div#menu_top ul {padding:7px 0px 0px 20px;}
div#menu_top ul li{ width:29%; background:url(../images/design/menu_top_bg.gif) repeat-x; height:52px; border-top:1px solid #d7dbd7; margin-right:2px; padding-right:10px;}
div#menu_top ul li.split{ width:2px; padding:0px; margin:0px; border:none; border-left:1px solid #d7dbd7; margin-top:7px; height:30px;  background:none;}
div#menu_top a#sertificates, div#menu_top a#awards, div#menu_top a#dealers{ margin: 10px; margin-left:10px; padding-left:32px; font-size:11px; text-decoration:none; line-height: normal; height:52px;}
div#menu_top a#sertificates{ background:url(../images/design/icon_top_sertificates.gif) no-repeat;}
div#menu_top a#awards{ background:url(../images/design/icon_top_awards.gif) no-repeat; margin-left:15px;}
div#menu_top a#dealers{ background:url(../images/design/icon_top_dealers.gif) no-repeat;}
div#menu_top a.active{ font-weight:bold; color:#686868;}

div#login{ float:right; width:20%;} /* width:30%; */
div#icons{ float:right;}
div#icons ul {padding-right:20px; padding-top:30px;} /* Когда появится логин - удалить!!! */
div#icons ul li{padding-right:10px;} /* padding-right:5px; */
div#icons ul li a{ border:1px solid #FFF;}
div#icons ul li a.active{ border:1px solid #CCC;}


table#login_form{ clear:both; width:100%; /*background:#CCC;*/ font-size:9px; margin-top:7px;}
table#login_form td{vertical-align:top;}
table#login_form td div{ padding-right:5px;}
table#login_form .login{ font-size:11px; width:100%;}
table#login_form .button{ font-size:10px; margin-top:12px;}
table#login_form a{ text-decoration:none;}

div#menu_bar{ float:left; width:100%; margin-top:20px; background: url(../images/design/menu_bg.gif) repeat-x;}

div#menu_main{ position:relative;/* height:34px;*/ float:left; width:81%; background: url(../images/design/menu_corner_left.gif) no-repeat;}
div#menu_main ul { /*padding:7px 0px 0px 20px;*/ margin-left:8px;}
div#menu_main ul li{ background:url(../images/design/menu_splitter.gif) left center no-repeat; padding:0px 1px 0px 0px; }
div#menu_main ul li#first{ background:none;}
div#menu_main ul li a{ display:block; line-height:34px; padding:0px 14px 0px 14px; color:#FFF; text-decoration:none; font-size:14px; margin-top:-4px; border-top:4px solid #FFFFFF;}
div#menu_main ul li a.active{ color:#577281; font-weight:bold; background: url(../images/design/menu_bg_active.gif) repeat-x; border-color: #b0c9da;}
div#menu_main ul li a:hover{ color:#577281; background: url(../images/design/menu_bg_active.gif) repeat-x; border-color: #b0c9da;}

div#search{ float:right; width:19%; padding-top:8px; /*background:#0FC*/}
div#search div.left{ float:left; width:82%;}
div#search div.right{ float:right; width:18%;}
div#search .search{ font-size:11px; color:#577281; width:95%;}
div#search #search_button{ background:none; background:url(../images/design/btn_search.gif) no-repeat; width:15px; height:20px; font-size:0px; border:none; cursor:pointer;}

div#visual{float:left; background:url(../images/design/visual_left.jpg) right no-repeat; }
div#visual_flash{ position:relative; float:right; background:url(../images/design/visual_right.jpg) right no-repeat; }
div#visual_flash div#plashka{position:absolute; bottom:0px; z-index:20; background:#f7f6eb; width:60%; height:12px;}
div#visual_flash div#flash{width:100%;}

div#visual, div#visual_flash {width:50%; height:259px;}


/* Низ */
div.copyright{font-size:11px; color:#FFF; margin:10px 0px 0px 20px; float:left;}
div.counter{color:#FFF; margin:10px 20px 0px 0px; float:right;}

/* Контент */
div#col_left{ width:21%; float:left; padding-top:20px; }
div#col_right{ width:79%; float:right;}
div#col_right div#left{ width:74%; float:left; }
div#col_right div#right{ width:26%; float:right; }

div#col_right div#left div.content div{ padding: 15px;}

/* Для сетки каталога */ 
div#col_2_left{ width:80%; float:left; }
div#col_2_left div#left{ width:27%; float:left; padding-top:20px; }
div#col_2_left div#right{ width:73%; float:right; }

div#col_2_right{ width:20%; float:right;}


div#col_single{ width:100%; float:right;}
div#col_single div#left{ width:80%; float:left;  }
div#col_single div#right{ width:20%; float:right; }

div#send_question{ padding:10px; margin:0 auto;}
div#send_question p.full_list{ margin-top:10px; }
div.btn_send_question{ width:184px; height:63px; text-align:center; background:url(../images/design/buble.gif) no-repeat;}
div.btn_send_question a{ font-size:18px; line-height:43px; text-decoration:none; border-bottom:1px dashed #4481b9; padding-bottom:1px; }
div.btn_send_question a:hover{border-bottom:none; }

div.block_links{ margin:0px 20px 0px 10px;}
div.block_links h2{ font-size:22px; margin-bottom:0px;}
div.block_links h3{ font-size:18px;}
div.block_links #first{ border:none;}

div.block_links div.items{ padding:10px 10px 0px 0px; }
div.block_links div.items p{ border-top:1px solid #f3f3f3; margin:0px; padding: 5px 0px 5px 0px;}
div.block_links div.items p a{ text-decoration:none;}
div.block_links div.items p a.active{ font-weight:bold; color:#686868;}
div.block_links div.items p span{ font-size:9px; margin-bottom:0px; color:#b5b5b5;}
div.block_links p.full_list{ display:block; background:#f7f6eb; padding:5px; padding-left:10px; margin-top:10px;}

div.block_links div.products { margin:10px 0px 0px 0px; }
div.block_links div.products img{ float:right; margin:0px 0px 5px 5px;}
div.block_links div.products div{ clear:both; border-top:1px solid #f3f3f3; margin:0px; padding: 10px 0px 10px 0px; }
div.block_links div.products a{font-weight:bold}
div.block_links div.products p{ font-size:11px; padding:0px; margin:0px;}

div.block_about{ margin-top:-12px; padding-top:12px; background:url(../images/design/content_yellow_bevel.gif) no-repeat;}
div.block_about div{ background:#f7f6eb; border-bottom:1px #e6e4ce solid; padding:10px 25px 10px 25px;}
div.block_about h1{ font-size:30px; margin-top:0px; margin-left:0px;}


div.icons_links{ padding:15px;}
div.icons_links div{ border-top:1px dashed #d7d7d7; padding:10px 0px 10px 0px;}
div.icons_links p { margin-bottom:5px;}
div.icons_links p span{ font-size:9px;}
div.icons_links a{ display:block; width:185px; padding-top:105px; font-weight:bold;}
div.icons_links a.active{ text-decoration:none; color:#686868;}
div.icons_links p#selection a {background:url(../images/design/icon_selection.jpg) no-repeat;}
div.icons_links p#map a {background:url(../images/design/icon_map.jpg) no-repeat;}
div.icons_links p#articles a {background:url(../images/design/icon_articles.jpg) no-repeat;}
div.icons_links #first{ border:none; padding-top:0px;}

div.bg_beige { background:#f6f5e7; border-top:3px solid #ecead5; margin-top:10px; }
div.bg_beige p#selection a {background:url(../images/design/icon_selection_dark.jpg) no-repeat;}
div.bg_beige p#map a {background:url(../images/design/icon_map_dark.jpg) no-repeat;}
div.bg_beige p#articles a {background:url(../images/design/icon_articles_dark.jpg) no-repeat;}


div#vacancy{ width:201px; height:219px; margin:20px 0px; background: url(../images/design/vacancy_bg.jpg) no-repeat;}
div#vacancy div { padding:15px 20px 20px 20px;}
div#vacancy span{ font-size:11px;}
div#vacancy p{ margin-bottom:15px;}


div.catalogue{ width:100%;}
div.catalogue div.category{ margin:0px 20px 0px 20px;}
div.catalogue div.category div{width:50%; float:left; padding-top:10px; overflow:hidden; /*background:#CCC;*/ height:190px; border-top:1px dashed #d7d7d7;}
div.catalogue div.category div h2{ font-size:18px; padding-top:25px;}
div.catalogue div.category div img{ float:left;}
div.catalogue div.category div p a{ text-decoration:none;}
div.catalogue div.category div h2, div#catalogue div p{ padding-right:20px;} 
div.catalogue div.category div.first{ border:none;}

div.catalogue div#level_2 div{ height:170px;}
div.catalogue div#level_2 h2{ font-size:12px; font-weight:bold;  padding-top:25px;}
div.catalogue div#level_2 p{ font-size:11px;}
div.catalogue div#level_2 div img{ float:left; margin-right:5px;}

div.catalogue div.position{ width:94%; margin:0px 20px 0px 20px; float:left; padding-top:15px; border-top:1px dashed #d7d7d7;}
div.catalogue div#first{ border:none;}

div.catalogue div.position div.content{ float:left; width:80%;}
div.catalogue div.position div.content img{ float:left;}
div.catalogue div.position div.content div{ float:right; width:75%;}
div.catalogue div.position div.content div h2{ font-size:18px;}
div.catalogue div.position div.content div p{ margin-right:20px;}

div.catalogue div.position div.spec{ float:right; width:20%; margin-top:32px; font-size:11px;}

div.catalogue div.description{margin:20px 20px 0px 20px;}
div.catalogue div.description div.right{ float:right; width:270px;}
div.catalogue div.description div.right img{ margin:0px 0px 15px 15px;}
div.catalogue div.description div.right div{ margin:0px 0px 15px 20px;}
div.catalogue div.description div.right div ul li{ margin:0px 0px 0px 10px; }

div.catalogue div.description h2{ font-size:18px;}
div.catalogue div.description div ul li{ margin:0px 0px 10px 10px; }


div#certificates div.gallery{ margin:15px; }
div#certificates div.gallery div{height:240px;}

div.form_layout div.block{ margin:20px;}
div.form_layout div.block div p{ margin:0px; margin-bottom:5px;}


div.news{ margin:0px 20px 20px 20px; }
div.news div table{ width:100%; margin:5px 0px 10px 0px;}
div.news div div.marked{ background:#EEE; padding:15px;}
div.news div.lined{border-top:1px dashed #d7d7d7; padding-top:15px;}
div.news div table td{ padding:2px; vertical-align:top; font-size:14px;}
div.news div.block{ border-top:1px dashed #d7d7d7; padding-top:10px;}
div.news div.block h2{ font-size:18px;}
div.news div#first{ border:none;}
div.news div.block div{ padding-bottom:5px;}


div.wherecanby div.left{ float:left; width:45%;}
div.wherecanby div.right{ float:right; width:55%;}
div.wherecanby div.right h3{ margin-top:0px; font-size:20px;}
div.wherecanby div.right div{ margin-bottom:20px;}
div.wherecanby div.right div p{ margin:0px;}
div.wherecanby div.right div h4{ font-size:14px; font-weight:bold; margin:0px;}
div.wherecanby div.right h2{ margin-left:15px;}
div.wherecanby div.right div{ padding:0px 15px 0px 15px;}
div.wherecanby div.right table{ width:100%; }
div.wherecanby div.right table td{ width:50%; vertical-align:top; padding-right:15px;}



div#titles{ margin:17px 0px 10px 20px;}
div#titles h2, div#titles h1 { margin:0px;}
div#titles h3{ font-size:16px;}
div#titles h2{ font-size:20px;}
div#titles h2.f18{ font-size:18px;}
div#titles h1{ font-size:26px;}





h2.small{ font-size:18px; text-align:center;}
div#catalogue_menu{ background:#f6f5e7; border-top:3px #ecead5 solid;}

ul.list{ margin:0px; padding:10px 0px 10px 0px; }


ul.list ul.internal{ margin:0px; padding-left:30px;}
ul.list ul.internal li a{ font-weight:normal;}
ul.list ul.internal li.active a{ font-weight:bold; color:#686868; } 
ul.list ul.internal li.active2{background: url(../images/design/menu_pointer.gif) no-repeat left top;} 
ul.list ul.internal li a.active2{font-weight:bold; color:#686868;} 

ul.list li{ margin:0px; list-style-position:inside;  display:block;}
ul.list li a{ font-weight:bold; display:block; margin:0px 16px 0px 16px; padding:5px 0px 5px 0px; border-top:1px solid #e8e8e8; text-decoration:none; }
ul.list li a#first{ border-top:none;}
ul.list li.active{ background: url(../images/design/menu_pointer.gif) no-repeat left top;}
/*ul.list li.active a{ font-weight:bold; color:#686868;}*/
ul.list ul.active{ background:#FFF;}



div#actual{margin-top:10px;}
div#actual div#photo {padding:20px; border:1px solid #e1dfc7;}
div#actual div#photo h2 { font-size:20px; text-align:center;}
div#actual div#title { background:#f6f5e7; padding:15px;}
div#actual div#title p{ margin-bottom:5px;}
div#actual div#title a{ font-size:14px; font-weight:bold}













/*--FORMS------------------------------------------------------------------*/

.form{ background:#f1f1f1; border:#999999 1px solid; border-bottom:#DDDDDD 1px solid; border-right:#DDDDDD 1px solid;}
.form_light{ background:#FFFFFF;}
.form_button{ cursor:pointer; border:none; height:22px; padding:0px 10px 2px 10px; background: url(../images/design/bg_button.gif) #8ea7bd; color:#FFFFFF; font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

.error_bg{ background:#ffc3c3;}
span.error{ color:#BB0000; font-weight:bold;}




















