/* Font

------------------------------ */

html { font-size: 100.01%; }

body { font-size: 62.5%; } /* 10px */



/* Footer bottom

------------------------------ */

html, body { width: 100%; height: 100%; }

body       { min-height: 100%; height: auto; position: relative; background-color: #fff; min-width: 1000px;}

* html     { height: 100%; }

#content   { /*padding-bottom: 225px;*/ padding-bottom: 35px; }

#footer    { /*height: 190px; width: 100%; position: absolute; bottom: 0; overflow: hidden;*/ min-height: 100px; padding-bottom: 10px;}



/* Main

------------------------------ */

#header,#content,#footer { min-width: 1000px; }

* { margin: 0; padding: 0; }

*:focus { outline: none; }

* html .iepng, * html img {filter:expression(fixPNG(this));}



a {color: #238ec4;}

a:link    { text-decoration: underline; }

a:visited { text-decoration: underline; }

a:hover   { text-decoration: none; }

a:active  { text-decoration: underline; }



a img {border: 0;}



blockquote {color: #516377; font-style: italic; font-size: 0.86em; line-height: 1.64em; margin: 13px 0 23px 27px; padding: 12px 0 0 26px; border-left: 5px solid #aeb2b6;}

pre, code { font: 1.2em/1.8em "Courier New", Courier, monospace; border: 1px dashed #aaa; padding: 1em; background: #eee; }

code { padding: .2em .5em; }



table { border-collapse: collapse; border: 0; }



.content ul, .content ol { margin-left: 3em; line-height: 1.3em; }

.content ul li, .content ol li { margin-bottom: .2em; }

.content p, .content ul, .content ol, .content table, pre { margin-bottom: 1em; }



.clear {clear: both; margin: 0; font-size: 1px; line-height: 1px;}



h1 {font: normal 2.17em Tahoma, Arial, Verdana, Helvetica, sans-serif; line-height: 1.22em; color: #000; margin: 0 0 .5em 0;}

h2 {font: normal 2.17em Tahoma, Arial, Verdana, Helvetica, sans-serif; line-height: 1.22em; color: #000; margin: 0 0 .5em 0;}

h3 {font: normal 1.29em Tahoma, Arial, Verdana, Helvetica, sans-serif; line-height: 1.22em; color: #000; margin: 0 0 .5em 0;}

h4 {font: bold 1em Tahoma, Arial, Verdana, Helvetica, sans-serif; line-height: 1.22em; color: #000; margin: 0 0 .5em 0;}

h5 {font: bold 1em Tahoma, Arial, Verdana, Helvetica, sans-serif; line-height: 1.22em; color: #000; margin: 0 0 .5em 0;}

h6 {font: bold 1em Tahoma, Arial, Verdana, Helvetica, sans-serif; line-height: 1.22em; color: #000; margin: 0 0 .5em 0;}



.btable {background: #e1e1e1 url("../images/style/white.gif"/*tpa=http://webprofy.ru/images/style/white.gif*/) left bottom repeat-x; color: #454444; margin: 5px 0 10px; width: 100%;}

.btable td {vertical-align: top; padding: 8px 10px 0 20px;}

.btable img {display: block;}

.btable .btr {background: url("../images/style/attention.gif"/*tpa=http://webprofy.ru/images/style/attention.gif*/) 15px 10px no-repeat; padding: 10px 20px 35px 72px; vertical-align: middle;}



.btable2 {font-size: 0.86em; line-height: 1.2em; margin: 1em 0;}

.btable2 th {background: #292f37; color: #fff; padding: 13px 15px 12px 15px; text-align: left;}

.btable2 td {border-bottom: 1px solid #a2a0a0; padding: 8px 15px 7px 15px;}



.blue {color: #66ccff;}

.darkblue {color: #037ebc;}

.grey {color: #666;}

.font18 {font-size: 1.5em; line-height: 1em;}

.font20 {font-size: 1.67em;}

.font10 {font-size: 0.79em;}

.font9 {font-size: 0.75em;}

.bordernone {border: 0;}

.bimg {padding: 1px; background: #fff; border: 6px solid #ebebeb;}

.bimg-right {padding: 1px; background: #fff; border: 6px solid #ebebeb; margin: 0 20px 0 0;}

.bimg-left {padding: 1px; background: #fff; border: 6px solid #ebebeb; margin: 0 0 0 20px;}

.btableimg {font-family: "Microsoft Sans Serif", sans-serif; font-size: 0.64em; line-height: 1.2em; color: #8c8a90; margin-right: 35px;}

.btd {padding: 5px 10px;}

.pgrey {background: #ebebeb; padding: 6px 11px 9px;}

.blueline {font-style: italic; margin: 13px 0 23px 27px; padding: 12px 0 0 26px; border-left: 5px solid #238ec4; font-size: 1em; color: #000;}

.video {padding: 1px; background: #fff; border: 6px solid #ebebeb; margin: 0 20px 0 0; display: block; float: left;}



.arrow, .content .arrow { margin: 0 15px 0 1px; list-style: none;}

.arrow li, .content .arrow li {background: url("../images/style/arrow-ul.gif"/*tpa=http://webprofy.ru/images/style/arrow-ul.gif*/) left .5em no-repeat; padding-left: 33px; margin-bottom: 13px;}



.circle, .content .circle {margin: 0 15px 0 1px; list-style: none; font-size: 0.92em; line-height: 1.2em;}

.circle li, .content .circle li {background: url("../images/style/select-li.gif"/*tpa=http://webprofy.ru/images/style/select-li.gif*/) left .3em no-repeat; padding-left: 20px; margin-bottom: 4px;}



.bb1, .content .right .bb1 {background: url("../images/style/b-1-center.gif"/*tpa=http://webprofy.ru/images/style/b-1-center.gif*/) center 17px no-repeat; width: 100%; height: 177px; margin: 0 0 8px;}

.bb1 td {padding: 0px 6px 13px 20px;}

.bb1 .btd {vertical-align: top; padding: 42px 6px 13px 20px;}



.bb2_div {position: relative; min-height: 1px; width: 100%;}

.bb2_div .abs {position: absolute; left: -13px; top: -13px;}

.bb2, .content .right .bb2 {background: url("../images/style/b-2-bg-2.gif"/*tpa=http://webprofy.ru/images/style/b-2-bg-2.gif*/) right top no-repeat; width: 100%; height: 127px; border: 1px solid #dcdcdc; margin: 0 0 26px;}

.bb2 td {vertical-align: top; padding: 12px 4%;}

.bb2 p {margin: 0;}

.bb2 .m {margin: 0 0 28px 0;}

.bb2 img {display: block;}



.bb3, .content .right .bb3 {background: url("../images/style/b-3-bg.gif"/*tpa=http://webprofy.ru/images/style/b-3-bg.gif*/) center top no-repeat; width: 100%; height: 147px; line-height: 1.1em;}

.bb3 img {display: block; margin: 0 0 8px 0;}

.bb3 p {margin: 0;}

.bb3 td {vertical-align: top; padding: 15px 0 0 0;/* width: 175px;*/}

.bb3 .btd {width: auto; padding: 0 55px 0 0; vertical-align: bottom;}

.bb3 .btd img {margin: 0;}



/*.tablenumber {width: 100%;}*/

.tablenumber td {padding: 1px 0 12px 10px; vertical-align: top;}

.tablenumber .tdnumber {font: 1.5em/1em Georgia, "Times New Roman", Times, serif; color: #0485c6; padding: 0; width: 28px;}



/* --- header

---------------------------- */

#header {font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif; padding: 29px 0 0 0; color: #999;}

div.index {background: #090909 url("../images/style/bg_header_winter.jpg"/*tpa=http://webprofy.ru/images/style/bg_header_winter.jpg*/) left top no-repeat;}

div.night {background: #090909 url("../images/style/bg_header_winter_night.jpg"/*tpa=http://webprofy.ru/images/style/bg_header_winter_night.jpg*/) left top no-repeat;}

div.iheader {background: #090909 url("../images/style/bg_header_inner.jpg"/*tpa=http://webprofy.ru/images/style/bg_header_inner.jpg*/) left top no-repeat;}

#header h1 {color: #fff; font: 2.36em/1.15em Georgia, "Times New Roman", Times, serif; margin-bottom: 11px;}

#header table {width: 100%;}



#header .logo {width: 263px; position: absolute; left: 3%; top: 14px; height: 64px; background: url("../images/style/logo.gif"/*tpa=http://webprofy.ru/images/style/logo.gif*/) left top no-repeat;}

#header .logo a {display: block; width: 224px; height: 64px; text-decoration: none;}

#header .logo a:hover {display: block; width: 263px; height: 64px; background: url("../images/style/logo-hover.gif"/*tpa=http://webprofy.ru/images/style/logo-hover.gif*/) left top no-repeat;}



#header .menu {padding: 0 1% 0 3%; margin: 0 0 0 418px; color: #000;}

#header .menu table {background: url("../images/style/bg-menu.gif"/*tpa=http://webprofy.ru/images/style/bg-menu.gif*/) left top repeat-x; font: 1.17em/1.2em Arial, Tahoma, Verdana, Helvetica, sans-serif; width: 100%;}

#header .menu td {padding: 0 10px; height: 45px; vertical-align: middle; text-align: center; white-space: nowrap;}

#header .menu .active {background: url("../images/style/menu-a.jpg"/*tpa=http://webprofy.ru/images/style/menu-a.jpg*/) right top no-repeat;}

#header .menu .active a {color: #000;}

#header .menu .active a:hover {color: #000; text-decoration: none;}

#header .menu .first {padding: 0; font-size: 1px; line-height: 1px; text-align: right; width: 3%;}

#header .menu .first div {position: relative; height: 45px;}

#header .menu .first div div {position: absolute; left: 50%; bottom: 21px; background: url("../images/style/menu.gif"/*tpa=http://webprofy.ru/images/style/menu.gif*/) left top no-repeat; width: 3px; height: 53px; margin: 0;}

#header .menu .last {padding: 0; font-size: 1px; line-height: 1px; width: 3%;}

#header .menu .last div {position: relative; height: 45px;}

#header .menu .last div div {position: absolute; right: 50%; bottom: 21px; background: url("../images/style/menu.gif"/*tpa=http://webprofy.ru/images/style/menu.gif*/) left top no-repeat; width: 3px; height: 53px;}



#header .menu a {color: #fff;}

#header .menu a:hover {color: #66ccff;}



#header .contacts {color: #666666; padding: 13px 1% 7px 0; text-align: right; font: 0.92em/1.36em Tahoma, Arial, Verdana, Helvetica, sans-serif;}

#header .content .contacts {padding-right: 0; padding-bottom: 0;}

#header .contacts .phone {font: 2.18em/1.4em Georgia, "Times New Roman", Times, serif; color: #66ccff;}

#header .contacts .rel {color: #666666; font: 0.58em/1.4em Georgia, "Times New Roman", Times, serif; position: relative; top: -7px;}



#header .leftimg {width: 4%;}

#header .rightimg {width: 4%;}

#header td.content {vertical-align: top; padding-bottom: 53px; padding-right: 1%;}

#header div.content {padding: 0 20px 0 0;}

#header .content .blue {color: #66ccff;}

#header .content .font18 {font-size: 1.5em; line-height: 1em;}



#header .image {font-size: 11px; line-height: 15px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; height: 380px; width: 421px; vertical-align: top;}

#header .image a {color: #fff; text-decoration: none; border-bottom: 1px solid #6a6a6a; font-size: 11px; line-height: 15px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; margin: 0 0 5px 0;}

#header .image a:hover {border-bottom: 0;}

.ssylka_1 {width: 61px; text-align: center; position: absolute; left: 49px; top: 191px; padding: 0 0 10px;}

.ssylka_2 {width: 61px; text-align: center; position: absolute; left: 268px; top: 144px; padding: 0 0 10px;}

.ssylka_3 {width: 75px; text-align: center; position: absolute; left: 344px; top: 186px; padding: 0 0 10px;}

.ssylka_4 {width: 83px; text-align: center; position: absolute; left: 26px; top: 400px; padding: 0 0 10px;}

.ssylka_5 {width: 83px; text-align: center; position: absolute; left: 289px; top: 417px; padding: 0 0 10px;}



/*inner submenu*/



#header .submenu {background: url("../images/style/submenu.gif"/*tpa=http://webprofy.ru/images/style/submenu.gif*/) left top repeat; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #000; line-height: 1.2em;}

#header .submenu ul {margin: 0; list-style: none; padding: 0 1%;}

#header .submenu .menuitem {display: block; float: left; background: url("../images/style/submenu-line.gif"/*tpa=http://webprofy.ru/images/style/submenu-line.gif*/) right top no-repeat; padding: 0 2% 0 2%; height: 42px; white-space: nowrap; position: relative; margin-bottom: 1px;}

#header .submenu .menuitem table {height: 42px; width: auto;}

#header .submenu .menuitem table td {vertical-align: middle; text-align: center; padding: 2px 0 0 0;}

#header .submenu .last {background: none;}

#header .submenu .active {background: url("../images/style/submenu-a.gif"/*tpa=http://webprofy.ru/images/style/submenu-a.gif*/) right top repeat-x;}

#header .submenu .active .line {background: url("../images/style/submenu-a.gif"/*tpa=http://webprofy.ru/images/style/submenu-a.gif*/) right bottom no-repeat; font-size: 1px; line-height: 1px; height: 20px; padding: 12px 0 10px; width: 1px; position: absolute; left: -1px; top: 0;}

#header .submenu .active a  {color: #000;}

#header .submenu a {color: #fff;}

#header .submenu .clear {background: #fff;}



/*#header .submenu .menuitem ul {display: none;}

#header .submenu .hover ul {display: block; background: #8bcfea;}*/



#header .submenu .menuitem .subsubmenu {position: absolute; left: -1px; top: 42px; padding: 0; width: auto; background: #a0d6eb url("../images/style/submenu-table.gif"/*tpa=http://webprofy.ru/images/style/submenu-table.gif*/) left bottom repeat-x;}

#header .submenu .menuitem .subsubmenu td {padding: 6px 16px 3px 16px;}

#header .submenu .menuitem .subsubmenu .active {background: #a0d6ec url("../images/style/submenu-td.gif"/*tpa=http://webprofy.ru/images/style/submenu-td.gif*/) left bottom repeat-x;}

#header .submenu .menuitem .subsubmenu a {color: #0783b7;}







/* --- content

---------------------------- */



/*index catalog*/

#content {font: 1.40em/1.29em Tahoma, Arial, Verdana, Helvetica, sans-serif; position: relative;}

#content.icontent {position: static;}



.catalog {font: 0.79em/1.18em Arial, Tahoma, Verdana, Helvetica, sans-serif;}

.catalog table {width: 100%;}

.catalog td {vertical-align: top;}

/*

.catalog .inserts {margin: 0; list-style: none; padding: 0; color: #090909; position: absolute; top: -26px; right: 4.8%; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;}

.catalog .inserts li {display: block; float: right; background: url("/images/style/catalog-a.gif") left top no-repeat; width: 149px; height: 22px; padding: 5px 0 0 1px; text-align: center;}

.catalog .inserts .active {background: url("/images/style/catalog-a-a.gif") left top no-repeat; height: 17px; padding: 10px 0 0 1px;}

.catalog .inserts .active a {text-decoration: none; font-weight: bold;}

.catalog .inserts a {color: #090909;}

*/



.catalog .inserts {font-size: 18px; line-height: 18px; position: absolute; top: -38px; right: 5%; width: auto;}

.catalog .inserts a {color: #0a0a0a; text-decoration: none;}

.catalog .inserts a:hover {text-decoration: underline;}

.catalog .inserts td {background: url("../images/style/catalog-a-rep.gif"/*tpa=http://webprofy.ru/images/style/catalog-a-rep.gif*/) left bottom repeat-x;}

.catalog .inserts div {background: url("../images/style/catalog-a-left.gif"/*tpa=http://webprofy.ru/images/style/catalog-a-left.gif*/) left bottom no-repeat;}

.catalog .inserts div div {background: url("../images/style/catalog-a-right.gif"/*tpa=http://webprofy.ru/images/style/catalog-a-right.gif*/) right bottom no-repeat; padding: 14px 22px 0 19px; height: 25px;}



.catalog .inserts .active a {color: #2480ab; text-decoration: none; cursor: text;}

.catalog .inserts .active {background: url("../images/style/catalog-a-a-rep.gif"/*tpa=http://webprofy.ru/images/style/catalog-a-a-rep.gif*/) left bottom repeat-x;}

.catalog .inserts .active div {background: url("../images/style/catalog-a-a-left.gif"/*tpa=http://webprofy.ru/images/style/catalog-a-a-left.gif*/) left bottom no-repeat;}

.catalog .inserts .active div div {background: url("../images/style/catalog-a-a-right.gif"/*tpa=http://webprofy.ru/images/style/catalog-a-a-right.gif*/) right bottom no-repeat;}



.catalog .insert .cleft {width: 2%; background: url("../images/style/catalog-left.gif"/*tpa=http://webprofy.ru/images/style/catalog-left.gif*/) right top no-repeat;}

.catalog .insert .cright {width: 2%; background: url("../images/style/catalog-right.gif"/*tpa=http://webprofy.ru/images/style/catalog-right.gif*/) left top no-repeat;}

.catalog .insert .cleft div {position: relative;}

.catalog .insert .cleft div div {position: absolute; right: -20%; top: -12px; background: url("../images/style/catalog.gif"/*tpa=http://webprofy.ru/images/style/catalog.gif*/) left top no-repeat; width: 3px; height: 51px; font-size: 1px; line-height: 1px;}

.catalog .insert .cright div {position: relative;}

.catalog .insert .cright div div {position: absolute; left: -20%; top: -12px; background: url("../images/style/catalog.gif"/*tpa=http://webprofy.ru/images/style/catalog.gif*/) left top no-repeat; width: 3px; height: 51px; font-size: 1px; line-height: 1px;}



.catalog .middle {background: #e9e9e9 url("../images/style/blue.gif"/*tpa=http://webprofy.ru/images/style/blue.gif*/) left top repeat-x; padding: 0 0 15px;}

.catalog .middlediv {display: none; position: relative; overflow: hidden;}

.catalog .insert .active {display: block;}



.catalog .insert .middle {}

.catalog .insert .middle .middlediv {height: 239px; overflow: hidden;}

/*.catalog .insert .middle .middletable {vertical-align: top; text-align: center; width: 100%; position: absolute;}

.catalog .insert .middle .middletd {vertical-align: top; text-align: center;}*/



.items {height: 239px;}

.catitems {color: #444c4f; padding: 0 0 0 9px; float: left; width: 32%; min-width: 286px; height: 239px;}

.catitems .image {padding: 24px 0 4px; width: 286px; margin: 0 auto;}

.catitems .image img {border: 11px solid #d8d8d8; border-left: 15px solid #d8d8d8; border-right: 15px solid #d8d8d8;}

.catitems .text {width: 276px; margin: 0 auto; text-align: left;}

.catitems .title {font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #333; font-weight: bold; margin-bottom: 5px;}

.catalog .lastcatitem .text {border: 11px solid #d8d8d8; border-left: 15px solid #d8d8d8; border-right: 15px solid #d8d8d8; width: 256px; height: 85px; padding: 34px 0 0 0; background: #fff; margin: 0; text-align: center; line-height: 1.5em;}

.catalog .lastcatitem .text a {font-size: 1.08em; line-height: 1em; text-decoration: none; border-bottom: 1px dashed #0485c6;}

.catalog .lastcatitem .text a:hover {border: 0;}

.catalog .firstcatitem .image {padding: 23px 0 0 0; width: 286px; height: 216px; background: url("../images/style/portfolio.gif"/*tpa=http://webprofy.ru/images/style/portfolio.gif*/) left 23px no-repeat;}

.catalog .firstcatitem .image a {text-decoration: none; width: 286px; height: 216px; display: block;}



.catalog .first {text-align: left; padding: 71px 0 0 0; width: 3%; background: #e9e9e9 url("../images/style/blue.gif"/*tpa=http://webprofy.ru/images/style/blue.gif*/) left top repeat-x;}

.catalog .first div {width: 24px; height: 50px; background: url("../images/style/arrow-left.gif"/*tpa=http://webprofy.ru/images/style/arrow-left.gif*/) left top no-repeat; display: block; margin: 0 auto; text-decoration: none; cursor: pointer;}

.catalog .first a {width: 24px; height: 50px; background: url("../images/style/arrow-left.gif"/*tpa=http://webprofy.ru/images/style/arrow-left.gif*/) left top no-repeat; display: block; text-decoration: none;}

.catalog .last {text-align: right; padding: 71px 0 0 0; width: 3%; background: #e9e9e9 url("../images/style/blue.gif"/*tpa=http://webprofy.ru/images/style/blue.gif*/) left top repeat-x;}

.catalog .last div {width: 24px; height: 50px; background: url("../images/style/arrow-right.gif"/*tpa=http://webprofy.ru/images/style/arrow-right.gif*/) left top no-repeat; display: block; margin: 0 auto; text-decoration: none; cursor: pointer;}

.catalog .last a {width: 24px; height: 50px; background: url("../images/style/arrow-right.gif"/*tpa=http://webprofy.ru/images/style/arrow-right.gif*/) left top no-repeat; display: block; text-decoration: none;}

.catalog .next:hover {background: url("../images/style/arrow-right-a.gif"/*tpa=http://webprofy.ru/images/style/arrow-right-a.gif*/) left top no-repeat;}

.catalog .prev:hover {background: url("../images/style/arrow-left-a.gif"/*tpa=http://webprofy.ru/images/style/arrow-left-a.gif*/) left top no-repeat;}

.catalog .next:visited {text-decoration: none;}

.catalog .prev:visited {text-decoration: none;}



.ssylka {margin-bottom: 5px;}



/*inner catalog*/



.filters {height: 74px; line-height: 1em; color: #fff;}

.filters table {width: 100%;}

.filters td {padding: 1px 20px 0 0; vertical-align: top;}

.filters .submit {background: url("../images/style/submit2.gif"/*tpa=http://webprofy.ru/images/style/submit2.gif*/) left top no-repeat; width: 30px; height: 30px; padding: 0;}

.filters select {font-size: 14px;}

.filters .fperiod {width: 20%;}

.filters .fperiod select {width: 100px; border: 1px solid #b2b9c3;}

.filters .ftip_biznesa {width: 70%;}

.filters .ftip_biznesa select {width: 440px; border: 1px solid #b2b9c3;}



div.catitem {padding-bottom: 20px; border-bottom: 1px solid #e1e1e1; margin: 0 0 45px 0;}

div.catitem .image {float: left;}

div.catitem .image img {border: 14px solid #ebebeb; border-left: 17px solid #ebebeb; border-right: 17px solid #ebebeb;}

div.catitem .text {margin: 0 0 0 340px;}

div.catitem .title {font: normal 1.29em Tahoma, Arial, Verdana, Helvetica, sans-serif; line-height: 1.22em; color: #000; margin: 0 0 .5em 0;}

div.catitem .more {margin: 40px 0 0 340px; padding: 3px 0 15px 37px; background: url("../images/style/more.gif"/*tpa=http://webprofy.ru/images/style/more.gif*/) left top no-repeat;}



.objpages {width: 100%; margin: 60px 0 0 0; color: #3f4751; font-size: 0.86em; line-height: 1.2em;}

.objpages td {text-align: center;}

.objpages .tofirst {text-align: left; width: 30px;}

.objpages .tolast {text-align: right; width: 30px;}

.objpages .toprev {text-align: left;}

.objpages .tonext {text-align: right;}

/*

.picture {background: url("/images/style/pictures.jpg") left top no-repeat; width: 630px; height: 407px; padding: 35px 7px 20px 2px; margin: 20px 0 0 0;}

.picture .holder {height: 407px;}

.picture img {display: block;}*/



.pictures {padding: 10px 0 0;}

.picture {padding: 38px 0 0 0; background: url("../images/style/picture-top.jpg"/*tpa=http://webprofy.ru/images/style/picture-top.jpg*/) left top no-repeat;}

.picture div {padding: 0 0 16px 0; background: url("../images/style/picture-bottom.jpg"/*tpa=http://webprofy.ru/images/style/picture-bottom.jpg*/) left bottom no-repeat;}

.picture img {display: block; padding: 0 6px 0 4px; background: url("../images/style/picture-rep.jpg"/*tpa=http://webprofy.ru/images/style/picture-rep.jpg*/) left top repeat-y;}

.textforpicture {/*color: #444c4f; font-size: 0.79em; line-height: 1.2em;padding: 10px; */ padding: 10px 0;}

.moredescr {margin-top: 20px;}



/*index content*/



#content .index {width: 100%;}

#content .lspace {width: 2%; vertical-align: top;}

#content .lspace div {width: 20px;}

#content .crspace {width: 4%; vertical-align: top;}

#content .crspace div {width: 25px;}

#content .rspace {width: 2%; vertical-align: top;}

#content .rspace div {width: 20px;}



#content .left {width: 29%; font-size: 0.79em; line-height: 1.36em; vertical-align: top; padding-top: 5px;}

#content .center {width: 29%; vertical-align: top; font-size: 0.86em; line-height: 1.5em; color: #333; padding-top: 22px;}

#content .right {width: 29%; vertical-align: top; font-size: 0.79em; line-height: 1.53em; padding-top: 22px;}



/*left*/



#content .left .a {position: relative; z-index: 10;}

#content .left .a1 {position: absolute; left: 0; top: 30px; width: 100%;}

#content .left .a1 a {text-decoration: none; z-index: 10;}

#content .left .a1 img {width: 100%; height: 128px;}



#content .left .a2 {position: absolute; left: 0; top: 184px; width: 100%;}

#content .left .a2 a {text-decoration: none; z-index: 10;}

#content .left .a2 img {width: 100%; height: 128px;}



#content .left .a3 {position: absolute; left: 0; top: 338px; width: 100%;}

#content .left .a3 a {text-decoration: none; z-index: 10;}

#content .left .a3 img {width: 100%; height: 125px;}



.newsanons {padding-top: 18px;}

.newsanons h2 {font-size: 2.18em; line-height: 1.2em; padding-left: 3px;}

.newsanons .newsitem {border-bottom: 1px solid #dedede; padding: 13px 7px 13px 0; margin: 0 0 0 7px; clear: both;}

.newsanons .newsitem .date {color: #666666;}

.newsanons .newsitem .date span {font-size: 0.91em; line-height: 1.2em;}

.newsanons .newsitem .title {font-size: 1.1em; line-height: 1.36em; margin-bottom: 11px;}

.newsanons .newsitem .image {float: left; padding-top: 2px; width: 66px; position: relative;}

.newsanons .newsitem .image img {border: 2px solid #ccc;}

.newsanons .newsitem .text {line-height: 1.45em; color: #333;}

.newsanons .archive {padding: 12px 12px 6px 0;}

.newsanons .archive a {display: block; padding-left: 34px; background: url("../images/style/arrow.gif"/*tpa=http://webprofy.ru/images/style/arrow.gif*/) right top no-repeat; padding: 3px 3px 7px 39px; float: right; height: 14px;}



.hotspot {padding: 0 15px; line-height: 1.4em; font-size: 1.1em;}

.hotspot td {padding: 5px;}

.hotspots {margin-bottom: 30px;}



/*center*/



.center h2 {font-size: 2em; line-height: 1.2em; margin-bottom: 14px;}

.center .h2 {margin-top: 50px; color: #999999; font-size: 1.64em; line-height: 1.2em;}

/*.holder {height: 355px; overflow: auto; margin: 0;}*/

#arrows { margin-bottom: 4px; padding: 0px 5px; position: relative; width: 85%; color: #999999; font-size: 0.92em; line-height: 1.2em; text-align: justify; text-indent: 5px; }

#arrows #scroll {height: 220px; overflow: hidden; width:100%; text-align:justify;}

#scroll_top {background: url("/images/style/arrow-up.gif") left top no-repeat; width: 14px; height: 14px; cursor: pointer; position: absolute; top: 0px; right: 0px; display: none;}

#scroll_down {background: url("/images/style/arrow-down.gif") left top no-repeat; width: 14px; height: 14px; cursor: pointer; position: absolute; bottom: 0px; right: 0px; display: none;}

#arrows h2 {font: bold 1em Tahoma, Arial, Verdana, Helvetica, sans-serif; line-height: 1.22em; color: #000; margin: 0 0 .5em 0; color: #999999;}

#arrows h3 {font: 1em Tahoma, Arial, Verdana, Helvetica, sans-serif; line-height: 1.22em; color: #000; margin: 0 0 .5em 0; text-decoration: underline; color: #999999;}

#arrows h4, h5, h6 {color: #999999;}

#arrows ul, #arrows ol { margin-left: 3em; line-height: 1.3em; }

#arrows ul li, #arrows ol li { margin-bottom: .2em; }



/*right*/



.right h2 {font-size: 2.18em; line-height: 1.2em; margin-bottom: 16px;}

.partner {padding: 0 20px 0 0; margin: 0;}

.partner table {margin: 0 0 10px 0;}

.partner th {padding: 0 18px 10px; text-align: left;}

.partner h2 {margin: 0;}

.partner td {border-bottom: 1px solid #dedede; padding: 11px 18px 14px;}

.partner img {display: block;}

.partner .bordernone {border: none;}



.right .hotspots .arrow {font-size: 1.1em; line-height: 1.4em;}





/*inner content*/



#content .content {width: 100%;}

#content .content h1 {padding-top: 9px;}



#content .content .lspace {width: 3%;}

#content .content .cspace {width: 7%;}

#content .content .rspace {width: 2%;}



#content .content .left {width: 62%; font-size: 1em; line-height: 1.29em; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; padding-top: 53px;}

#content .content .right {width: 26%; padding-top: 79px;}



#navibar {height: 14px; color: #a6a6a6;}

#navibar ul {margin: 0; list-style: none; font-family: "Microsoft Sans Serif", sans-serif; font-size: 0.64em; line-height: 1.2em;}

#navibar li {background: url("../images/style/arrow-navibar.gif"/*tpa=http://webprofy.ru/images/style/arrow-navibar.gif*/) right .5em no-repeat; display: block; float: left; padding-right: 14px; margin-right: 5px;}

#navibar a {color: #a6a6a6;}



.numpages {width: auto; margin: 0 auto; /*width: 100%; */ color: #3f4751; border-collapse: separate;}

.numpages td {vertical-align: top;}

.numpages img {display: block;}

.numpages .tofirst {text-align: left; width: 30px; /* width: 7%;*/ padding-top: 8px;}

.numpages .tolast {text-align: right; width: 30px; /* width: 7%;*/ padding-top: 8px;}

.numpages .tolast img {margin: 0 0 0 auto;}

.numpages .toprev {width: 80px; /*width: 10%;*/ padding-top: 3px;}

.numpages .tonext {width: 80px; /*width: 10%;*/ text-align: right; padding-top: 3px;}

.numpages .naviitem {width: 35px; border-bottom: 4px solid #e1e1e1; text-align: center; padding: 3px 0;}

.numpages .naviitem a {color: #3f4751; text-decoration: none;}

.numpages .active {border-bottom: 4px solid #0099cc; font-weight: bold;}



.also {padding-top: 50px;}



.content .right table {margin: 0;}

.content .right .a {position: relative; z-index: 10;}

.content .right .a1 {position: absolute; left: 0; top: 30px; width: 100%;}

.content .right .a1 a {text-decoration: none; z-index: 10;}

.content .right .a1 img {width: 100%; height: 128px;}



.content .right .a2 {position: absolute; left: 0; top: 185px; width: 100%;}

.content .right .a2 a {text-decoration: none; z-index: 10;}

.content .right .a2 img {width: 100%; height: 128px;}



.content .right .a3 {position: absolute; left: 0; top: 338px; width: 100%;}

.content .right .a3 a {text-decoration: none; z-index: 10;}

.content .right .a3 img {width: 100%; height: 125px;}





/*news*/



.news .newsitem {margin: 0; color: #333; border-bottom: 1px solid #d2d2d2; padding: 0 0 15px 0; margin: 0 0 17px 0;}

.news .newsitem .date {float: left; font-size: 0.86em; line-height: 1.2em; color: #787676; padding: 3px;}

.news .newsitem .text {margin: 0 0 0 105px;}

.news .newsitem .title {margin-bottom: 9px;}

.newsimage {margin: 0 35px 10px 0; float: left;}

.newsimage img {display: block; padding: 1px; background: #fff; border: 6px solid #ebebeb;}

.articles .newsitem .text {margin: 0;}



/* PHOTOALBUM EX. 2

------------------------------ */

.photogallery {padding: 0 0 30px 0;}

.photogallery h2 {font: normal 1.29em Tahoma, Arial, Verdana, Helvetica, sans-serif; line-height: 1.22em; color: #000; margin: 0;}

.photogallery .preview {width: 108px; height: 108px; float:left; margin: 15px 15px 0 0; text-align: center;}

.photogallery img { border:1px solid #ccc; padding:1px; }

.photogallery img.current_preview { border:1px solid #D75717; padding:1px; }



/* Webforms_ex1

------------------------------ */



.webforms_quick_container {background: url("../images/style/bg-form.jpg"/*tpa=http://webprofy.ru/images/style/bg-form.jpg*/) left top no-repeat;}

.webforms_quick {background: url("../images/style/bg-form.gif"/*tpa=http://webprofy.ru/images/style/bg-form.gif*/) right top no-repeat; padding: 6px 0 1px 0; color: #1e8bb0; height: 295px;}

.webforms_quick h2 {margin: 0 18px; line-height: 1.2em; color: #fff;}

.webforms_quick .title {line-height: 1.2em; color: #1e8bb0; margin: 0 21px 9px;}

.webforms_quick .table {margin: 0 11px; height: 194px;}

.webforms_quick .table table {width: 100%; margin: 0;}

.webforms_quick td { background:#fff; border:1px solid #2fa4cc; padding:3px 6px; }

.webforms_quick .space { padding: 3px 0 5px; background:none; border:0; font-size: 1px; line-height: 1px;}

.webforms_quick .input input { font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; width:100%; background:#fff; color:#999; border:0; display: block; height: 13px; }

.webforms_quick .textarea textarea { font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; width:100%; background:#fff; color:#999; border:0; overflow:auto; height: 88px;}

.webforms_quick .file input { font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; width:100%; color:#999; background:#fff; border:0;}

.webforms_quick .select select { font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; width:100%; color:#999; background:#fff; border:0;}

.webforms_quick .captcha input { font-size:11px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; width:100%; color:#999; background:#fff; border:0;}



.webforms_quick .captcha img { border:1px solid #aaa; }

.webforms_quick .checkbox span { display:inline; padding:0 0 0 10px; }

.webforms_quick .checkbox input { }



.webforms_quick .submit_quick { text-align:right; background: url("../images/style/send-bg.gif"/*tpa=http://webprofy.ru/images/style/send-bg.gif*/) right 5px no-repeat; padding: 9px 7px 7px 0; border: 0; width: auto; margin: 0; height: 27px;}



.form_webforms {background: #ebebeb; padding: 13px 17px 17px; width: 416px;}

.form_webforms .table { margin-bottom:12px;}

.form_webforms p {margin: 0 0 3px 0;}

.form_webforms td {padding: 0 0 0 0;}

.form_webforms .space {font-size: 1px; line-height: 1px; height: 13px;}

.form_webforms label { padding:0 0 3px 0; }

.form_webforms input { background-color:#fcfcfc; width:400px; padding:3px 7px; border:1px solid #ccc; font-size:12px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height:normal; color:#666; }

.form_webforms select{ background-color:#fcfcfc; border:1px solid #ccc; font-size:12px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height:normal; color:#666; }

.form_webforms textarea { background-color:#fcfcfc; width:400px; height:150px; padding:3px 7px; border:1px solid #ccc; font-size:12px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height:16px; color:#666; overflow:auto; }

.form_webforms input.submit { background-color:#09a0d3; width:130px; color:#fff; border:0; padding:3px 5px;  }

.form_webforms .checkbox { font-size: 0.86em;}

.form_webforms .checkbox input { width:auto; border:none; background-color:#fff; }

.form_webforms .checkbox label { padding: 0 0 0 5px; }

.form_webforms .captcha_img { border:1px solid #ccc; display:block; }





/* --- footer

---------------------------- */



#footer {font-size: 1.2em; line-height: 1.2em; background: #c3c0c0; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;}

#footer table {width: 100%;}



#footer .menu {padding: 15px 5% 7px; background: #0c0f0f; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; margin-bottom: 10px; position: relative; color: #fff;}

#footer .menu ul {margin: 0; list-style: none;}

#footer .menu ul li {float: left; display: block; margin-right: 3%; padding-bottom: 5px; white-space: nowrap;}

#footer .menu .active a {color: #fff;}

#footer .menu a {color: #666;}

#footer .menu a:hover {color: #fff;}

#footer .menu .left {position: absolute; left: 2%; bottom: -26px; background: url("../images/style/menu-footer.gif"/*tpa=http://webprofy.ru/images/style/menu-footer.gif*/) left top no-repeat; font-size: 1px; line-height: 1px; width: 3px; height: 51px; padding: 0;}

#footer .menu .right {position: absolute; right: 2%; bottom: -26px; background: url("../images/style/menu-footer.gif"/*tpa=http://webprofy.ru/images/style/menu-footer.gif*/) left top no-repeat; font-size: 1px; line-height: 1px; width: 3px; height: 51px; padding: 0;}



#footer .lspace {width: 5%;}

#footer .cspace {width: 5%;}

#footer .cspace {width: 5%;}

#footer .rspace {width: 5%;}



#footer .left {width: 30%; vertical-align: top; padding-top: 14px; color: #333;}

#footer .center {width: 25%; vertical-align: top; padding-top: 12px;}

#footer .right {width: 25%; vertical-align: top; color: #333; line-height: 1.2em; font-size: 0.92em;}



/*right*/

#footer .right table {width: auto; margin: 8px 24px 14px auto;}

#footer .right table td {padding: 0 5px 0 0;}

#footer .right table img {display: block;}

#footer .right p {width: 200px; margin: 8px 0 8px auto; line-height: 2.2em;}

#footer .right p img {position: relative; top: 12px; margin: 0 5px 0 0;}

/*left*/

#footer .left .arrow {margin: 0 15px 0 1px; list-style: none;}

#footer .left .arrow li {background: url("../images/style/arrow-ul2.gif"/*tpa=http://webprofy.ru/images/style/arrow-ul2.gif*/) left .4em no-repeat; padding-left: 33px; margin-bottom: 20px; line-height: 1em;}

#footer .left .font9 {font-family: "Microsoft Sans Serif", sans-serif; display: block; margin-bottom: 3px;}

#footer .left .font20 {font-family: Georgia, "Times New Roman", Times, serif;}

#footer .left .arrow li {margin-bottom: 14px;}

/*center*/

#footer .center table {width: auto; margin: 0 auto;}

#footer .center table td {text-align: center; vertical-align: middle; padding: 0 7px 10px 0;}



/* top_line */

#header {position: relative;}

.stripe {background: url("../images/style/top/top_line.gif"/*tpa=http://webprofy.ru/images/style/top/top_line.gif*/) left top repeat-x; height: 31px; width: 100%; font: 18px Tahoma, Arial, Verdana, Helvetica, sans-serif; overflow: hidden; position: relative;}

.stripe a {text-decoration: none; color: #fff; display: block; width: 3120px; height: 29px; padding: 2px 0 0 0; white-space: nowrap;}

.stripe .span_image {background: url("../images/style/top/snowflake.gif"/*tpa=http://webprofy.ru/images/style/top/snowflake.gif*/) 6px 5px no-repeat; padding: 0 0 0 32px;}

.stripe .span_padding {padding: 0 12px 0 0;}

.stripe .span_font {text-decoration: line-through;}

.scrollup {position: absolute; height: 31px; width: 2888px;}



#strip_popup {position: absolute; top: 31px; left: 0; height: 160px; width: 100%; font: 12px/12px Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #fff; display: none;}

.top_line_table {width: 100%; background: url("../images/style/top/table_bg.gif"/*tpa=http://webprofy.ru/images/style/top/table_bg.gif*/) left top repeat-x; height: 160px;}

.top_line_table_right {vertical-align: top; width: 258px; background: url("../images/style/top/sun.jpg"/*tpa=http://webprofy.ru/images/style/top/sun.jpg*/) right top no-repeat; padding: 10px 0 0 10px;}

.new_price {font: 70px Georgia, "Times New Roman", Times, serif; letter-spacing: -4px;}

.new_price span {font-size: 27px; letter-spacing: -1px; position: relative; top: 15px;}



.top_line_table_left {vertical-align: top;}

.top_line_table_left table {width: 100%; font: 14px/14px Tahoma, Arial, Verdana, Helvetica, sans-serif;}

.top_line_table_left td {vertical-align: middle; text-align: center;}

.top_image {width: 104px; height: 106px; background: url("../images/style/top/box.gif"/*tpa=http://webprofy.ru/images/style/top/box.gif*/) center 17px no-repeat;}

.top_text {width: 104px;}

.top_plus {width: 17px;}

.top_second .top_plus {background: url("../images/style/top/plus.gif"/*tpa=http://webprofy.ru/images/style/top/plus.gif*/) center center no-repeat;}

.top_second .top_equal {background: url("../images/style/top/equal.gif"/*tpa=http://webprofy.ru/images/style/top/equal.gif*/) center center no-repeat;}



/* 2009 01 29 */



.index .menu .menu_item {display: block; height: 17px;}

.index .menu .mtop {display: none;}

.index .menu .mbottom {display: none;}



.index .menu #m23046 {background: url("../images/style/bg_portfolio.jpg"/*tpa=http://webprofy.ru/images/style/bg_portfolio.jpg*/) bottom center no-repeat;}

.index .menu #m23046 .menu_item {position: relative; display: block;}

.index .menu #m23046 .mtop {width: 148px; height: 21px; display: block; position: absolute; top: -35px; left: 50%; margin: 0 0 0 -74px; background: url("../images/style/bg_portfolio_top.png"/*tpa=http://webprofy.ru/images/style/bg_portfolio_top.png*/) top left no-repeat;}

.index .menu #m23046 .mbottom {width: 148px; height: 30px; display: block; position: absolute; top: 31px; left: 50%; margin: 0 0 0 -74px; background: url("../images/style/bg_portfolio_bottom.png"/*tpa=http://webprofy.ru/images/style/bg_portfolio_bottom.png*/) top left no-repeat;}