* {margin: 0; padding:0;}

body {
	color:#fff;
	font-size:14px;
	font-family:Arial, Tahoma, serif;
	background:  url('../i/bg_main.jpg') #d5e0ff repeat-y;
}
/* Common */
h1,h2,h3,h4,h5,h6 {font-weight:normal;margin:7px 0 14px 0;}
h1{font-size:24px; }
h2{font-size:21px;}
h3{font-size:19px;}
h4{font-size:17px;font-weight:bold}
h5{font-size:14px;font-weight:bold;}
h6{font-size:12px;font-weight:bold;}

p{line-height:18px; margin:0 0 21px 0;}

td{font-size:14px;}

ul li,
ol li,
dl dt{padding:2px; margin:7px 0 14px 21px;}
dl dd{padding:2px; margin:7px 0 14px 35px;}
a img{border:none;}
a{color:#006489;}
a:hover{color:#00425a;}
a:active{color:#34c43c;}

.m-top{margin:7px 0 0 0;}
hr {
	border:none;
	border-top:1px solid #fff;
	height:1px;
	overflow:hidden;
}

.f-left{float:left;}
.f-right{float:right;}
.invisible{display:none; position:absolute; left:-9999;}
.container{padding:14px;}
.reducer{clear:both; height:14px;}

.opa20{
	background:url('/v2/i/opa20.png') repeat;
}

#layout {background: url('../i/bg.jpg') no-repeat; height:100%; margin:0; min-width:910px;}

/*Header*/
#layout #header{clear:both;}
#layout #header h1.logo{margin:0;padding:0;}
#layout #header h1.logo img{position:absolute; top:70px; left:70px; margin:0; padding:0;}
#layout #header div.navigation{margin-left:50%; height:150px;}
#layout #header div.navigation dl{width:33%;float:left; margin-right:-100%; margin-left:0; margin-top:-4px;}
#layout #header div.navigation dt{color:#C2E0EF; font-size:18px; margin:0;}
#layout #header div.navigation dd{margin:0; font-size:12px;}
#layout #header div.navigation dd a {color: #fff; position:relative;}
#layout #header div.navigation dd a:hover{text-decoration:none;}
#layout #header div.navigation dt{padding:7px 0 7px 0;}
#layout #header div.navigation dd {padding:7px 0 7px 0;}
#layout #header div.navigation dl.c1{margin-left:0;}
#layout #header div.navigation dl.c2{margin-left:33%;}
#layout #header div.navigation dl.c3{margin-left:66%; }
#layout #header div.navigation-c{width:7px; left:-7px; overflow:hidden; margin-left:50%; position:absolute; height:150px;}
#layout #header div.navigation-c ins.t{
	background:url('../i/opa20.png') repeat;
	width:14px; height:143px; left:-7px; top:0;
	position:absolute;
}
#layout #header div.navigation-c ins.b{
	display:block; position:absolute;
	background:url('../i/opa20-shape.png') no-repeat;
	width:14px; height:7px; top:143px; left:-7px;
}
#layout #header div.navigation div.langs{
	position:absolute;
	right:14px;
	top:18px;
	width:42px;
}
#layout #header div.navigation div.langs dl dt{
	color:#5A85D5 !important;
	font-size:11px !important;
	padding:3px;
	margin-bottom:4px;
}

#layout #header div.navigation div.langs dl dt.active{
	font-weight:bold;
}
#layout #header div.navigation dl.langs dt {}


/*Content*/
#layout #content {margin-top:28px; clear:left;}

/* FAQ */
#layout #content div.faq_list h3{margin:14px 0 7px 0;}
#layout #content div.faq_list li{list-style-type: none;}
#layout #content div.faq_list a, 
#layout #content div.faq_list a:hover, 
#layout #content div.faq_list a:visited, 
#layout #content div.faq_list a:active {color:#eeeeee; text-decoration:none; border-bottom:1px dotted;}
#layout #content div.faq_list a.linkk{color:#96e7ff; border-bottom:none; text-decoration:underline;}
#layout #content div.faq_list a.linkk:hover{color:#fff; text-decoration:underline;}
#layout #content div.faq_list a.linkk:active {color:#34c43c; text-decoration:underline;}
#layout #content div.faq_list a.open{background: url('../i/faq_arr_cl.gif') no-repeat; padding-left: 14px; color:#95e9ff;}
#layout #content div.faq_list a.close{background: url('../i/faq_arr_op.gif') no-repeat; padding-left: 14px;}
#layout #content div.faq_list p{padding-left:14px;}

