/***************************/
/* Стили шаблонов страниц  */
/***************************/

#pre_loader { height: 0; overflow: hidden; position: absolute; width: 0; }

/* Главная страница */
.main_wrapper { background: url(../img/bottom_gradient.gif) repeat-x 0 100%; }
.main_wrapper_a { background: url(../img/top_gradient.gif) repeat-x; }
.main_wrapper_b { background: url(../img/top_right_gradient.jpg) no-repeat 1000px 0; }
#main { background:url(../img/main_bg.jpg) ; margin: 0 auto; width: 980px; text-align: left; }
.inner_main { background: url(../img/inner_main_bg.jpg) no-repeat !important; } /* Смена фона для внутренних страниц */

#header { height:300px; }
#header .top-menu { padding: 20px 0 0 0; text-align: right; }
#header .top-menu table { border-collapse: collapse; margin: 14px 24px 0 auto; width: 600px; }
#header .top-menu table td { border: 0; font-family: Tahoma; font-size: 140%; padding: 0; text-align: center; }
/*
#header .top-menu table td a { color: #242021; display: block; line-height: 49px; position: relative; text-decoration: none; font-weight:normal; }
#header .top-menu table td a span { display: block; }
#header .top-menu table td a span span { height: 50px; overflow: hidden; padding: 0 20px 0 20px; }
#header .top-menu table td a:hover { background: url("../img/topmenu_a_bg.gif") repeat-x; color: #cb69bc; }
#header .top-menu table td a:hover span { background: url("../img/topmenu_a_left.gif") no-repeat; }
#header .top-menu table td a:hover span span { background: url("../img/topmenu_a_right.gif") no-repeat 100% 0; }
#header .top-menu table td a.active { background: url("../img/topmenu_a_bg.gif") repeat-x; color: #cb69bc; }
#header .top-menu table td a.active span { background: url("../img/topmenu_a_left.gif") no-repeat; }
#header .top-menu table td a.active span span { background: url("../img/topmenu_a_right.gif") no-repeat 100% 0; }
*/
#header .phone { color: #636363; float: right; margin: 85px 60px 0 0; //margin: 85px 30px 0 0; white-space: nowrap; }
#header .phone .top { font-size: 80%; font-weight: bold; padding: 0 0 0 75px; }
#header .phone .bottom {  }
#header .phone .bottom span { color: #a3238e; font-size: 180%; line-height: 37px; _margin: 5px 0 0 0; vertical-align: top; }
#header .phone .bottom strong { font-size: 300%; font-weight: normal; }
#header .phone .order { font-size:80%; text-align:right; }
#header .phone .order a { color: #a3238e; }
#header .logo { float: left; margin: 51px 0 0 51px; }


#keyvisual { text-align: center; }
#keyvisual .container { background: url("../img/middle_bg.gif") no-repeat; height: 251px; margin: 0 0 0 50px; _margin: 0 0 0 15px; text-align: center; width: 885px; }
#keyvisual .container .inner { background: #fff url('../img/keyvisual_bg.gif') repeat-x; height: 195px; margin: 27px auto 0 auto; text-align: left; width: 779px; }
#keyvisual .container .inner img { display: block; vertical-align: bottom; }
#keyvisual .container .inner table { height: 195px; width: 779px; }
#keyvisual .container .inner table td { padding: 0; width: 266px; }
#keyvisual .container .inner table td.first {  }
#keyvisual .container .inner table td.second { text-align: center; }
#keyvisual .container .inner table td.third { text-align: right; }
#keyvisual .container .inner table td.second div { margin: 0 auto 0 auto; }
#keyvisual .container .inner table td.third div { margin: 0 0 0 auto; }
#keyvisual .container .inner table td div { background: #b7b7b7; width: 246px; height: 195px; }
#keyvisual .container .inner table td div img { margin: 10px 0 0 0; }

