div#submenu {
  float:left;
  width:100%;
  background:#DAE0D2 url(uploads/bmtmpl/bg.gif) repeat-x bottom;
  font-size:10px;
  line-height:normal;
  }
div#submenu ul {
  margin:0;
  padding:6px 13px 1px;
  list-style:none;
  }
div#submenu li {
  float:left;
  background:url(uploads/bmtmpl/norm_left.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
div#submenu a {
  float:left;
  display:block;
  background:url(uploads/bmtmpl/norm_right.gif) no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
div#submenu a {float:none;}
/* End IE5-Mac hack */
div#submenu a:hover {
  color:#333;
  }
div#submenu .current {
  background-image:url(uploads/bmtmpl/norm_left_on.gif);
  }
div#submenu li.active01 h3 {
  /* background-image:url(uploads/bmtmpl/norm_right_on.gif);
  color:#333;
  padding-bottom:5px; */
 display:none
  }
div#submenu h3{font-size:11px;margin:0;}/* layout v1a  */

html,body,
#menu ol,#menu ul,#menu li,#menu dl,#menu dt,#menu dd,
#langmenu ol,#langmenu ul,#langmenu li,#langmenu dl,#langmenu dt,#langmenu dd,
img{margin:0;padding:0;border:0;list-style:none;}

body{
	padding: 0 354px; 
	font-size: 100.01%; 
	text-align: center;	
}
#sizer {
	margin: 0 auto; 
	padding: 0;
	width: 90%; 
	text-align: left;
	max-width: 400px;
}

#expander {
	margin: 0 -355px; 
	min-width: 670px; 
	position: relative; 
} 
/* IE */
* html #expander {height: 0;} 



#wrapper1,#wrapper2,.left,.right {position: relative}

.outer {
	border-left: 1px dotted #C93; 
	border-right: 1px dotted #C93; 
	margin-left: 200px;	
	margin-right: 200px; 
}

.float-wrap {float:left;width:100%;}
.center {float:right;width:100%;}

.left {
	float: left;
	width: 200px;	
	margin-left: -201px;	
}

.right {
	float: right; 
	width: 200px; 
	margin-right: -201px; 
	margin-left: 1px; 
}

.centerbox{overflow:visible;width:100%;}

#header,#footer {
	margin: 0; 
	border-width: 1px 0;
	/* padding:0 201px; */
}
#header .d1, #footer .d1{
	/* margin-left: -201px; 
	margin-right: -201px; */ 
}
#header div h1{
	margin:0 0 0 285px;
	padding:0;
}#header div h1 img{
	position:absolute;
	top:11px
}
#header .d1,#footer .d2, #header .d2,#footer .d1{height:100px;margin-top:0;margin-bottom:0;padding:0}

#footer {margin: 0em;}
#footer .d2{margin-left:199px}



img{max-width: 100%;} 

/* IE */
* html #wrapper1,
* html #wrapper2,
* html .outer a, 
* html .container-left, 
* html .container-right,
* html .outer,
* html h2,
* html .sidenav li a 
{height: 1%;}

* html .outer p {margin-right: -6px;}

.brclear,br.clear{
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0px;
}


/* ================================== */


.hide,.hidden,.clearfix dfn {display: none!important;list-style:none}

img.section-image{
	width:200px;height:100px;display:block;
}

/*  ---------- menu v1 ----------- */
#menu {
	padding:0;
	margin:0;
	width:200px;
overflow:hidden;
}

#menu ul,#menu li,#menu li.activeparent,#menu li.active01,#menu li.active02,#menu li.active03,#menu li.active04{
margin:0px;
padding:0px
}
#menu ul li a,#menu ul li.active01 h3,#menu ul li.active02 h3,#menu ul li.active03 h3,#menu ul li.active04 h3{
	display:block;
	padding: 2px 7px 0 58px;
	margin:0;
	border-width: 1px 0;
}
#menu ul li.active02 h3{padding: 2px 7px 0 58px;}
#menu ul li.active03 h3{padding: 2px 7px 0 68px;}
#menu ul li.active04 h3{padding: 2px 7px 0 78px;}


#menu ul li a{
	/* height:45px; коли буде лише один рівень… */
}


/* !!тимчасові міри!! */
#menu li li a,#menu li li h3 {
font-size:80%;
padding-left:70px;
margin:0;
}
* html #menu li li a, * html #menu li li h3{height:1px} 
/* ^^тимчасові міри^^ */



