/* ======== */
/* Default */

body#cic {
  margin: 0 5px 0 3px;
  font:80.5% arial,helvetica,sans-serif; /* Sets base */
  color:#000;
  background-color:#fff;
  }
  * html body#cic { 
    font:80% arial,helvetica,sans-serif; /* IE6 reset */
    width:98.9%; 
    } 

html, body, form {margin: 0px; padding: 0px;}
form, input {margin:0; padding:0;}
ol,ul {list-style:none;margin:0;padding:0;}
table{
	border-collapse:collapse;
	border-spacing:0;
}
img {border: none;}
a {color: #0063C1; text-decoration: none;}
a:hover {text-decoration: underline;}

a.bold{
	font-weight:bold;
}

#home-banner,
#home-wrapper { width:797px; }
#home-main {
  width:100%;  
  border:0;
  border-collapse:separate;
  empty-cells:hide;
  vertical-align:top;
  }
#home-column-main,
#home-column-right { vertical-align:top; }
#home-column-main { width:100%; }
#home-content-main { margin: 0 8px 0 0; }
#home-header { overflow:visible;  height: 25px;  text-align:right;}
#home-header .nav-secondary a:hover, #home-header .nav-secondary a:active { text-decoration:underline; }


/* clear table */

.table_clear {border-collapse: collapse; border-spacing: 0px; border: none;}
.table_clear td {vertical-align: top; padding-top: 0px; padding-right: 0px; 
padding-bottom: 0px;
padding-left: 0px;
border: none;
}

.spacer {
font-size: 0px;
line-height: 0px;
margin: 0px;
padding: 0px;
border: none;
display: block;
visibility: hidden;
}
.body {padding: 0px 0px 10px 20px;}
.body .caps_link {
color: #303030;
font-size: 0.8em;
font-family: Tahoma;
font-weight: normal;
text-transform: uppercase;
text-decoration: underline;
}

.t2 {
  padding: 8px 0 0px 0px;
  line-height:1em;
  font-size:142%;
  font-weight:bold;
  color: #336699;
  }