#sup_middler { margin: 26px 0 0 5px; }
#sup_middler .middle-menu { text-align: center; }
#sup_middler .middle-menu table { border-collapse: collapse; margin: 0 auto; width: 885px; }
#sup_middler .middle-menu table td { border: 0; color: #2c262d; font-size: 140%; line-height: 48px; padding: 0; text-align: center; white-space: nowrap; }
#sup_middler .middle-menu table td a { color: #2c262d; display: block; font-weight: normal; position: relative; text-decoration: none; }
#sup_middler .middle-menu table td a span { display: block; }
#sup_middler .middle-menu table td a span span { height: 50px; padding: 0 20px 0 20px; }
#sup_middler .middle-menu table td a.active { background: url("../img/middlemenu_a_bg.gif") repeat-x; color: #fff; }
#sup_middler .middle-menu table td a.active span { background: url("../img/middlemenu_a_left.gif") no-repeat; }
#sup_middler .middle-menu table td a.active span span { background: url("../img/middlemenu_a_right.gif") no-repeat 100% 0; }
#sup_middler .middle-menu table td a:hover { background: url("../img/middlemenu_a_bg.gif") repeat-x; color: #fff; }
#sup_middler .middle-menu table td a:hover span { background: url("../img/middlemenu_a_left.gif") no-repeat; }
#sup_middler .middle-menu table td a:hover span span { background: url("../img/middlemenu_a_right.gif") no-repeat 100% 0; }

#middler { height: 400px; margin: 50px 0 0 50px; width: 100%; } /*plombir*/
#middler .left { float: left; height: 100%; width: 300px; }
#middler .right { padding: 0 50px 0 0; }

#footer { height: 76px; }
#footer .left { float: left; font-size: 80%; padding: 25px 0 0 50px; }
#footer .right { font-size: 80%; margin: 0 0 0 350px; _margin: 0 0 0 370px; padding: 25px 0 0 0; }
#footer .right p { margin: 0; text-indent: -3px; }