#layout #content table.content_table {//width:auto;table-layout:fixed; border:solid 1px #FFF; margin:14px 0px 7px 0px; border-collapse: collapse; color:#fff;}
#layout #content table.content_table th{border:solid 1px #FFF; font-size:14px; font-weight:bold; text-align:left; background:#73A1C5;}
#layout #content table.content_table td{border:solid 1px #FFF; font-size:14px;  background:#1C709C;}
#layout #content table.content_table th,
#layout #content table.content_table td {padding:7px; overflow:hidden;}

#layout #content table#contacts{margin:14px 0px 7px 0px; border-collapse: collapse; color:#fff;}
#layout #content table#contacts td{font-size:14px; padding:7px;}
#layout #content table#contacts img{margin:0 14px 0 -5px;}
#layout #content table#contacts h3{color:#FFF; padding: 0px; margin:0px; font-size:14px; font-weight:bold; letter-spacing:0.01em}
#layout #content table#contacts p{padding: 0px; margin:0px;}
#layout #content #payeeTable td{font-size:12px;}

#layout #page_legend{font-size:14px; clear:both; margin:0 0 42px 0;}
#layout #page_legend a{color:#eee;}
#layout table.valing-top td,
#layout table.valing-top td {vertical-align:top;}

/** Cols **/
#layout .columns .col{float:left; display:inline; position:relative; margin-right:-100%;}
#layout .columns .w-25{width:25%;}
#layout .columns .w-75{width:75%;}
#layout .columns .w-75.col-left{margin-left:0;}
#layout .columns .w-25.col-right{margin-left:75%; //float:right; //margin:0;}
#layout .columns .col-left .col-content{padding: 0 35px 0 70px;}
#layout .columns .col-left a{color:#96e7ff;}
#layout .columns .col-left a:hover{color:#ffffff;}
#layout .columns .col-left a:active{color:#34c43c;}

/** Right col **/
#layout .columns .col-right .col-content{padding: 0 14px 0 35px;}
#layout .columns .col-right .col-content dt{line-height:21px;}
#layout .columns .col-right .col-content p{color:#000; font-size:11px; line-height:15px;}
#layout .columns .col-right .col-content p.big{font-size:12px; line-height:17px;}
#layout .columns .col-right .r-go{font-size:18px; line-height:35px; margin-bottom: 14px;}
#layout .columns .col-right p.hello-links,
#layout .columns .col-right p.hello{font-size:14px;}
#layout .columns .col-right p.hello {
	display:block;
	padding-left:40px;
	height:34px;
	background:url('../i/login-user.png') no-repeat;
	margin:0;
}
#layout .columns .col-right p.hello-links{
	margin:0 0 21px 0;
	padding:0;
}

/** Footer**/
#layout #footer{clear:left; margin:35px 0 21px 0;}
#layout #footer p,
#layout #footer address {font-style:normal; font-size:11px; line-height:14px;}
#layout #footer address { color:#000; padding-right:70px}
#layout #footer .col-left .col-content{padding:7px 0 7px 70px;}
#layout #footer .col-right .col-content{padding: 7px 14px 7px 35px !important}
#layout #footer hr{
	margin:0 70px; 
	height:1px;
	overflow:hidden;
	border:none;
	background:url('../i/opa20.png') repeat;
}
* html #layout #footer hr{
	background:#fff;
	//filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}

#layout div.counters{text-align:right; padding:0 21px 0 0;}
/** Icons **/
.alpha-services{background:url('../i/section-icons/services.png') no-repeat;}
.alpha-prices{background:url('../i/section-icons/prices.png') no-repeat;}
.alpha-faq{background:url('../i/section-icons/faq.png') no-repeat;}
.alpha-demo{background:url('../i/section-icons/demo.png') no-repeat;}
.alpha-news{background:url('../i/section-icons/news.png') no-repeat;}
.alpha-security{background:url('../i/section-icons/security.png') no-repeat;}
.alpha-company{background:url('../i/section-icons/company.png') no-repeat;}
.alpha-billers{background:url('../i/section-icons/billers.png') no-repeat;}
.alpha-banks{background:url('../i/section-icons/banks.png') no-repeat;}
.alpha-contacts{background:url('../i/section-icons/contacts.png') no-repeat;}
.alpha-marketing{background:url('../i/section-icons/marketing.png') no-repeat;}

