html, body, div, img, h1, h2, h3, p, form, input, select, textarea, dl, dt, dd {margin: 0; padding: 0;}

html, body {width: 100%; height: 100%; background: #F5F3F2;}
body, div {font: normal 11px Tahoma, Verdana, Arial, sans-serif; color: #000;}

a img, img {border: none;}
a {text-decoration: underline; color: #d82424;}
a:hover {text-decoration: none; color: #d82424;}

h1, h2, h3 {font-family: Tahoma, Verdana, Arial, sans-serif;}

.container {min-width: 775px; width: 100%; position: relative;}

.abs {position: absolute;}.rel {position: relative;}.fl {float: left;}.fr {float: right;}.ac {text-align: center;}.ar {text-align: right;}.aj {text-align: justify;}
.small {font-size: 10px;}big {font-size: 12px;}
.spacer {height: 1px; clear: both; width: 100%;}
.wrap {width: 100%;}

.s10 {height: 10px;}
.s15 {height: 15px;}
.s24 {height: 24px;}
.s28 {height: 28px;}
.s30 {height: 30px;}
.s35 {height: 35px;}
.s40 {height: 40px;}
.s50 {height: 50px;}

.f {margin-top: 0 !important; padding-top: 0px !important;}

.indent {padding: 0 3%;}
.indent-main {padding: 0 9%;}
.indent-mains {padding: 0 3% 0 9%;}
.indent-second {padding: 0 4%;}
.indent-faq {padding: 0 0 0 4%;}
.indent-work {padding: 0 0 0 1%;}
.line {background: url('imgs/bg-line.gif') repeat-x;}
.lines {background: url('imgs/bg-lines.gif') repeat-x;}

/* header */
.header {width: 100%; height: 228px; position: relative;}
.logo {display: block; padding-top: 82px;}

.thumbs-list {padding-left: 23px;}
.thumbs-list .wrap div {float: left; background-position: 50% 0; background-repeat: no-repeat;}
.thumbs-list a, .thumbs-list a:hover {display: block; padding: 98px 0 11px 0; white-space: nowrap; text-align: center;}
.thumbs-list a.on, .thumbs-list a:hover, .thumbs-list a.on:hover {background: url('imgs/bg-a-on.gif') 50% 0 no-repeat;}
.thumbs-list .why {background-image: url('imgs/tm-why.gif');}
.thumbs-list .faq {background-image: url('imgs/tm-faq.gif');}
.thumbs-list .price {background-image: url('imgs/tm-price.gif');}
.thumbs-list .web {background-image: url('imgs/tm-web.gif');}

.thumbs-list .why a {min-width: 70px;//width: 70px;}
.thumbs-list .faq a {min-width: 70px;//width: 70px;}
.thumbs-list .price a {min-width: 70px;//width: 70px;}
.thumbs-list .web a {min-width: 70px;//width: 70px;}


.strela {padding: 0; height: 123px; background: url('imgs/bg-strela.gif') 50% 0 no-repeat; width: 8%;}
.t100 {position: absolute; top: 0; right: 0;}

.promo-block {width: 100%; position: relative; height: 188px; background-repeat: no-repeat; text-align: left; margin: 0 auto; max-width: 883px; width: 90%;}
.promo-block-pad {padding-left: 83px;}
.promo-pad {padding: 29px 0 0 0; text-align: center;}
.promo-name-full {height: 188px; width: 100%; background-repeat: no-repeat;}
.href {position: absolute; left: 0; z-index: 10;}
.href, .href img {height: 188px; width: 100%;}
.promo-png {position: absolute; left: 0; z-index: 5; width: 100%; height: 188px;}
.promo-pngs {position: absolute; z-index: 7; width: 101px; height: 64px; right: -38px; bottom: -33px;}
.promo-uzor {position: absolute; z-index: 6; width: 101px; height: 64px; left: 0px; top: 0px;}
/* /header */

/* menu && lang */
.menu {float: left; padding-top: 88px; position: absolute; top: 0; right: 10%;}
.menu ul, .menu li {margin: 0; padding: 0;}
.menu li {display: block; float: left; margin-left: 34px;}
.menu li a, .menu li a:hover {display: block; float: left;}
.menu li a:hover, .menu li a.on, .menu li a.on:hover {background: url('imgs/bg-menu-on.gif') 50% 100% no-repeat;}

.lang {position: absolute; float: left; right: 0; top: 25px;}
.lang div {float: left; width: 15px; height: 15px; background: url('imgs/bg-lang.gif') 2px 6px no-repeat;}
.lang a, .lang a:hover {display: block; float: left; text-decoration: none; padding: 0 3px 3px 3px; color: #000;} 
.lang a.on, .lang a.on:hover {color: #F5D9C8; background: #d82424;}
/* /menu && lang */

/* promo main */
.promo-main {height: 256px;}
/* /promo main */

/* news */
.news-main {padding-left: 112px; position: relative;}
.news-list, .news-list {float: left; margin-right: 32px; padding: 0 0 1px 17px; border-left: 1px solid #d82424; width: 30%;}
.f-news-all {float: right; background: url('imgs/bg-all-news.gif') 0 5px no-repeat; padding: 2px 0 0 25px; position: absolute; top: -2px; right: 32px;}
.news-list a.anounce, .news-list a.anounce:hover {color: #666; display: block; margin-top: 8px;}
/* /news */

/* form */
input, textarea {width: 100%; background: none transparent; border: 1px dashed #000; color: #d82424; font: normal 11px Tahoma, Verdana, Arial, sans-serif; padding: 3px 6px 4px 6px; margin-bottom: 2px;}
textarea {height: 105px; background: url('imgs/bg-textarea.gif') 50% 50% no-repeat transparent; overflow: auto;}

.forms input, textarea {width: 160px;}
/* /form */

/* content */
.content-block {width: 100%;}
.content-faq {width: 60%;}
.content-text {width: 80%;}
.content-seo {width: 70%;}
.path {font-size: 12px; margin: 26px 0;}
.path .ol, .path .ol:hover {color: #000;}

p {margin: 14px 0 0 0;}

ol li {font-size: 12px; padding-bottom: 8px;}
ol li .answer {padding: 16px 0 10px 0; background: url('imgs/bg-answer.gif') 0 18px no-repeat; margin-left: -22px; padding-left: 22px;}
ol li .answer-pen {padding: 16px 0 10px 0; background: url('imgs/bg-answer2.gif') -5px 18px no-repeat; margin-left: -22px; padding-left: 22px;}

.answerxx {padding: 7px 0 5px 0; background: url('imgs/skype.gif') 0 5px no-repeat; margin-left: 0px; padding-left: 25px;}

ul.dop li {font-size: 12px; padding-bottom: 8px; list-style: none;}
ul.dop li .answer {padding: 16px 0 10px 0; background: url('imgs/bg-answer.gif') 0 18px no-repeat; margin-left: -22px; padding-left: 22px;}
ul.dop li .answer-pen {padding: 16px 0 10px 0; background: url('imgs/bg-answer2.gif') -5px 18px no-repeat; margin-left: -22px; padding-left: 22px;}

ul.dop2 li {font-size: 12px; padding-bottom: 8px; list-style: none;}
ul.dop2 li .answer {padding: 4px 0 10px 0; background: url('imgs/bg-answer.gif') 0 6px no-repeat; margin-left: -22px; padding-left: 22px;}


.form-right {position: absolute; top: -55px; right: -20px; width: 195px; height: 324px;}
a.answer, a.answer:hover {display: block; width: 160px; text-align: center; background: url('imgs/tm-faq.gif') 50% 0 no-repeat; padding: 102px 0 10px 0;}
a.answer3, a.answer3:hover {display: block; width: 160px; text-align: center; background: url('imgs/tm-price.gif') 50% 0 no-repeat; padding: 102px 0 10px 0;}
a.answer2, a.answer2:hover {display: block; width: 160px; text-align: center; background: url('imgs/tm-web.gif') 50% 0 no-repeat; padding: 102px 0 10px 0;}
.b-send {position: absolute; bottom: 0; right: 0;}
.cursor {cursor: pointer;}

.razdel {background: url('imgs/bg-razdel.gif') no-repeat; width: 177px; height: 23px;}
.razdel a, .razdel a:hover {color: #fff; display: block; padding: 4px 0 0 12px;}

.work-item {width: 100%; position: relative; min-height: 111px;}
.work-item .image {float: left; padding: 6px; border: 1px solid #d82424; position: absolute;}

.work-item .info-f-pad {padding: 6px 0 0 265px;}
.work-item .info-f {float: left; width: 47%;}
.work-item .image, .work-item .info-f-margin {margin-right: 20px;}
.info-f .who {font-weight: bold; color: #d82424; width: 100px;}
.info-f .who, .info-f .desc {float: left; padding: 7px 0 11px 0;}
.indent-work .lines {width: 248px !important; background-position: 0 50% !important;}

.work-image {float: left; /*margin-right: 40px;*/ min-width: 628px; max-width: 628px; width: 73%;//width: 628px;}
.work-in {float: left; width: 27%;//width:;}

.work-in .line {background: #000 none !important;}
.work-image .date {padding-right: 15px; float: left;}

strong {font-weight: normal; color: #d82424;}
/* /content */

/* footer */
.footer {width: 100%; height: 93px; position: relative;}
.footer .make {float: left; width: 60%;}
.footer .make-pad {padding-left: 33px;}
.footer .make .wrap div {float: left;}
.footer .make .wrap .h {width: 6%; height: 1px;}

.footer .copyr {float: left; position: absolute; top: 28px; right: 0;}
.footer .counter {float: left; padding-right: 11px;}
.counter img {filter:Alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;}S
.footer .info {float: left; padding: 4px 0 0 11px; font-size: 10px; white-space: nowrap;}
.footer .info, .footer .info a, .footer .info a:hover {color: #B7B7B7;}
.footer .info2 {float: left; padding: 4px 0 0 11px; background: url('imgs/copyvip.gif') no-repeat; width: 214px; height: 30px; white-space: nowrap;}
.footer .info2, .footer .info2 a, .footer .info2 a:hover {color: #B7B7B7;}
/* /footer */

.newline {font-size:18px; font-weight:bold;}
.newred {color:#CC0000;}