/* Default */

body {
background-color: #FFFFFF;
text-align: center;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:15px;
color: #606060;
}
pre{
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a{
margin:0;
padding:0;
font-weight: bold;
text-decoration: none;
outline: none;
color: #3C3795;
}
a:hover {
text-decoration: underline;
color: #FF6600;
}

.img-links img{
    border: 1px solid #000;
}
.img-links:visited {
    color:#000;
    border: 1px solid #000;
}

/* Main Wrapper */
#wrapper {
text-align: left;
width: 762px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
/* Header */
#header {
margin-top: 20px;
margin-bottom: 0px;
font-size: 12px;
}
#header #navigation {
width: auto;
padding: 0px;
height: 32px;
margin: 0px;
margin-bottom:5px;
font-size:11px;
}

#nav {
height:25px; 
padding:0; 
float:right;
}
#nav, #nav ul {
padding:0 0 2px 0; 
margin:0; 
list-style:none; 
font-size: 11px ;
font-weight:bold;
z-index:200;
}
#nav table {
border-collapse:collapse;
}
#nav table a:hover{
color:#FF6600;
}
#nav li {
float:left; 
padding:0;
margin:0 1px 0 7px;
}
#nav li li {
float:none;
}
/* a hack for IE5.x and IE6 */
#nav li a li {
float:left;
}
#nav li a {
display:inline; 
float:left; 
color:#330099; 
height:20px; 
padding-right:10px; 
line-height:12px; 
font-size:11px; 
text-decoration:none; 
white-space:nowrap;
}
#nav li li a {
width:100px;
display:block; 
padding-right:10px;
line-height:10px; 
font-size:11px; 
float:none;
}
#nav li:hover {
position:relative; 
z-index:300;
}
#nav a:hover {
position:relative; 
z-index:300; 
color:#FF6600; 
text-decoration:underline;
}
#nav :hover ul {
left:0; 
top:20px;
width:100px;
display:block;
}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {
left:-10px;
}
#nav ul {
position:absolute; 
left:-9999px; 
top:-9999px;
background:#FFF;
}
/* show next level */
#nav li:hover li:hover > ul {
left:-5px; 
margin-left:100%; 
top:-1px;
}
/* keep further levels hidden */
#nav li:hover > ul ul {
position:absolute; 
left:-9999px; 
top:-9999px; 
width:auto;
}
/* show path followed */
#nav li:hover > a { 
color:#FF6600; 
text-decoration:underline;
}
/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul{
left:100%;
top:-2px;
}
/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul {
position:absolute;
left:-9999px;
top:-9999px;
}
#nav .last{
margin-right:0;
padding-right:0;
}
#nav .drop a.parrent{
width:65px;
background: url('../images/layout/down-arrow.gif') 65px 5px no-repeat ;
}
#header #language {
font-size: 10px;
height: auto;
display:inline;
padding: 0;
float: right;
width: 13%;
text-align:center;
}
#tab-lang {
background: transparent;
}
#tab-lang .xtop, #tab-lang .xbottom {
display:block;
background:transparent;
font-size:1px;
}
#tab-lang .xb1, #tab-lang .xb2, #tab-lang .xb3,#tab-lang .xb4 {
display:block;
overflow:hidden;
}
#tab-lang .xb1, #tab-lang .xb2, #tab-lang .xb3 {
height:1px;
}
#tab-lang .xb2, #tab-lang .xb3, #tab-lang .xb4 {
border-left:2px solid #b8d4ff;
border-right:2px solid #b8d4ff;
}
#tab-lang .xb1 {
margin:0 5px;
background:#b8d4ff;
}
#tab-lang .xb2 {
margin:0 3px;
border-width:0 2px;
}
#tab-lang .xb3 {
margin:0 2px;
}
#tab-lang .xb4 {
height:2px;
margin:0 1px;
}
#tab-lang .xboxcontent {
width:auto;
padding:0;
text-align:center;
padding:0 2px;
border:0 solid #b8d4ff;
border-width:0 2px;
}

