/* COMMON_START */
form{
padding:0;margin:0;
}
img{
border:0;
}
body,td,th,p,li,input,textarea{
font-family:tahoma,arial,verdana;
font-size:13px;
color:#333;
}
*:focus{
outline:none;
}
a,
a:visited,
a,a:link{
color:#017069;
text-decoration:none;
font-weight:normal;
}
a:hover,
a.active,
a.active:visited{
color:#017069;
text-decoration:underline;
}

h1,h2,h3,h4,h5{
color:#3C4040;
font-family:tahoma,arial,verdana;
font-weight:normal;
}
h1{
font-size:18px;
}
h2{
font-size:16px;
}
h3{
font-size:14px;
font-weight:bold;
}
h4{
font-size:13px;
}
h5{
font-size:11px;
}
p{
padding:0;
margin:0 0 5px 0;
}
.right{
text-align:right;
}
.right input{
margin:0 0 0 auto;
}
ol{
margin-top:3px;
margin-bottom:3px;
padding:0 0 0 25px;
}
.center{
text-align:center;
}
/* COMMON_END */
body,html{
padding:0;
margin:0;
background:#fff;
text-align:center;
}
ul{
margin-top:3px;
margin-bottom:3px;
padding:0 0 0 25px;
}

.message{
padding:10px;
margin:3px 0 15px 0;
font-size:13px;
border:#f00 1px dashed;
background:#fff;
font-family:tahoma,arial,verdana;
}
.Ferr{
color:#DA7700;
font-size:10px;
}
.radio{
vertical-align:middle;
}
.test{background:#aaa;width:100%}
.test td{background:#fff;}
.test th{background:#eee;}

.test2{width:96%;margin:5px 5px 5px 20px}
.test2 td{background:#eee;width:20%;white-space:nowrap}
.test2 th{background:#ddd}
.cl{
clear:both;
}

#wrapper{
margin:0 auto;
width:994px;
text-align:left;
}
#front-subtop{
padding:20px 0 0 20px;
background:#fff url(p/steps.jpg) no-repeat 0 bottom;
position:relative;
}
#front-reg-link{
display:block;
width:440px;
height:220px;
bottom:10px;
right:20px;
position:absolute;
}
#adventages{
height:121px;
background:#FDFDFD url(p/adventages.jpg) no-repeat 0 0;
position:relative;
}
#adventages div{
position:absolute;
top:50px;
}
#adventages .a1{
left:148px;
}
#adventages .a2{
left:440px;
}
#adventages .a3{
left:729px;
}
.line{
background:#707070 url(p/line.gif) repeat-y right top;
height:10px;
}
#front-main{
width:100%;
padding:15px 0 0 0;
/* background: url(p/front-main-bg.gif) repeat-y 0 0; */
}
/* area */
.area-top{
height:64px;
background:#E6E6E6 url(/p/area-top.gif) no-repeat 0 0;
}
.area-body{
background:#E6E6E6 url(/p/area-repeat.gif) repeat-y 0 0;
padding:1px 20px 10px 20px;
font-size:12px;
min-height:200px;
}
.area-bottom{
background:url(/p/area-bottom.png) no-repeat right bottom;
padding:0;
height:4px;
font-size:1px;
}

/* /area */

#col1{
float:left;
width:330px;
}
#col2{
float:left;
width:302px;
}
#col3{
float:left;
width:330px;
overflow:hidden;
}

.box{
height:170px;
margin:0 10px 14px 16px;
}

.box.f-poll{
height:220px;
margin:0 0 14px 0;
background:url(p/f-poll.jpg) no-repeat 0 0;
}