.alpha-services,
.alpha-prices,
.alpha-faq,
.alpha-demo,
.alpha-news,
.alpha-security,
.alpha-company,
.alpha-billers,
.alpha-contacts,
.alpha-marketing,
.alpha-banks {	width:64px; height:64px; float:left; margin:-22px 7px 0 0; //margin:-30px 7px 0 0;}


.ico32 {padding-left:40px; display:inline-block;}
.ico24{padding:4px 0 0 28px; display:inline-block; height:21px;}

.ico-chat{background:url('../i/support-chat.png') no-repeat;}
.ico-phone{background:url('../i/support-phone.png') no-repeat;}
.ico-mail{background:url('../i/support-mail.png') no-repeat;}
.ico-icq{background:url('../i/support-icq.png') no-repeat;}
.ico-skype{background:url('../i/support-skype.png') no-repeat;}
.ico-learn{background:url('../i/homepage-learn.png') no-repeat;}
.ico-login{background:url('../i/homepage-login.png') no-repeat;}
.ico-signup{background:url('../i/homepage-signup.png') no-repeat;}
.ico-pay{background:url('../i/homepage-pay.png') no-repeat;}
.ico-demo{background:url('../i/homepage-learn.png') no-repeat;}

/** Support **/
dl.support dt,
dl.support dd{padding:0; margin:0; color:#000; font-size:12px;}

div.row{margin:21px 0 21px 0;}

/** Homepage**/
div.go{margin:-14px 0 0 0;}
div.go ul li{margin:14px 14px 0 0; list-style-type:none; float:left; white-space:nowrap; position:relative; padding:7px 0 0 7px; z-index:1;}
div.go ul li a{color: #fff !important; text-decoration:none; font-size:18px; position:relative; z-index:10000;}
div.go ul li a small{font-size:11px;}
div.go ul li span{display:block; overflow:hidden; position:absolute; width:100%; height:100%;}
div.go ul li span ins{background:url('../i/opa20-shape.png') no-repeat; display:block; position:absolute; z-index:3;}
div.go ul li span.tl{left:0; top:0;}
div.go ul li span.tl ins{width:568px; height:568px; margin-left:-7px; margin-top:-7px;}
div.go ul li span.tr{right:-7px;top:0;}
div.go ul li span.tr ins{width:7px; height:568px; margin-top:-7px; right:0;}
div.go ul li span.bl{left:0;margin-bottom:-7px;}
div.go ul li span.bl ins{width:568px; height:7px; margin-left:-7px;}
div.go ul li span.br{right:-7px;}
div.go ul li span.br ins{width:7px; height:7px; right:0;}
/*ie*/
* html div.go ul li {
	margin-right:7px;
	height:100%;
}
* html div.go ul li span.tl ins{
	z-index:10;
	top:0;
}

* html div.go ul li span.br,
* html div.go ul li span.tr {
	right:-1px;
}


* html div.go ul li span.br{
	bottom:-7px;
	height:7px;
}
* html div.go ul li span.bl {
	bottom:0;
	height:7px;
}
* html div.go ul li a {
	display:inline-block;
	position:relative;
	margin-right:7px;
}
* html div.go ul li span.c a:hover,
* html div.go ul li span.c a:active{
	color:#fff;
}

* html div.go ul li span.bl ins{
	margin-bottom:-1px;
}

/** News **/
ul.news{ list-style-type: none; padding:7px 0px 14px 0; margin:21px 0 0 0;}
ul.news li{color:#FFFFFF; font-size:12px; margin:0px 0px 14px 0px; padding:0; position:relative; z-index:500;}
ul.news a{color:#96e7ff;}
ul.news a:hover{color:#D6E7F1;}
h1.news span{font-size:11px; margin:7px 0 0 71px;}
#news-archive {float: right; margin: -49px 0 0 4em; position: relative;}
#news-archive  h3 {color: #fff;}
#news-archive  p {margin: .5em;}
#news-list {margin-right: 9em;}

/*Widget*/
#layout div.widget{margin:7px 0 0 0; //margin:0; position:relative; padding:7px 0 0 0; float:left; display:inline; width:96%; z-index:2;}
#layout div.widget h3{margin-top:0;}
#layout div.widget  div.container{padding:0;margin:4px 14px;}
#layout div.widget  div.container table{border-collapse:collapse; table-layout:fixed; width:100%; position:relative; z-index:1000;}
#layout div.widget  div.container table td{padding:2px 0; position:relative; z-index:1000; font-size:12px;}
#layout div.widget  div.container table td label{font-size:11px !important;}
#layout td small{font-size:11px !important;}

#layout div.widget span{display:block; overflow:hidden; position:absolute; width:100%; height:100%;}
#layout div.widget span ins{background:url('../i/border-opa30.png') no-repeat; display:block; position:absolute; z-index:1;}
#layout div.widget span.tl{left:0; top:0;}
#layout div.widget span.tl ins{width:1400px; height:500px; margin-left:-7px; margin-top:-7px;}
#layout div.widget span.tr{right:-7px;top:0;}
#layout div.widget span.tr ins{width:7px; height:500px; margin-top:-7px; right:0;}
#layout div.widget span.bl{left:0;margin-bottom:-7px;}
#layout div.widget span.bl ins{width:1400px; height:7px; margin-left:-7px;}
#layout div.widget span.br{right:-7px;}
#layout div.widget span.br ins{width:7px; height:7px; right:0;}

/*ie*/
* html #layout div.widget {
	margin-right:21px;
	height:100%;
}

* html #layout div.widget span.tl ins{
	z-index:100;
	display:inline-block;
}
* html #layout div.widget span.br,
* html #layout div.widget span.tr{
	right:3px;
	right:19px;
}
* html #layout div.widget span.br{
	height:7px;
}
* html #layout div.widget span.bl {
	height:7px;
}
#layout div.widget  label{
	display:block;
}
#layout div.widget input,
#layout div.widget select,
#layout div.widget option{position:relative;  font-size:13px; font-family:Tahoma;}