#header #logo {
width: 762px;
display:inline;
}
#header #logo #logo-comsoft {
display:inline;
float:left;
margin:0;
padding:0;
width: 562px;
}
#header #logo #logo-comsoft img {
border: 0px;
}
#header #logo #banner {
/*background: url('../images/layout/_banner.png') no-repeat top;*/
width: 762px;
height: 185px;
}
#header #logo #banner span {
margin-top: 64px;
margin-right: 60px;
}
#header #logo #banner h1 {
font-size: 23px;
font-weight: normal;
}
#login-form #tab-lang{
    width:738px;
}
/* Content */
#content {
width: 762px;
}
#content #left-col {
width: 216px;
float: left;
}
#content #main-col {
width: 532px;
float: right;
}
.tab {
margin: 0px;
padding: 0px;
}
.tab .tab-header {
height: 20px;
text-align: left;
position: relative;
}
.tab .tab-header .tab-hleft {
height: 20px;
width: 4px;
background: url('../images/layout/_img-hleft.gif') no-repeat top;
position: absolute;
top: 0;
left: 0;
}
.tab .tab-header .tab-hright {
height: 20px;
width: 4px;
background: url('../images/layout/_img-hright.gif') no-repeat top;
position: absolute;
top: 0;
right: 0;
}
.tab .tab-header .tab-htitle {
color: #fff;
height: 20px;
background: url('../images/layout/_img-hmid.gif') repeat-x top #333;
}
.tab .tab-header .tab-htitle span,
.tab .tab-header .tab-htitle b {
font-weight: bold;
font-size: 13px;
display: inline;
color: #330099;
padding: 4px 4px 0px 10px;
}
.tab .tab-header .tab-htitle h1,
.tab .tab-header .tab-htitle h2 {
line-height:20px;
font-weight: bold;
font-size: 12px;
display: inline;
padding: 0px 4px 0px 6px;
}
.tab .tab-content {
margin: 0px;
padding: 0px;
background: url('../images/layout/_img-left-line.gif') repeat-y top left;
}
.tab .tab-content .tab-right-line {
background: url('../images/layout/_img-right-line.gif') repeat-y top right;
}
.tab .tab-content .tab-top-line {
background: url('../images/layout/_img-top-line.gif') repeat-x top;
height: 4px;
width: 100%;
}
.tab .tab-content .tab-top-left-corner {
background: url('../images/layout/_img-top-left-corner.gif') no-repeat top left;
width: 4px;
height: 4px;
float: left;
}
.tab .tab-content .tab-top-right-corner {
background: url('../images/layout/_img-top-right-corner.gif') no-repeat top right;
width: 4px;
height: 4px;
float: right;
}
.tab .tab-content .tab-bottom-line {
background: url('../images/layout/_img-bottom-line.gif') repeat-x bottom;
height: 4px;
width: 100%;
}
.tab .tab-content .tab-left-corner {
background: url('../images/layout/_img-left-corner.gif') no-repeat bottom left;
width: 4px;
height: 4px;
float: left;
}
.tab .tab-content .tab-right-corner {
background: url('../images/layout/_img-right-corner.gif') no-repeat bottom right;
width: 4px;
height: 4px;
float: right;
}
.tab .tab-content .tab-text {
padding: 10px 10px 15px 10px;
margin: 0px;
}
.tab .tab-content .tab-text-footer {
padding: 0px 10px 10px 5px;
margin: 0px;
}
.tab .tab-content .tab-text-footer .left-partners {
margin:0;
padding:0;
width: 220px;
float: left;
margin-top:-2px !important;
margin-top:-11px;
margin-left:-3px !important;
margin-left:-2px;
}
.tab .tab-content .tab-text-footer .left-partners span {
font-size: 12px;
font-weight: bold;
margin: 0px 0px 0px 10px;
}

.tab .tab-content .tab-text-footer .right-partners {
width: 510px;
float: right;
margin: 5px;
}
.tab .tab-content .tab-text-footer .right-partners img {
vertical-align: middle;
padding: 14px 4px 4px 4px;
border: 0px;
}
.tab .tab-content .tab-text-footer .right-partners a {
    text-decoration:none;
}
.box{
background: url('../images/layout/_bullet.gif') 5px 3px no-repeat;
padding:0;
padding-left:5px;
margin:0;
list-style-position: inside;
}
.box h3{
padding:0 15px;
margin:15px 0px 5px 0px;
font-weight: bold;
font-size: 11px;
}
.box p{
margin: 0px
}
.box .msg-text{
padding:0;
margin:0;
}
.box img{
display:inline;
float:right;
margin:5px 0px 0px 10px;
padding-left:30px;
}		
#list-tech .left-col{

}
#list-tech .right-col{

}
.dot-width{
    width:60px;
    text-align:center;
}
#copy{
	margin:20px 8px 0 0;
	font-size:11px;
	color:#3C3795;
	float:right;
}
.inside-image{
	display:inline;
	float:left;
	padding:0;
	margin:0;
	margin-left:-8px;
    margin-right:50px !important;
    margin-right:20px;
    width:300px;
}
.date{
    font-size:10px;
    margin-left:8px;
    color:#919191;

}
.inside-image img{
margin-bottom:40px;
}
.inside-title{
margin:0;
margin-bottom:9px;
margin-left:6px;
color:#3a00a2;
font-size:19px;
}
.right {
display:inline;
float:left;
width:390px;
}
.right li, .inside-image li{
margin-bottom:20px;
list-style-image:url('../images/layout/_bullet.gif');
list-style-position:outside;
}
.right li li{

list-style-image:url('../images/layout/_bullet1.gif');

}
.right li b, .inside-image li b{
/*margin-left:10px;*/
}