.box .color{
color:#007068;
font-weight:bold;
}
.box div{
padding:0 12px 10px 12px;
}
.box.iso{
width:288px;
background: url(p/box-bg-iso.gif) no-repeat 0 0;
}
.box.iso div{
padding:60px 0 0 0;
text-align:center;
}
.box.guide{
width:319px;
margin:0 0 14px 0;
background: url(p/box-bg-guide.jpg) no-repeat 0 0;
}
.box.guide div{
padding:80px 12px 10px 24px;
}
.box.common{
width:288px;
background: url(p/box-bg-common.jpg) no-repeat 0 0;
}
.box.common h2{
color:#fff;
padding:0 15px;
height:30px;
line-height:30px;
font-size:14px;
font-weight:bold;
margin:0 0 15px 0;
}
.box.info{
width:320px;
overflow:hidden;
margin:0;
padding:0;
}
.box.info h2{
color:#007068;
padding:0;
margin:0 0 10px 0;
height:30px;
line-height:30px;
font-size:16px;
font-weight:bold;
}
.box.contacts h2{
background: url(p/box-h-info.gif) no-repeat right top;
}
.box.sms h2{
background: url(p/box-h-info.gif) no-repeat right top;
}
.box.register h2{
background: url(p/box-h-register.gif) no-repeat right top;
}
.box.register div{
text-align:center;
}
.box.work h2{
background: url(p/box-h-work.gif) no-repeat right top;
}
/*
#front-subtop .left-panel{
width:473px;
float:left;
padding:15px 0;
}
*/
#top{
height:103px;
background:url(p/top-bg.jpg) repeat-x 0 0;
position:relative;
}
#top td{
color:#fff;
}
.logo{
top:20px;
left:33px;
position:absolute;
display:block;
width:302px;
height:71px;
outline:0;
background:url(p/logo.jpg) no-repeat 0 0;
}

#login-block{
position:absolute;
bottom:0;
right:31px;
}
#login-links{
text-align:right;
padding:3px 0 10px;
}
#login-links a,
#login-links a:visited{
color:#fff;
text-decoration:underline;
font-size:13px;
}
#login-block form{
padding:0;
}
#login-blockcell .logged-status{
margin:10px 0 0 0;
}

#top #login{
margin:0 0 0 auto;
}
#content-panel #login{
margin:0;
}
#login td{
padding:0 0 0 5px; 
}
#login td.login-button{
padding:0 0 25px 0;
}
#h1{
padding:0;
margin:15px 0 20px 0;
color:#007068;
font-weight:bold;
font-size:16px;
}

#partners{
background: url(p/h-dots.gif) repeat-x 0 0;
padding:10px;
}
#partners h2{
margin:0;
float:left;
padding:0 5px 5px 5px;
font-weight:bold;
font-size:16px;
}

#main{
background:#fff url(p/middle-bg.gif) repeat-x 0 top;
}
#main-bottom{
padding:10px 0 15px 28px;
background:url(p/middle-bg-bottom.gif) repeat-x  0 bottom;
}
#content-panel{
min-height:300px;
width:936px;
}
* html #content-panel{
height:300px;
}


/* menu */
#menu-wrapper{
background:url(p/menu-bg.gif) repeat-x 0 0;
height:40px;
}
.menu{
margin:0 auto;
height:40px;
}
.menu td{
}
.menu a,
.menu a:link,
.menu a:visited{
white-space:nowrap;
display:block;
height:40px;
line-height:40px;
text-align:center;
padding:0 4px;
text-decoration:none;
font-size:15px;
color:#fff;
outline:0;
}
.menu a:hover,
.menu a.active,
.menu a.active:visited{
text-decoration:none;
background:url(p/menu-item-bg.gif) repeat-x 0 0;
color:#fff;
text-decoration:none;
}
.menu a:hover span,
.menu a.active span,
.menu a.active:visited span{
color:#fff;
}
.menu .spc{
width:10px;
}
.menu2{
padding:13px 0 1px 0;
text-align:center;
color:#fff;
}
.menu2 a,
.menu2 a:visited{
font-family:tahoma,arial,verdana;
text-decoration:none;
font-size:13px;
color:#fff;
}
.menu2 a:hover,
.menu2 a.active{
text-decoration:underline;
color:#fff;
}