.body .table {border-collapse: collapse; border-spacing: 0px; border: none; border-bottom: 4px solid #9B9F9C;}
.body .table th {background: #9B9F9C; text-align: left; padding: 4px 12px 5px 12px; border-right: 1px solid #EAEAEA;}
.body .table th, .body .table th * {color: #FFF;}
.body .table td {vertical-align: top; padding: 3px 12px 4px 12px; border: 1px solid #EAEAEA; border-top: none; font-size: 0.85em;}

/*Table green */
.body .table_g {border-collapse: collapse; border-spacing: 0px; border: none;}
.body .table_g th {background: #339933; color: #FFFFFF; text-align: center; padding: 4px 12px 5px 12px; border-right: 3px solid #EAEAEA;}
.body .table_g th, .body .table th * {color: #FFF;}
.body .table_g td {vertical-align: top; padding: 3px 12px 4px 12px; border: 1px solid #EAEAEA; border-top: none; font-size: 0.85em;}

/*Table blue */
.body .table_b {border-collapse: collapse; border-spacing: 0px; border: none; border-bottom: 4px solid #B0C4DE;}
.body .table_b th {background: White url(sitearea.jpg); text-align: left; padding: 4px 12px 5px 12px; border: 1px solid #B0C4DE;}
.body .table_b th, .body .table_b th * {color: #2D587D;}
.body .table_b td {vertical-align: top; padding: 3px 12px 4px 12px; border: 1px solid #B0C4DE; border-top: none; font-size: 0.85em;}


/* Bottom */
#td_bottom {vertical-align: bottom;}
#table_bottom {width: 100%; font-size: 0.9em; color: #878787;}
#table_bottom td { vertical-align: bottom;}
#table_bottom a {font-size: 0.95em;}

#table_bottom div {
background: url(bullet_g.gif) no-repeat 0px 2px;
padding: 0px 0px 5px 25px !important;
padding: 0px 0px 5px 25px;
}

/* ======= */
/* Banner */
#td_logo {height: 95px;}
#top_banner {width: 100%; text-align: center; margin-left: 1px;}
body>* #top_banner {float: right;}
#top_banner img {float: right;}

/* Flash */
#td_flash {padding: 5px 0px 5px 5px !important; padding: 5px 0px 5px 5px;}

/* Hide */
#home-header .search-entitlement,
#home-header .search label { 
visibility:hidden; /* NS7 */
display:none;
}
  
 /* Search */
#home-header .search { float:right; height:10px;}

#home-header #searchPhrase { 
  float:left; 
  margin-right:-1px;
  padding:1px 0 2px 3px; 
  height:100%; /* Moz text-box resize */
  width:250px;
  height:16px;
  border:1px solid #ccc; 
  border-top:2px solid #999;
  border-left:2px solid #999;
  font-size: 100%; /* IE text-box resize */
  }

#home-header .search #go { float: left;  height:22px;  width:31px;}


/* News */
.news {margin-bottom: 15px;}
//.news .item {font-size: 1em; clear: left;}
body>* .news .item {margin-bottom: 10px;}

* html .news .item {padding-bottom: 10px;}
* html .news .pic {margin-bottom: 10px;}
.news h3 {font-size: 1.1em; display: inline;}
.news .vr {color: #D3D3D3; margin: 0px 2px;}
.news .item a {color: #2F2F2F;}
.news .item a:hover {text-decoration: underline;}
.news .bottom_links {clear: left;}

/* Showcase Styles - ramki */

.showcase {
  margin: 8px 0 2px; 
  width:296px;
  float:left;
  font-size:86%;  
  color:#666;
  background:url(home_cor.gif) no-repeat;
  background-position:-296px bottom;
  }

.showcase .showcase-bottom {
  position: relative; /*  req */
  background: url(home_cor.gif) no-repeat;
  margin-top:0px;
  padding: 4px 0 5px;
  min-height:120px; /* req: IE7 */
  }
  * html .showcase-left .showcase-bottom { height:120px; }

/*.showcase .showcase-lefttop {
  position: relative;   
  background: url(/bitrix/templates/microt/img/home_corners.gif) no-repeat;
  margin-top:0px;
  padding: 0px 0 5px;
  padding: 4px 0 5px !important;
  min-height:100px; 
  }
  * html .showcase-left .showcase-lefttop { 
    height:100px;
  }*/
	  
.showcase .parcel-content {
  margin-top:1px;
  padding: 1px 8px 7px 8px;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  }

.showcase-left .parcel-content {
  min-height:200px; 
  }
  * html .showcase-left .parcel-content { 
    height:200px;
    }

.showcase-right .parcel-content {
  min-height:110px;

  }
  * html .showcase-right .parcel-content { 
    height:110px;
    }
.showcase-right .parcel-content .outer { 
  height:38px; 
  %height:100%; /* req: IE7 */
  %min-height:38px; /* req: IE7 */
  display:table; 
  position: static; 
  }
  * html .showcase-right .parcel-content .outer { 
    height:38px; /* reset: IE6 */
    position:relative; 
    }

.showcase-right .parcel-content .middle { 
  display:table-cell; 
  vertical-align: middle; 
  width:270px;   
  padding: 7px 0 8px ;
  %position:relative; 
  %top:0%; 
  %padding:7px 0; 
  }

.showcase-right .parcel-content .inner { 
  %position:meddle; 
  %top:-50%; 
  }
* html .showcase-right .parcel-content ul { 
  position:relative;
  }
.showcase-right .parcel-content li { 
  display:block; 
  background: url(dotted00.gif) repeat-x; 
  padding-left: 0px;
}	 
.showcase h2 {
  padding: 8px 0 0px 0px;
  line-height:1em;
  font-size:142%;
  font-weight:bold;
  background: url(bullet_g.gif) no-repeat 0px 9px;
  padding-left: 25px;
  color: #707070;
  }

.showcase li {color:#666;  line-height:13px;  padding-left:7px;}

.showcase img { margin-bottom:10px; }

* html .showcase-left .parcel-content ul {position:relative;}

.showcase-left .parcel-content li { 
  display:block; 
  background: url(dotted00.gif) repeat-x; 

  }
.showcase-left a {color: #2F2F2F;}
.showcase-left a:hover {text-decoration: underline;}  
.showcase-left .parcel-content .outer { 
  height:38px; 
  %height:100%; /* req: IE7 */
  %min-height:38px; /* req: IE7 */
  display:table; 
  position:static; 
  }
  * html .showcase-left .parcel-content .outer { 
    height:38px; /* reset: IE6 */
    position:relative; 
    }

.showcase-left .parcel-content .middle { 
  display:table-cell; 
  vertical-align:middle; 
  width:270px;  
  padding: 7px 0 10px; 
  %position:relative; 
  %top:50%; 
  %padding:6px 0; 
  }

.showcase-left .parcel-content .inner { 
  %position:relative; 
  %top:-50%; 
  }

.showcase-right { float:right;}      

.showcase-right h2 {
  /*padding-bottom:10px;
  background: url(/bitrix/templates/microt/img/dotted.gif) repeat-x bottom;*/
  padding: 7px 0 0px 6px;
  line-height:1em;
  font-size:142%;
  font-weight:bold;
  background: url(bullet_g.gif) no-repeat 0px 9px;
  padding-left: 25px;
  color: #707070;
  } 
.showcase-right a {color: #2F2F2F;}
.showcase-right a:hover {text-decoration: underline;} 
.showcase h3 {padding:1px 0 4px; font-size: 1em; display: inline;}    
.showcase .link-more { font-weight:bold; font-size: 0.9em; color: #2f6681; }
.showcase div.link-more {line-height:1em;  padding:6px 0 5px;}

.link-all {
  clear:both;
  display:block;
  font-weight:bold;
  padding-left:5px;
  padding-top:12px;
  background: #fff url(dotted00.gif) no-repeat -781px bottom;
  font-size: 1em;
  }
.link-all a {color: #2f6681;}

/* Left column */
.alt-color    { background-color:#efefef; }
.alt-links ul { padding:5px 0 1px 10px; }
.alt-links li {
  display:block;
  list-style:none;
  margin:4px 0 2px -5px;
  line-height:1em;
  }
.alt-links a:link, .alt-links a:visited { font-weight:bold; }

/* video in index */
.side-video {
  background: #fff url(video_bo.gif) no-repeat 0px bottom;
  margin: 9px 0 1px 0px;
  padding-bottom:4px;
  width:179px;
  font-size: 85%;
  }

.side-video h3 {
  background: #aeaeae url(video_to.gif) no-repeat 0px top;
  padding: 4px 10px 4px;
  color:#fff;
  font-weight:bold;
  line-height:1em;
  }

/*.side-parcel ul {
  padding:10px 0 3px 3px; 
  line-height:101%; /* sync IE and FF line-height */
/* border-left:1px solid #aeaeae;	
  border-right:1px solid #aeaeae;
  font-size:85%;
  line-height:13px;
  }*/
  
.side-video div {
  padding: 5px 0px 3px 3px; 
  line-height:101%; /* sync IE and FF line-height */
  border-left: 1px solid #aeaeae;	
  border-right:1px solid #aeaeae;
  line-height:14px;
  }
.side-video div.txt {
  padding-bottom: 10px;
  border-left: 0px solid #aeaeae;	
  border-right:0px solid #aeaeae;
  }
.side-video div.arch {
  padding-bottom: 10px;
  padding-right: 5px;
  text-align: right;
  border-left: 0px solid #aeaeae;	
  border-right:0px solid #aeaeae;
  }  

/*.side-video li {
  display:block;
  padding:0 5px 5px;
  }

.side-parcel div.selectBox a {
  display:block;
  width:153px;
  min-height:14px; /* req: mac */
  /*padding:2px 6px 1px;
  border:1px solid #aeaeae;
  background: url(/bitrix/templates/microt/img/dd-arrow.gif) no-repeat 149px 1px;
  text-decoration:none; 
  }*/
/*.side-parcel div.selectBox a:link, 
.side-parcel div.selectBox a:visited { 
  color:#666;
  text-decoration:none;
  } */

div.selectBox a:hover, 
div.selectBox a:visited { text-decoration:none; }

.opt-parcel { margin-top:8px; } 

#product-intro {
  margin-top:9px;
  padding-left:5px;
  padding-bottom:5px;
  min-height:99px;
  }
  /* min-height equivalent */
  * html #product-intro {
    height:99px; 
    }

#product-intro .product-img {text-align:center;}  
#product-intro .product-img-vert {float:left;  top:-4px;  padding-right:8px;} 

  /* IE 3px Float Margin Bug Fix (Fix messes up Safari 2.0 but is ignored by FF) */ 
  * html #product-intro .product-img-vert .product-content {
    display:inline-block; 
    }  

/* Second pages */
#lineleft {
	padding-left:10px;
	float:right;
	width:330px;
	height:100%;
	margin-left:10px;
	left: 900px;
	right: 0px;
	position: absolute;
	top: 400px;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
#lineright {border-right:1px solid #aeaeae; padding-right:10px; padding-top:0px; height:100%;}

/* Banner under left menu */
#undermenu {padding:30px 10px 5px 0;}

/* Right menu */
#line_m_left {
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	width: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

/* Left menu */
#menu312 {
border-bottom:1px solid #D2E0EE;
font-size: 0.85em;
padding-bottom: 3px;
padding-top: 3px;
}
#menu312 .level1 {color: #2f6681;}
.level1 a {color: #2f6681; text-transform: uppercase;	display: block;}
.level1 a:hover {text-decoration: none;}
.level2 {padding-left: 10px;}
.level2 a {font-weight: bold;	color: #2f6681; display: block;	background: #FFF;}
.level2 a:hover {text-decoration: none;}

 .level3{
 font-family: Arial;
	font-weight: bold;
	color: #2f6681;
	background-color: #D2E0EE;
	padding-left: 10px;
	display: block;
}

/* ======= */
/* MENUS */
/* Top1 */

#td_top_menu {padding: 1px 0 10px 0!important;}

@charset "UTF-8";

/*******************************************************************************
 LAYOUT INFORMATION: describes box model, positioning, z-order
 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	list-style-type: none;
	cursor: default;
	width: 100%;
	font-family: Arial;
	font-size: 93%;
	left: 0px;
	margin-top: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	clip: rect(auto,100px,auto,auto);
	margin-right: 0px;
	height: 100%;

}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{	z-index: 1000;}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	cursor: pointer;
	width: 199px;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0;
}

/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.85em;
	z-index: 102;
	cursor: default;
	width: auto;
	position: absolute;
	left: -500em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{	left: auto;}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{	width: 199px;}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{position: relative;	margin: 5px 0 0 100%;}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{left: auto;}

/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
 *******************************************************************************/
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{	/*display: block;
	border: 2px solid #CCC;*/
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	color:#2f6681;
	background-color: #fff;
	border: 1px solid #CCC;
	border-right: 1px solid #CCC;
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	margin-top: -0.1em;
	padding-top: 0.2em;
	padding-right: 1em;
	padding-bottom: 0.2em;
	padding-left: 1em;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{ background: url(sitearea.jpg);
 color:#2f6681; text-decoration: none; 
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-image: url(sitearea.jpg) top left;
	text-decoration: none;
}

/*******************************************************************************
 SUBMENU INDICATION: styles if there is a submenu under a given menu item
 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background: url(siteareb.jpg) top;
	color:#FFF;
	font-weight: bold;
	border-top: 1px solid #7197c5;
	border-left: 0px solid #7197c5;
	left: 0px;
	width: auto;
	padding-top: 0.4em;
	padding-right: 1em;
	padding-bottom: 0.4em;
	padding-left: 1em;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{background-color: #fff;}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{background: url(sitearea.jpg);	color:#49709f;}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{background-color: #fff;}

/*******************************************************************************
 BROWSER HACKS: the hacks below should not be changed unless you are an expert
 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{position: absolute;	z-index: 1010;}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		float: left;
		background: #FFF;
	}
}

/* Top2 */

#td_middle_menu {padding: 10px 0 10px 0!important;}
ul.MenuBarHorizontal2
{
	list-style-type: none;
	cursor: default;
	width: 100%;
	font-family: Arial;
	font-size: 93%;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

ul.MenuBarActive2
{z-index: 1000;}

ul.MenuBarHorizontal2 li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	cursor: pointer;
	width: 199px;
	float: left;
}

ul.MenuBarHorizontal2 ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.85em;
	z-index: 1020;
	cursor: default;
	width: 199px;
	position: absolute;
	left: -1000em;
}

ul.MenuBarHorizontal2 ul.MenuBarSubmenuVisible2
{left: auto;}

ul.MenuBarHorizontal2 ul li
{width: 199px;}

ul.MenuBarHorizontal2 ul ul
{position: relative;	margin: 5px 0 0 100%;}

ul.MenuBarHorizontal2 ul.MenuBarSubmenuVisible2 ul.MenuBarSubmenuVisible2
{left: auto;}

ul.MenuBarHorizontal2 ul
{	
}

ul.MenuBarHorizontal2 a
{
	display: block;
	cursor: pointer;
	color:#2f6681;
	background-color: #fff;
	border: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 0.2em 1em;
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	margin-top: -0.1em;
}

ul.MenuBarHorizontal2 a:hover, ul.MenuBarHorizontal2 a:focus
{
 background: url(siteareb.jpg);
 color:#FFF;
 text-decoration: none;
}

ul.MenuBarHorizontal2 a.MenuBarItemHover2, ul.MenuBarHorizontal2 a.MenuBarItemSubmenuHover2, {
background-color: #fff;
text-decoration: none;
}
ul.MenuBarHorizontal2 a.MenuBarSubmenuVisible2
{background-image: url(sitearea.jpg) repeat-x top left;}

ul.MenuBarHorizontal2 a.MenuBarItemSubmenu2
{
background: url(siteareb.jpg) repeat-x top left;
color:#FFFFFF;
font-weight: bold;
border-top: 1px solid #7197c5;
border-left: 0px solid #7197c5;
padding: 0.4em 0.3em;
}

ul.MenuBarHorizontal2 ul a.MenuBarItemSubmenu2
{
background-color: #fff;
}

ul.MenuBarHorizontal2 a.MenuBarItemSubmenuHover2
{
 background: url(sitearea.jpg);
 color:#FFF;
}
#MenuHover2 {
 background: url(sitearea.jpg);
 color:#FFF;
}

ul.MenuBarHorizontal2 ul a.MenuBarItemSubmenuHover2
{background-color: #fff;}

ul.MenuBarHorizontal22
{ background: url(sitearea.jpg); color:#7197c5;}


/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal2 iframe
{
	position: absolute;
	z-index: 1010;
}
.download_button{
border:1px solid #ccc;
background:url(dowbtnfo.gif) left top repeat-x #3e8dd7;
font-family:arial;
font-size:12px;
height:23px;
width:454px;
taxt-align:center;
vertical-align:center;
color:#ffffff;
margin:10px auto;
}
.download_button a{
font-weight:bold;
color:#ffffff;
}

@media screen, projection
{
	ul.MenuBarHorizontal2 li.MenuBarItemIE2
	{
		display: inline;
		float: left;
		background: #FFF;
	}
}