body {
	background: #FFFFFF url(/i/otmp/body_bg.gif) top repeat-x;
}


#box {
	background: transparent url(/i/left-top.gif) left top no-repeat;
}


#menu_cell table {
	xwidth: auto;
	margin: 20px 0 0 0;
	height: 25px;
}
#menu_cell table td {
	font-size: 90%;
	vertical-align: middle;
	xwidth:30%;
}
#menu_cell table td.item {
	*width:10px;
	
}

#menu_cell table td.item  span{
	white-space: nowrap;
}

#menu_cell table td span{
	color: #CC0000;
	text-transform: uppercase;
	xfont-weight: bolder;
}
#menu_cell table td.spacer {
	xwidth: 5%;
}
#menu_cell table td.spacer {
	width: 15px;
}
#menu_cell table td.spacer div {
	width: 15px;
}

#menu_cell a {
	white-space: nowrap;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	padding-bottom:7px;
	background:url(/i/hover.gif) repeat-x -3px -15px;
}
#menu_cell a:hover {
	white-space: nowrap;
	text-transform: uppercase;
	color: #CC0000;
	text-decoration: none;
	background:url(/i/hover.gif) repeat-x -3px bottom;
}
#menu_cell a.a {
	color: #CC0000;
}

#menu {
	z-index:10;
}


#top_text {
	height: 85px;
	background: transparent url(/i/otmp/top_text.gif) left 56px no-repeat;
}
div.top_box {
	height: 180px;
	background: xtransparent url(/i/otmp/razdel_title_edge.gif) 312px bottom no-repeat;
}



#lang {
	margin: 45px 0 0 0;
	color: #546C7B;
	font-size: 90%;
}
#lang a {
	text-decoration: none;
}



#icons {
	margin: 65px 0 0 0;
	width: 126px;
}
#icons td {
	width: 63px;
	height: 63px;
	vertical-align: middle;
}



#s4 {
	xheight: 572px;
	xbackground: transparent url(/i/left.gif) right top no-repeat;
}




#submenu {
	margin: 0;
	padding: 0;
	font-size: 90%;
}
#submenu li {
	list-style: none;
}
#submenu li a:hover {
	color: #CC0000;
}
#submenu li a {
	color: #FFFFFF;
	display: block;
	padding: 1px 2px 2px 3px;
}
#submenu li.cactive ul li.cactive a{
	zcolor: #FFFFFF;
	background-color: #89160B;
}
#submenu li span {
	color: #FFFFFF;
	background-color: #89160B;
	display: block;
	width: auto;
	padding: 1px 2px 2px 3px;
}
#submenu li {
	xline-height: 18px;
	xpadding: 5px 0 7px 20px;
	padding: 0 0 3px 20px;
	background: transparent url(/i/otmp/submenu_l1.gif) left 5px no-repeat;
}
#submenu ul {
	margin: 3px 0 6px 5px;
	padding: 0;
	font-size: 95%;
}
#submenu ul li {
	xline-height: 18px;
	padding: 0 0 0 12px;
	margin: 0;
	background: transparent url(/i/otmp/submenu_l2.gif) left 9px no-repeat;
}
#submenu ul li ul li span {
	xpadding: 1px 2px 1px 2px;
}







#content {
	background: #FFFFFF url(/i/otmp/content_bg.gif) left -5px no-repeat;
}

div.box {
	xmargin: 25px 40px 35px 40px;
}

table.box {
	margin: 40px 40px 35px 40px;
}




#novinki {
	
}

#map {
	width: 216px;
	height: 182px;
	background: transparent url(/i/otmp/map.gif) right top no-repeat;
}



div.razdel_title {
	height: 65px;
	width: 500px;
	background: url(/i/header.gif) left top no-repeat;
	font-weight: bold;
	font-size: 115%;
	text-transform: uppercase;
    margin:0 0 -36px -6px;
    position:absolute;
}
div.razdel_title div {
	position: absolute;
	line-height: 32px;
}
div.razdel_title div.top {
	color: #FFFFFF;
	z-index: 2;
	margin:18px 0 0 40px;
}
div.razdel_title div.bottom {
	padding-top:18px;
	margin: 0.05em 0 0 41px;
	color: #687F48;
	z-index: 1;
}