.smenu{
width:100%;
height:41px;
}
.smenu td{
background:#A7CA4D url(p/smenu-bg.gif) repeat-x 0 -41px;
}
.smenu .first{
width:2px;
background:none;
}
.smenu .last{
width:2px;
background:none;
}
.smenu a,
.smenu a:visited{
text-align:center;
display:block;
color:#fff;
height:41px;
line-height:41px;
padding:0 5px 0 5px;
text-decoration:none;
font-size:12px;
text-transform:uppercase;
white-space:nowrap;
}
.smenu a:hover,
.smenu a.active,
.smenu a.active:visited{
text-decoration:none;
color:#fff;
background:#A5C557 url(p/smenu-bg.gif) repeat-x 0 0;
}
.smenu a.active,
.smenu a.active:visited{
font-weight:bold;
}
.smenu td.spc{
width:1px;
background:#A5C557 url(p/smenu-bg.gif) repeat-x 0 -82px;
}
.smenu.smenu2{
width:auto;
margin:0 auto 30px auto;
border:0;
height:25px;
}
.smenu.smenu2 .first,
.smenu.smenu2 .last{
display:none;
}
.smenu.smenu2 a,
.smenu.smenu2 a:visited{
background:#BDBDBD;
color:#2D2D2D;
color:#fff;
height:25px;
line-height:25px;
padding:0 20px;
font-weight:bold;
font-size:11px;
text-transform:uppercase;
}
.smenu.smenu2 a:hover,
.smenu.smenu2 a.active,
.smenu.smenu2 a.active:visited{
background:#6C6C6C;
}
.smenu.smenu2 td.spc{
width:1px;
background:#fff;
}

#footer-wrapper{
background:#363636 url(p/footer-bg.gif) repeat-x 0 0;
height:81px;
}
#footer{
padding:15px 0 10px 0;
text-align:center;
font-size:12px;
color:#fff;
}
#footer a,
#footer a:visited{
color:#fff;
}

div.i{
width:138px;
height:26px;
background:url(p/i.gif) no-repeat 0 0;
}
div.i input{
background:transparent;
border:0;
padding:2px 0;
width:138px;
color:#000;
text-align:center;
font-size:15px;
}


#login-block div.i input{
color:#000;
}

.c{
clear:both;
font-size:1px;
height:1px;
}

.list{
width:100%;
background:#fff;
}
.list th{
font-weight:normal;
color:#fff;
padding:5px 5px;
font-size:13px;
text-align:center;
background:#6C6C6C;
}
.list td{
color:#000;
padding:4px 4px;
font-size:13px;
text-align:center;
background:#fff;
}

.list .odd td{
background:#DADADA;
}
.list .delayed td{
background:#e8D8D8;
}
.list .extended td{
background:#D8e8D8;
}
.list .sum td{
border-top:#999 1px solid;
font-weight:bold;
}
.list td.hover{
color:#007067;
cursor:pointer;
}
* html .price-lists{
height:230px;
}
.price-lists{
width:500px;
min-height:230px;
}
.highligt{
background:#ffe;
}

.tabs{
height:35px;
}
.tabs h2{
height:35px;
line-height:35px;
font-weight:bold;
cursor:pointer;
font-size:14px;
padding:0;
margin:0;
background:#363636 url(p/tabs.gif) repeat-x 0 -35px;
text-align:center;
width:249px;
float:left;
color:#fff;
}
.tabs .sep{
font-size:1px;
width:1px;
float:left;
height:35px;
background:#363636 url(p/tabs-sep.gif) no-repeat 0 0;
}
.tabs h2.active{
background-position:0 0;
cursor:default;
}
.tabs-box{
padding:0 1px 0 0;
}
.tabs-box .list{
background:#A9CC4E;
cursor:pointer;
/* border:0;
border-collapse:collapse; */
}
.tabs-box .list td{
font-size:12px;
padding:5px 1px;
color:#464646;
background:#D8E8AE;
}
.tabs-box .list .odd td{
background:#A9CC4E;
color:#464646;
}
.tabs-box .list th{
background:#A9CC4E;
font-weight:bold;
color:#464646;
padding:10px 1px;
font-size:12px;
text-align:center;
}
.tabs-box .list th.label{
font-weight:bold;
padding:3px 1px;
}
.pricelist-description{
padding:9px 5px 10px 5px;
}

.cn{
text-align:center;
}
.rn{
text-align:right;
}
tr.center td{
text-align:center;
}

.kreditai{
margin:5px 0 10px 0;
}
.kreditai th{
text-align:left;
font-weight:normal;
}
.kreditai td{
font-weight:bold;
}

.credit-details{
margin:5px 0;
}
.credit-details .hbb th{
border-bottom:#ccc 1px solid;
}
.credit-details th{
text-align:left;
font-weight:normal;
padding:1px 10px 1px 0;
}
.credit-details td{
font-weight:bold;
padding:1px 10px 1px 0;
}


.gr{
color:#4A8822;
}
.red{
color:#f00;
}


