/*==============================================
	Общий CSS для всех шаблонов!
============================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, font, img, ins, kbd, s, samp, small, strike, strong, sub, sup, tt,
var, hr, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin:0; padding:0; font-family:inherit; font-size:100%; vertical-align:baseline; border:none; outline:none; }
html { font-size:100.01%; }
dfn, i, cite, var, address, em { font-style:normal; }
th, b, h1, h2, h3, h4, h5, h6 { font-weight:normal; }
textarea, input, select { font-family:inherit; font-size:1em; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }
caption, th, td { text-align:left; }
:focus { outline:none; }

/* Глобальные стили сайта */
html { width:100%; height:100%; }
body { width:100%; height:100%; min-width:990px; font-size:62.5%; line-height:1.2em; color:#000; background:#fff; } /* hacks.css */
body, textarea, input, select { font-family:Tahoma,Arial,Helvetica,sans-serif; }

a { color:#c00; text-decoration:underline; }
a:hover { text-decoration:none; }

.global { position:relative; overflow:hidden; width:990px; min-height:100%; margin:0 auto; } /* hacks.css */

/* Стили для шапки */
.header { position:relative; height:116px; }

h1.logo { position:absolute; top:33px; left:41px; width:240px; height:70px; background:url(../img/logo.png) no-repeat; }
h1.logo a { display:block; width:240px; height:70px; }
h1.logo span { display:block; text-indent:-3000px; }

/* Иконки в шапке */
.icons { position:absolute; top:41px; right:51px; }
.icons a { display:block; float:left; width:11px; height:10px; margin-right:12px; }
.icons span { display:block; text-indent:-3000px; }
.icons a.ico-mail { background:url(../img/icons.gif) no-repeat 0 -10px; }
.icons a.ico-home { background:url(../img/icons.gif) no-repeat 0 0; }

/* Главное меню */
.menu { padding:70px 0 0 348px; font-size:1.8em; color:#09c; }
.menu li { display:block; float:left; height:46px; margin-right:12px; }
.menu li.here { background:url(../img/bg-menu.png) repeat-x; }
.menu li a { display:block; height:10px; padding:16px 12px 20px 12px; color:#09c; text-decoration:none; } /* hacks.css */
.menu li.here a { color:#fff; }
.menu li a:hover { text-decoration:underline; }
.menu li.here a:hover { text-decoration:none; }

/* Область контента */
.content { padding-bottom:100px; }
.contact_page .content { padding-bottom:365px; }
.text_page .content { padding-bottom:325px; }
.columnsOver { overflow:hidden; } /* hacks.css */
.leftColumn { width:307px; float:left; }
.rightColumn { width:682px; float:left; }

/* Меню второго уровня слева */
.submenu { padding:61px 28px 20px 43px; }
.submenu ul { padding:16px 0; background:#fc3; }
.submenu li { padding:9px 15px 13px 35px; font:normal 14px/23px Tahoma; color:#c00; background:#fc3 url(../img/bg-submenu_arrow.png) no-repeat 12px 17px; list-style-type:none; }
.submenu li a { text-decoration:underline; }
.submenu li a:hover { color:#333; text-decoration:underline; }

.submenu li.here { background-color:#f90; }
.submenu li.here a:hover { color:#c00; }

/* Текстовый контент в правой колонке */
.text { padding:53px 42px 0 0; font:normal 13px/22px Verdana; color:#333; text-align:justify; }
.text h1 { padding-bottom:25px; font:normal 32px 'Times New Roman'; color:#c00; text-align:left; }
.text h1 span { display:block; padding:2px 0 0 2px; font:normal 12px Verdana; color:#999; }
.text h2 { padding-bottom:20px; font:normal 22px 'Times New Roman'; color:#6cf; }
.text p { padding-bottom:22px; }
.bg_text { background:url(../img/bg_text.jpg) no-repeat 100% 126px; }
.text p.top { padding-right:220px; }

.text .image { width:640px; padding:7px 0 11px 0; }
.text .image p { text-align:right; font:normal 12px Verdana; color:#999; }
.text .image img { display:block; margin-bottom:9px; }

.text .image_float { overflow:hidden; padding-bottom:30px; } /* hacks.css */
.text .image_float img.fl_right { float:right; }
.text .image_float img.fl_left { float:left; margin-right:6px; }

/* Пагинатор */
.paginator { margin-right:35px; padding-bottom:5px; font:normal 14px Verdana; color:#000; text-align:right; }
.paginator span { padding:0 9px; }
.paginator a { color:#09c; text-decoration:none; }
.paginator a:hover { text-decoration:underline; }
.paginator a.next { padding-right:12px; background:url(../img/bg-paginator_arrow.png) no-repeat 100% -36px; }
.paginator a.back { padding-left:11px; background:url(../img/bg-paginator_arrow.png) no-repeat 0 4px; }

/* Блок выбора цвета фона */
.color_change { height:26px; float:right; margin:25px 104px 30px 0; padding:8px 12px 5px 12px; background:#e5f5fa; }
.color_change p { display:block; float:left; margin-right:15px; font:normal 14px 'Times New Roman'; color:#09c; border-bottom:1px dashed #c70000; }
.color_change a.white_change { display:block; float:left; width:15px; height:15px; margin:3px 4px 0 0; background:#fff; border:1px solid #ccc; }
.color_change a.black_change { display:block; float:left; width:17px; height:17px; margin-top:3px; background:#000; }

/* Меню на страницах портфолио */
.portfolio_menu { height:35px; padding:6px 0 46px 12px; clear:both; } /* hacks.css */
.portfolio_menu li { position:relative; display:block; float:left; font:normal 30px 'Times New Roman'; color:#0cf; list-style-type:none; }
.portfolio_menu a { position:relative; z-index:700; color:#0cf; }
.portfolio_menu a:hover, .portfolio_menu li:hover a { color:#f60; }

.portfolio_menu li.here { font-size:50px; color:#9c3; line-height:36px; }
.portfolio_menu li.here a { color:#9c3; text-decoration:none; }

.portfolio_menu li.first_item { margin-right:151px; }
.portfolio_menu li.second_item { margin-right:112px; }

.portfolio_menu .inner { display:none; position:absolute; z-index:800; top:-5px; left:-10px; }
.portfolio_menu .inner table { width:auto; border-collapse:collapse; }
.portfolio_menu .inner td { padding:0; margin:0; }
.portfolio_menu .inner td.table_top_left { width:20px; height:20px; background:url(../img/bg_menu_inner2.gif) no-repeat 0 0; }
.portfolio_menu .inner td.table_top_center { width:auto; height:20px; background:#cff; }
.portfolio_menu .inner td.table_top_right { width:20px; height:20px; background:url(../img/bg_menu_inner2.gif) no-repeat 0 -20px; }
.portfolio_menu .inner td.table_bottom_left { width:20px; height:20px; background:url(../img/bg_menu_inner2.gif) no-repeat 0 -60px; }
.portfolio_menu .inner td.table_bottom_center { width:auto; height:20px; background:#cff; }
.portfolio_menu .inner td.table_bottom_right { width:20px; height:20px; background:url(../img/bg_menu_inner2.gif) no-repeat 0 -40px; }
.portfolio_menu .inner td.table_middle_left { width:20px; height:auto; background:#cff; }
.portfolio_menu .inner td.table_middle_center { width:auto; height:auto; background:#cff; }
.portfolio_menu .inner td.table_middle_right { width:20px; height:auto; background:#cff; }

.portfolio_menu .inner td img { display:block; }
.portfolio_menu .inner td li { display:block; float:none; padding-bottom:10px; font:normal 18px Tahoma; color:#066; white-space:nowrap; }
.portfolio_menu .inner td li a { color:#066; text-decoration:none; }
.portfolio_menu .inner td li a:hover { color:#399; text-decoration:none; }

.portfolio_menu li:hover .inner { display:block; } 
.portfolio_menu li:hover a { z-index:900; }

/* Портфолио контент */
.portfolio_over { overflow:hidden; clear:both; } /* hacks.css */
.portfolio_content { float:left; width:722px; padding-left:11px; }
.portfolio_navi { float:left; width:247px; }

.portfolio_content .gallery { overflow:hidden; padding-bottom:20px; } /* hacks.css */
.portfolio_content .gallery a { display:block; float:left; margin:0 15px 12px 0; }

.porto_content { position:relative; width:700px; padding:0 100px 0 135px; clear:both; font:normal 13px/22px Verdana; color:#000; text-align:justify; }
.porto_content a.back_navi { position:absolute; top:10px; left:90px; width:13px; height:21px; background:url(../img/bg_menu_arrow.png) no-repeat; }
.porto_content a.next_navi { position:absolute; top:10px; right:54px; width:13px; height:21px; background:url(../img/bg_menu_arrow.png) no-repeat 0 -21px; }
.porto_content h1 { padding:0 90px 30px 0; font:normal 32px/35px 'Times New Roman'; color:#c00; text-align:left; }
.porto_content p { padding-bottom:40px; }
.porto_content p.image { text-align:center; padding-bottom:15px; }

.porto_content .images_2 { height:120px; margin-bottom:82px; margin-left:-20px; }
.porto_content .images_2 img { display:block; }
.porto_content .images_2 a { display:block; float:left; margin-left:20px; }

.portfolio_navi ul { padding-bottom:20px; }
.portfolio_navi li { font:normal 16px/18px Tahoma; color:#fff; background:url(../img/bg-porto_navi.png) repeat-y 0 0; list-style-type:none; }
.portfolio_navi li a { display:block; padding:14px 0 12px 66px; color:#fff; text-decoration:none; background:url(../img/bg-porto_arrow.png) no-repeat 47px 22px; }
.portfolio_navi li a:hover, .portfolio_navi li a.here { color:#000; text-decoration:none; }

.portfolio_navi li.color_light_green { margin-left:11px; border-bottom:1px solid #5b8e00; background-position:0 0; }
.portfolio_navi li.color_green { margin-left:33px; border-bottom:1px solid #447400; background-position:-236px 0; }
.portfolio_navi li.color_yellow { margin-left:1px; border-bottom:1px solid #c60; background-position:-450px 0; }
.portfolio_navi li.color_orange { margin-left:21px; border-bottom:1px solid #a72e00; background-position:-696px 0; }
.portfolio_navi li.color_red { margin-left:33px; border-bottom:1px solid #600; background-position:-922px 0; }
.portfolio_navi li.color_marine { margin-left:0; border-bottom:1px solid #036; background-position:-1136px 0; }
.portfolio_navi li.color_light_blue { margin-left:21px; border-bottom:1px solid #036; background-position:-1383px 0; }
.portfolio_navi li.color_blue { margin-left:1px; border-bottom:1px solid #036; background-position:-1609px 0; }

.portfolio_navi li.color_light_green a { padding-left:55px; background-position:36px 22px; }
.portfolio_navi li.color_green a { padding-left:33px; background-position:14px 22px; }
.portfolio_navi li.color_yellow a { padding-left:65px; background-position:46px 22px; }
.portfolio_navi li.color_orange a { padding-left:45px; background-position:26px 22px; }
.portfolio_navi li.color_red a { padding-left:33px; background-position:14px 22px; }
.portfolio_navi li.color_marine a { padding-left:66px; background-position:47px 22px; }
.portfolio_navi li.color_light_blue a { padding-left:45px; background-position:26px 22px; }
.portfolio_navi li.color_blue a { padding-left:65px; background-position:46px 22px; }

.portfolio_navi li.color_light_green a:hover { background-position:36px -78px; }
.portfolio_navi li.color_green a:hover { background-position:14px -78px; }
.portfolio_navi li.color_yellow a:hover { background-position:46px -78px; }
.portfolio_navi li.color_orange a:hover { background-position:26px -78px; }
.portfolio_navi li.color_red a:hover { background-position:14px -78px; }
.portfolio_navi li.color_marine a:hover { background-position:47px -78px; }
.portfolio_navi li.color_light_blue a:hover { background-position:26px -78px; }
.portfolio_navi li.color_blue a:hover { background-position:46px -78px; }

.portfolio_navi li.color_light_green a.here { background-position:36px -179px; }
.portfolio_navi li.color_green a.here { background-position:14px -179px; }
.portfolio_navi li.color_yellow a.here { background-position:46px -179px; }
.portfolio_navi li.color_orange a.here { background-position:26px -179px; }
.portfolio_navi li.color_red a.here { background-position:14px -179px; }
.portfolio_navi li.color_marine a.here { background-position:47px -179px; }
.portfolio_navi li.color_light_blue a.here { background-position:26px -179px; }
.portfolio_navi li.color_blue a.here { background-position:46px -179px; }

/* Страница контактов и схема проезда */
.map { position:relative; height:576px; margin-top:28px; font-size:1.2em; line-height:1.2; background:url(../img/map.png) no-repeat 150px 0; }
.map h2 { padding-bottom:15px; font:bold 16px Tahoma; }
.map p { padding-bottom:14px; }

.map .address { position:absolute; top:15px; left:462px; width:177px; }
.map .address h2 { color:#f90; }

.map .phone { position:absolute; top:171px; right:169px; }
.map .phone h2 { padding-left:4px; color:#9c6; }
.map .phone p { font:normal 17px Tahoma; color:#333; text-align:right; }
.map .phone p span { font:normal 11px Tahoma; color:#999; }

.map .fax { position:absolute; top:281px; right:169px; }
.map .fax h2 { padding-left:4px; color:#39c; }
.map .fax p { font:normal 17px Tahoma; color:#333; text-align:right; }
.map .fax p span { font:normal 11px Tahoma; color:#999; }

.map .drive { position:absolute; top:279px; left:133px; }
.map .drive h2 { padding:0 0 13px 26px; color:#39c; }
.map .drive p { padding-left:26px; }
.map .drive p.metro { padding:2px 0 17px 26px; background:url(../img/ico-metro.png) no-repeat; }

.map .email { position:absolute; top:475px; left:394px; }
.map .email h2 { font:normal 17px Tahoma; color:#9c6; }
.map .email a { font-size:11px; }

/* Cтили для подвала */
.footer { position:relative; width:990px; height:60px; margin:-60px auto 0 auto; color:#ccc; } /* hacks.css */
.footer a { color:#39c; text-decoration:none; }
.footer a:hover { text-decoration:underline; }

.contact_page .footer { margin-top:-405px; padding-top:345px; background:url(../img/bg-footer.jpg) no-repeat; }
.text_page .footer { margin-top:-325px; padding-top:265px; background:url(../img/bg-footer_text.jpg) no-repeat; }

.footer .copyrights { float:left; padding-left:51px; }
.footer .developer { float:right; padding-right:48px; text-align:right; }