html, body{height:100%; margin:0; padding:0; background:#7E7E7E url(../img/body-bg.jpg) repeat-x}
*{box-sizing:border-box; -moz-box-sizing:border-box}
body, td, th{color:#000; font: 12px/1.3 Arial, Helvetica, sans-serif;}
a{color:#3399CC; text-decoration:underline}
img{border:none}
form, ol, ul{margin:0; padding:0}
ul{margin-left:3px}
ol{margin-left:30px}
ul li{list-style:none; background: url(../img/bul.gif) no-repeat left top; padding-left:15px;}
li{line-height:1.2}
table{border-collapse: collapse}
p{margin: 8px 0 13px}
object, embed {display: block; outline: none}

.block{display: block}
.clear{clear: both}
.center{text-align:center} .center>*{margin-left:auto; margin-right:auto}
.right{text-align:right} .right>*{margin-left:auto; margin-right:0}
.left{text-align:left} .left>*{margin-left:0; margin-right:auto}
.inline{display:inline}
.indent{padding-left:20px}
.noborder{border: none}
.nobg{background-image:none !important}
.small{font-size:11px}
.hr{border-top:1px solid #9E9E9E}

input.txt, select, textarea{border:1px solid #676869; font: 11px Arial, Helvetica, sans-serif; margin:0; padding-left:3px}
textarea{overflow-y:auto}

h1{font-weight:normal; font-size:30px; text-transform:uppercase; margin: 5px 0px 5px 0px}
h2{font-weight:normal; font-size:18px; margin: 12px 0px 4px 0px}
h3{font-weight:normal; font-size:16px; margin: 12px 0px 4px 0px}
.light{margin-bottom:10px; background:#FF9D00; color:#fff; padding: 3px 9px}
.grey{margin-bottom:10px; background:#7D7D7D; color:#fff; padding: 4px 9px}
.light a, .grey a{color:#fff !important}
.lightgrey {color: #999999 !important}
.darkgrey {color: #666666 !important}
h2.darkgrey {margin-top: 1.5em}
.upper {text-transform: uppercase}

/***** раскладка страницы *******/
body{text-align:center; padding: 30px 0}
#body{width:784px; text-align:left; margin: 0 auto; }
table.w td{cellpadding:0; vertical-align:top}
td.grape-links{vertical-align:middle !important; padding-right:16px; white-space:nowrap}
#bottom{width:784px; padding: 0 7px 20px 7px}
#bottom, #bottom td{color:#BFBFBF}
#bottom a, #bottom td a{color:#fff}
#bottom .hr{margin-top: 0}
#bottom .text{padding: 16px 50px 0px 11px}

/*контентная часть в теневой рамке*/
#content-td{width:100%; background-color:#fff; background-repeat: no-repeat; background-position: right top}
#content-td table{border-collapse: separate}
#content-table{width:100%;}
#content-table.cleft{background:url(../img/cl.png) repeat-y right; _background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/img/cl.png',sizingMethod='scale');}
#content-table .cright{background:url(../img/cr.png) repeat-y; _background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/img/cr.png',sizingMethod='scale');}
#content-table .cbottom{background:url(../img/cb.png) repeat-x; _background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/img/cb.png',sizingMethod='scale');}

.nocontentmargin{left:-30px;top:-30px;}
#content{padding: 30px 10px 30px 30px}
div#content{padding-right:20px}
#content-right{padding: 30px 30px 30px 0px; width:260px; line-height:1.25;}
/**/


/*****  внутренние элементы  ***** */
.list h3{margin-bottom: 3px}
.list p{margin:0px 0 21px}
.list td{vertical-align:top; line-height:1.25; }
.list .author{color:#7E7E7E; margin-bottom:10px}
.list .img{padding: 18px 20px 21px 0; }

.menu{margin-left:12px; margin-bottom:-22px}
.menu td {padding: 8px 9px 22px;text-align:center}
.menu td *{margin-left:auto; margin-right:auto}
.menu img{display:block}
.menu .current{padding:0}
.menu .current div{border:1px solid #A2A2A2; padding: 7px 8px}
.menu .current .arrow{position:relative; top:-2px; _top:-7px; background:url(../img/mb.gif) no-repeat bottom; width:8px; height:10px; border:0;padding:0}

.portfolio-date{ color:#999999; padding:18px 9px 0 0; text-align:right; width:208px;}
.portfolio-date h2{color:#222; margin:0}
.portfolio-border{background:url(../img/_da.gif) repeat-y right}
.portfolio-border-r{background:url(../img/_da.gif) repeat-y}
.portfolio-item{padding: 0 10px 75px 12px}
.portfolio-item h1{color:#222; font-size:18px; text-transform:none; margin: 0 0 12px}
.portfolio-list ul{margin-left:23px}
.portfolio-list ul li{background: url(../img/bul2.gif) no-repeat left 2px; line-height:1.8}
.portfolio-margin{height:30px}
.portfolio-work{width:460px}

.process td{width:33%; padding-right:20px; padding-bottom:15px; line-height:1.1; }
.process .img td{padding-top:15px;padding-bottom:4px}

.rating{margin-top:8px}
.search input.txt{border:1px solid #676869; width: 165px; height:19px; margin-bottom:3px }

.team-list{margin-top:25px}
.team-list .item{margin-bottom:0px}

.wowlist{margin-left:23px}
.wowlist td{color:#747474; vertical-align:top}
.wowlist h3{margin-bottom: 3px}
.wowlist p{margin:0px 0 21px}
.wowlist .img{padding: 18px 20px 21px 0; }
.wowlist .del{padding: 33px 20px 0 20px;}

ul.vacancy-list{text-align: right;padding-top:50px;}
ul.vacancy-list li{background-image:none;  padding-right:28px; padding-left:0; line-height:1.8}
ul.vacancy-list li.current{background-image:url(../img/bul-r.gif); background-position:right 6px; position:relative;}
ul.vacancy-list li.current div{line-height:1.2;  text-align:left}

table.vacancy-list h1{margin:0 0 16px}
table.vacancy-list td{line-height:1.2; padding-left:10px; padding-top:4px;}
table.vacancy-list div{margin-bottom:7px; padding-right:28px}
table.vacancy-list td.name{text-align: right;height:0px; padding:4px 0 0 0;  width:230px}
table.vacancy-list .current{font-weight: bold; background:url(../img/bul-r.gif) no-repeat right 2px;}

.wow {float: right; margin-top: 8px}
.wow .item {padding: 8px 10px 22px 0px}

#content-table .menu{margin: 8px 20px -22px; position:relative; z-index:3}
#content-table .menu td {padding-left: 8px; padding-right:8px}
#content-table .menu .current{padding-left:0; padding-right:0}
#content-table .menu .current div{border-color:#6C6C6D; padding: 7px 7px}
#content-table .menu .current .arrow{background:url(../img/mb-white.gif) no-repeat bottom; padding:0}

/* отдельные страницы со своим оформлением */
#page-black #content-td {background-color:#000; color:#fff}
#page-black #content-td td {color:#fff}
#page-black #content {padding-right:0}
#page-black #content-table .menu .current .arrow {background:url(../img/mb-black.gif) no-repeat bottom}

#page-beige #content-td {background:#F0F3E8 url(../img/content/bg-trash.jpg) repeat-x}
#page-beige #content-table .menu .current .arrow {background:url(../img/mb-beige.gif) no-repeat bottom}

#page-grey #content {padding: 0}
#page-grey #content-table .menu .current .arrow {background:url(../img/mb-grey.gif) no-repeat bottom}

#no-padding #content {padding:0}
#no-padding #content-right {padding:0; width: auto}

#modal {position: fixed !important; position: absolute; z-index: 1000; left: 0px; top: 0px; width: 100%; height: 100%; background: #000000; opacity: 0.8; filter: alpha(opacity=80)}

.popup1 {position: fixed !important; position: absolute; z-index: 1001; left: 0px; top: 0px; width: 100%; height: 100%; text-align: left}
.popup1_close {position: absolute; right: 5px; top: 5px; width: 15px; height: 15px; background: url(../img/popup1_close.png) no-repeat center center; cursor: pointer}
.popup1_table {margin: 0px auto; height: 100%}
.popup1_td {vertical-align: middle}
.popup1_relative {position: relative; background: #d0d0d0; max-width: 710px}
.popup1_padding {padding: 25px}

.popup2 {position: fixed !important; position: absolute; z-index: 1001; left: 0px; top: 0px; width: 100%; height: 100%; text-align: left}
.popup2_close {position: absolute; right: 5px; top: 5px; width: 15px; height: 15px; background: url(../img/popup2_close.png) no-repeat center center; cursor: pointer}
.popup2_table {margin: 0px auto; height: 100%}
.popup2_td {vertical-align: middle}
.popup2_relative {position: relative; background: #ffffff; max-width: 710px}
.popup2_padding {padding: 25px}

div.clients {padding: 50px 30px 25px 30px}
table.clients {table-layout: fixed; width: 710px; margin: 0px auto}
table.clients td.item {vertical-align: middle; padding: 0px 5px 35px 5px; text-align: center}
table.clients table.text {margin: auto; text-align: left}

.book {}
.book_relative {position: relative}
.book_hover {position: absolute; z-index: 11; left: 0px; top: 0px}
.book_hover a {display: block}
.book_hover img {display: block}
.book_popup {display: none; position: absolute; z-index: 10; left: 10px; top: 50%}
.book_popup_relative {position: absolute; right: 0px; top: -50px}
.book_popup_table {width: 196px; height: 100px}
.book_popup_left {width: 180px; vertical-align: top; background: #ff6f00 url(../img/book_popup_left.gif) repeat-x}
.book_popup_left_inner {color: #ffffff}
.book_popup_left_inner td {color: #ffffff}
.book_popup_left_inner a:link, .book_popup_left_inner a:visited {color: #ffffff}
.book_popup_left_inner a:hover, .book_popup_left_inner a:active {color: #ffffff}
.book_popup_right {width: 16px; vertical-align: top; background: url(../img/book_popup_right.png) no-repeat left 45px !important; background: url(../img/book_popup_right.gif) no-repeat left 45px}
.book_popup_right_inner {width: 16px; height: 100px}
.book_popup_padding {padding: 12px}
.book_popup_content {height: 76px}
.book_popup_top {vertical-align: top}
.book_popup_bottom {vertical-align: bottom}

div.star0 {width: 14px; height: 11px; background: url(../img/star0.png) no-repeat !important; background: url(../img/star0.gif) no-repeat}
div.star1 {width: 14px; height: 11px; background: url(../img/star1.png) no-repeat !important; background: url(../img/star1.gif) no-repeat}

.subscribe {padding: 30px}
.subscribe_col1 {padding-right: 20px}
.subscribe_col2 {padding-right: 10px}
.subscribe_col3 {}
.subscribe_col4 {padding-left: 5px}
.subscribe_rss {display: block; padding-left: 19px; line-height: 13px; min-height: 13px; background: url(../img/rss.gif) no-repeat}
.subscribe_email {display: block; padding-left: 19px; line-height: 13px; min-height: 13px; background: url(../img/@.gif) no-repeat}
#page-black .subscribe_rss {background: url(../img/rss_black.gif) no-repeat; color: #666666}
#page-black .subscribe_email {background: url(../img/@_black.gif) no-repeat; color: #666666}

.wallpaper {table-layout: fixed; width: 100%}
.wallpaper_col {width: 232px; padding-bottom: 20px; overflow: hidden}
.wallpaper_roll {padding-top: 24px; background-repeat: no-repeat; background-position: center top}
.wallpaper_col1 .wallpaper_red {background-image: url(../img/wallpaper_red_1.jpg)}
.wallpaper_col2 .wallpaper_red {background-image: url(../img/wallpaper_red_2.jpg)}
.wallpaper_col3 .wallpaper_red {background-image: url(../img/wallpaper_red_3.jpg)}
.wallpaper_col1 .wallpaper_green {background-image: url(../img/wallpaper_green_1.jpg)}
.wallpaper_col2 .wallpaper_green {background-image: url(../img/wallpaper_green_2.jpg)}
.wallpaper_col3 .wallpaper_green {background-image: url(../img/wallpaper_green_3.jpg)}
.wallpaper_col1 .wallpaper_blue {background-image: url(../img/wallpaper_blue_1.jpg)}
.wallpaper_col2 .wallpaper_blue {background-image: url(../img/wallpaper_blue_2.jpg)}
.wallpaper_col3 .wallpaper_blue {background-image: url(../img/wallpaper_blue_3.jpg)}
.wallpaper_bg {padding: 10px 16px 21px 16px; background: url(../img/wallpaper_bg.jpg) no-repeat center top}
div.wallpaper_image {width: 200px; height: 150px; overflow: hidden}
table.wallpaper_image {width: 200px; height: 150px}
td.wallpaper_image {vertical-align: middle; text-align: center}
td.wallpaper_image a {display: block; padding: 20px; background-color: #ff0000}
td.wallpaper_image img {display: block; margin: auto}
div.wallpaper_sizes {padding: 0px 4px}
table.wallpaper_sizes {width: 100%}
table.wallpaper_sizes td.item {vertical-align: middle; text-align: center; white-space: nowrap}
table.wallpaper_sizes td.separator {width: 50%; vertical-align: top; text-align: center}
table.wallpaper_sizes td.separator div {margin: 0px auto; width: 1px; height: 18px; background: #c0c0c0}

.right_inner {width: 240px; margin: 20px 0px 20px 20px}

.right_tagcloud {text-align: center}
.right_tagcloud .item {margin: 0px 0.3em; line-height: 1.5em}
.right_tagcloud .w1 {font-size: 11px}
.right_tagcloud .w2 {font-size: 12px}
.right_tagcloud .w3 {font-size: 13px}
.right_tagcloud .w4 {font-size: 15px}
.right_tagcloud .w5 {font-size: 16px}
.right_tagcloud .w6 {font-size: 18px}
.right_tagcloud .w7 {font-size: 19px}
.right_tagcloud .w8 {font-size: 20px}
.right_tagcloud .w9 {font-size: 22px}
.right_tagcloud .w10 {font-size: 24px}

.right_icons {}
.right_icons_inner {width: 100%}
.right_icons_icon {vertical-align: top; padding: 0px 6px 20px 0px}
.right_icons_icon a {display: block; clear: both; float: right}
.right_icons_icon img {display: block; clear: both; float: right}
.right_icons_text {vertical-align: top; padding: 0px 0px 20px 0px; width: 100%}

.right_line {margin-top: 30px; height: 1px; background: #000000}

.right_button {margin-top: 30px}
.right_button_inner {margin: 0px auto; width: 222px; height: 53px; background: url(../img/right_button.png) no-repeat center top}
.right_button a {display: block; margin: 0px 14px; width: 194px; height: 30px}



.right_form {margin-top: 30px}
.right_form h1,
.right_form h2,
.right_form h3 {margin-top: 0px}
table.education_program th{border: 0 none; padding:0; text-transform:uppercase;font-size:11px;}
table.education_program td{border: 0 none; padding:0; text-transform:uppercase; color:#000000; font-size:11px;}
table.education_program p {vertical-align:top; margin:5px 0 0 0; float:left; width:90px}
table.education_program p.smaller {width:60px;}
tr.kurs_header td {padding: 0 11px 14px 11px; height:91px; font-size:11px;vertical-align:bottom;text-transform:none; color:#FFFFFF}
tr.clock td {font-size:11px; color:#777777; padding:10px 11px 0 11px; vertical-align:top; text-transform:none;}
table.education_program tr.normal td {padding:0 11px 0 11px; vertical-align:top;}
table.education_program tr.normal td img{margin-top:1px; vertical-align:middle; margin-right:4px; float:left}
table.education_program tr.normal_last td {padding:0 11px 10px 11px; vertical-align:top;}
table.education_program tr.normal_last td img{margin-top:1px; vertical-align:middle; margin-right:4px; float:left}
table.education_program a {font-size:10px; text-transform:none;}
tr.clock td img { vertical-align: middle; margin-top:1px; margin-right:4px; float:left}
td.gray_dark {background-color:#777777; color:#FFFFFF;}
td.gray_light {background-color:#E1E1E1; color:#000000;}
td.orange_td {background-color:#FF7D00; color:#FFFFFF;}
table.education_program td.pdf {border-left:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; border-right: 1px solid #E1E1E1; vertical-align:middle; padding:7px 11px 7px 11px}
table.education_program td.pdf img {vertical-align:middle; margin-right:4px}
td.padding_none {padding:0 !important;}

#content_lectors {padding:0px 10px 10px 10px;}
#lectors {background-color:#E1E1E1;}
#lectors th {background-color:#FFFFFF; padding-left:20px; font-size:11px; color:#777777}
#lectors td, #lectors th {padding:0 14px; vertical-align:top}
#lectors .white {background-color:#FFFFFF;}
#lectors h3 {font-size:15px; font-weight:bold; color:#000000; margin: 0}
#lectors p{ width:220px; margin: 12px 0 12px 0;}
table.logos {background-color:#FFFFFF;}
#lectors .logos_list td {padding: 0 10px 10px 10px;}
table.logos {width:100%;}
#lectors table.logos td {height:147px; vertical-align:middle}
#lectors table.logos td.pl_30 {padding-left:30px;}

#lectors tr.photo td {background:#FFFFFF; padding-left:14px; border:0 none; vertical-align:bottom;}

.t {margin:0 0 25px 22px}
.t td{line-height:1.2}
.t img{margin: 0 10px; cursor:pointer; cursor:hand}