/* ------------- TOTAL ------------- */
html { height:100% }
body { height:100%; color:#455662; margin:0; padding:0; font-size:75%; font-family:Arial, Geneva, Helvetica, Sans Serif }
.warning { color:#cc0000; font-size:11px }
img { border:none }
ul { list-style:none }
form, fieldset { border:none }
ul, form, fieldset { margin:0; padding:0 }
h1, h2, h3, h4, h5, h6, dl, dt, dd, p { margin:0 }
table { border-collapse:collapse }
a { color:#005e98; text-decoration:none }
a:hover { color:#1280c3; text-decoration:underline }
ol { margin:0px 0px 10px 45px }
ul.blue { list-style-type:none; margin:5px 0px 5px 20px }
ul.blue li { padding:0px 0px 3px 12px; background:url(../img/li_blue.gif) no-repeat left top }
h1 { font-size:150%; color:#5A6E95; padding:0 0 10px; margin:0 }
h2 { font-size:130%; font-weight:normal; color:#E76600; padding:15px 0 5px; margin:0 }
h3 { font-size:110%; font-weight:bold; color:#015a9b; padding:0 0 5px; margin:0 }
h4 { font-size:100%; font-weight:bold; padding:5px 0; margin:0 }
/* Loader */
.rc_wait_box { background:#0c87c1 }
.rc_wait_top div { background:url(../img/rcw_tl.png) no-repeat left top }
.rc_wait_top { background:url(../img/rcw_tr.png) no-repeat right top }
.rc_wait_bottom div { background:url(../img/rcw_bl.png) no-repeat left bottom }
.rc_wait_bottom { background:url(../img/rcw_br.png) no-repeat right bottom }
.rc_wait_top div, .rc_wait_top, .rc_wait_bottom div, .rc_wait_bottom { width:auto; height:7px; font-size:1px }
.rc_wait_content { margin:0; padding:0 }
.rc_wait_content .text { color:White }
/* Top */
.Top { min-height:100%; height:auto !important; height:100%; margin:0 auto -70px }
.MaxMain { max-width:1246px; margin:0 auto }
.MinMain { min-width:990px; overflow:hidden }
#header_main { height:220px }
#header_info { height:190px }
#content { width:100%; padding-bottom:70px }
/* Logo */
.Logo { width:220px; float:left; display:block; overflow:hidden; margin:0 auto; vertical-align:middle; text-align:center }
.Logo a { display:block; width:220px; text-indent:-9999px; overflow:hidden }
.Logo span { margin-top:10px; padding:0; font-size:90%; color:#6B8598; font-weight:normal }
.Logo .phone { margin:0; padding:0; font-size:250%; color:#E76600; font-weight:bold }
.Logo .phone .code { font-size:50%; color:#6b8598; font-weight:normal }
.Logo .icq { margin:3px 0 0 0; padding:0; color:#6b8598; height:18px; cursor:pointer }
.Logo .icq img { vertical-align:middle; margin:0 2px }
/* RightLogo */
.RightBlock { width:765px; display:table; margin:0 auto; vertical-align:middle }
/* TopMenu */
.TopMenu { height:30px; display:table; margin:0 auto; vertical-align:middle; font-size:120%; overflow:hidden; width:100% }
.TopMenu li { float:left; display:table; height:30px; text-align:center; line-height:30px; padding:0 10px }
.TopMenu li.line { background:url(../img/pix_gray.png) no-repeat 50% 0; width:1px; font-size:0px }
.TopMenu li a { color:#005E98; text-decoration:none; white-space:nowrap; text-align:center }
.TopMenu li a:hover { color:#1280c3; text-decoration:underline; white-space:nowrap }
.TopMenu li.active { color:#E47A01 }
/* TopIcon */
.TopIcon { height:150px; overflow:hidden; width:95%; margin-top:10px }
.TopIcon li.left { float:left; display:table; height:150px }
.TopIcon li.right { float:right; display:table; height:150px }
.TopIcon #calculator { text-indent:-9999px; float:left; overflow:hidden }
.TopIcon #calculator a { display:block; background: url(../img/ico_calc.gif) no-repeat top left; height:150px; width:106px; cursor:pointer }
.TopIcon #key { text-indent:-9999px; float:left; overflow:hidden }
.TopIcon #key a { display:block; background:url(../img/ico_key.gif) no-repeat top left; height:150px; width:106px; cursor:pointer }
.TopIcon #top10seo { text-indent:-9999px; float:left; overflow:hidden }
.TopIcon #top10seo a { display:block; background:url(../img/ico_top10seo.gif) no-repeat top left; height:150px; width:180px; cursor:pointer }
.TopIcon .content { margin:0 0 0 116px }
.TopIcon .head { color:#E76600; padding:12px 0 10px; font-family:Georgia }
.TopIcon .head a, .TopIcon .head a:hover { color:#E76600; text-decoration:none }
.TopIcon .head .letter1 { font-size:170%; margin:0; line-height:16px }
.TopIcon .head .letter2 { font-size:160%; margin:0 0 0px 15px; line-height:16px }
.TopIcon .head .letter3 { font-size:150%; margin:0 0 0px 40px; line-height:16px }
.TopIcon .text { font-size:90% }
.TopIcon .text p { padding:3px 0; margin:0 }
.TopIcon .text p a { color:#005e98; font-weight:bold; text-decoration:none }
.TopIcon .text p a:hover { color:#1280c3; font-weight:bold; text-decoration:underline }
/* Footer */
.Footer { font-size:90%; height:70px; background:url(../img/bg_footer.png) repeat-x 0 0 }
.footer-left { float:left; position:relative; margin-top:25px }
.footer-left .logo_sm { display:block; float:left; padding:0; margin:0; width:155px }
.footer-left .copyright { border-left:#DFE9F0 1px Solid; color:#6b8598; display:block; float:left; padding:0 10px; margin:0; white-space:nowrap }
.footer-right { float:right; margin-top:25px }
.footer-right .text { border-left:#DFE9F0 1px Solid; color:#6b8598; display:block; float:right; width:200px; padding:0 10px; margin:0; white-space:nowrap }
.footer-right .counter { display:block; float:right; width:95px; padding:0 5px 0 10px; margin:0 }
.footer-right .code { color:#6b8598 }
.footer-right .phone { font-size:150%; color:#E76600; font-weight:bold }
.footer-right a { color:#E76600; font-weight:bold; text-decoration:none }
.footer-right a:hover { color:#E76600; font-weight:bold; text-decoration:underline }
/* Misc */
.orange { color:#E47A01 }
.gray { color:Gray }
.big { font-size:130% }
.clr { clear:both; font-size:0px; line-height:0px }
.clr10 { clear:both; font-size:0px; line-height:10px }
.hr { clear:both; font-size:1px; line-height:1px; height:1px; background:#e7e7e7 }
/* ------------- MAIN -----------*/
/* MainBlock */
.MainBlock { background:url(../img/bg.png) repeat-x 0 0; width:100%; overflow:hidden; margin:0; padding:0 }
.MainLeft { width:60%; float:left }
.TabsBlock { width:100%; height:278px; margin:0 auto; padding:0; overflow:visible; background:url(../img/arrow_yellow.gif) no-repeat bottom left }
.TabsBlock:after { height:0; clear:both; content:""; display:block }
.TabsMenu { height:38px; display:block; max-width:700px; margin:0 auto }
/* Закладки */
.tabs { height:38px; float:left; font-size:12px; width:19.9%; margin:0; padding:0 }
.tabs .a { width:auto; height:38px; margin-left:1px }
.tabs .a .left { background:url(../img/bg_zl_a.png) no-repeat left top; height:38px }
.tabs .a .left .right { background:url(../img/bg_zr_a.png) no-repeat right top; display:block; text-align:center; color:White; padding:5px 10px 0 10px }
.tabs .na { width:auto; height:38px; text-decoration:none; cursor:pointer; margin-left:1px }
.tabs .na .left { background:url(../img/bg_zl_na.png) no-repeat left top; height:38px }
.tabs .na .left .right { background:url(../img/bg_zr_na.png) no-repeat right top; display:block; text-align:center; color:#005E98; padding:5px 10px 0 10px }
.TabsContent { height:200px; max-width:650px; display:table; margin:0 auto }
/* Содежрание закладок */
.TabsContent .design { background:url(../img/ico_design.png) no-repeat 0 50%; height:200px; display:table-cell; vertical-align:middle }
.TabsContent .development { background:url(../img/ico_development.png) no-repeat 0 50%; height:200px; display:table-cell; vertical-align:middle }
.TabsContent .shop { background:url(../img/ico_shop.png) no-repeat 0 50%; height:200px; display:table-cell; vertical-align:middle }
.TabsContent .logo { background:url(../img/ico_logo.png) no-repeat 0 50%; height:200px; display:table-cell; vertical-align:middle }
.TabsContent .seo { background:url(../img/ico_seo.png) no-repeat 0 50%; height:200px; display:table-cell; vertical-align:middle }
.services { color:White; padding-left:185px }
.services h2 { color:White; font-weight:bold; text-decoration:none; margin-bottom:5px; padding:0 }
.services p { padding:5px 0; margin:0 }
.services p a { color:#ffcc00; font-weight:bold; text-decoration:none }
.services p a:hover { color:#ffcc00; font-weight:bold; text-decoration:underline }
.Text { padding:20px }
.Text p { padding:0 0 10px 0; text-align:justify }
.MainRight { width:40%; float:right }
.PortfolioBlock { width:100%; height:278px }
.PortfolioBlock:after { height:0; clear:both; content:""; display:block }
/* Случайная работа */
.PortfolioBlock .l { background:url(../img/p_l.png) no-repeat left top; width:39px; height:278px; font-size:1px }
.PortfolioBlock .r { background:url(../img/p_r.png) no-repeat right top; width:39px; height:278px; font-size:1px }
.PortfolioBlock .c { background:url(../img/p_c.png) repeat-x left top; height:278px; width:100% }
.PortfolioBlock div.head { text-align:center; color:#005592; padding-top:10px; font-family:Georgia }
.PortfolioBlock div.head .letter1 { font-size:150%; margin:0 }
.PortfolioBlock div.head .letter1 span { font-size:90%; margin:0 0 0 2px }
.PortfolioBlock div.head .letter3 { font-size:130%; margin:0 0 5px; line-height:14px; clear:both }
.PortfolioBlock div.work { background:#eaeaea; padding:10px; margin:0; width:auto; height:180px }
#wn { position:relative; width:auto; height:180px; margin:0; padding:0; overflow:hidden; border:White 1px Solid }
.PortfolioBlock .name { margin-top:5px }
.PortfolioBlock .name img { padding:0 3px; vertical-align:middle }
.PortfolioBlock .content { font-size:90%; margin-top:3px }
/* BlockTitle Left Right */
.title-left { float:left; width:50%; margin:0 -20px 0 0 }
.title-right { float:right; width:50% }
.title-left .in { padding:0 5px 10px }
.title-right .in { padding:0 0 10px 5px }
/* Block_Blue */
.rc_blue_box { background-color:#DFE9F0 }
.rc_blue_top div { background:url(../img/rcb_tl.gif) no-repeat left top }
.rc_blue_top { background:url(../img/rcb_tr.gif) no-repeat right top }
.rc_blue_bottom div { background:url(../img/rcb_bl.gif) no-repeat left bottom }
.rc_blue_bottom { background:url(../img/rcb_br.gif) no-repeat right bottom }
.rc_blue_top div, .rc_blue_top, .rc_blue_bottom div, .rc_blue_bottom { width:auto; height:6px; font-size:1px }
.rc_blue_content { margin:0; padding:5px 10px }
.rc_blue_content .text { color:#314858; vertical-align:top }
.rc_blue_content .text p { padding:0 0 10px; text-align:justify }
/* Block_Gray */
.rc_gray_box { background-color:#EDEDED }
.rc_gray_top div { background:url(../img/rcg_tl.gif) no-repeat left top }
.rc_gray_top { background:url(../img/rcg_tr.gif) no-repeat right top }
.rc_gray_bottom div { background:url(../img/rcg_bl.gif) no-repeat left bottom }
.rc_gray_bottom { background:url(../img/rcg_br.gif) no-repeat right bottom }
.rc_gray_top div, .rc_gray_top, .rc_gray_bottom div, .rc_gray_bottom { width:auto; height:6px; font-size:1px }
/* TitleBlock Content */
.title-block { margin:0; padding:5px 0 0 0 }
.title-block h2 { float:left; background:url(../img/rcb_wheader.gif) no-repeat right top; line-height:30px; font-size:130%; font-weight:normal; color:#E76600; white-space:nowrap; padding:0 30px 0 20px }
.title-block .text { clear:left; color:#314858; padding:5px 15px }
.title-block .text p { padding:0 0 10px; text-align:justify }
.title-block .right_menu { float:right; display:block; overflow:hidden; padding:40px 0 5px 10px }
.title-block .right_menu ul { width:260px; padding:0; margin:0 }
.title-block .right_menu ul li { background:url(../img/rcb_wmenu.gif) no-repeat left top; line-height:22px; margin-bottom:1px; padding:0 5px; white-space:nowrap }
.title-block .right_menu ul li a { background:url(../img/arrow_link_blue.gif) no-repeat 5px 50%; color:#6F84A9; text-decoration:none; line-height:22px; padding:0 0 0 15px; overflow:hidden }
.title-block .right_menu ul li a:hover { background:url(../img/arrow_link_orange.gif) no-repeat 5px 50%; color:#51658C; text-decoration:underline }
.Table2x2 { width:99%; border-collapse:collapse; margin:0 5px }
.Table2x2 td { padding:0; margin:0 }
.Table2x2 .b, .Table2x2 .tlb, .Table2x2 .trb, .Table2x2 .blb, .Table2x2 .brb, .Table2x2 .g, .Table2x2 .tlg, .Table2x2 .trg, .Table2x2 .blg, .Table2x2 .brg, .Table2x2 .item { height:6px; font-size:1px }
.Table2x2 .b, .Table2x2 .b_content { background:#DFE9F0; vertical-align:top }
.Table2x2 .tlb { background:#DFE9F0 url(../img/rcb_tl.gif) no-repeat left top; width:6px }
.Table2x2 .trb { background:#DFE9F0 url(../img/rcb_tr.gif) no-repeat right top; width:6px }
.Table2x2 .blb { background:#DFE9F0 url(../img/rcb_bl.gif) no-repeat left bottom; width:6px }
.Table2x2 .brb { background:#DFE9F0 url(../img/rcb_br.gif) no-repeat right bottom; width:6px }
.Table2x2 .g, .Table2x2 .g_content { background:#EDEDED; vertical-align:top }
.Table2x2 .tlg { background:#EDEDED url(../img/rcg_tl.gif) no-repeat left top; width:6px }
.Table2x2 .trg { background:#EDEDED url(../img/rcg_tr.gif) no-repeat right top; width:6px }
.Table2x2 .blg { background:#EDEDED url(../img/rcg_bl.gif) no-repeat left bottom; width:6px }
.Table2x2 .brg { background:#EDEDED url(../img/rcg_br.gif) no-repeat right bottom; width:6px }
.Table2x2 .item { width:10px; background:#fff }
.Table2x2 .item_gor { height:5px; background:#fff }
/* ------------- INFO -----------*/
/* InfoBlock */
.InfoBlock { background:url(../img/ibg.png) repeat-x left top; padding-left:10px }
/* InfoMenu */
.InfoMenu { float:left; display:block; overflow:visible; width:236px; background:White url(../img/m_l.png) no-repeat left 0; height:197px }
.LeftMenu { padding:38px 8px 0 8px; background:url(../img/m_r.png) no-repeat right 0; height:197px }
.LeftMenu ul li { width:100% }
#navigation { overflow:hidden; width:220px }
#navigation li { width:220px; float:left }
#navigation li a { width:220px; font-size:13px; text-decoration:none; color:White; background:url(../img/bg-nav-li.gif) no-repeat 0 0; padding:7px 12px 9px 20px; margin:0px; overflow:hidden; display:block }
#navigation li a:hover { color:White; text-decoration:none; background:url(../img/bg-nav-li-on.gif) no-repeat 0 0 }
#navigation li ul { overflow:hidden; background:White url(../img/submenu-bg.gif) no-repeat left top; padding:15px 10px 15px 10px; margin-top:-1px }
#navigation li ul li { width:195px; float:left; margin-top:1px }
#navigation li ul li a, #navigation li.active ul li a { width:195px; font-size:11px; color:#3B526E; background:#DFE9F0; padding:5px 7px 4px 8px; margin:0px; overflow:hidden; display:block }
#navigation li.active a { color:White; background:url(../img/bg-nav-li-on.gif) no-repeat 0 0; display:block }
#navigation li.active ul { overflow:hidden; width:195px; padding:15px 10px 15px 10px; margin-top:-1px }
#navigation li.active ul li { width:195px; float:left; margin-top:1px }
#navigation li ul li a:hover, #navigation li.active ul li a:hover, #navigation li.active ul li.select a { color:White; background:#B2BEC9 }
/* InfoContent */
.InfoContent { display:block; padding-left:236px }
/* top */
.Content { width:99% }
.Content .lt { background:url(../img/c_bg_l.png) repeat-y left top; width:39px; font-size:1px; vertical-align:top }
.Content .ct { background:White url(../img/c_bg_c.png) repeat-x left top }
.Content .ct .development { background:url(../img/c_bg_development.png) no-repeat right bottom }
.Content .ct .description { padding:20px 20px 10px 10px }
.Content .ct .description p { padding:0 0 10px; text-align:justify }
.Content .ct .description p.quotation { color:#AAAAAA; text-align:right; font-style:italic; font-family:Georgia }
.Content .ct .description div.citata { border-left:#E76600 1px Solid; margin:0 20px 10px 50px; padding:5px 15px; color:#000; font-style:italic }
.Content .rt { background:url(../img/c_bg_r.png) repeat-y right top; width:9px; font-size:1px; vertical-align:top }
/* bottom */
.Content .lb { background:url(../img/c_bg_lb.png) no-repeat left top; height:1px; width:39px; font-size:0px }
.Content .cb { background:url(../img/c_bg_c.png) repeat-x left top; height:1px; font-size:0px }
.Content .rb { background:url(../img/c_bg_rb.png) no-repeat right top; height:1px; width:9px; font-size:0px }
.Content a { color:#005e98; text-decoration:underline }
.Content a:hover { color:#1280c3; text-decoration:underline }
/* Tip */
.sign { font-weight:bold; color:#E98901; cursor:pointer }
.tip_box { background:url(../img/tip_tl.png) no-repeat top left }
.tip_top { background:url(../img/tip_tr.png) no-repeat top right }
.tip_bottom { background:url(../img/tip_bl.png) no-repeat bottom left; margin-top:-7px }
.tip_bottom div { background:url(../img/tip_br.png) no-repeat bottom right }
.tip_content { background:url(../img/tip_r.png) repeat-y top right; padding:2px }
.tip_top div,.tip_top, .tip_bottom div, .tip_bottom { width:100%; height:7px; font-size:1px }
.tip_grad { background:url(../img/tip_grad.png) repeat-x bottom left; padding:5px 10px; margin-bottom:5px }
/* Tip Bubble */
#awardbubble { z-index:999; position:absolute }
#awardbubble div#bubbletext .head { font-size:12px; font-weight:bold; margin-bottom:5px }
#awardbubble div#bubbletext .content { font-size:11px }
#awardbubble img.bubblearrow { z-index:1; right:-11px; position:absolute; top:0px }
/* Form */
.btn { height:21px; border:0px; vertical-align:middle; margin:0 }
.form_name { color:#005e98; border-top:#e7e7e7 1px solid; padding:3px 10px 3px 3px; white-space:nowrap }
.form_content { border-top:#e7e7e7 1px solid; white-space: nowrap }
.form_button { border-top:#e7e7e7 1px solid; padding:10px 0 0px 5px }
.form_content input { font-size:11px; color:Black; background-color:#dfe9f0; border:0px; padding:2px 3px 3px }
.form_content select { font-size:11px; color:Black; height:18px; background-color:#dfe9f0; border:0px; padding:2px 3px 2px }
.form_content textarea { font-size:11px; color:Black; height:50px; background-color:#dfe9f0; border:0px; padding:2px 3px 2px }
.form_name1 { font-size:90%; padding-left:3px; padding-bottom:3px; padding-top:3px; white-space: nowrap; }
.form_content1 input { font-size:11px; color:Black; background-color:#dfe9f0; border:0px; padding:2px 3px 2px }
/* Calculator */
.Calc { margin:0 0 10px 0; font-size:12px }
.Calc .menu { float:left; width:160px }
.Calc .menu .a { background:#DFE9F0 url(../img/z_calc_a.gif) no-repeat left top; height:24px; padding-left:5px; margin-bottom:1px }
.Calc .menu .na { background:#EDEDED url(../img/z_calc_na.gif) no-repeat left top; height:24px; padding-left:5px; margin-bottom:1px; border-right:White 1px Solid }
.Calc .menu .na a, .Calc .menu .na a:hover { text-decoration:none; cursor:pointer }
.Calc .content { margin: 0 0px 0 160px }
.Calc_form { font-size:11px }
.Calc_form .calc_name { border-top:#f6f9fb 1px solid; padding:2px 5px; white-space:nowrap }
.Calc_form .calc_content { border-top:#f6f9fb 1px solid; white-space:nowrap; padding:1px }
.Calc_form input { font-size:11px; color:Black; background-color:White; border:0px; padding:2px }
.Calc_form select { font-size:11px; color:Black; background-color:White; border:0px; padding:2px }
.Calc_form textarea { font-size:11px; color:Black; height:50px; background-color:White; border:0px; padding:2px }
.Price { border:White 1px Solid; margin-bottom:10px }
.Price .name { border-bottom:White 1px Solid; padding:0 5px; background:#ecf3f8 }
.Price .name_head { border-bottom:White 1px Solid; padding:0 0 5px 5px; background:#4a86b1; color:White; font-size:13px; font-weight:bold; }
.Price .name div { margin-top:5px; paddong:0 }
.Price .name .sub { list-style-type:none; margin:10px 0 10px 20px; font-size:90% }
.Price .arrow { border-bottom:White 1px Solid; width:29px; background:#97b5ca url(../img/price_bg.gif) repeat-y left top; vertical-align:middle }
.Price .arrow_small { border-bottom:White 1px Solid; width:29px; background:#97b5ca url(../img/price_bg.gif) repeat-y left top; vertical-align:middle }
.Price .quality { border-bottom:White 1px Solid; background:#97b5ca; color:White; font-size:13px; font-weight:bold; white-space:nowrap }
.Total { float:right; overflow:hidden; padding-right:1%; margin:0 }
.Total .total { float:left; background:White; font-size:130%; text-align:right; font-weight:bold; overflow:hidden; padding:3px 5px }
.Total .price { float:left; background:#ea8901; font-size:150%; text-align:center; font-weight:bold; color:White; width:100px; padding:3px 0 }
/* SubMenu */
.SubMenu a { display:block }
.SubMenu li { position:relative; float:left; margin:0; padding:0 }
.SubMenu li.line { background:url(../img/pix_gray.png) no-repeat left top; width:1px; height:10px }
.SubMenu ul { position:absolute; top:26px; left:0; margin:0; padding:0; width:150px; display:none; list-style:none }
.SubMenu ul li { font-size:90%; position:relative; border-top:White 1px Solid; width:150px }
.SubMenu ul li a { display:block; padding:3px 10px; background:#DFE9F0;color:#3B526E; white-space:nowrap; text-decoration:none }
.SubMenu ul li a:hover { background:#B2BEC9; color:White; text-decoration:none }
.SubMenu .menulink { padding:0 15px; font-style:italic; color:#005E98; text-decoration:none; white-space:nowrap; text-align:center }
.SubMenu .menulink:hover, ul.menu .menuhover { color:#1280c3; text-decoration:none }
.SubMenu .menulink span { font-size:150%; font-weight:bold; color:#FFB800 }
/* Portfolio_List */
.Portfolio_List { margin:10px }
.Portfolio_List .Item { margin:10px 0 }
.Portfolio_List .Item .preview { float:left; width:372px; overflow:hidden; background:#eaeaea; padding:10px }
.Portfolio_List .Item .preview img { border:White 1px solid }
.Portfolio_List .Item .content { font-size:100%; padding:0; margin:0 0 0 400px; height:1% }
.Portfolio_List .Item .content .name { font-size:130%; color:#E76600; padding-top:5px }
.Portfolio_List .Item .content .orientation { font-size:110%; color:#E76600; font-style:italic }
.Portfolio_List .Item .content .description { padding:5px 0; margin:0 }
.Portfolio_List .Item .content .description p { padding:5px 0; margin:0 }
.Portfolio_List .Item .content .work { float:left }
.Portfolio_List .Item .content .more { float:right }
/* LightBox */
#lightbox { border:#bababa 1px solid; padding:10px; background:White; min-height:300px; width:580px }
/* Portfolio_Item */
.Portfolio { margin:10px }
.Portfolio .Item { margin:10px 0 }
.Portfolio .Item .content { font-size:100%; padding:0; height:1% }
.Portfolio .Item .content .name { font-size:130%; color:#E76600; padding-top:5px }
.Portfolio .Item .content .orientation { font-size:110%; color:#E76600; font-style:italic }
.Portfolio .Item .content .description { padding:5px 0; margin:0 }
.Portfolio .Item .content .description p { padding:5px 0; margin:0 }
.Portfolio .Item .content .img { padding:5px 0; text-align:center }
.Portfolio .Item .content .img .desc { padding:3px 0; font-style:italic; text-align:center }
.Portfolio .Item .content .more { float:right }
/* Выравнивание по центру */
.align_center_to_left { position:relative; right:50%; float:right }
.align_center_to_right { position:relative; right:-50% }
/* Top10 */
.Top10 div.content { padding:0 0 0 10px; margin:0; width:220px }
.Top10 div.content .head a, .IconItem div.content .head a:hover { color:#E76600; text-decoration:none }
.Top10 div.content .head { padding:12px 0 10px 10px }
.Top10 div.content .head .letter1 { font-size:160%; margin:0 0 0px 14px }
.Top10 div.content .head .letter2 { font-size:170%; margin:0 0 0px 50px }
.Top10 div.content .head .letter3 { font-size:160%; font-weight:bold; margin:0; line-height:20px }
.Top10 div.content .head .letter4 { font-size:160%; margin:0 0 0px 28px }
.Top10 div.content .head .letter5 { font-size:150%; font-weight:bold; margin:0 0 0 71px }
.tb { padding:0; margin:0; color:#cfcece; cursor:default }
.ty { padding:0; margin:0; color:#F7CE48; cursor:default }
.tg { padding:0; margin:0; color:#538dc6; cursor:default }
/* Кнопочки */
.del_out { background:url(../img/ic_del_out.gif) no-repeat left top; width:16px; height:16px; border:0px; cursor:pointer }
.del_over { background:url(../img/ic_del_over.gif) no-repeat left top; width:16px; height:16px; border:0px; cursor:pointer }
.del_disabled { background:url(../img/ic_del_disabled.gif) no-repeat left top; width:16px; height:16px; border:0px; cursor:none }
/* Кнопка */
.float-left { float:left }
.float-right { float:right; margin:0 0 10px 0 }
.button_out { background:url(../img/button_out.gif) no-repeat left top; width:105px; height:22px; font-size:9px; color:White; white-space:nowrap; border:0px; cursor:pointer }
.button_over { background:url(../img/button_over.gif) no-repeat left top; width:105px; height:22px; font-size:9px; color:White; white-space:nowrap; border:0px; cursor:pointer }
.button_down { background:url(../img/button_down.gif) no-repeat left top; width:105px; height:22px; font-size:9px; color:White; white-space:nowrap; border:0px; cursor:pointer }
.button1_out { background:url(../img/button1_out.gif) no-repeat left top; width:145px; height:22px; font-size:9px; color:White; white-space:nowrap; border:0px; cursor:pointer }
.button1_over { background:url(../img/button1_over.gif) no-repeat left top; width:145px; height:22px; font-size:9px; color:White; white-space:nowrap; border:0px; cursor:pointer }
.button1_down { background:url(../img/button1_down.gif) no-repeat left top; width:145px; height:22px; font-size:9px; color:White; white-space:nowrap; border:0px; cursor:pointer }
.buttonback_out { background:url(../img/buttonback_out.gif) no-repeat left top; width:105px; height:22px; font-size:9px; color:White; white-space:nowrap; border:0px; cursor:pointer }
.buttonback_over { background:url(../img/buttonback_over.gif) no-repeat left top; width:105px; height:22px; font-size:9px; color:White; white-space:nowrap; border:0px; cursor:pointer }
.buttonback_down { background:url(../img/buttonback_down.gif) no-repeat left top; width:105px; height:22px; font-size:9px; color:White; white-space:nowrap; border:0px; cursor:pointer }
/* Таблица с закладками */
/*--tabs--*/
.tabset { float:right }
.tabset ul { float:left }
.tabset ul li { float:left; width:120px; padding:0 0 0 1px }
.tabset ul li a.tab { display:block; background:url(../img/btn-tab.gif) no-repeat 0 -21px; width:120px; height:21px; line-height:21px; text-align:center; font-weight:bold; color:#fff; text-decoration:none; border-bottom:1px solid #fff }
.tabset ul li a.active, .tabset ul li a:hover { background-position:0 0; color:#01355b; text-decoration:none; border-bottom:1px solid #bfd2e3 }
/*--sub-nav-box--*/
.sub-nav-box { width:100%; overflow:hidden }
.Tab { border-collapse:collapse; border:#bfd2e3 1px Solid }
.TabHead { font-size:90%; color:#047; font-weight:bold; text-align:center; background:#bfd2e3 }
.TabCellName { font-size:100% }
.TabCell { font-size:90%; text-align:center }