body {font-family: Tahoma,Helvetica,Arial,sans-serif; background: #fff; color: #333; margin: 0 2% 0 2%; padding: 0; font-size: 13px;} img {border: 0px;} a { color:#1B65AA; } a:visited { color:#1B65AA; } a:hover { color:#008cd5; } p {margin: 5px 0px 10px 0px; line-height: 130%;} .clear{clear: both; border: 0;font-size: 0;margin: 0;padding: 0;visibility: hidden;width: 0;height: 0;} /*Шапка сайта */ #top {height: 30px; margin: 0; padding: 0; background: #515255 url(/images/default/top-fon-r.gif) right bottom no-repeat; } #top span{display: block; height: 30px; margin: 0; padding: 0; background: url(/images/default/top-fon-l.gif) left bottom no-repeat; } #top .block {width: 925px; margin: 0 auto; padding: 0; color: #fff;} #top .col1{margin: 3px 0px 0px 240px; display:inline; width: 295px; float:left; font-size: 120%;} #top .col2{margin: 5px 0px 0px 0px; width: 200px; display:inline; float:left; font-size: 90%;} #top .col2 a{color:#FFFFFF; text-decoration: none;} /*Главное меню */ #menu { height: 125px; width: 925px; margin: 0px auto; padding: 0px; background: #fff url(/images/default/menu-fon.gif) right top repeat-x; vertical-align: bottom; font-size: 12px; } #menu .logo { float:left; display:inline; vertical-align:bottom;} #menu .slogan { width: 250px; margin: 10px 5px 0px 20px; float: left; display:inline; font-size: 12px;} #menu .home-ico { position: relative; display: block; z-index: 100; left: 0px; top: 14px;} #menu ul li {display: block; list-style: none; line-height:20px; cursor: pointer;} #menu .menu1 {width: 205px; height: 125px; display:inline; float:left; background: url(/images/default/menu1-fon.gif) left top no-repeat; color:#fff; } #menu .menu1 ul {margin: 10px 10px 0px 40px; padding: 0px;} #menu .menu1 a { color:#fff; text-decoration:none; } #menu .menu1 a:hover { color:#D1AA67; text-decoration:none;} #menu .menu1 a.active { color:#D1AA67; text-decoration:none;} #menu .menu2 {width: 200px; display:inline; float:left; padding: 0px;} #menu .menu2 ul {margin: 10px 10px 0px 0px; padding: 0px;} #menu .menu2 a { color:#222; text-decoration:none; border-bottom: #222 dashed 1px;} #menu .menu2 a:hover { color:#1B65AA; text-decoration:none; border-bottom:#1B65AA dashed 1px;} /* Заголовок */ #main-header{ height: 100px; width: 925px; margin: 0px auto; padding: 0px;} #main-header h1, #main-header h2{ margin: 0px 0px 0px 240px; padding: 0px; font-size: 175%; font-weight: normal; letter-spacing: 0.02em; line-height: 110%; color:#000000;} #page-header{width: 925px; margin: 0px auto; padding: 0px; vertical-align: bottom;} #page-header h1{ margin: 10px 0px 30px 240px; padding: 0px; font-size: 175%; font-weight: normal; letter-spacing: 0.02em; line-height: 110%; color:#000000;} /*Основной контент*/ #content{width: 925px; margin: 0px auto; padding: 0px;} #content .f01{ background: url(/images/default/content-fon-0-1.gif) left top no-repeat; } #content .f02{ background: url(/images/default/content-fon-0-2.gif) right top no-repeat;} #content .f03{background: url(/images/default/content-fon-0-3.gif) right bottom no-repeat;} #content .f04{background: url(/images/default/content-fon-0-4.gif) left bottom no-repeat;} /*Левая колонка*/ #left{width: 220px; margin: 0px; display:inline; float:left;} #left .txt {margin: 0px 10px 0px 10px; color: #555;} #left .txt p {margin: 5px 0px 5px 0px; line-height: 130%;} #left h3{ margin: 0px 10px 10px 0px; padding: 0px; font-size: 125%; line-height: 110%;} /*Меню заказа*/ #left .menu-zakaz, #left .menu-zakaz .f01, #left .menu-zakaz .f02, #left .menu-zakaz .f03, #left .menu-zakaz .f04{ margin: 0px; padding: 0px; height: 365px;} #left .menu-zakaz {background: #d3af71; margin-bottom: 30px; } #left .menu-zakaz .f04 {padding:10px 10px 15px 10px ; height: 340px;} #left .menu-head {padding: 10px 10px 5px 15px; margin:0px; font-size: 18px; line-height: 20px; background: url(/images/default/ico_basket.gif) right top no-repeat;} #left .menu-zakaz .name{margin: 7px 0px 3px 15px; padding: 0px; font-size: 12px; } #left .menu-zakaz a { color:#fff; text-decoration:none; } #left .menu-zakaz a:hover { color:#D1AA67; text-decoration:none;} #left .menu-zakaz .button.selected a { color:#2a2625; text-decoration:none; } #left .menu-zakaz .button.selected a:hover { color:#1B65AA; text-decoration:none;} #left .menu-zakaz .button {width:190px; margin: 0px 10px 0px 5px; text-align:center; font-size: 14px; color:#e8e0d7; } #left .menu-zakaz .button .foot {width:180px; padding: 5px; margin: 0px; background: url(/images/default/button-bottom-light.gif) left bottom no-repeat;} #left .menu-zakaz .button {background: #b29772 url(/images/default/button-top-light.gif) left top no-repeat;} #left .menu-zakaz .button.active{background: #2a2625 url(/images/default/button-top-dark.gif) left top no-repeat; color: #fff;} #left .menu-zakaz .button.active .foot {background: url(/images/default/button-bottom-dark.gif) left bottom no-repeat;} #left .menu-zakaz .button.selected{background: #fff url(/images/default/button-top-w.gif) left top no-repeat; color: #2a2625;} #left .menu-zakaz .button.selected .foot {background: url(/images/default/button-bottom-w.gif) left bottom no-repeat;} /*Правая колонка*/ #raight {width: 675px; display:inline; float:left; margin: 0px 0px 0px 20px; } #main-page {float:left; display:inline; width: 490px; } #main-page .banner1, #main-page .banner2, #main-page .f01, #main-page .f02, #main-page .f03, #main-page .f04 {width: 220px; height: 365px; } #main-page .banner1{display:inline; float:left; margin: 0px 0px 30px 0px; background: #d3af71;} #main-page .banner1 img {margin: 20px 0px 20px 20px;} #main-page .banner1 p {margin: 0px 20px 0px 30px; color:#2a2625; font-size: 110%; font-weight: bold; line-height: 110%;} #main-page .banner1 a {color:#2a2625; text-decoration:none; } #main-page .banner2{display:inline; float:left; margin: 0px 0px 30px 20px; } #raight h2, #raight h1{ margin: 0px 60px 10px 0px; padding: 0px; font-size: 125%; line-height: 110%;} #raight #main-page .txt {margin: 0px; padding: 0px 30px 0px 0px;} /*Правая колонка для дополнительных ссылок*/ #raight-links {margin: 0px 0px 0px 0px; display:inline; float:left; width: 185px; color: #555;} #raight-links h3 { margin: 5px 0px 10px 0px; padding: 0px; font-size: 130%; font-weight: normal; line-height: 110%;} #raight-links a { color:#1B65AA; text-decoration:none; border-bottom: #1B65AA dashed 1px;} #raight-links a:hover { color:#008cd5; text-decoration:none; border-bottom: #008cd5 dashed 1px;} #raight-links ul li {display: block; list-style: none; line-height: 130%; cursor: pointer; } #raight-links ul {margin: 0; padding: 0;} #raight-links li { margin: 0px 0px 8px 0px;} #raight-links .txt { margin-bottom: 25px;} #raight-links .faq {border-left: #d3af71 solid 3px; margin: 0 0 25px 0; padding: 0px 0px 0px 10px; font-style:italic; font-family: Arial, sans-serif; font-size: 110%;} /*Подвал*/ #bottom {height: 100px; margin: 30px 0 0 0; padding: 0; background: #d9d9d9 url(/images/default/bottom-fon-r.gif) right top no-repeat; } #bottom span{display: block; height: 100px; margin: 0; padding: 0; background: url(/images/default/bottom-fon-l.gif) left top no-repeat; } #bottom .block {width: 925px; margin: 0 auto; padding: 0; font-size: 12px; color: #555;} #bottom .col1{margin: 20px 10px 0 10px; display:inline; width: 200px; float:left;} #bottom .col2{margin: 20px 0 0 20px; display:inline; width: 400px; float:left; font-size: 90%; } #bottom .col3{margin: 20px 0 0 20px; display:inline; float:left;} /* CSS Document npn.rosnet.ru*/ /* +++++ Заказ услуг+++++++*/ /* первый контейнер*/ #raight .block, #raight .block .f01, #raight .block .f02, #raight .block .f03, #raight .block .f04{ margin: 0px; padding: 0px; min-height: 365px; width:675px;} #raight .block {background: #d3af71; margin-bottom: 30px; } #raight .block .f04 {padding:15px 15px 15px 0px ; min-height: 335px; width:660px;} /* второй контейнер*/ #raight .f11{ background: url(/images/default/content-fon-1-1.gif) left top no-repeat; } #raight .f12{ background: url(/images/default/content-fon-1-2.gif) right top no-repeat;} #raight .f13{background: url(/images/default/content-fon-1-3.gif) right bottom no-repeat;} #raight .f14{background: url(/images/default/content-fon-1-4.gif) left bottom no-repeat;} #raight .block .select, #raight .block .select .f11, #raight .block .select .f12, #raight .block .select .f13, #raight .block .select .f14 {margin: 0px; padding: 0px; width:315px; height:auto; float:left; display:inline; } #raight .block .select {background: #e0d5b3; margin: 0px 0px 15px 15px;} #raight .block .select .f14 {padding:10px 10px 15px 0px ; width: 305px;} /* Кнопка*/ #raight .block .button {width:235px; margin: 40px 0px 0px 40px; text-align:center; font-size: 18px; color:#e8e0d7; } #raight .block .button .foot {width:215px; padding: 10px; margin: 0px; background: url(/images/default/button-b-foot.gif) left bottom no-repeat;} #raight .block .button {background: #443e39 url(/images/default/button-b-top.gif) left top no-repeat; color: #fff;} #raight .block .button a { color:#fff; text-decoration:none; } #raight .block .button a:hover { color:#D1AA67; text-decoration:none;} /* Текст*/ #raight .block .select .txt{width:235px; margin: 20px 0px 20px 45px; color: #555;} /* +++++++Таблицы+++++++*/ #table { } #table table { margin-bottom: 30px;} #table table {width: 100%; border-collapse:collapse; } #table td { padding: 4px 5px 9px 10px; border-top: #d3af71 solid 1px; vertical-align: top; line-height: 110%;} #table img { vertical-align: middle;} #table td.head { padding: 7px 0px 0px 0px; border: 0px; vertical-align: top; line-height: 110%; font-weight: bold; background: #e0d5b3 url(/images/default/tab-head-fon-1-top.gif) left top repeat-x; } #table td.head span {display: block; padding: 0px 0px 7px 10px; margin: 0px; background: url(/images/default/tab-head-fon-1-foot.gif) right bottom repeat-x; } #table tr.noborder td {border: 0px; padding-top: 6px} #table tr.main-head td{padding: 9px 5px 4px 10px; border-top: #d3af71 solid 2px; line-height: 120%;} #table tr.main-head a { color:#1B65AA; text-decoration: none; border-bottom: #1B65AA dashed 1px;} #table tr.main-head a:visited { color:#1B65AA; text-decoration: none; border-bottom: #1B65AA dashed 1px;} #table tr.main-head a:hover { color:#008cd5; text-decoration: none; border-bottom: #008cd5 dashed 1px; } #table .tarif td { padding: 4px 5px 9px 10px; border-top: 0; border-bottom: #d3af71 solid 1px; vertical-align: top; line-height: 110%;} #table .tarif .button { width: 100px; display: block; margin: 0px 0px -5px -10px; padding: 0px; font-size: 110%; background: url(/images/default/tab-button-l-tarif.gif) left top no-repeat; color: #fff; text-align: center;} #table .tarif .button span {display: block; padding: 2px 0px 4px 0px; background: url(/images/default/tab-button-r-tarif.gif) right top no-repeat; } /*#table tr.main-head2 {background: #e0d5b3 url(/images/default/tab-head-fon-1-top.gif) left top repeat-x;}*/ #table .tarif {background: url(/images/default/tab-head-fon-2-top.gif) left top repeat-x;} #table .tarif tr td {background-color: #fff; } #table tr.main-head2 td {padding: 6px 8px 10px 10px; border: 0; line-height: 120%; background-color: #e0d5b3; } #table tr.main-head2 td.left {padding-left: 20px; background: url(/images/default/tab-head-fon-1-foot.gif) left bottom no-repeat;} #table tr.main-head2 td.right{background: url(/images/default/tab-head-fon-1-foot.gif) right bottom no-repeat;} #table tr.main-head2 a { color:#1B65AA; text-decoration: none; border-bottom: #1B65AA dashed 1px;} #table tr.main-head2 a:visited { color:#1B65AA; text-decoration: none; border-bottom: #1B65AA dashed 1px;} #table tr.main-head2 a:hover { color:#008cd5; text-decoration: none; border-bottom: #008cd5 dashed 1px; } #table h2 {font-size: 135%; font-weight: normal; display: inline-block; zoom:1; *display: inline; margin: 0px 5px 10px 0px; } #table h2 a {color:#333; text-decoration: none; border-bottom: #333 dashed 1px;} #table h2 a:hover { color:#000; text-decoration: none; border-bottom: #000 dashed 1px;} #table ul { margin: 0px 0px 0px 0px; padding: 0px; } #table li {display: inline-block; zoom:1; *display: inline; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 105%; background: #fff url(/images/default/content-fon-00-2.gif) right top no-repeat; } #table ul li span { display: inline-block; background: url(/images/default/content-fon-00-1.gif) left top no-repeat; padding: 7px 0px 5px 25px; margin: 0px 25px 0px 0px; } #table ul li a {color:#777; text-decoration: none; } #table ul li a:hover {color:#000; text-decoration: none;} #table ul li.active { background: #d3af71 url(/images/default/content-fon-0-2.gif) right top no-repeat; padding: 0px 25px 0px 0px; color: #2a2625 ;} #table ul li.active span { display: inline-block; background: url(/images/default/content-fon-0-1.gif) left top no-repeat; padding: 10px 5px 10px 25px; margin: 0px; } #table ul li.active span a {font-size: 130%; color:#333; text-decoration: none; border-bottom: #333 dashed 1px;} #table ul li.active span a:visited {font-size: 130%; color:#333; text-decoration: none; border-bottom: #333 dashed 1px;} #table ul li.active span a:hover {font-size: 130%; color:#000; text-decoration: none; border-bottom: #000 dashed 1px;} #table td a {color:#333; text-decoration: none; } #table td a:hover {color:#000; text-decoration: none; } #table ul li.dark { background: #2a2625 url(/images/default/content-fon-00-2-d.gif) right top no-repeat; padding: 0px 25px 0px 0px;} #table ul li.dark span { display: inline-block; background: url(/images/default/content-fon-00-1-d.gif) left top no-repeat; padding: 10px 5px 10px 25px; margin: 0px; } #table ul li.dark a {color:#fff;} #table ul li.dark a:visited {color:#fff;} #table ul li.dark a:hover {color:#D1AA67;} #table .button { width: 100px; display: block; margin: -5px 0px 0px -10px; padding: 0px; font-size: 110%; background: url(/images/default/tab-button-l.gif) left top no-repeat; color: #fff; text-align: center;} #table .button span {display: block; padding: 2px 0px 4px 0px; background: url(/images/default/tab-button-r.gif) right top no-repeat; } #table .button span a {color:#fff; text-decoration: none; border: 0;} #table .button span a:visited {color:#fff; text-decoration: none; border: 0;} #table .button span a:hover { color:#D1AA67; text-decoration:none; border: 0;} #table .planbutton { float: left; height: 28px; line-height:28px; display: block; margin: 0px 8px 8px 0px; font-size: 100%; background: #E0D5B3 url(/images/default/tab-button-l-2.gif) left top no-repeat; text-align: center;} #table .planbutton span {display: block; padding: 0px 10px; background: url(/images/default/tab-button-r-2.gif) right top no-repeat; } #table .planbutton span.active { font-size:110%; font-weight: bold; } #table .comparebutton { color: #fff; float: left; height: 28px; line-height:28px; display: block; margin: 0px 8px 8px 0px; font-size: 110%; background: #000000 url(/images/default/tab-button-l-3.gif) left top no-repeat; text-align: center;} #table .comparebutton span {display: block; padding: 0px 10px; background: url(/images/default/tab-button-r-3.gif) right top no-repeat; } #table .comparebutton span a { color: #fff; text-decoration: none; border: 0; } #table .comparebutton span a:visited { color: #fff; text-decoration: none; border: 0; } #table .comparebutton span a:hover { color: #D1AA67; text-decoration: none; border: 0; } #table .tabblock {margin: 0px; height:100%; background: #d3af71;} #table .tabblock .f11 { background: url(/images/default/content-fon-0-1.gif) left top no-repeat; } #table .tabblock .f12 { background: url(/images/default/content-fon-0-2.gif) right top no-repeat;} #table .tabblock .f13 {background: url(/images/default/content-fon-0-3.gif) right bottom no-repeat;} #table .tabblock .f14 {background: url(/images/default/content-fon-0-4.gif) left bottom no-repeat;} #table .tabblock .f14 {padding: 10px 15px 15px 15px ; } #table .tablight {margin: 0px; height:100%; background: #e0d5b3;} #table .tablight .f11 { background: url(/images/default/content-fon-1-1.gif) left top no-repeat; } #table .tablight .f12 { background: url(/images/default/content-fon-1-2.gif) right top no-repeat;} #table .tablight .f13 {background: url(/images/default/content-fon-1-3.gif) right bottom no-repeat;} #table .tablight .f14 {background: url(/images/default/content-fon-1-4.gif) left bottom no-repeat;} #table .tablight .f14 {padding: 10px 15px 20px 15px ; } #table .tabwhite {margin: 0px; height:100%; background: #ffffff;} #table .tabwhite .f11 { background: url(/images/default/content-fon-4-1.gif) left top no-repeat; } #table .tabwhite .f12 { background: url(/images/default/content-fon-4-2.gif) right top no-repeat;} #table .tabwhite .f13 {background: url(/images/default/content-fon-4-3.gif) right bottom no-repeat;} #table .tabwhite .f14 {background: url(/images/default/content-fon-4-4.gif) left bottom no-repeat;} #table .tabwhite .f14 {padding: 10px 15px 20px 15px ; } #table .tabblock h2 {font-size: 150%; font-weight: normal; color:#000000; margin: 15px 0px 5px 0px;} #table .tabblock h3 { font-size: 90%; color:#000000; margin: 7px 15px 5px 15px;} #table .tabblock .txt {margin: 0px 15px 0px 15px;} #table .tabblock table {margin-bottom: 0px;} #table .tabblock .txt p { margin-bottom: 20px; color:#000000;} #table .tabblock td { padding: 4px 5px 9px 0px; border-top: 0; border-bottom: #000 solid 1px; vertical-align: top; line-height: 110%;} #table .tabblock td.left, td.left {width: 350px;} /*+++++++ Стили оформления текста+++++++*/ #page {float:left; display:inline; background: transparent;} .col{width: 470px; padding: 0px 20px 0px 0px ;} .full{width: 680px; padding: 0px ;} #page h2 { font-size: 150%; font-weight: normal; margin: 20px 0px 5px 0px;} #page .select {margin: 0px 0px 20px 0px; height:100%; background: #fffFFF;} #page .select .f11{ background: #e0d5b3 url(/images/default/content-fon-3-1.gif) left top repeat-x; } #page .select .f12{ background: url(/images/default/content-fon-3-2.gif) right top no-repeat; } #page .select .f13{background: url(/images/default/content-fon-3-3.gif) right bottom no-repeat;} #page .select .f14{background: url(/images/default/content-fon-3-4.gif) left bottom no-repeat;} #page .select .f14 {padding: 25px 10px 10px 15px ; } #page .select h3 { font-size: 110%; font-weight: bold; margin: 0px; } #page .select h3.question {font-family: Arial, sans-serif; font-size: 120%; font-weight: normal; font-style: italic; margin: 0px; } #page .ahtung {margin: 0px 0px 20px 0px; height:100%; background: #fff;} #page .ahtung .f11 { background: #d3af71 url(/images/default/content-fon-0-1.gif) left top no-repeat; } #page .ahtung .f12 { background: url(/images/default/content-fon-0-2.gif) right top no-repeat;} #page .ahtung .f13 {background: url(/images/default/content-fon-0-3.gif) right bottom no-repeat;} #page .ahtung .f14 {background: url(/images/default/content-fon-0-4.gif) left bottom no-repeat;} #page .ahtung .f14 {padding: 5px 5px 5px 5px ; } #page .ahtung .txt { font-size: 120%; line-height: 110%; color:#000000; background: url(/images/default/ahtung_ico.gif) left top no-repeat; padding: 8px 0px 12px 60px ; } #page .txt_left {width:150px; margin: 10px -3px 10px 0px; padding: 0px 10px 0px 0px; float:left; display:inline; border-right: #d3af71 solid 3px; } #page .txt_right {width:500px; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 10px; float:left; display:inline; border-left: #d3af71 solid 3px; } #TitlesPopups { display: none; width: auto; height: auto; max-width: 500px; background-color: #d3af71; position: absolute; padding: 4px; z-index:2; } #TitlesPopups .txt { font-size: 100%; min-height:32px; line-height: 110%; color:#000000; background: url(/images/default/ahtung_ico.gif) left top no-repeat; padding: 8px 0px 12px 60px ; } a.helper { cursor: help; } a.helper img.info { float:right; margin-right: 8px; margin-left: 8px; } div.submit { width: 120px; display: block; padding: 0px; font-size: 110%; background: url(/images/default/tab-button-l.gif) left top no-repeat; color: #fff; text-align: center; cursor:pointer; cursor:hand;} div.submit span {display: block; padding: 2px 0px 4px 0px; background: url(/images/default/tab-button-r.gif) right top no-repeat; } div.submit:hover { color:#D1AA67; } #CalcForm input, #CalcForm select { margin:0; padding:0; font-size:11px; } div.menu1 input, div.menu1 select { margin:3px; font-size:11px; width:110px; border: none; } #whatisit div { padding-left: 10px; margin-bottom: 4px } #whatisit span { float: left; font-weight: bold; text-align:right; color: #1B65AA; } div.jspanel { height:280px; overflow:auto; }