#layout div.widget input {
	padding:2px;
	border:1px solid #7b95a8;
	border-top-color:#546c7e;
	border-bottom-color:#a3b9c9;
	position:relative;
	z-index:9999;
	width:95%;
	//width:85%;
	background:#fff;
}
#layout div.widget input.default {
	color:#aaa;
}

#layout div.widget select{
	padding:1px;
	position:relative; 
	z-index:9999 !important;
	width:95%;
	//width:85%;
}
#layout div.widget button{
	font-family:Tahoma; font-size:13px;
	position:relative; 
	z-index:9999 !important;
}


#layout div.widget  #warning_msg.invisible{display:none;}
#layout div.widget  #warning_msg{font-style:italic; color:#fff; padding:3px 0;}
#layout div.widget  #warning_msg span{background:#626262; padding:2px;}
#layout div.widget .note{color:#fff; font-style:italic; font-size:10px;}

/** Tabs **/
#layout #content div.tabs{margin:21px 0 0 0;clear:both;}
#layout #content div.tabs ul.t {clear:both;}
#layout #content div.tabs ul.t li{padding:7px;margin: 0 7px 0 0;float:left;list-style-type:none;}
#layout #content div.tabs ul.t li.active a{color:#fff; text-decoration:none; position:relative;}
#layout #content div.tabs ul.t li.active{background:url('../i/opa20.png') repeat;}
#layout #content div.tabs div.c{clear:left; padding:7px 14px;	background:url('../i/opa20.png') repeat;margin:0 0 14px 0;}

/*Opera 10*/
@media all, () {
	div.go ul li span.bl ins ,
	div.go ul li span.br ins {
		margin-top:14px;
		//margin-top:0;
	}
	#layout div.widget span.bl ins,
	#layout div.widget span.br ins {
		margin-top:4px;
		//margin-top:0;
	}
}