.table-partners {
margin-top:10px;
}

.table-partners a img, .table-partners a:hover img{
    border:none;
    text-decoration:none;
}
.table-partners-padding {
    padding:10px;
}
/***************************/
.inside-image-clients{
	display:inline;
	float:left;
	padding:0;
	margin:0;
	margin-left:-8px;
    margin-right:40px !important;
    margin-right:10px;
    width:350px;
}
.imgs{
    display:inline;
    float:left;
    padding: 3px;
}
.inside-image-clients img{
margin-bottom:40px;
}
.right-clients {
display:inline;
float:left;
width:350px;
}
.right-clients li, .inside-image-clients li{
margin-bottom:20px;
list-style-image:url('../images/layout/_bullet.gif');
list-style-position:inside;
}
.right-clients li b, .inside-image-clients li b{
margin-left:10px;
}

/***************************/
#news-content{
padding:0;
margin-left:-8px;
margin-right:-18px;
}
#small-navigation {
text-align: center;

margin: 0px 0px 10px 0px;
padding: 0px;
list-style-type: none;
}
#small-navigation li {
font-size:6px;
display: inline;
margin:0;
color:#fff;
}
#small-navigation .left-arrow a {
padding: 1px 5px 8px 5px;
text-decoration: none;
background: url('../images/layout/left-arrow.gif') no-repeat 0px 0px;
}
#small-navigation .left-arrow a:hover {
padding: 1px 5px 8px 5px;
text-decoration: none;
background: url('../images/layout/left-arrow-hover.gif') no-repeat 0px 0px;
}
#small-navigation .right-arrow a {
padding: 1px 5px 8px 4px ;
text-decoration: none;
background: url('../images/layout/right-arrow.gif') no-repeat 0px 0px;
}
#small-navigation .right-arrow a:hover {
padding: 1px 5px 8px 4px ;
text-decoration: none;
background: url('../images/layout/right-arrow-hover.gif') no-repeat 0px 0px;
}
#small-navigation .news-number a {
padding: 0px 1px 0px 1px;
color:#b8d4ff;
text-decoration: none;
background:#408cff;
border:2px solid #408cff;
/*background: url('../images/layout/number1.gif') no-repeat 0px 0px;*/
}
#small-navigation .news-number a:hover,
#small-navigation .news-number a.selected {
padding: 0px 1px 0px 1px;
text-decoration: none;
background:#fff;
border:2px solid #d0e3ff;
/*background: url('../images/layout/number1-hover.gif') no-repeat 0px 0px;*/
}

#news-content .news-img img {
width: 212px;
padding:0;
margin:0;
}
#news-content .news-title, .newsBox .news-title  {
font-weight: bold;
font-size: 11px;
padding-left:20px;
padding-right:10px;
}
#news-content .news-text {
padding: 2px 20px 5px 20px ;
}
.newsBox h2{
    padding:0;
    margin:0;
}
.newsBox .news-title  {
padding-left:0;
}
.newsBox{
padding:4px 0;
border-bottom:1px dashed #919191;
margin:14px 20px 0 20px;
height:102px;
}
.leftImage{
float:left;
height:92px;
margin:0 20px 0 0;
}
.rightNewsText{
height:92px;
float:left;
width:470px;
}
.readmore {
white-space:nowrap;
float:right;
margin-right:12px;
}
.readmore a {
font-weight: bold;
text-align:left;
}
/* Footer */
#footer {
margin: 5px 0px 20px 0px;
}
