* {margin: 0; padding:0;}
html {background: url('../i/bg-repeat.jpg') repeat-x transparent 0  -150px;}
body {
	color:#222;
	font-size:14px;
	font-family:Arial, Tahoma, serif;
	background: #13a1fc;
	background: url('../i/bg-body.jpg') no-repeat transparent 50% -150px;
	
}
/* Common */
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
h1{font-size:24px; color:#024890; margin:0 0 1em 0;}
h2{font-size:21px; color:#000; margin:3em 0 1em 0;}
h3{font-size:19px; margin-top:1em;}
h4{font-size:17px; font-weight:bold}
h5{font-size:14px; margin-bottom:1em; font-weight:bold; }
h6{font-size:12px; font-weight:bold;}

p{line-height:1.4; margin:0 0 1em 0;}

td{font-size:14px; vertical-align:top;}
dl dt{padding:2px; margin:7px 0 14px 21px;}
dl dd{padding:2px; margin:7px 0 14px 35px;}


ul, ol {margin: 0 0 0.8em 1.4em;}
ol li { list-style: decimal outside; }
li ul, li ol { margin-top: 0.25em; margin-bottom: 0.5em; }
li { margin-bottom: 0.35em; line-height:1.2;}
ul li { list-style: none; }
ul li:before {content: '\2014\a0';color:#024890;float: left;margin-left: -1.25em;}
ul.no-dashed {margin-left:0;}
ul.no-dashed li:before {content: '';color:#024890;float:left;margin-left: .25em;}
ul.no-dashed ul li:before {content: '\2014\a0';color:#024890;float: left;margin-left: -1.25em;}

a img{border:none;}
a{color:#024890;}
a:hover{color:#f00;}

.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 20px;}
.reducer{clear:both; height:14px;}

.opa20{
	background:url('/v2/i/opa20.png') repeat;
}

#layout {
	margin:0 auto; 
	min-width:980px;
	max-width: 1300px;	
}

/*Header*/
#header{clear:both; }
#header .logo{margin:0;padding:0;}
#header .logo img{position:absolute; top:70px; margin:0 0 0 70px; padding:0;}
#header div.navigation{margin-left:50%; height:150px; border-radius: 0 0 10px 10px; }
#header div.navigation dl{width:30%;float:left; margin-right:-100%; margin-left:0; margin-top:-4px;}
#header div.navigation dt{color:#fff; font-size:18px; margin:0;}
#header div.navigation dd{margin:0; font-size:12px;}
#header div.navigation dd a {color:#024890; position:relative;}
#header div.navigation dt{padding:7px 0 7px 0;}
#header div.navigation dd {margin-right:1em;}
#header div.navigation dd *{display:block; padding:5px 10px;}
#header div.navigation dd b {background:#13a1fc; color:#fff; border-radius:3px;}
#header div.navigation dl.c1{margin-left:0;}
#header div.navigation dl.c2{margin-left:30%; width:33%;}
#header div.navigation dl.c3{margin-left:63%; }
#header div.navigation-c{width:7px; left:-7px; overflow:hidden; margin-left:50%; position:absolute; height:150px; display:none;}
#header div.navigation-c ins.t{
	width:14px; height:143px; left:-7px; top:0;
	position:absolute;
}
#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;
}


/* Выбор языков*/
.lang {
	font-size: 11px !important;
	color:#fff;
	margin-left:250px;
	position:absolute;;	
}
.lang span {padding:5px 8px;display:inline-block; float:left;}
.lang span.sel {background:#fff; color:#13A1FC; border-radius: 0 0 5px 5px;}




/*Content*/
#content {margin-top:50px; clear:both;}

/* FAQ */
#content div.faq_list h3{margin:14px 0 7px 0;}
#content div.faq_list li{list-style-type: none; line-height:1.6;}
#content div.faq_list li div{padding:1em 0 2em;}
#content div.faq_list a.open{color:#000!important;}
#content div.faq_list a.close{color:#000!important;}
#content div.faq_list a.close:hover { color:#000!important; }
#content div.faq_list p{padding-left:14px; font-style:italic;}

#content table.content_table {width:auto; table-layout:fixed; margin:1em 0 2em; border-collapse:collapse; }
#content table.content_table th{border-bottom:solid 2px #7FCBFF; font-weight:normal; text-align:left; }
#content table.content_table td{border-bottom:solid 1px #7FCBFF;}
#content table.content_table th,
#content table.content_table td {padding:7px; overflow:hidden;}

#content table#contacts{margin:1em 0; border-collapse: collapse;}
#content table#contacts td{font-size:14px; padding:7px;}
#content table#contacts img{margin:0 14px 0 -5px;}
#content table#contacts h3{color:#FFF; padding: 0px; margin:0px; font-size:14px; font-weight:bold; letter-spacing:0.01em}
#content table#contacts p{padding: 0px; margin:0px;}
#content #payeeTable td{font-size:12px;}

#page_legend{font-size:14px; clear:both; margin:0 0 42px 0;}

#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-groups a, #layout .columns-groups a:hover, #layout .columns-groups a:active {color:#024890!important;}
#layout .content a {color:#024890!important;}
#layout .content a:hover {color:#f00!important;}
#layout .content div.item_company {margin-bottom: 3em;}

#layout div.item_company {margin: 1em;}
#layout div.item_company a {color:#024890!important;}
#layout div.item_company a:hover {color:#f00!important;}

#layout .monthes {border: 1px solid #7FCBFF; margin:1em 0;}
#layout .monthes th, #layout .monthes td { color:#333; padding: 0 10px 9px;}

#layout .columns-groups li {margin-bottom:2em!Important;}

#layout .alpha_bg {background:#fff;}
#layout .alpha_bg span {color:#f00!important;}

#layout table.tabs span.links {color:#000;} 
#layout table.opa20 { color: #222;}
#layout table.opa20 .padding_10px {padding:20px;}

#footer .columns .col-left .col-content {padding-top:8px;}
#footer .columns .col-left .col-content b {color: #f00;}


/** Right col **/
#layout .columns .col-right .col-content{padding: 0 14px 0 35px;}
#layout .columns .col-right .col-content dt{line-height:1.2em;}
#layout .columns .col-right .col-content p{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; margin-right:10px;}*/
.r-go .promotional {width:180px; margin-bottom: 3px;}


#layout .columns .col-right p.hello-links,
#layout .columns .col-right p.hello{font-size:14px;}
#layout .columns .col-right p.hello {
	background:url('../i/login-user.png') no-repeat 0 3px;
	margin:0 0 1em -30px;
	padding-left:30px;
}
#layout .columns .col-right p.hello-links{
	margin:0 0 21px 0;
	padding:0;
}

/** Footer**/
#footer{clear:both; margin:80px 0 21px 0;}
#footer p,
#footer address {font-style:normal; font-size:11px; line-height:14px; }
#footer address {padding-right:70px}
#footer .col-left .col-content{padding:7px 0 7px 70px;}
#footer .col-right .col-content{padding: 7px 14px 7px 35px !important}
#footer hr{
	margin:0 70px; 
	height:1px;
	overflow:hidden;
	/*border-top: 1px solid #7FCBFF;*/
	/*
	border:none;	
	background:url('../i/opa20.png') repeat;
	*/
}
* html #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:35px; display:inline-block; background-position: 0 5px!important;}
.ico24{padding:0 0 0 30px; margin-top:4px; 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; }
dl.support dt b.ico-phone{color:#024890; font-weight:normal;}

div.row{margin:21px 0 21px 0;}

/** Homepage**/
div.go{margin: 2em 0;}
div.go ul {margin-left:0;}
div.go ul li{
	list-style-type:none; float:left; white-space:nowrap; 
	width:30%;
	margin: .5em 2% .5em 0;	
	border: 1px solid #7fcbff;
	border-radius: 5px;
	border-top: 3px solid #7fcbff;		
}
div.go ul li:hover{
	/*background:#fff;*/
	border-color: rgba(82, 168, 236, 0.75);
    box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);    	
}
div.go ul li:hover a {color:#f00}
div.go ul li a { padding:10px 14px; font-size:20px; line-height:20px; color:#000; text-decoration:none; display:block; outline:none!important;}
div.go ul li a img {margin-right:8px; display:none;}
div.go ul li a small{font-size:11px; color:#000!important;}


/** News **/
ul.news{ list-style-type: none; padding:7px 0px 14px 0; margin:21px 0 0 0;}
ul.news li{margin:0px 0px 14px 0px; padding:0; position:relative; z-index:500;}
#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:0; padding:0px; float:left;}
#layout div.widget h3{margin-top:0;}
#layout div.widget div.container{}
#layout div.widget div.container table {border-collapse:collapse; table-layout:fixed; width:100%;}
#layout div.widget div.container table td {padding:2px 0; vertical-align:middle;}
#layout div.widget div.container table td label{}
#layout td small{font-size:11px !important;}

.w1of3 {width: 30%;}
.w2of3 {width: 62%;}
.w3of3 {width: 98%;}

#layout div.widget {
	margin: .5em 2% .5em 0;
	border-radius: 5px;
	height: 240px;
}

#layout div.home { border: 1px solid #7fcbff; }
#layout div.login {border: 1px solid #7fcbff;}

#layout div.login .desc {
	font-size:.8em;
	padding: 0 10px;
}

#layout div.widget h5 {
	background:#7fcbff;
	color:#fff;
	border-bottom: 1px solid #7fcbff;
	padding: 6px 10px;
	margin-bottom: .5em;
}
#layout div.widget .label {
	width: 150px;
}
#layout div.widget .label label {
	margin-right:1em;		
}
#layout div.widget .label label i{
	display:block;
	font-size: .8em;
}