#news_title {
	margin: 175px 35px 20px 25px;
}
#news_title a {
	color: #0880CA;
	font-weight: bold;
	text-decoration: none;
	padding-right: 20px;
}
#news_title a.closed {
	background: transparent url(/i/otmp/block_open.gif) right bottom no-repeat;
}
#news_title a.opened {
	background: transparent url(/i/otmp/block_close.gif) right bottom no-repeat;
}

#news_block {
	xwidth: 160px;
	margin: 0 35px 25px 25px;
}
#news_block div.new {
	margin: 0 0 20px 0;
}
#news_block h2 {
	font-size: 100%;
	color: #0880CA;
}
#news_block span.date {
	color: #C89F3C;
	font-size: 90%;
	font-weight: bold;
}
#news_block p {
	color: #FFFFFF;
	font-size: 90%;
	text-indent: 0px;
	text-align: left;
}

#thems_block {}
#thems_title {margin: 68px 35px 20px 25px; color:#fff; background:#04568f; padding:5px 3px 5px 8px;}

#thems_block {
	xwidth: 160px;
	margin: 0 35px 25px 25px;
}
#thems_block div.new {
	margin: 0 0 20px 0;
}
#thems_block h2 {
	font-size: 100%;
	color: #0880CA;
}
#thems_block span.title {
	color: #f4c043;
	font-size: 90%;
	font-weight: bold;
}
#thems_block p {
	color: #FFFFFF;
	font-size: 90%;
	text-indent: 0px;
	text-align: left;
    margin-top:0;
}

#thems_block .link {font-size:80%;}
#thems_block .link a {color:#fff; display:block; float:left; background:#89160b; padding:2px 5px 5px 5px;}
#thems_block .link a:hover  {text-decoration:none;}
.clear {clear:both;}

/* .products {position:absolute; top:125px; z-index:2; margin: 0 3%; width: 94%;} */
.products {position:absolute; top:145px; z-index:2; margin-left: 3%; margin-right:3px; width: 94%;}

.products .karkas { height:115px; width:100%; border-right:1px solid white;}
.products .karkas td { background: url(/i/products-bg.png) repeat-x left; height:115px; width:25%;
border:1px solid white; border-width:1px 0 1px 1px;}

#content table.box div.new{
	margin-bottom: 25px;
}
#content table.box span.date{
	font-size: 90%;
}
#content table.box div.new p{
	text-indent: 0px;
	text-align: left;
}


#content table.box table.user td {
	border: #B3D0E1 solid 1px;		
	padding: 3px 5px 3px 5px;
}





div.photogallery {
	border: none;	
}
table.foto {
	float: left;
	width: 160px;
	height: 150px;
	margin: 10px 10px 0 0;
	border: none;
	background-color: #DCEAF1;
}
table.foto td.pic {
	vertical-align: middle;
	width: 160px;
	height: 160px;
	zfont-size: 80%;
	font-size: 10px;
}
table.foto img {
	border: #B3D0E1 solid 1px;	
}




.hidden {
	display: none;
}






#copyright {
	color: #AAAAAA;
	font-size: 90%;
	margin: 0 45px 0 45px;
}

#production_title {margin: 0px 35px 10px 25px; color:#fff; background:#04568f; padding:5px 3px 5px 8px;}

