/***************************/ /* Стили шаблонов страниц */ /***************************/ /** {amargin:0 !important; apadding:0 !important;}*/ #pre_loader { height: 0; overflow: hidden; position: absolute; width: 0; } /* Главная страница */ .main_wrapper { display:table; background: url("../img/bottom_gradient.gif") repeat-x 0 100%; border-bottom:solid #636363 14px; width:100% !important; } .main_wrapper_a { background: url("../img/top_gradient.gif") repeat-x; } .main_wrapper_b { background: url("../img/top_right_gradient.gif") no-repeat 976px 0; } #main { background: url("../img/main_bg.jpg") no-repeat; margin: 0 auto; width: 980px; text-align: left; } .inner_main { background: url("../img/inner_main_bg.jpg") no-repeat !important; } /* Смена фона для внутренних страниц */ #header { height: 205px; } #header .top-menu { padding: 20px 0 0 0; text-align: right; } #header .top-menu table { border-collapse: collapse; margin: 0 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; /*text-transform: uppercase;*/ 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 { text-shadow:0 1px 1px #000; background: url("../img/topmenu_a_bg.gif") repeat-x; color:#FFF;/*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 { text-shadow:1px 1px 1px #000; background: url("../img/topmenu_a_bg.gif") repeat-x; color:#FFF;/*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 { text-shadow:1px 2px 1px #ccc; color: #636363; float: right; margin: 35px 60px 0 0; _margin: 35px 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: -1px 0 0 51px; _margin: -3px 0 0 25px; } #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; overflow: hidden; position: relative; } /*my*/ #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; } #keyvisual .container .prev { height: 250px; left: 0; position: absolute; top: 0; width: 30px; } #keyvisual .container .prev img { margin: 120px 0 0 2px; } #keyvisual .container .next { height: 250px; position: absolute; top: 0; right: 0; width: 30px; } #keyvisual .container .next img { margin: 120px 0 0 2px; } #keyvisual .scrollable { } #keyvisual .scrollable .item { background: #b7b7b7; float: left; margin: 0 20px 0 0; padding: 10px 0 10px 0; width: 246px; } #keyvisual .scrollable { position: relative; overflow: hidden; width: 779px; height: 195px; } #keyvisual .scrollable div.items { /* this cannot be too large */ width:2000em; position:absolute; top: 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 { text-shadow:0 1px 1px #500744; 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 { text-shadow:0 1px 1px #500744; 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: 600px; margin: 50px 0 0 50px; width:930px;} /*my pakost*/ #middler .left { float: left; height: 100%; width: 300px; } #middler .right { height: 100%; padding: 0 45px 0 0; } #footer * {margin:0; padding:0;} #footer { height: 76px; width:100%;} #footer .left { font-size: 80%; padding:25px 0 0 50px; width:300px; } #footer .right {font-size: 80%; text-align:center; padding:25px 0 0 0; width:350px; } #footer .right p {text-indent:0; white-space: normal; margin:0px; padding:0px;} #footer #help {width:200px; padding:0 50px 0 0; } #footer #help a img {float:right; margin:9px 0 0 0; position:relative; z-index:0;} #footer #help .text_p {float:right; margin:43px 10px 0 0; text-align:right; font-size:11px; white-space:nowrap;} .page-bottom-line { background: #636363; height:14px; display:table; width:100%;} /* Стили контента */ #content { padding: 0 0 25px 0; } /*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 7px 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 !important; } .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 3px 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; padding: 0 !important; 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; } *::-moz-selection { background: #51a201 none repeat scroll 0 0; color: #fff; } h1, h2, h3 { text-shadow:1px 2px 2px #ddd; } h4 a { text-decoration:none; } /* Вертикальное меню */ .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, .srok-cena_nobg { background: url("../img/curvy_line_hor.gif") no-repeat 0 100%; margin: 0 0 25px -10px; padding: 0 0 25px 0; } .srok-cena_nobg {background:none;} .srok-cena div, .srok-cena_nobg div { font-size: 150%; margin: 25px 0 0 10px; } .srok-cena div span, .srok-cena_nobg 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: 20px 0 30px 0; } .banners .banner1 { margin: -20px 0 30px 0; } .left .linksblock { padding-left:50px; font-size:130%; } /*photoalboM*/ #uswebPhotoBox .active {/*acolor:#a02590; afont-weight:bold;*/ font-size:18px; text-decoration:none;} /*enD_photoalboM*/ /*tabla*/ #table, .top_table {margin:10px auto 0 auto; width:879px !important; /*align:center;*/ text-align:center; background:#ffffff;} .top_table {margin:10px auto 50px auto;} .table_tr1 {background:#e0e0e0;} .td1 {border:solid #ffffff; border-width:0 0 0 1px; border-collapse:separate;} .td1_2 {border:solid #ffffff; border-width:0 1px 0 1px; border-collapse:separate;} .td2 {border:solid #ffffff; border-width:0 1px 0 0; border-collapse:separate;} .td2_2 {border:solid #ffffff; border-width:0 0 0 1px; border-collapse:separate;} .table_head {background:#c7d6e4; color:#a2238e; font-size:18px; line-height:28px; padding:0 12px 0 12px;} .top_pad {padding:14px 12px 0 12px !important;} .table_cont {font-size:12px; line-height:20px; padding:5px 12px 5px 12px;} .table_space {line-height:28px; font-size:16px; font-weight:bold; text-align:left; padding:20px 22px 0 22px; } .ccena {padding:0 7px 0 7px;} #table_head {width:100%; } #table_head td {padding:10px 0 10px 0; text-align:center;} .height1px {line-height:1px; height:1px; font-size:1px; margin:0px; padding:0px;} .sin9_lin9 {border-top:solid #c7d6e4 1px; text-align:right;} .siren {font-size:12px; /*afont-weight:bold;*/ color:#a0258e;} .glavnaya {color:#a02590; font-weight:bold;} /*enD_tabla*/ /* ====================================== CALCULATE STYLES ====================================== Steff */ table#calcPartsTbl { color:#FFF; font-size:17px; border:solid #FFF 3px; } #calcPartsTbl td { width:30%; height:100px; text-align:center; vertical-align:middle; border:solid #FFF 3px; } #calcPartsTbl td span { font-size:130%; text-transform:uppercase; } #calcPartsTbl td.calcPart01 { background:#4c9de8 url(../img/pix_line.png) no-repeat top left; } #calcPartsTbl td.calcPart02 { background:#2e74b4 url(../img/pix_line.png) no-repeat top left; } #calcPartsTbl td.calcPart03 { background:#0c4b86 url(../img/pix_line.png) no-repeat top left; } #calcPartsTbl td.calcPart04 { background:#4c9de8 url(../img/pix_line.png) no-repeat top left; } #calcPartsTbl td.calcPart05 { background:#2e74b4 url(../img/pix_line.png) no-repeat top left; } #calcPartsTbl td.calcPart06 { background:#0c4b86 url(../img/pix_line.png) no-repeat top left; } #calcPartsTbl td.calcPartAct { cursor:pointer; background:#9f228a url(../img/pix_line.png) no-repeat top left; } #calcPartsTbl td.calcPartSel { background:#7ab800 url(../img/pix_line.png) no-repeat top left; } #calcTbl { border-bottom:solid #c7d6e4 1px; margin:20px 0px; font-family:Verdana, Helvetica, Sans-Serif; } #calcTbl th, table#calcTbl td { vertical-align:middle; border:none; border-top:solid #c7d6e4 1px; } table#calcTbl td, table#calcTbl td input { cursor:pointer; } table#calcTbl tr.calcTblAct td { background:#f9f9f9; } table#calcTbl tr.calcTblSel td { background:#ebffc4; } #calcTbl th { background:#f0f0f0; text-transform: none; color:#000; } #calcTbl td.numPrice { font-size:130%; text-align:right; } #calcTbl td span { font-size:17px; } table.calcSubButton { border:0; } table.calcSubButton td { vertical-align:middle; text-align:right; font-size:20px; } table.calcSubButton span.calcWrongPrice { color:#FF0000; text-decoration:line-through; } table.calcSubButton td button { font-size:20px; } .terms { border:1px solid #ccc; padding:30px; font-size:90%; }