#layout div.widget select {
	width:97%;
	font-size:1.6em;
	padding:3px;
	border-radius: 3px;
	border: 1px solid #7fcbff;	
}

#layout div.widget input[type="text"], #layout div.widget input[type="password"], #layout div.widget select {
	width:94%;
	font-size:1.6em;	
	border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
    outline: 0 none;
    padding: 8px 6px;    
}
#layout div.widget input[type="text"]:focus, #layout div.widget input[type="password"]:focus {
	border-color: rgba(82, 168, 236, 0.75);
	box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
}



#layout div.widget .m-top {
	color: #aaa;
	margin: 0;
	padding: 0 14px 14px;
	font-size: .8em;
	line-height: 1.2;
}

/*
h1.main {color:#3eadff;}
*/

.errorBox {margin:1em 0; color: #b91a1a}
.errorBox p {margin:0;}


#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 **/
#content div.tabs{margin:21px 0 0 0;clear:both;}
#content div.tabs ul.t {clear:both;}
#content div.tabs ul.t li{padding:5px 10px; margin:0!important; float:left;list-style-type:none;}
#content div.tabs ul.t li a{text-decoration:none; }
#content div.tabs ul.t li.active a{color:#fff; cursor:default; }
#content div.tabs ul.t li.active{background:#7FCBFF; border-radius: 5px 5px 0 0;}
#content div.tabs div.c{clear:left; padding:20px; background:url('../i/opa20.png') repeat; margin:0; border: 1px solid #7FCBFF; border-radius: 0 0 5px 5px;}
#content div.tabs div.c h2{margin-top: 1em;}


.serviceList {margin-left:0;}
.serviceList li a{line-height:20px;}
.serviceList .ico {float:left; width:26px; height:20px;	margin-right:10px;}

#mainBanner {margin-top: 2em;}

.clear {clear:both}
.eShop {float:left; width:45%;padding-right:4%;}
.eShop h3 {padding-bottom:.2em;}
.eShop a img {margin-right:1em;}

.company {float:left; width:30%; padding-right:3%; text-align:center; margin-bottom:2em;}
.insuranceList .company {height:160px;}
.periodicalList .company {height:230px;}

.col100 {width:98%; clear:both; margin-bottom:3em;}
.col50 {width:45%; padding-right:4%; float:left;}
.fr {float:right}
.fl {float:left}

.periodicalType a {line-height:32px;}
.periodicalType a img{float:left; width:32px; height:32px; margin-right:1em;}

.steps {width: 90%;}
.steps dl dt {margin:0!important; padding:0!important;}
.steps dl dt {margin:0!important; padding: .5em 1em!important; color:#000!important;}
.steps dl dt.curr {color:#fff!important;}


input[type="button"], input[type="submit"], button {
    background: url("../i/bg-btn.gif") repeat-x scroll 0 0 #DDDDDD;
    border-color: #BBBBBB #BBBBBB #999999;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 #F8F8F8;
    color: #333333 !important;
    cursor: pointer;
    display: inline-block;
    font: 12px/15px Helvetica Neue,Arial,"Lucida Grande",Sans-serif;
    margin: 0;
    overflow: hidden;
    padding: 5px 9px;
    text-shadow: 0 1px #F0F0F0;
}
input[type="submit"], button[type="submit"]{
    font-size: 16px;
    height: 36px;
    padding: 0 25px;
}
input[type="button"]:active, input[type="submit"]:active, button:active {
    background-image: none;
    outline: medium none;
    text-shadow: none;
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover,
input[type="button"]:focus, input[type="submit"]:focus, button:focus
{
    background-position: 0 -6px;
    border-color: #999999 #999999 #666666;
    color: #000000;
    text-decoration: none;	
}


.promotional {
    background: url("../i/bg-btn-signup.png") repeat-x scroll 0 0 #FFAA22!important;
    border: 1px solid #FFAA22!important;
    border-radius: 5px 5px 5px 5px!important;
    box-shadow: 0 1px 0 #FFFFFF!important;
    color: #333333!important;
    cursor: pointer;
    display: block;
    font: bold 16px Helvetica Neue,Arial,Sans-serif!important;
    padding: 4px 8px;
    outline: none!important;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFEE66!important;
}
.promotional:hover, .promotional:focus {
    background-position: 0 -5px!important;
    color: #111111;
}
.promotional:active {
    background-image: none!important;
}

.news span {font-size: 10pt!important; margin-left:70px; color:#111;}

.rightSpan li {
	border-bottom: 1px solid #7FCBFF;
	padding: .5em 0!important;
	margin:0!important;
}
.rightSpan span {
	float:right;
	margin-left: 3em;
}

.hint {
 font-size: .85em;
 background: #FFFFDD;
 margin: 1.5em 0;
 padding: 1.5em 1.5em 1.5em 2.5em;
 border-left: solid 2px #f00;
}

fieldset { border: 1px solid #7FCBFF; padding: 1em;  margin: 0 0 1.5em 0; border-radius:5px;}
fieldset  legend { color: #024890; font-size: .85em;}

td select, td input[type="text"], td input[type="password"], td textarea {
    padding: 3px;
    vertical-align: middle;
}
td select {width: 90%;}
td textarea, td input[type="text"] {width: 100%;}
td input[type="password"] {width: 200px;}
td label {padding: 3px;}

.first {margin-top:0!important;}

.wizardSteps {
	clear:both; 
	margin: 0 0 2em; padding:0; 
	height:57px; width:100%;
	display: table;
	float: left;
    table-layout: fixed;
	border: none; 
	border-radius: 5px;	
	overflow:hidden;
	color:#999;
	box-shadow: 0 1px 0 #F8F8F8;	
}
.wizardSteps li {
	margin:0!important; pading:0!important; display:table-cell; text-shadow: 0 1px #F0F0F0; height:57px; width:100%; overflow:hidden;
	background: url('../i/steps-normal.gif') repeat-x 50% 0 white;
}
.wizardSteps li.first {border-radius: 5px 0 0 5px;}
.wizardSteps li.last {border-radius: 0 5px 5px 0;}
.wizardSteps li.cur {background: url('../i/steps-sel.gif') repeat-x 50% 0 #2dc4fc; color:#fff; text-shadow: 0 -1px #999;}
.wizardSteps li p {padding: 0 2em 0 1em; margin:0!important; height:57px; overflow:hidden;}
.wizardSteps li .stepNumber {font-size:33pt; font-style: normal!important; font-weight:bold; float:left; margin-right:14px; width: 30px; text-align:center;}
.wizardSteps li .desc {font-size:9pt;}
.wizardSteps li p b {font-size:16pt; position:relative; top:7px; text-transform:uppercase; font-weight:normal;}
.wizardSteps .devider {background: url('../i/steps-arrow.gif') no-repeat; width:25px; height:57px; position:absolute; z-index:10; margin-left:-12px;}
.wizardSteps .now {background-position: 0 0;}
.wizardSteps .beforeSel {background-position: -25px 0;}

.message {padding:2em; margin: 1em 0;}
.message h3 {margin-bottom:.5em;}
.error {
	background:#FC2A2A;
	color:#fff;
	
}