.treeview { padding: 0 0 0 0; margin: 0 0 0 0; clear: both; width:100%;}
.treeview * { font-size: 100.1%; }
.treeview ul
{
    overflow: hidden; width: 100%; margin: 0; padding: 0 0 1.5em 0;
    list-style-type: none;
}
.treeview ul ul { overflow: visible; width: auto; margin: 0 0 0 0; padding: 0 0 0 0.7em;}
/* класс для ul после которых нет li в родительских ветках */
.treeview ul.l { xborder-left: 1px solid; margin-left: -1px; }
.treeview li.cl ul { display: none; }
.treeview li { margin: 0.2em 0 0.2em 0; padding: 0; }
.treeview li li { margin: 0 0 0 0.7em; xborder-left: 1px dotted; padding: 0; }
.treeview li div { position: relative; xheight: 1.5em; xmin-height: 16px; //xheight: 1.3em; margin-bottom:3px; text-align:left;}
.treeview li li div { xborder-bottom: 1px dotted; text-align:left; }
.treeview li p
{
    xposition: relative; z-index: 1; top: 0.8em; //top: 0.65em; left: 0em;
    width: 100%; margin: 0; xborder-bottom: 1px dashed; padding: 0;
    text-align:left;
}
.treeview a { padding: 0.1em 0.2em; white-space: normal; display:block; }
.treeview img.i
{
    border-right: 2px solid; border-bottom: 0.5em solid;
    margin-bottom: -0.5em; vertical-align: middle;
}
.treeview a.sc
{
   x position: absolute; xtop: 0.06em;
    xmargin-left: -1.8em; xpadding: 0; xtext-decoration: none;
	 xdisplay: block;
	 xwidth: 1em;
	 xheight: 1em;
	 xborder: 1px solid #000;
}
.treeview a.plus
{
	background: url(/i/plus.gif) left top no-repeat;
}
.treeview a.minus
{
	background: url(/i/minus.gif) left top no-repeat;
}

.treeview a
{
	padding-left: 20px;
}

.treeview li {
	font-weight: normal;
}
.treeview li li {
	font-weight: normal;
	font-size:95%;
}

/* colors */
.treeview li p,
.treeview img.i,
.treeview x.sc
{ xbackground: #ffffff; }
.treeview ul.l,
.treeview li p,
.treeview img.i
{ border-color: #f5f5ea; }
.treeview ul li li,
.treeview ul li li div
{ border-color: #999999; }
.treeview ul li li div {margin-bottom:0}
.treeview a 
{ color: #fff;
font-family:Tahoma;
}
.treeview a.sc,
.treeview a.sc:hover
{ xcolor: #fff;}
.treeview a:hover
{ color: #ff1e00; }

.treeview li li a.item {
	background: transparent url(/i/dash.gif) 0em center no-repeat;
}

#content .treeview a.sc {color:#2E7AA4}
#content .treeview a:hover
{ color: #ff1e00 !important; }




#itstudio {
	margin: 0 45px 0 0;
	color: #AAAAAA;
	font-size: 90%;
}
#itstudio td {
	vertical-align: middle;
}
#itstudio td.text {
	padding: 0 0 0 6px;
	white-space: nowrap;
}
#itstudio a {
	color: #AAAAAA;
	font-weight: bold;
}

ul.list {border: 1px solid #e2d9c0; background:#fffaec url(/i/ul-list.jpg) no-repeat bottom right; padding:20px 20px 20px 35px; margin-left:0; 
list-style-image:url(/i/li.gif); *list-style-image:url(/i/li-ie.gif);}
ul.list li {line-height:1.3em}
.red-box {background:#89160b}
xh4 {color:#f4c043; font-weight:bold;}
.blue-box {background:#04568f;}

.languages { color:#033d73;}
	.languages b { font-weight:normal; color:#fff;}
    .languages a { font-weight:normal; color:#5BAAED !important;}
    .languages a:hover { font-weight:normal; color:#ff1e00 !important;}
    
.left-menu { margin-top:150px; text-align:left;}
	.left-menu ul { list-style:none; list-style-image:url(/i/left-li.gif); padding:0 0 0 20px ; margin:0 0 0 20px; font-family:Tahoma, Helvetica, sans-serif}  
    .left-menu ul li {margin-bottom:10px; padding-left:5px;}
    .left-menu ul .selected {padding-left:0}
    .left-menu ul .selected a {background:#89160b; padding:2px 5px;}
    .left-menu ul .selected b {color:#fff; background:#89160b; padding:2px 5px; font-weight:normal;}
    .left-menu ul .selected ul a {display:inline; background:none; padding:0; margin:0;}
    .left-menu ul ul { list-style-image:url(/i/left-li-li.gif); padding:10px 0 0 20px; margin:0; font-size:90%}   
    .left-menu ul ul li {margin-bottom:2px;} 
    .left-menu a {color:#FFFFFF; text-decoration:none; }
    .left-menu a:hover {color:#ff1e00;}    
    
   
div.navbar {margin: 5px 0 25px 0}  
div.navbar a {display:inline}