* {margin: 0; padding: 0;}
body  {font: 11px Tahoma, Verdana, Arial, sans-serif; color: #565656; background: #FFFFFF;}
img {border: none;}
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
ul {list-style: none;}
a:hover {text-decoration: none;}
/*center*/
.center {width: 976px; margin: 0px auto;}
/*center*/

/*head*/
.head {background: url(/images/head-x.gif) 0px 0px repeat-x; position: relative;}
.head-left {background: url(/images/head-left.png) 0px 0px no-repeat;}
.head-right {background: url(/images/head-right.png) 622px 0px no-repeat;}

.login {font: normal 13px Verdana, Arial, Helvetica, sans-serif; padding: 9px 0 0 27px; color: #000000;}
.login strong {margin-right: 21px;}
.login input {vertical-align: middle;}
.f01 {width: 110px; height: 24px; background: #FFFFFF; border: 1px solid #c1c1c1; margin: 0 12px 0 9px;}
.f02 {margin-left: -11px;}
.forgot {position: absolute; right: 55px; top: 15px; font: normal 11px Verdana, Arial, Helvetica, sans-serif;z-index:4;}
.forgot a {color: #0c8fc1; margin-left: 11px;}

.logo {background: url(/images/logo.png) 0px 0px no-repeat; width: 230px; height: 70px; position: absolute; left: 26px; top: 75px;}
.logo a {display: block; height: 70px; text-indent: -9000px; overflow: hidden;}

.slide-show {display: block;}
.slide-hide {display: none;}
/*head*/

/*uslugi*/
.uslugi {position: absolute; left: 290px; top: 48px;}
.uslugi h2 {color: #37c307; font: normal 24px Verdana, Arial, Helvetica, sans-serif; letter-spacing: -2px;}
.uslugi a {color: #019fdb;}
.uslugi ul {font: normal 14px Verdana, Arial, Helvetica, sans-serif; color: #019fdb; width: 170px; float: left;}
.uslugi p {font: normal 14px Verdana, Arial, Helvetica, sans-serif; color: #019fdb;margin-left: 10px;}
.uslugi ul.q01 {margin-left: 10px; width: 130px;}
.uslugi a.link {font: normal 24px Verdana, Arial, Helvetica, sans-serif; color: #01d1ee; text-decoration: none; border-bottom: 1px dashed #01d1ee;}
.uslugi a.link:hover {border: none;}
/*uslugi*/

/*contacts*/
.contacts {position: absolute; right: 38px; top: 48px; width: 230px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px;}
.contacts h2 {color: #b2b2b2; font: normal 24px Verdana, Arial, Helvetica, sans-serif; letter-spacing: -2px; background: url(/images/bullet2.png) 108px 0 no-repeat; margin-bottom: 7px;}
.contacts li {margin-bottom: 2px;}
.contacts a {color: #019fdb;}
.contacts a.link {font: normal 24px Verdana, Arial, Helvetica, sans-serif; color: #01d1ee; text-decoration: none; border-bottom: 1px dashed #01d1ee;}
.contacts a.link:hover {border: none;}
.hcontact { color:#2dbf00; border-bottom:1px solid #019eda; font-size:18px; font-weight: bold; }
.hcontactonl { color:#37c307; border-bottom:1px solid #37c307; font-weight:600; }
.trcontact { font-weight:600; }

.name { font-size: 12px; font-weight: bold; color: #000000; }

.w01 {width: 38px; float: left; color: #79bfe5; margin-bottom: 7px;}
.w02 {width: 90px; float: left; margin-right: 10px; color: #8a8a84; margin-bottom: 7px;}
.w03 {width: 25px; float: left; color: #79bfe5; margin-bottom: 7px;}
.w04 {width: 150px; float: left; color: #8a8a84; margin-bottom: 7px;}
.w05 {width: 190px; float: left;}
.w05 a {color: #2dbf00;}
/*contacts*/

/*rules*/
.rules {background: url(/images/phone-bottom.png) 622px 0px no-repeat #f6f8e9; margin: 134px 0 0 0;}
.rules-left {min-height: 36px; padding: 6px 0 0 26px; background: url(/images/rules-left.png) 0px 0px no-repeat;}
.link2 {font: bold 20px Verdana, Arial, Helvetica, sans-serif; letter-spacing: -2px; color: #e6004c;}
.rules ul {font-size: 13px; color: #212121; padding: 7px 0 22px 0;}
.rules ul a {color: #212121;}
.rules li {margin-bottom: 2px;}
/*rules*/

/*main*/
.main {padding: 0 0 0 25px; width: 696px; float: left; overflow: hidden;}
.main h2 {font: normal 22px Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #404040; background: #f6f8e9; float: left; padding: 3px 14px 3px 11px; margin-bottom: 15px;}
.main h3.ns {font: normal 18px Verdana, Arial, Helvetica, sans-serif; color: #404040; padding: 3px 14px 3px 0; margin-bottom: 15px;}
.main h3.ns img { margin: 0 0 -1px 0;}
/*main*/

/*right*/
.right {width: 255px; float: left;}
.right h2 {font: normal 22px Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #404040; float: left; padding: 3px 53px 3px 11px; margin: 0 0 15px -16px; background: url(/images/bullet1.png) 100% 0px no-repeat #f6f8e9;}
/*right*/

/*register*/
.register div {width: 400px; margin: 0 40px 30px 0; float: center; position: relative;}
#terms {width: 600px; margin: 0 40px 30px 0; float: center; position: relative;}
.register h3 {font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #097aa5; text-transform: uppercase; margin-bottom: 27px;}
.register a.price {position: absolute; right: 0px; top: 0px; font: bold 18px Verdana, Arial, Helvetica, sans-serif; letter-spacing: -2px; color: #e6004c;}
.register a {font: 11px Verdana,Arial,Helvetica,sans-serif; color: #0c8fc1;}
.register li {margin-bottom: 5px;}
.blue {color: #00b1e6; font-weight: bold;}
.red {color: #e6004c; font-weight: bold;}
.register p {padding-top: 22px;}
.register p a {display: block; background: url(/images/button.png) 0px 0px no-repeat; float: left; width: 80px; height: 19px; text-indent: 17px; padding: 3px 0 0 0; color: #FFFFFF; text-decoration: none; margin-left: 16px;}
/*register*/

/*forma*/
.autoforma div {width: 400px; margin: 0 0 0 0; float: center; position: relative;}
.autoforma p{ font: 14px Tahoma,Verdana,Arial,sans-serif; margin-bottom: 10px; margin-left: 20px; }
.autoforma h4{ font: bold 14px Tahoma, Verdana, Arial, sans-serif; margin-left: 20px; }
#forma{ background: #F6F8E9 url(/images/rules-left2.png) no-repeat left top; height: 400px; width: 400px; }
#formastep2{ background: #F6F8E9 url(/images/rules-left2.png) no-repeat left top; height: 320px; width: 650px; }
form .autoforma select,form .autoforma textarea,form .autoforma input{ width: 200px; }
#butt{ border: 0; background: #c5e21b; margin-left: 20px; } 
/*forma*/

/*servers*/
.servers div {width: 192px; margin: 0 40px 30px 0; float: left; position: relative;}
.servers h3 {font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #097aa5; text-transform: uppercase; margin-bottom: 27px;}
.servers a.price {position: absolute; right: 0px; top: 0px; font: bold 18px Verdana, Arial, Helvetica, sans-serif; letter-spacing: -2px; color: #e6004c;}
.servers li {margin-bottom: 5px;}
.blue {color: #00b1e6; font-weight: bold;}
.red {color: #e6004c; font-weight: bold;}
.servers p {padding-top: 22px;}
.servers p a {display: block; background: url(/images/button.png) 0px 0px no-repeat; float: left; width: 80px; height: 19px; text-indent: 17px; padding: 3px 0 0 0; color: #FFFFFF; text-decoration: none; margin-left: 16px;}
/*servers*/

/*servers*/
.servers2 div.serv {width: 194px; height: 268px; background:url(/images/serv.jpg) 0 0 no-repeat; margin: 0 30px 30px 0; float: left; position: relative;}
.servers2 div.serv  div { padding: 8px;}
.servers2 div.serv ul {position:absolute; top: 135px; left: 8px; color: #000000; padding:0;margin:0;}
.servers2 h3 {font: bold 22px Verdana, Arial, Helvetica, sans-serif; color: #30c9f3; text-align: right; padding: 0 0 10px 0; }
.servers2 a.price {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #82ca26;}
.servers2 li {margin-bottom: 2px;}
.servers2 p { text-align: right;}
.servers2 img.en {position: absolute; right: 12px; top: 105px;}
.servers2 a.su {display: block; background: url(/images/button.jpg) 0 0 no-repeat; width: 178px; height: 33px;position: absolute; left: 7px; top: 218px;}
.servers2 a.su b {display: none; }
/*servers*/

/*news*/
.news strong {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #7e8b31; display: block;}
.news p {color: #565656; font-size: 14px; margin-bottom: 20px;}
.news h2 {font: normal 22px Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #404040; float: left; padding: 3px 53px 3px 11px; margin: 0 0 15px -16px; background:none }
/*news*/

/*button*/
.button {padding: 0 0 0 20px;}
.button a {display: block; font: normal 14px Verdana, Arial, Helvetica, sans-serif; color: #404040; padding: 7px 10px 8px 10px; text-decoration: none; background: #f2f5e0; float: left;} 
/*button*/

/*info*/
.info {padding: 13px 15px 12px 14px; background: #f2f5e0;}
.info table {width: 100%; background: #e4e7d5;}
.info td {background: #f2f5e0; padding: 6px 0;}
.info strong {font: bold 15px Verdana, Arial, Helvetica, sans-serif; padding-left: 15px;}
.e01 {width: 802px;}
.e02 {width: 142px; text-align: center;}
.e02 ul {font-size: 14px; color: #565656; line-height: 22px;}
.e01 ul {padding: 0 0 0 47px; font-size: 14px; color: #565656; line-height: 22px;}
/*info*/

/*footer*/
.footer {padding: 10px 0 0 11px;}
.footer a {color: #5fcbf2;}
/*footer*/

#zakaz { position:relative; display:block; width:316px; height:146px; background:url(/images/form.gif); padding:27px 17px; }
#zakaz div { font:700 15px/17px tahoma; color:#565656; } 
#zakaz div span { font-weight:100; }
#zakaz div#price { color:#e6004c; }
#zakaz div#info { font:700 13px/30px tahoma; color:#12586f; } 
#submit { display:block; font:700 13px tahoma; padding:0; color:#fff; width:179px; height:27px; background:url(/images/submit.gif); border:0; margin:0 auto; cursor:pointer; }
#zakaz #close { position:absolute; top:3px; right:4px; display:block; width:12px; height:12px; background:url(/images/close.gif); border:0; cursor:pointer; }

.toggler { width: 500px; height: 200px; }
#button { padding: .5em 1em; text-decoration: none; }
#effect { width: 356px; height: 176px; padding: 3.9em; position: absolute; left:70%;z-index:2}

div.copy { background:url(/images/copy.jpg) 0 0 no-repeat; }
div.copy div { padding: 5px 0; }
div.copy td { vertical-align: top; padding: 0 20px 10px 20px; }
div.copy span { color: #79bfe5; float: left; display: block; }
div.copy p { float: right; }
div.copy a { color: #2dbf00; }
div.copy a.c { color: #79bfe5; }

