/* Цвета и размеры #00a3e6 - голубой */ * { margin: 0; padding: 0;} body { font: 14px/18px Calibri, Arial, Tahoma, Verdana, sans-serif; padding-top: 10px; width: 100%; background-color:#59595C; } a { color:#00a3e6; text-decoration:underline; } a:hover { text-decoration: none; } p {margin: 0 0 18px} img { border: none; } input { vertical-align: middle} h2 { font-size:14px; color:#000000; margin-bottom:10px;} ul { padding: 0; margin: 0;} .wrapper { width: 1000px; margin: 10px auto; background-color: #FFFFFF; } /* Header -----------------------------------------------------------------------------*/ .header { height: 125px; } .logo { float:left; display:inline; height: 90px; } .phone { float:left; display:inline; margin-top: 11px; padding-left: 20px; height: 90px;} .bannertop { float:right; PADDING-right: 19px; PADDING-top: 7px; width: 450px; height: 90px;} /* Верхнее меню*/ .main_menu { float:left; display:inline; padding-left: 280px; padding-top: 0px; background-image:url(../../images/9406616/menu_line.gif); background-repeat:no-repeat; background-position:left; height: 20px; width: 420px;} .main_menu li{ display:inline; margin-left: 10px; font-size: 14px; color: #00a3e6;} .main_menu a { color: #00a3e6; outline: none; text-decoration: underline; font-size: 16px; font-weight: 400;} .main_menu a:hover { text-decoration: none; color: #1785b2;} .main_poisk { float:right;; display:inline; width:270px; margin-right: 0px;} .main_poisk input { font-size:12px;} /* Основной контент страницы*/ .content_main { margin-top: 20px; margin-left: 20px; padding-right: 20px;} .content_main p {font-size:12px; text-align:justify; margin: 0 0 0px;} .content_main blockquote{ background:none repeat scroll 0 0 #00A3E5; color:#FFF; line-height: 18px; padding:5px 10px; text-align: left; width:75%;} .content_main blockquote p { font-size: 12px; color: #fff;} .content_main table {width: 100%;background-color:none;} .content_nain h1 { font-size:16px; margin-bottom: 15px;} .content_main td { font-size:12px;} .content_main ul { padding: 0; /* Убираем поля */ margin-left: 40px; /* Отступ слева */ margin-top: 10px; margin-bottom: 10px; } .d1, .d2, .d3 { display: block; font-size: 0; line-height: 1px; height: 1px; } .d2, .d3, .dialog-round div { border: 2px solid #00a3e6; /* Параметры рамки */ border-top: none; border-bottom: none; /* Убираем границу сверху и снизу */ } .d1 { margin: 0 3px; background: #3b9ce3; } .d2 { margin: 0 1px; border-width: 2px; background: #3b9ce3; } .d3 { margin: 0 1px; height: 1px; } .dialog-round div { padding: 5px 10px; } /* внешний блок*/ .r1, .r2, .r3 { display: block; height: 1px; background: #3b9ce3;} .r1 { margin: 0 4px; } .r2 { margin: 0 2px; } .r3 { margin: 0 1px; height: 2px; } .block-round-content { background: #3b9ce3; /* Цвет фона */ color: #fff; padding: 10px 10px 10px 10px; /* Поля вокруг текста */ } /* Внутреннийй блок белый */ .rr1, .rr2, .rr3 { display: block; height: 1px; background: white; } .rr1 { margin: 0 3px; } .rr2 { margin: 0 2px; } .rr3 { margin: 0 1px; height: 2px; } .block-round-content1 { background:white ; /* Цвет фона */ color: #fff; padding-top: 0px; padding-left: 1px; padding-right:1px; padding-bottom: 0px; /* Поля вокруг текста */ } .block3 { padding-left:2px; padding-right: 2px;} /* Офисы */ .offices { width: 240px; float:left;} .offices h3 { color:#333; font-size:14px; text-align: left;} .offices ul {padding:0; margin: 0;} /* Обнуляем */ .offices ul { padding-top: 10px; padding-bottom: 10px; } .offices ul li { padding-top: 10px; padding-bottom: 10px; list-style-type: none; } .offices .office { font-weight:bold;} .offices .adress { text-align:right;} .offices a { color:#00a3e6; text-decoration:underline;} .offices a:hover { text-decoration:none;} /* Банер на главной */ .banner { margin-left: 10px; float: right; width: 700px;} .banner_inside {height: 369px; background-color:#6CF;} /* Меню по основным направлениям */ .menu { margin-top: 20px; float:left; width: 960px;} .menu a { text-decoration:none; } .menu a:hover { text-decoration:none;} .menu ul {padding:0; margin: 0;} /* Обнуляем */ .menu ul { padding-top: 1opx; padding-bottom: 10px;} .menu ul li { list-style-type:none; float:none; display:inline; } .menu .text {font-size:16px; color:#1785B2; margin-right: 20px; margin-left: 20px; margin-top: 20px; padding-bottom: 4px; width: 270px; cursor:pointer; text-align: center; } .menu p { font-size:14px; font-weight:bold; margin-left: 20px;} /* Блоки для главной страницы*/ .main_block { float:left; margin-top: 20px; height:auto; width:960px;} .main_block_inside { width: 940px;} /*.block2 { padding 0;} */ /* Блок компьютерной помощи*/ .main_block .name { width: 260px; padding-left: 20px; text-align:left;} .main_block .name h1 { color:#FFF; font-size:29px;} .main_block .description p { color:#FFF; font-size:12px; margin-top: 10px;} .main_block .description strong { color:#FFF; font-size:12px; font-weight:bold;} /* Блоки Компьютерной помощи*/ .advantages {float:left; margin-top: 10px; width: 225px; margin-right: 20px; height: 280px;} .advantages ul { margin-left: 25px; margin-top: 20px;} .advantages li { list-style-image:url(../../images/9406616/sign_cross_mini.jpg); margin-top: 10px; padding-top: 0px;} .advantages p { text-align:left; font-size:16px;} /* Блок услуг*/ .services1 {float:left; margin-top: 10px; width: 225px; margin-right: 20px;} .services1 ul {margin:0; margin-top:10px;} .services1 li {list-style-type:none; margin:0;} .services1 a {color:#0292cd; text-decoration:underline; font-size:16px;} .services1 a:hover { text-decoration:none; color:#FFF; background-color:#09F;} /* 0292cd */ .services {float:left; margin-top: 10px; width: 225px;} .services ul {margin:0; margin-top:10px;} .services li {list-style-type:none; margin:0; margin-bottom: 5px;} .services a {color:#0292cd; text-decoration:underline; font-size:16px;} .services a:hover { text-decoration:none; color:#FFF; background-color:#09F;} /* расстояние между ссылками на услуги */ .service li { margin-bottom: 5px;} .service1 li { margin-bottom: 5px;} .service { height: 300px;} /* Высота столбцов - всех кроме преимущества*/ .services2 {float:left; margin-top: 10px; width: 225px; margin-right: 20px;} .services3 {float:left; margin-top: 10px; width: 225px;} .promo { margin-top: 10px; float:left; width: 960px;} .promo .promo_table { width:100%; border-spacing: 5px;} .promo .promo_table strong { font-size:14px;} .promo_table { font-size:14px;} .promo_service { font-size: 14px;} .promo_price {font-weight:bold; font-size:24px; color:#00a3e6;} /* Блоки Сервисного центра*/ .advantages_sc {float:left; margin-top: 10px; width: 225px; margin-right: 20px; height: 280px;} .advantages_sc ul { margin-left: 25px; margin-top: 20px;} .advantages_sc li { list-style-image:url(../../images/9406616/sign_cross_mini.jpg); margin-top: 10px; padding-top: 0px;} .advantages_sc p { text-align:left; font-size:16px;} /* Блок услуг*/ .services1_sc {float:left; margin-top: 10px; width: 225px; margin-right: 20px;} .services1_sc ul {margin:0; margin-top:10px;} .services1_sc li {list-style-type:none; margin:0;} .services1_sc a {color:#0292cd; text-decoration:underline; font-size:16px;} .services1_sc a:hover { text-decoration:none; color:#FFF; background-color:#09F;} /* 0292cd */ .services_sc {float:left; margin-top: 10px; width: 225px;} .services_sc ul {margin:0; margin-top:10px;} .services_sc li {list-style-type:none; margin:0; margin-bottom: 5px;} .services_sc a {color:#0292cd; text-decoration:underline; font-size:16px;} .services_sc a:hover { text-decoration:none; color:#FFF; background-color:#09F;} /* расстояние между ссылками на услуги */ .service_sc li { margin-bottom: 5px;} .service1_sc li { margin-bottom: 5px;} .service_sc { height: 620px;} /* Высота столбцов - всех кроме преимущества*/ .services2_sc {float:left; margin-top: 10px; width: 225px; margin-right: 20px;} .services3_sc {float:left; margin-top: 10px; width: 225px;} .promo_sc { margin-top: 10px; float:left; width: 960px;} .promo_sc .promo_table { width:100%; border-spacing: 5px;} .promo_sc .promo_table strong { font-size:14px;} .promo_sc_table { font-size:14px;} .promo_service_sc { font-size: 14px;} .promo_price_sc {font-weight:bold; font-size:24px; color:#00a3e6;} .tizers {float:left; margin-top: 10px; width: 620px;} .tizer { float:left; margin-bottom: 10px; width: 600px;} .tizer_img { float:left; width:100px;} .tizer_text { float:left; margin-left: 140px; padding-top: 20px; width: 300px;} .tizer h4 {margin-bottom: 5px;} .tizer a {color:#333; text-decoration:none;} .tizer a:hover {} .card { float:right; margin-top: 20px;} .card_block { width: 300px; } .card_block ul { margin-left:20px;} .news { float:left; margin-top: 10px; width: 960px;} .news li {list-style-type:none;} .news_block{} .news_date { margin-right: 10px; border:none; text-align:right;} /* Middle -----------------------------------------------------------------------------*/ .middle { width: 1000px; } .middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } .container { width: 100%; float: left; overflow: hidden; background-color:#ffffff; } .content { margin-left: 290px; margin-top: 20px; background-color:#ffffff; } /* Sidebar Left -----------------------------------------------------------------------------*/ .sl { float: left; width: 250px; margin-left: -100%; position: relative; background: #ffffff; padding: 10px 0 0 10px; } .s1 .picture_left { float:left; margin-top: 10px; margin-bottom: 10px; } .sl .discont { color:#FF0000; font-size:18px;} /* News left on main -----------------------------------------------------------------------------*/ .news-main {margin-top: 10px; margin-bottom: 30px;} .sl h2 {font-size:14px; margin-bottom: 10px;} .sl a { font-size: 12px;} .sl a:hover {font-size: 12px;} .news_all_link { float:left; width:100%; text-align:right;} .news_list_left dd { font-size:9px;} /* News all -----------------------------------------------------------------------------*/ .news_title a { font-size:12px;} .news_title a:hover {font-size:12px;} .news_img {margin-right: 20px; margin-top:10px;} /* Footer -----------------------------------------------------------------------------*/ .footer { width: 1000px; float:left; display:block; background-color:#FFFFFF; padding: 10px 0 10px 0; } .footer .line { background-image:url(../../images/9406616/menu_line.gif); background-repeat:no-repeat; background-position:left top; } .copyright { padding-left:10px; padding-top: 10px; padding-bottom: 0px; font-size:12px; color:#666666; font: 12px/18px Arial, Tahoma, Verdana, sans-serif; float:left; } /* Menus -----------------------------------------------------------------------------*/ .content_main .main{ background:none repeat scroll 0 0 #00A3E5; color:#FFF; padding:5px 10px; width:75%; text-align:justify; } /* Tizers */ .tizer { float:left; padding-right: 20px; padding-left: 0px; } .left_menu_rk { height: 240px; } .left_menu_rn { height: 250px; } .left_menu_kp {height: 300px;} .fraud {float:left; display:block; margin-top: 20px; margin-bottom: 20px;} .bread {height: 50px; margin-right: 20px; margin-left: 20px;} .tags a{ font-size:12px;} .tags a:hover{ font-size:12px;} /* Information system Raiony */ .raion_title a { font-size:16px;} .raion_title a:hover{font-size:16px;} /* ????? ??? ???????? */ .shop_cart_table { /* width: 100%; */ border-spacing: 2px; } .shop_cart_table, .shop_cart_table td { empty-cells: show; } .shop_cart_table td, .shop_cart_table th { padding-right: 10px; padding-left: 5px; height: 25px; vertical-align: middle; } .shop_cart_table td { padding-bottom: 4px; padding-top: 4px; } .shop_cart_table th { text-align: left; border-bottom: 1px solid #d20a1c; } .price_table_border, .price_table_border td { border-collapse: collapse; empty-cells: show; border-width:1px; border-color: #C8C0A9; border-style: dashed; padding-left: 5px; } .hit { width: 40px; height: 40px; background: url('../../images/hit.png') no-repeat 0 0 !important; background: none; position: absolute; left: 0; top: 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hit.png'); } /* ?????? ??????? ? ?????????? */ .shop_block { border: 1px solid #ccc; background: #EEE; padding: 5px 7px; margin: 10px 5px 10px 0px; } .shop_block a { position: relative; z-index: 2; } .shop_block input, .shop_block select { border: 1px solid #969696; } .shop_block .gray_button input { border-width: 0; } .arrow_up, .arrow_up_gray, .arrow_down, .arrow_down_gray { width: 16px; height: 16px; z-index: 1; float: left; } .arrow_up img, .arrow_up_gray img, .arrow_down img, .arrow_down_gray img { filter: alpha(opacity=0); } .arrow_up { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/hostcmsfiles/images/arrow_up.png'); } .arrow_up_gray { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/hostcmsfiles/images/arrow_up_gray.png'); } .arrow_down { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/hostcmsfiles/images/arrow_down.png'); } .arrow_down_gray { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/hostcmsfiles/images/arrow_down_gray.png'); } .shop_navigation { list-style-type: none; margin: 0; padding: 15px 0; } .shop_navigation li { float: left; padding-right: 10px; } .shop_navigation span { margin-right: 10px; border-bottom: 1px solid #d20a1c; } .shop_navigation_current span { color: #525252; font-weight: bold; font-size: 11pt; border-bottom: 1px solid #d20a1c; } /* END ????? ??? ???????? */ /* Счётчики */ .counter { float:right;padding-right: 20px;padding-top: 40px;}