html {font-size: 100%}
body {
      font-family: Tahoma, Verdana, Arial;
      font-size: 12px;
      line-height: 140%;
      padding: 0px;
      margin: 0px;
      text-align: center;
      color: #424E51;
      background-color: #FFFFFF;
      behavior:url("csshover.htc");
      overflow: scroll;
     }

form    {margin:0;}
input {background-color:#C9D1D4;border:none;}

a       {text-decoration:underline;color:#FF6600}
a:hover {text-decoration:underline;color:#000000}
.big    {font-size:13px;}
.big2   {font-size:15px;}
.small  {font-size:10px;}
.black  {color: #000000;}
.silver {color:#809499;}
.dark   {color:#424E51;}
span img  {position: relative;top:2px;border-left: 3px #ffffff solid;border-right: 3px #ffffff solid}
img     {border:0;}
.clear  {clear: both;}

.tb
{
	font-size : 12px;
	color: #000000;
	background-color: White;
	font-family: tahoma, arial;
	border: solid 1px black;
}

#main   {padding: 0px; margin: 0 auto 0 auto; width:1004px;text-align: left;}
#header {width:1004px;display:block;padding:0 0 10px 0;float: none;position: relative;}
#header .lang {position:absolute;right:10px; top:0px;}
#header .lang a {text-decoration: none;margin-right:10px;font-size: 10px;font-weight: bold;color:#526165;}
#header .lang a:hover {color:#000000;}
#header .lang img {position:relative; top:5px;margin-right:3px;}
#menu   {width:1004px;display:block;float:none;padding:0;margin-bottom:5px;text-align:left;color:#ffffff;height: 50px;background: #809499 url(images/menu_out.jpg) repeat-x }

#menu ul.mainmenu {list-style-type:none;float:left;margin:0;padding:0 0 0 10px;}
#menu ul.mainmenu li {position:relative;float:left; display:block;}
#menu ul.mainmenu li:hover {background-color:#424E51;background: url(images/menu_hover.jpg) repeat-y;}
#menu ul.mainmenu li a {color:#FFFFFF;text-decoration:none;font-weight:bold;font-size:11px;line-height:50px;padding:0 10px 0 10px;height: 50px;display: block;font-family:arial,verdana;float:left;}
#menu ul.mainmenu li a:hover {color:#FFFFFF;background-color:#424E51;background: url(images/menu_hover.jpg) repeat-y;padding:0 10px 0 10px;}
#menu ul.mainmenu li ul {display: none;padding:0;margin:0;}
#menu ul.mainmenu li:hover ul {display:block;width:180px;position:absolute;z-index:21;top:50px;left:0px;background-color:#424E51;background:url(images/menu_hover.jpg) repeat-y;background-color:#637377;list-style-type: none;}
#menu ul.mainmenu li:hover ul li {float: none;clear: left;}
#menu ul.mainmenu li:hover ul li a {line-height:35px;height:35px;font-size:10px;display: block;}
#menu ul.mainmenu li:hover ul li a:hover {background: url(images/menu_hover2.jpg) repeat-y;background-color:#424E51;}

#txtsearch {width:180px;float:right;padding:15px 0px 0px 10px}
#txtsearch label {font-weight: bold;margin:0 5px 0 0;font-size: 11px;}
#txtsearch #inputsearch {width:100px;height:18px;background-color:#C9D1D4;border:none;}
#txtsearch #btnsearch {position: relative;top:3px;left:5px;}

#in     {width:1004px;display:block;float:none;padding:0;}
#inleft {width:500px;float:left;display:block;margin-bottom:20px;}
#inright{width:500px;float:right;display:block;margin-bottom:20px;}

#inleft h3 {padding-left:20px;padding-top: 10px;} #inleft h4 {padding-left:20px;padding-top: 10px;}

#footer   {width:1004px;display:block;float:none;padding:0;text-align:left;color:#ffffff;height:50px;background: #809499 url(images/menu_out.jpg) repeat-x }
#footer #gfoot {float:right;margin:14px 20px 10px 10px;}
#footer span {margin:17px 10px 13px 20px;color:#FFFFFF;font-size:10px;float: left;}
#footer span a {color:#FFFFFF;text-decoration: none;}

h1 {font-size:20px;color:#FF6600;background: url(images/dot_0.jpg) no-repeat 4px 3px;padding:0px 20px 0px 20px;font-weight: normal;line-height:100%;margin:10px 0px 5px 0px;font-family:arial,verdana;}
h2 {font-size:18px;color:#FF6600;background: url(images/dot_0.jpg) no-repeat 4px 3px;padding:0px 20px 0px 20px;font-weight: normal;line-height:100%;margin:10px 0px 5px 0px;font-family:arial,verdana;}
h3 {font-size:16px;color:#FF6600;line-height:100%;margin:0px 0px 5px 0px;font-family:arial,verdana;}

img.imgright {float:right;}
img.imgleft {float:left;}

#boxdemo {margin:10px 0px 10px 0px;}
#inleft p {text-align: left;margin-left: 20px;margin-bottom: 20px;}
.fleft {float:left}
.fright {float:right}
.textleft {text-align:left;}
.textright {text-align:right;}
.textcenter {text-align:center;}

ul.path    {list-style-type: none;padding:0;margin:0px 0px 30px 20px;position: relative;top:-3px;font-family:arial,verdana;  }
ul.path li {display: block;float: left;font-size: 10px;margin-right:3px;}


div.product {margin:0px 0px 15px 8px;padding:0 0 0 7px;border-left:5px solid #DFE4E5;width:220px;float:left;}
div.product h2 {padding:0px;margin:0px;}
div.product h2 a {padding: 0px;margin: 0px;background:url(images/ng_erp.jpg) 0px 0px;display: block;width: 175px; height:50px; color:#FFCC33;font-size:13px;font-weight: bold;text-decoration: none;}
div.product ul {margin:0px; padding:0px;list-style-type: none;}
div.product, div.product ul li {color:#809499;font-weight: bold;font-size: 11px;line-height: 130%;}
div.product h2.ng_crm a {background-image:url(images/ng_crm.jpg);color:#9f6fcf; }
div.product h2.ng_erp a {background-image:url(images/ng_erp.jpg);color:#FFCC33; }
div.product h2.ng_qms a {background-image:url(images/ng_qms.jpg);color:#33CC99; }
div.product h2.ng_ds a {background-image:url(images/ng_ds.jpg);color:#0099CC; }
div.product h2.ng_el a {background-image:url(images/ng_el.jpg);color:#99CC00; }
div.product h2 a:hover {color:#809499;}

div.product2 {margin:0px 0px 15px 8px;padding:0 0 0 7px;border-left:5px solid #DFE4E5;width:140px;float:left;color:#809499}
div.product2 ul {margin:10px 0px 0px 0px; padding:0px;list-style-type: none;}
div.product2 ul li {color:#809499;font-size: 11px;line-height: 130%;}

#inright p {text-align: left;margin:0px 20px 20px 20px;}
#inright li {margin:0px 20px 5px 20px;}

.gpicture {background: url(images/lcd_470x290.jpg) no-repeat left top;width:470px;height:290px;position:relative;margin:15px 0px 15px 5px;}
.gpicture img {position:absolute;top:26px;left:29px;width:414px;height:223px;}
.gpicture span {position:absolute;top:255px;left:29px;width:410px;height:20px;text-align:left;display: block;color: #FFFFFF;font-size: 10px;;}

.symbol h2.symbol {background: transparent;color:#424E51;padding-top:10px;padding-left:0;}
.symbol h2.symbol span {position: relative;top:-10px;}
.symbol h3 a {font-size:12px;}
.symbol h3 {font-size:14px;color:#424E51;padding-left:20px;font-weight: normal;}
.symbol h2 a:hover, .symbol h3 a:hover {color:#424E51;}

div.lightbckg {background-color: #ECEFF0;margin-left:20px;margin-bottom:20px;margin-right:20px;padding:5px 10px 5px 10px;}
div.lightbckg ul {padding-left:0px;color:#809499;}
div.lightbckg ul li span {color:#424E51;}
div.lightbckg h3 {background-image: url(images/dot_1.gif);color:#809499;font-weight: bold;}

span.symbol_crm {background: url(images/image_crm.gif) no-repeat left top;display: block;width: 43px;height: 43px;float: left;margin-right: 10px;}
.crm h2, .crm h3 {background: url(images/dot_crm.gif) no-repeat 4px 3px;padding:0px 20px 0px 20px;font-weight: normal;line-height:110%;margin:10px 0px 5px 0px;color:#424E51;}
.crm h2 a, .crm h3 a {color:#9F6FCF;}
h2.h_crm {background: url(images/image_crm2.gif) no-repeat 4px 0px;padding:7px 0px 0px 40px;font-weight: normal;height:30px;margin:0px 0px 0px 20px;color:#9F6FCF;border-bottom:10px #9f6fcf solid;} 
.color_crm {color:#9F6FCF;}

span.symbol_erp {background: url(images/image_erp.gif) no-repeat left top;display: block;width: 43px;height: 43px;float: left;margin-right: 10px;}
.erp h2, .erp h3 {background: url(images/dot_erp.gif) no-repeat 4px 3px;padding:0px 20px 0px 20px;font-weight: normal;line-height:110%;margin:10px 0px 5px 0px;color:#424E51;}
.erp h2 a, .erp h3 a {color:#8C6900;}
h2.h_erp {background: url(images/image_erp2.gif) no-repeat 4px 0px;padding:7px 0px 0px 40px;font-weight: normal;height:30px;margin:0px 0px 0px 20px;color:#8C6900;border-bottom:10px #8C6900 solid;} 
.color_erp {color:#8C6900;}

span.symbol_qms {background: url(images/image_qms.gif) no-repeat left top;display: block;width: 43px;height: 43px;float: left;margin-right: 10px;}
.qms h2, .qms h3 {background: url(images/dot_qms.gif) no-repeat 4px 3px;padding:0px 20px 0px 20px;font-weight: normal;line-height:110%;margin:10px 0px 5px 0px;color:#424E51;}
.qms h2 a, .qms h3 a {color:#33CC99;}
h2.h_qms {background: url(images/image_qms2.gif) no-repeat 4px 0px;padding:7px 0px 0px 40px;font-weight: normal;height:30px;margin:0px 0px 0px 20px;color:#33CC99;border-bottom:10px #33CC99 solid;} 
.color_qms {color:#33CC99;}

span.symbol_el {background: url(images/image_el.gif) no-repeat left top;display: block;width: 43px;height: 43px;float: left;margin-right: 10px;}
.el h2, .el h3 {background: url(images/dot_el.gif) no-repeat 4px 3px;padding:0px 20px 0px 20px;font-weight: normal;line-height:110%;margin:10px 0px 5px 0px;color:#424E51;}
.el h2 a, .el h3 a {color:#99CC00;}
h2.h_el {background: url(images/image_el2.gif) no-repeat 4px 0px;padding:7px 0px 0px 40px;font-weight: normal;height:30px;margin:0px 0px 0px 20px;color:#99CC00;border-bottom:10px #99CC00 solid;} 
.color_el {color:#99CC00;}

span.symbol_ds {background: url(images/image_ds.gif) no-repeat left top;display: block;width: 43px;height: 43px;float: left;margin-right: 10px;}
.ds h2, .ds h3 {background: url(images/dot_ds.gif) no-repeat 4px 3px;padding:0px 20px 0px 20px;font-weight: normal;line-height:110%;margin:10px 0px 5px 0px;color:#424E51;}
.ds h2 a, .ds h3 a {color:#0099CC;}
h2.h_ds {background: url(images/image_ds2.gif) no-repeat 4px 0px;padding:7px 0px 0px 40px;font-weight: normal;height:30px;margin:0px 0px 0px 20px;color:#0099CC;border-bottom:10px #0099cc solid;} 
.color_ds {color:#0099CC;}

span.symbol_ng {background: url(images/image_ng.gif) no-repeat left top;display: block;width: 43px;height: 43px;float: left;margin-right: 10px;}
.ng h2, .ng h3 {background: url(images/dot_ng.gif) no-repeat 4px 3px;padding:0px 20px 0px 20px;font-weight: normal;line-height:110%;margin:10px 0px 5px 0px;color:#424E51;}
.ng h2 a, .ng h3 a {color:#FF6600;}
h2.h_ng {background: url(images/image_ng.gif) no-repeat 4px 0px;padding:7px 0px 0px 40px;font-weight: normal;height:30px;margin:0px 0px 0px 20px;color:#FF6600;border-bottom:10px #FF6600 solid;} 
.color_ng {color:#FF6600;}

td, th  {text-align: left; vertical-align: top;}
table.tab1 {padding-left:20px;}
table.tab1 tr th {background-color: #526165;color: #FFFFFF;font-weight: normal;border-bottom: 2px #ffffff solid; white-space: nowrap;}
table.tab1 tr.lichy td {background-color: #DFE4E5;}

div.rpanel {width: 270px; height:120px;display: block;margin-bottom: 10px;}
div.rpanel_prace {width:270px; height:auto;background: url(images/rpanel_prace.jpg) no-repeat left top;}
div.rpanel_prace img {width:228px;height:122px;margin:153px 21px 27px 22px;padding:0;}
div.rpanel_prace p {padding:0px 5px 10px 5px;font-size: 10px;}