.page-bottom-line { background: #636363; height: 14px; }

/* Стили контента */
#content { padding: 0 50px 25px 0; }
#content table { width: 100%; }
 .gray-block { background: #dbdbdb; font-size: 90%; padding: 13px 19px 15px 19px; }

/* -- Элементы страницы -- */

/* Хлебные крошки */
.breadcrumbs { background: #e0e0e0; color: #636363; font-size: 90%; margin: 0 0 25px 0; padding: 11px 13px 13px 13px; }
.breadcrumbs a { color: #3c8ed6; font-weight: normal; }

/* Заголовок страницы */
.page-title { background: url("../img/page_header_bg.gif") no-repeat; color: #a3238f; font-size: 180%; font-weight: normal; margin: 45px 0 25px 0; padding: 5px 0 17px 31px; /*text-transform: uppercase;*/ }
.page-title-blue { background: url("../img/page_header_blue_bg.gif") no-repeat; color: #2f2a2e; font-size: 180%; font-weight: normal; margin: 45px 0 25px 0; padding: 5px 0 7px 31px; /*text-transform: uppercase;*/ }
#content .page-title { margin: 0; }
.price .page-title { margin: 0 0 15px 0; }
.two-columns .page-title, .two-columns .page-title-blue { margin: 0 0 25px 0 !important; }

/* Портфолио */
.portfolio { padding: 43px 0 0 0; text-align: left; }
.portfolio .domain { width:320px; font-size: 130%; margin: 0 0 0 auto; padding: 15px 0 8px; float:left; }
.portfolio .label { background: #a2238e; color: #fff; font-size: 130%; margin: 0 0 0 auto; padding: 10px 0 8px; text-align: center; width: 250px; }
.portfolio .label span { font-size: 130%; font-weight: normal; }
.portfolio .image { width:558px; background: #a2238e; padding: 4px 0 4px; text-align: center; }
.portfolio .image img { vertical-align: bottom; }
.portfolio .back { font-size: 130%; margin-top: 40px; }

.portfolio-list {  }
.portfolio-list .page-browser { height: 50px; margin: 41px 0 30px 0; }
.portfolio-list .page-browser a { color: #a2238e; display: block; float: left; font-size: 190%; font-weight: normal; height: 50px; line-height: 50px; text-align: center; text-decoration: none; width: 40px; }
.portfolio-list .page-browser a:hover { background: #a2238e; color: #fff; text-decoration: underline; }
.portfolio-list .page-browser a.active { color: #757273 !important; }
.portfolio-list .page-browser a.active:hover { background: none; color: #757273; cursor: text; text-decoration: none; }
.portfolio-list table { width: 575px !important; }
.portfolio-list table td { padding: 0; }
.portfolio-list table td.image { padding: 20px 0 15px 0; width: 300px; vertical-align:middle; }
.portfolio-list table td.image div { border: 2px solid #a2238e; }
.portfolio-list table td.image img { vertical-align: bottom; }
.portfolio-list table td.info { padding: 20px 0 15px 20px; }
.portfolio-list table td.info h2.title { color: #3c8ed6; font-size: 130%; font-weight: normal; margin: 0; position: relative; top: -5px; z-index: 2; }
.portfolio-list table td.info h2.title a { color: #3c8ed6; font-weight: normal; }
.portfolio-list table td.info .price { color: #231f20; font-size: 130%; margin: 10px 0 20px 0; }
.portfolio-list table td.info .price span { color: #a2238e; font-size: 100%; /*text-decoration: underline;*/ }
.portfolio-list table td.info .price small { font-size: 70%; }
.portfolio-list table td.info .text { font-size: 90%; }
.portfolio-list table td.info .more-link { color: #3c8ed6; font-size: 120%; margin: 15px 0 0 0; }
.portfolio-list table td.info .more-link a { color: #3c8ed6; }
/*  SteFF edit */
.portfolio-list table td.info .srv { padding-top:15px; }
.portfolio-list table p { text-indent:0; }
.portfolio-list table ul { margin-left:20px; margin-top:10px; }
.vert-menu a.active { background: #e0e0e0; }


/* Вертикальное меню */
.vert-menu { margin: 0 15px 120px 0; }
.vert-menu ul { margin: 0; padding: 0; }
.vert-menu ul li { background: none; margin: 0; padding: 0; }
.vert-menu ul li a { color: #3c8ed6; display: block; font-size: 120%; padding: 4px 0 6px 28px; position: relative; text-decoration: none; }
.vert-menu ul li a span { color: #747474; font-size: 70%; margin: 0 0 0 5px; }
.vert-menu ul li a:hover { background: #e0e0e0; }
.vert-menu ul li a.active { background: #e0e0e0; }

/* Цены */
/*
.price { margin: 0 0 120px 0; }
.price table { width: 100%; }
.price table th { background: #c7d6e4; color: #a2238e; font-size: 135%; font-weight: normal; text-align: left; text-transform: uppercase; }
.price table td, .price table th { border-right: 2px solid #fff; }
.price table input { vertical-align: middle; }
.price table input.text { border-top: 1px solid #abadb3; border-right: 1px solid #dbdfe6; border-bottom: 1px solid #dbdfe6; border-left: 1px solid #dbdfe6; width: 50px; }
.price table span.green { color: green; }
.price table .gray, .price table .gray span.green { color: #a9a9a9; }
.price table blockquote { padding: 0; margin: 0 0 0 20px; }
.price table td.first { width: 600px; }
.price table td.second { width: 128px; }
.price table td.third { width: 70px; }
.price table td.pr { text-align: right; }
.price table tr.even td { background: #fff; }
.price table tr.odd { background: #e0e0e0; }
.price .total { font-size: 160%; margin: 15px 2px 0 0; text-align: right; }
.price .total div { background: #a2238e; color: #fff; margin: 0 0 0 auto; padding: 11px 0 13px 0; text-align: center; width: 305px; }
.price .total div span { font-size: 130%; }
*/
/* 2 колонки в контенте */
table.two-columns { width: 100%; }
table.two-columns td { padding: 0; }
table.two-columns td.first {  }
table.two-columns td.second { padding: 0 0 0 35px; width: 250px; }

/* Маленький блок срок/цена */
.srok-cena { background: url("../img/curvy_line_hor.gif") no-repeat 0 100%; margin: 0 0 25px -10px; padding: 0 0 25px 0; }
.srok-cena div { font-size: 150%; margin: 25px 0 0 10px; }
.srok-cena div span { color: #3e8ed5; font-size: 110%; }

/* Блок ссылок */
.links { margin: 25px 0 0 0; }
.links a { display: block; font-weight: normal; margin: 0 0 20px 0; }

/* Баннеры */
.banners {  }
.banners .banner { margin: 0 0 30px 0; }