/* OK! */
#langmenu{
	position: absolute;
	top: 13px;
	right: 13px;
	width:100px;
	margin:7px 0;padding:0;
	text-align:right
}#langmenu ul{
	margin:0;
	padding:0 2px 0 0;
}#langmenu ul li{
	display:block;
}#langmenu li a {
	display: block;
	margin: 0;
	padding: 0;
}


#address{margin:0;padding:13px 3px}
#address p, #address ul{margin:3px}

.right h3{
	margin:0;
	padding:3px 2px 1px;
	border:2px 0 1px; 
}/* v2 !!2do: news!! */

body {
	color: #333;
	/* background: url(uploads/bmtemplate/x-spyral-bgr_03.jpg) 50% 0% fixed #ffe; */
	background-color: #ffe;
}
#wrapper1 {
	border: 0px dotted #C93;
	border-width: 0;
	background: url(uploads/bmtemplate/x-spyrstairs.gif) 0px -11px repeat-y;
}
#wrapper2 {
	background: url(uploads/bmtmpl/d9d8c6.gif) repeat-y 100% 0;
}
.right .textpadder, .left .textpadder {
	background: url(uploads/semitrans/verticals_1.gif);
}
.outer {
	/* background: url(uploads/semitrans/verticals_1.gif); */
}
#footer {
	border-top:1px dotted #FFE;background:#c0bbac 
}
#header{border-bottom:1px dotted #FFE;background: url(uploads/bmtemplate/x-spyral-bgr_03.jpg) 50% 0% fixed #ffe;}

#header .d1 {
	background: url(uploads/bmtmpl/top_left.gif) no-repeat 27px 50%;
}#header .d2 {
	background: url(uploads/bmtmpl/top_right_default.gif) no-repeat 100% 0%;
}body.diary #header .d2 {
	background-image: url(uploads/bmtmpl/top_right_diary.gif);
}body.orgcon #header .d2 {
	background-image: url(uploads/bmtmpl/top_right_orgcon.gif);
}body.prod #header .d2,body.prom #header .d2  {
	background-image: url(uploads/bmtmpl/top_right_prod.gif);
}body.recr #header .d2 {
	background-image: url(uploads/bmtmpl/top_right_recr.gif);
}body.train #header .d2 {
	background-image: url(uploads/bmtmpl/top_right_train.gif);
}body.mark #header .d2 {
	background-image: url(uploads/bmtmpl/top_right_mark.gif);
}body.press #header .d2 {
	background-image: url(uploads/bmtmpl/top_right_press.gif);
}
#footer .d1 {
	background: url(uploads/bmtmpl/bot_left.gif) no-repeat 0 0;
}#footer .d2 {
	background:url(uploads/bmtmpl/bot_right.jpg) no-repeat 100% 50%;
}body.diary #footer .d1 {
	background-image: url(uploads/bmtmpl/bot_left_6.gif);
}body.orgcon #footer .d1 {
	background-image: url(uploads/bmtmpl/bot_left_4.gif);
}body.prod #footer .d1,body.prom #footer .d1  {
	background-image: url(uploads/bmtmpl/bot_left_8.gif);
}body.recr #footer .d1 {
	background-image: url(uploads/bmtmpl/bot_left_5.gif);
}body.train #footer .d1 {
	background-image: url(uploads/bmtmpl/bot_left_7.gif);
}body.mark #footer .d1 {
	background-image: url(uploads/bmtmpl/bot_left_3.gif);
}body.press #footer .d1 {
	background-image: url(uploads/bmtmpl/bot_left_1.gif);
}

.container-left h2,.container-right h2{
	color: #330;
	border-style: dotted;
	border-color: #555;
	background-color: transparent;
}

#menu ul li a,#menu ul li h3{
	border-style:dotted;
	border-color:#f2dba9;
}#menu ul li h3{
	background-image: url(uploads/semitrans/horizontals_2.gif);
}
#menu ul li a:first-letter,#menu ul li h3:first-letter{
	color:#500;
}
#menu ul li a {
	background: url(uploads/semitrans/verticals_1.gif) transparent;
}
#menu ul li a:hover{
	color: #e10051;
	background-image: url(uploads/semitrans/verticals_2.gif);
}

#langmenu li a:hover {
	background: url(uploads/semitrans/verticals_2.gif) transparent;
}
a {color: #000}
a:hover{color:#e10051;background:#d9d8c6}
.outer a:hover,.right .textpadder a:hover, .left .textpadder a:hover {
	background: url(uploads/semitrans/horizontals_1.gif);
}


.centerbox h1, .right h2, .right h3{color:#e10051}
/* .right h3{border:solid 2px #d9d8c6;border-width:2px 0 0} */