a.rect,
a.rect:visited,
a.rect:hover{
display:inline-block;
color:#fff;
width:150px;
font-family:tahoma,arial,verdana;
font-weight:bold;
font-size:13px;
margin:0;
text-align:center;
height:28px;
line-height:24px;
background:transparent url(p/rect.png) no-repeat center top;
text-decoration:none;
}
.register a.rect{
display:inline-block;
color:#fff;
width:118px;
font-family:tahoma,arial,verdana;
font-weight:bold;
font-size:14px;
margin:10px 0;
text-align:center;
height:34px;
line-height:30px;
background:transparent url(p/reg-button.png) no-repeat center center;
text-decoration:none;
}

a.b{
width:140px;
display:block;
height:23px;
background:#B11A17;
}

input.b{
cursor:pointer;
color:#fff;
width:150px;
padding:2px 0 7px 0;
font-family:tahoma,arial,verdana;
font-weight:bold;
font-size:13px;
margin:0;
text-align:center;
background:url(p/rect.png) no-repeat center top;
border:0;
}
input.disabled{
background:url(p/rect-disabled.gif) no-repeat center center;
color:#fff;
}



/* customer data */
.customer{
margin:0 0 10px 0;
}
.customer td{
padding:3px 0;
}
.customer td.label{
padding:0 10px 0 10px;
}
.t{
border:#C0C0C0 1px solid;
background:#fff;
}
.s{
border:#C0C0C0 1px solid;
font-size:11px;
}
.customer .s{
width:200px;
}
p.ind{
padding-left:10px;
margin:0 0 10px 0;
}
.red{
color:#f00;
}
.green{
color:#222;
}
#rules{
border:#B0AFAF 1px solid;
height:100px;
overflow:auto;
padding:5px 10px;
text-align:justify;
}

.reg-warning{
text-align:center;
}
.reg-conditions{
font-size:13px;
padding:5px;
border:#f00 2px dashed;
font-family:tahoma;
}
.before-accounts{
padding:5px;
background:#f6f6f6;
margin:10px 0;
}
.contract{
border:#B0AFAF 1px solid;
background:#fff;
height:200px;
overflow:auto;
padding:5px 10px;
text-align:justify;
font:normal 12px verdana,tahoma;
}
.contract p{
font:normal 12px verdana,tahoma;
margin:3px 0;
text-indent:15px;
}
.contract h1{
font:normal 14px verdana,tahoma;
margin:5px 0;
color:#000;
font-weight:bold;
text-align:center;
}
.contract h2{
font:normal 14px verdana,tahoma;
margin:5px 0;
color:#000;
font-weight:bold;
}
.contract table{
width:100%;
margin:20px 0 0 0;
}
.contract td{
width:50%;
vertical-align:top;
}
.atention,
.atention td{
color:red;
}
.pl-tip{
position:absolute;
font-family:tahoma,arial;
background:#fff;
text-align:left;
border:#000 1px solid;
}
.pl-tip table{
border-collapse:collapse;
}
.pl-tip td,
.pl-tip th{
padding:1px 5px;
border:#999 1px solid;
}
.pl-tip h3{
font-size:11px;
padding:0;
margin:0 0 4px 0;;
}

.tip-top{
}
.tip-title{
color:#000;
font-weight:bold;
padding:5px 5px;
}
.tip-text{
color:#000;
padding:10px 5px 20px 5px;
}
.tip-bottom{
}
.p-calc{
width:590px;
height:147px;
background:url(p/p-calc-bg.jpg);
position:relative;
}
.p-calc-form select{
width:60px;
}
.p-calc-form span{
display:block;
padding:0 0 3px 0;
text-align:center;
}
.p-calc-amount{
position:absolute;
left:25px;
top:13px;
width:60px;
}
.p-calc-period{
position:absolute;
left:120px;
top:13px;
width:60px;
}
.p-calc-expired{
position:absolute;
left:217px;
top:13px;
width:60px;
}
.p-calc-submit{
position:absolute;
left:20px;
top:100px;
}
.p-calc-results td{
padding:0 5px 0 0;
}
.p-calc-results h2{
margin:0;
padding:0 0 5px 0;
font-weight:bold;
font-size:12px;
}
.p-calc-results{
position:absolute;
left:390px;
top:15px;
}