/* --------------- reset.css --------------- */ * { -moz-box-sizing: border-box; box-sizing: border-box; } html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, tfoot, thead, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button { margin: 0; padding: 0; border: 0; outline: 0; /* обнуляем отступы и убираем бордюры */ /* приводим все к одной базовой линии */ background: transparent; /* чтобы не проскакивали левые фоны, установленные по умолчанию */ font-size: 100%; /* размер шрифта всем одинаковый */ } table { /* устраняем отступы между ячейками таблицы */ } td, td img { vertical-align: top; /* возвращаем привычное вертикальное выравнивание */ } input, select, button, textarea { margin: 0; /* убираем отступы по умолчанию для элементов форм (в частности для checkbox и radio) */ font-size: 100%; /* делаем размер шрифтов везде одинаковым */ outline: none; } input[type="text"], input[type="password"], textarea { font-family: Roboto; font-size: 1em; /* убираем внутренние отступы для текстовых полей */ } input[type="checkbox"] { /* вертикальное выравнивание чекбоксов и радиобатонов относительно меток */ vertical-align: bottom; } input[type="radio"] { margin: 0 8px 0 1.5px; vertical-align: middle; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } nav ul, footer ul { list-style:none; } /* --------------- /reset.css --------------- */ /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* --------------- базовые настройки ---------*/ html { min-height:100%; /* всегда показываем вертикальную полосу прокрутки */ } body { background-color: #F7F7F7; font-size: 1em; /* используем безопасные шрифтовые CSS стеки */ min-height:100%; } h1, h2{ font-weight:normal; } img{ max-width:100%; } .clr{ clear:both; } footer:before, footer:after, nav:before, nav:after, article:before, article:after, section:before, section:after, .pop:before, .pop:after, .pop_f:before, .pop_f:after, .top-header:before, .top-header:after, .clearfix:after { clear: both; content: ""; display: table; } /* --------------- /базовые настройки ---------*/ body { font: 100/1.5em Roboto; font-family: 'Roboto', sans-serif; } .middle { position: relative; } .container { max-width: 1190px; min-width: 320px; margin: 0 auto; background-color: #fff; margin-bottom: 10px; } .top-header { margin: 0 auto; border-radius: 20px 20px 0 0; background-color: #d8d8d8; } .logo { text-align: center; } .head { max-width: 1190px; min-width: 320px; margin: 0 auto; } .share42init { float: right; width: 200px; height: 30px; margin: 30px 0 0; } /* ---------------------------------------МЕНЮ ТОП---------------------------------------*/ .bottom-header { background-color: #3985B4; margin: 0; padding: 0; width: 100%; height: 36px; top: 0; z-index: 10; margin: 0 auto; position: relative; } .row { width: 100%; height: auto; } nav{ float:left; margin-left: 10px; width: 70%; z-index: 10; } nav>ul{ float:left; } nav li{list-style:none;float:left; margin: 0 1px;} nav .dropdown{position:relative} nav li a{ float:left; color: #fff; text-decoration: none; padding: 11px 14px 8px 14px; display: block; font-size: 15px; font-family: Arial, sans-serif; text-transform: uppercase; font-weight: bold; } li.atb:hover { border-radius: 6px; background-color: #BB162B; } li.atb:active{ border-radius: 6px; background-color: #BB162B; } .active{ border-radius: 6px; background-color: #BB162B; } .active2{ border-radius: 6px; background-color: #F39200; } nav li ul{display:none} nav li:hover ul{display:inline} nav li li{float:none;position: relative;} nav .dropdown ul li, nav .mega-dropdown ul li{ width: 96%; margin: 0 auto; margin-top: 12px; height: 100%; } nav li { } nav .dropdown ul li img, nav .mega-dropdown ul li img{ float: left; margin-right: 10px; width: 100px; display: block; } nav .dropdown ul li:hover{ background-color: #eee; cursor: pointer; } nav .mega-dropdown ul li:hover{ background-color: #eee; cursor: pointer; } nav .my-b { display: block; padding: 0; cursor: pointer; text-decoration: none; } nav .dropdown li, nav .mega-dropdown ul li{ } .divlink { width: 100%; height: 100%; cursor:pointer; } nav .dropdown li a{ display: block; height: 100%; text-transform: none; font-weight: normal; font-family: Helvetica; } nav .dropdown ul{ position:absolute; left:0; top:100%; width:260px; background-color: #fff; border: 1px solid #bbb; padding: 0 0 10px 10px; border-radius: 5px !important; box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2); z-index: 12; } nav .mega-dropdown li a{ text-transform: none; font-weight: normal; color: #000; text-decoration: none; font-size:0.9em; font-family: Helvetica; display: block; height: 100%; } nav .mega-dropdown li a:hover { text-decoration: underline; } nav .dropdown li a:hover { text-decoration: underline; } .bottom-header nav .mega-dropdown{ position:absolute; top:100%; left:0; z-index: 13; padding: 0 0 10px 8px; background-color: #fff; border: 1px solid #bbb; border-radius: 5px !important; box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2); } nav li li a{ float:none; color:#000; } .mega-col{ width:260px; float:left } .mega-dropdown ul li:before, .mega-dropdown ul li:after, .dropdown ul li:before, .dropdown ul li:after, .clearfix:after { clear: both; content: ""; display: table; } .serch { color: #fff; float: right; width: 18.8em; height: 37px; background-color: #3985B4; } .menu_t { padding: 9px 0 0 10px; cursor: pointer; } .search { width: 98%; padding: 7px 5px 0 5px; } .search input{ width: 90%; background-color: #BB162B; color: #fff; float: left; border: 1px solid #BB162B; font-size: 1em; } .search button{ cursor: pointer; float: right; } /* -----------------------------------------ХЛЕБНЫЕ КРОШКИ---------------------------------------*/ .hleb { width: 100%; background-color: #fff; margin: 0 0 12px; padding: 5px 0; } .hleb ul li{ display: inline-block; } .hlebul { margin-left: 20px; } .hleb li{ padding-left: 6px; } .hleb li a:link {text-decoration: underline;} .hleb li a:hover{text-decoration: none;} .hleb li a:visited{text-decoration: none;} .hleb li span, .hleb li a{ font-family: "Roboto Condensed", sans-serif; font-size: 1em; color: #424242; line-height: 25px; font-style: italic; font-weight: 500; } /* ----------------------------------------Г Л А В Н А Я -----С Т Р А Н И Ц А ---------------------------------------*/ .slider{ width: 100%; margin: 0 auto; padding-left: 15px; margin-top: 8px; } #owl-demo .item{ margin: 5px; position: relative; } #owl-demo .item img{ display: block; width: 400px; height: auto; border-radius: 10px; } .item h5 a { position: absolute; top: 71%; left: 20px; font-family: "Roboto"; font-size: 1.2em; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 1.5; padding-right: 10px; letter-spacing: 1px; text-decoration: none; } #owl-demo .item h5 a:hover{color: #BB162B;} .item_main a:hover{color: #BB162B;} .item .proz, .item_main .proz { width: 400px; height: 33%; background-color: #000; position: absolute; left: 0; bottom: 0; opacity: 0.5; border-radius: 0 0 10px 10px; } .item .proz_k, .item_main .proz_k { position: absolute; left: 0; bottom: 33%; } #owl-demo .item .proz_k h6{ background-color: #BB162B; color: #fff; padding: 5px 10px; text-transform: uppercase; font-size: 0.9em; } .index_main, .index_kat { width: 100%; margin: 0 auto; margin-top: 15px; } .in_m_l img{ padding: 0 0 0 5px; } .in_m_l { float: left; width: 58%; } .in_m_r { float: right; width: 39%; margin-right: 5px; } .item_main { position: relative; margin-bottom: 10px; } .item_main img{ display: block; width: 400px; height: auto; border-radius: 10px; } .item_main .proz { width: 100%; height: 33%; background-color: #000; position: absolute; left: 0; bottom: 0; opacity: 0.5; } .item_main .proz_k h6{ background-color: #BB162B; color: #fff; padding: 5px 10px; text-transform: uppercase; font-size: 0.7em; } .item_main h5 a{ position: absolute; top: 71%; left: 20px; font-family: "Roboto"; font-size: 1em; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 1.3; padding-right: 10px; letter-spacing: 1px; text-decoration: none; } .index_kat { margin-top: 20px; } .in_kat_l { float: left; width: 48.5%; padding: 5px; } .in_kat_r { float: right; width: 48.5%; padding: 5px; } .in_kat_img { position: relative; margin-bottom: 10px; } .in_kat_img .proz{ width: 100%; height: 30%; background-color: #000; position: absolute; left: 0; bottom: 5px; opacity: 0.5; } .in_kat_img h5 a{ position: absolute; top: 75%; left: 20px; font-family: "Roboto"; font-size: 1.2em; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 1.1; padding-right: 10px; letter-spacing: 1.2px; text-decoration: none; } .in_kat_img a:hover{color: #BB162B;} .in_kat_oblg { margin: 0 auto; width: 95%; clear: both; content: ""; display: table; margin-bottom: 15px; } .in_kat_oblg img{ width: 150px; float: left; padding-right: 15px; } .in_kat_a { padding-top: 10px; } .in_kat_a a{ font-size: 0.95em; color: #34495E; text-decoration: none; } .in_kat_a a:hover{text-decoration: underline;} /* ------------------------------------------MAIN---------------------------------------*/ .main { float: left; width: 72.5%; margin-bottom: 20px; position: relative; padding-left: 15px; } .w { font-weight: bold; text-decoration: none; } a.w:hover{ text-decoration: underline;} a.w:visited{ text-decoration: none;} main, .bg_m { } .bg_pad { padding-top: 10px; } main p{ text-align: justify; font-size: 1em; font-family: Roboto; padding: 5px 20px 5px 5px; color: #424242; } main a:hover{ text-decoration: none;} main a:visited{ text-decoration: underline;} main ul, ol{ margin-left: 40px; } main li{ font-size: 1em; font-family: Roboto; color: #424242; padding: 3px; } .imgL { float: left; padding: 5px 15px 10px 10px; } .imgR { float: right; padding: 5px 1px 10px 15px; } h1{ font-size: 2.3em; padding: 5px 5px 10px 25px; color: #424242; font-family: "PT Sans",sans-serif; line-height: 1.2; font-weight: 600; } h2{ font-size: 1.5em; color: #BB162B; font-family: Roboto Condensed, sans-serif; line-height: 1.1; text-align: center; padding: 13px 0; } h3{ font-size: 1.3em; color: #BB162B; font-family: Roboto Condensed, sans-serif; text-align: center; padding: 12px 0; line-height: 1.1; } .centerimg { margin-top: 10px; text-align: center; margin: 0 auto; padding: 10px; } td { font-size: 1em; } .centertab { text-align: center; margin: 0 auto; width: 95%; } .centertab2 { margin: 0 auto; width: 95%; } .centertab td{ padding: 5px 2px; } .n1 { font-size: 1em; background-color: #c0c0c0; } .n2 { text-align: center; vertical-align: middle; } .n3 { background-color: #f4f4f4; text-align: center; vertical-align: middle; } .tab_1 { width: 35%; } .tab_2 { width: 65%; } .lampa { margin: 0 auto; width: 80%; } /* ------------------------------------------ /РЕКЛАМА ---------------------------------------*/ .google1 { margin: 0 auto; padding: 0; margin: 15px 0 20px 5px; } .google2 { margin-top: 10px; width: 100%; margin: 0 auto; margin-bottom: 10px; padding: 13px 0 0; margin-left: 20px; } /* ------------------------------СМОТРИТЕ ЕЩЁ -------------------------------------*/ .gol_l { width: 50%; float: left; padding: 5px; } .gol_r { width: 43%; float: right; padding: 5px; text-align: right; } .gol_r form p{ text-align: right; } .gol_l p, .gol_r p{ color:#000; font-family: Verdana; font-size: 0.9em; padding: 5px; } .gol_l img{ padding: 0; } .smtr_artcl_a { width: 32%; float: left; margin: 5px; } .smtr { width: 100%; margin: 0 auto; margin-bottom: 10px; margin-top: 25px; } .rekl_ads { width: 96%; margin: 0 auto; padding-left: 10px; } .smtr_golos { width: 95.5%; margin: 0 auto; margin-bottom: 10px; margin-top: 40px; padding: 10px; position: relative; background-color: #F4F4F4; border-radius: 8px; } .smtr_artcl { width: 30%; display: inline-block; margin-left: 3%; margin-bottom: 22px; vertical-align: top; } .smtr_artcl img{ border-radius: 6px ; border: 1px solid #A8A8A8; } .smtr_artcl a{ color: #000; text-decoration: underline; font-size: 1.11em; } .smtr_artcl p{ padding: 3px 5px 0 3px; } .smtr_artcl a:hover {text-decoration: none;} .smtr_artcl a:visited {text-decoration: underline;} .smtr_artcl_a img{ float: left; padding: 0 5px 5px 0; } .smtr_a a{ color: #000; text-decoration: none; font-size: 1em; font-family: Helvetica; } .smtr_a a:link {text-decoration: none;} .smtr_a a:hover {text-decoration: underline;} .smtr_a a:visited {text-decoration: none;} .smtr_a p{ color: #BB162B; font-family: Helvetica; font-size: 0.7em; text-transform: uppercase; padding: 5px 3px 3px 3px; font-weight: bold; } .go1{ width: 44%; float: left; margin: 5px 5px 15px 15px; } .smtr_tak { width: 100%; background-color: #F5F6F7; margin-bottom: 10px; } .smtr_tak img{ float: left; margin-right: 10px; padding: 0; width: 85px; } .stmtr_taka p{ color: #fff; padding-bottom: 7px; } .stmtr_taka { padding-top: 4px; } .stmtr_taka span{ background-color: #BB162B; font-family: Helvetica; font-size: 0.7em; text-transform: uppercase; padding: 5px; font-weight: bold; border-radius: 3px; } .stmtr_taka a{ font-size: 1.1em; color: #34495E; } .stmtr_taka a:link {text-decoration: underline;} .stmtr_taka a:hover {text-decoration: none; color: #424242;} .stmtr_taka a:visited {text-decoration: underline;} /* ---------------------------------------В Ы В О Д -----В---- В И Н Д Е К С Е ---------------*/ .wiew_ind { width: 97%; margin: 0 auto; position: relative; margin-top: 10px; } .view { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 46%; background-color: #FCFCFC; margin: 15px; border-bottom: 2px solid #BB162B; } .view_n { display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 46%; margin: 15px; border-bottom: 2px solid #BB162B; } main .view_n p{ padding: 6px 0; } .pstrn { width: 100%; margin-top: 30px; margin-bottom: 20px; float: left; } .pstrn ul{ list-style: none; margin-left: 3px; } .pstrn li{ display: inline-block; margin: 0 1px; background-color: #f6f5f7; font-weight: 500; } .pstrn ul li a, .pstrn ul li b{ text-align: center; width: 40px; height: 33px; line-height: 33px; font-size: 1em; background-color: #f6f7f5; border: 1px solid #ccc; display: block; color: #BB162B; text-decoration: none; } .pstrn li a:hover{ text-decoration: none; color: #fff; background-color: #BB162B; } .pstrn ul li a.activ, .pstrn ul li b.activ{ text-align: center; width: 40px; height: 33px; line-height: 33px; font-size: 1em; background-color: #BB162B; text-decoration: none; color: #fff; border: 1px solid #ccc; } .view_im img { float: left; padding: 10px; width: 100px; } .view_im_ot img{ float: left; padding: 10px; width: 150px; } .v_img img { margin: 0 auto; width: 100%; border-radius: 6px ; border: 1px solid #A8A8A8; } .view_im, .view_im_ot { width: 100%; clear: both; content: ""; display: table; } .view_a{ width: 100%; padding-top: 10px; } .view_as{ width: 100%; padding-top: 25px; } .view_a a, .view_as a{ font-size: 1.5em; color: #BB162B; font-family: Roboto Condensed, sans-serif; line-height: 1.1; text-decoration: none; } .view_an a{ font-size: 1.6em; color: #BB162B; font-family: Roboto Condensed, sans-serif; letter-spacing: 0.8px; text-decoration: none; } .view_as a:hover{text-decoration: underline;} .view_as a:visited{text-decoration: none;} .view_a a:hover{text-decoration: underline;} .view_a a:visited{text-decoration: none;} .view_an a:hover{text-decoration: underline;} .view_an a:visited{text-decoration: none;} .view_b { margin-top: 10px; border-top: 1px solid #ccc; width: 100%; padding:10px 0 10px 0; } .view_bn { margin-top: 10px; border-top: 1px solid #ccc; width: 100%; padding:10px 0 10px 0; } .view .view_b p{ font-size: 0.9em; } .view_n .view_bn p { font-size: 0.9em; padding: 3px 0; } .view_ver { display: table; } .view_ver p{ text-align: left; } .tab { display: table; } /* ---------------------------------------П О И С К --------П О И С К ---------П О И С К ------П О И С К ---------------*/ main .search_wie { width: 90%; margin: 0 auto; } .search_wie a{ font-family: Roboto; font-size: 1.1em; } .search_wie p{ padding: 0; } .search_wie span{ padding: 0 5px 20px 0px; margin: 0; color: #2F9D37; } .search_in { margin-top: 15px; } .search_in b{ margin-right: 10px; } /* ----------------------------------------К О М М Е Н Т А Р И И --------------------------------------*/ .koment_d { width: 100%; margin-top: 10px; padding: 7px 0; } .com { width: 50%; margin: 10px; } .com img{ padding: 0 3px 0 15px; } .f_name { width: 100%; margin: 5px 10px; padding: 5px 15px; background-color: #F8F8F8; } .f_text { width: 100%; margin: 5px 10px; padding: 5px 15px; background-color: #F8F8F8; } .f_text_otz { width: 98.6%; margin: 5px 10px; padding: 5px 15px; background-color: #F8F8F8; } .f_knop { text-transform: uppercase; font-size: 0.8em; border: none; background-color: #3985B4; padding: 6px 15px 4px 15px; color: #fff; cursor: pointer; } .koment { width: 100%; margin: 0 auto; margin-top: 10px; } .koment h5 { width: 100%; padding: 6px 0; color: #fff; background-color: #BB162B; text-transform: uppercase; font-size: 1.15em; text-align: center; } .kom_in { width: 95%; margin: 0 auto; margin-top: 15px; border-bottom: 1px solid #ECECED; padding-bottom: 7px; } .kom_img { background-image: url(https://nissanenote.ru/imgN/avatr.png); width: 50px; height: 50px; float: left; margin-top: 3px; } .kom_wie { margin-left: 60px; } .kom_wie p.kom_wie_name { color: #1C88D5; font-size: 1em; font-family: Helvetica; } .kom_wie p{ font-size: 0.9em; color: #34495E; font-family: Helvetica; } .kom_wie p.kom_wie_taim { color: #ABABAB; padding-top: 3px; } .load{ width:150px; text-align:center; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; } .load div{ cursor:pointer; background: #6483aa; color:#fff; padding: 4px 10px 4px 10px; border:1px solid #2f4561; } .comm-otv-cont { width: 94%; margin-left: 20px; box-shadow: 0px 1px 1px 0px #c0c0c0; padding: 6px 6px 6px 15px; border-left: 4px solid #BB162B; margin-top: 6px; background-color: #F8F8F8; } .comm-otv-cont p{ font-family: Roboto; color: #BB162B; } /* ----------------------------------------В Ы В О Д ----------О Т З Ы В О В-------------------------------------*/ .otzoblg, .description, .desc { width: 95%; margin: 0 auto; margin-top: 20px; } .fotootzv { float: right; width: 35%; } .view_otz_foto img{ width: 300px; } .otzyvd img { float: right; } .opis { float: left; width: 60%; } .otzyvtabl p, .otzyvtab2 p { padding: 2px 0 2px 10px; margin: 0; } .otzyvtabl span, abbr{ color: #003399; font-weight: bold; padding-left: 5px; } .fn, .locality, abbr{ color: #003399; font-weight: bold; padding-left: 5px; } .otzyvtab2 img { margin-left: 10px; } .summary { color: #6C33CC; font-size: 1.5em; font-family: Roboto; } .descr-cont { margin: 0 auto; width: 100%; background-color: #F6F5F3; } .desc { width: 100%; margin: 0 auto; margin-top: 20px; vertical-align: top; } .desc p{ text-align: left; } .pro-cont { width: 48.5%; float: left; background-color: #B5D1C2; padding: 0 0 10px 0; } .pro-cont h5{ color: #006633; } .contra-cont h5{ color: #CC0033; } .contra-cont { width: 48.5%; float: right; background-color: #F7B5B9; padding: 0 0 10px 0; } .desc h5 { text-align: center; text-transform: uppercase; font-size: 1em; font-family: Helvetica; padding-top: 7px; } .smotrite { width: 95%; margin: 0 auto; margin-top: 20px; background-color: #B7D4EA; padding-bottom: 15px; } .smotrite h6{ text-transform: uppercase; font-size: 1em; font-family: Helvetica; padding: 15px 0 15px 25px; color: #003399; } .smotrite span{ color: #003399; padding-right: 6px; } .smotrite ul{ list-style-type: none; color: #0000ff; } .smotrite ul li a{ text-decoration: none; padding-left: 6px; } .smotrite ul li a:hover{ text-decoration: underline; } .reting { margin: 0 auto; width: 60%; margin-left: 30px; background-color: #e5e6e7; padding: 10px; } /* ------------------------------------------ САЙТБАР ---------------------------------------*/ aside { float: right; width: 26.4%; margin-bottom: 20px; padding: 0 10px; } .menu_new { margin: 10px 0; } h4 { color: #000; font-family: "PT Sans",sans-serif; line-height: 1.2; font-size: 1.5em; margin: 15px 10px 15px 20px; text-align: left; } .otz h4 a{ color: #2D9D37; text-decoration: underline; } .otz h4 a:hover {text-decoration: none;} .rekl_ALI { width: 100%; height: auto; text-align: center; background-color: #FFF; margin: 0 0 10px 0; padding: 7px 0 0 0; } .rekl_ALI img:hover{ opacity: 0.75; } .zag_sb { width: 100%; margin: 0 auto; border-top: 2px solid #E9E7E8; padding-bottom: 3px; } .menu_sb, .otz, .comm_sb, .teg, .comm_sb_otz{ width: 100%; background-color: #fff; margin: 8px 0 ; padding: 6px 0 10px 0; border-radius: 10px ; border: 1px solid #A8A8A8; } .menu_sb p{ font-size: 0.7em; font-family: Roboto; line-height: 1.1; color: #424242; padding: 0 20px 0 0; text-align: right; } .blok2 p{ font-size: 0.7em; font-family: Roboto; line-height: 1.1; color: #ccc; padding: 10px 0 0 20px; text-align: left; } .rekl_ss { width: 100%; background-color: #FFF; margin: 0 0 10px 0; padding: 10px 3px 10px 10px; } .rekl_ss p { font-size: 0.9em; font-family: Helvetica; line-height: 1.2; color: #34495E; } .rekl_ss a{ font-size: 1em; font-family: Verdana; text-decoration: underline; color: #BB162B; font-weight: bold; } .rekl_ssA { width: 100%; background-color: #FFF; margin: 0 0 10px 0; padding: 6px 0 0 0; } .rekl_ssA p { font-size: 1.15em; font-family: Roboto; line-height: 1.2; color: #34495E; text-align: center; padding: 2px; } .rekl_ssA a{ font-size: 1em; font-family: Verdana; text-decoration: underline; text-transform: uppercase; color: #BB162B; font-weight: bold; } .rekl_ssA a:hover{text-decoration: none;} .rekl_ssA a:visited{text-decoration: underline;} .mult a{ font-size: 1em; font-family: Verdana; text-decoration: underline; color: #0088CC; font-weight: bold; } .comm_sb li, .comm_sb_otz li { padding: 7px 4px 7px 0; margin: 0 15px 0 20px; } .comm_sb ul{ margin: 10px 0 15px 0; } .comm_sb li, .comm_sb_otz li { padding: 7px 4px 7px 0; margin: 0 15px 0 20px; } .comm_sb_otz ul{ margin: 6px 0; } .comm_sb li, .comm_sb_otz li { list-style: none; } .comm_sb_otz a{ font-family: Arial, sans-serif; font-size: 1em; line-height: 21px; color: #424242; margin: 15px 0; } .comm_sb_otz a:link {text-decoration: underline;} .comm_sb_otz a:hover {text-decoration: none;} .comm_sb_otz a:visited {text-decoration: none;} .comm_sb a{ font-family: "Roboto Condensed", sans-serif; font-size: 0.9em; text-decoration: none; color: #34495E; margin: 15px 0; line-height: 1.2; } .comm_sb a:hover {text-decoration: underline;} .comm_sb a:visited {text-decoration: none;} .comm_sb p.bbc, .comm_sb_otz p.bbc { font-family: Helvetica; font-size: 0.9em; color: #BB162B; padding: 10px 15px 0 2px; font-weight: bold; } .comm_sb p.bbc span, .comm_sb_otz p.bbc span{ font-family: Helvetica; font-size: 0.8em; color: #267DA8; padding-left: 20px; padding-top: 5px; margin-left: 5px; font-weight: bold; background-image: url(https://nissanenote.ru/imgN/time.png); background-position: left bottom; /* Положение фона */ background-repeat: no-repeat; } .comm_sb a:link { text-decoration: none; border-bottom: solid 1px #424242; } .comm_sb a:hover {color: #0000cc; text-decoration: none; border-bottom: solid 1px #0000cc;} .comm_sb a:visited {text-decoration: none; border-bottom: solid 1px #424242;} .menu_sb li a{ font-family: Verdana; font-size: 0.9em; text-transform: uppercase; color: #424242; text-decoration: none; } .menu_sb li a:hover {text-decoration: underline; color: #BB162B;} .menu_sb li a:visited {text-decoration: none; color: #800080;} .rekl_sb { width: 100%; margin: 10px 0; } .pop img{ float: left; margin-right: 10px; width: 110px; border-radius: 6px; border: 1px solid #A8A8A8; } .pop { width: 90%; margin: 0 auto; margin-top: 10px; } .pop_a { padding-top: 8px; } .pop_a a{ color: #000; text-decoration: none; font-size: 0.9em; font-family: Helvetica; } .pop_a a:hover {text-decoration: underline; color: #BB162B;} .pop_a a:visited {text-decoration: underline; } .comm_sb_otz{ width: 100%; background-color: #fff; border: solid 1px #c0c0c0; margin: 0 0 10px 0; padding: 5px 0 10px 0; } .otz h4 a:link{ color: #000; text-decoration: underline; } .otz h4 a:hover {color: #BB162B; text-decoration: none;} .otz h4 a:visited { color: #000; text-decoration: underline;} .otz h5 a{ color: #3985B4; font-family: Helvetica; text-transform: uppercase; font-size: 0.9em; margin: 15px 0 6px 15px; border-left: 4px solid #BB162B; padding-left: 10px; } .otz h5 a:hover {text-decoration: none;} .otz li a{ font-family: Roboto; font-size: 1em; color: #424242; text-decoration: none; } .otz ul{ padding-bottom: 10px; } .otz li a:hover {text-decoration: underline; color: #BB162B;} .otz li a:visited {text-decoration: none; } .teg{ width: 100%; background-color: #fff; border: solid 1px #c0c0c0; margin: 0 0 10px 0; padding: 5px 0 10px 0; } .teg ul{ padding: 0 10px 0 15px; } .teg li{ display: inline-block; padding: 6px; margin: 2px; } .teg li a:hover{ background-color: #0E2F56; color: #fff; } .teg li a{ vertical-align: baseline; padding: 7px 8px; text-decoration: none; text-transform: uppercase; font-family: Verdana; color: #000; border-radius: 11px 6px 6px 0; border: 1px solid #3985B4; } .teg ul li{ font-size: 0.7em; line-height: 1.5em; } /* ------------------------------------------ РЕКЛАМА НОВАЯ ---------------------------------------*/ .banner_mas { width: 100%; height: 910px; text-align: center; margin: 0 auto; } .banner_mas2 { width: 100%; height: 350px; text-align: center; margin: 0 auto; } /* -------------------ф у т е р --------ф у т е р --------ф у т е р -------ф у т е р ----------------*/ footer { margin-top: 20px; clear: both; background-color: #F7F7F7; } .menu_bottom { background-color: #3985B4; } .menu_bottom ul li{ list-style: none; display: inline-block; padding: 10px; } .menu_bottom ul li{ list-style: none; display: inline-block; padding: 10px; } .menu_bottom li a{ color: #fff; text-transform: uppercase; font-size: 0.9em; font-family: Roboto,ssans-serif; text-decoration: none; } .menu_bottom li a:hover {color: #BB162B;} .menu_bottom li a:visited {text-decoration: none;} .bottom_fot { background-color: #34495E; padding: 0 0 15px 0; } .blok1 { float: left; width: 17%; margin-left: 10px; padding-left: 10px; } .blok2 { float: left; width: 25%; margin-left: 2.1%; } .blok3 { float: left; width: 23%; margin-left: 2.1%; } .blok4 { float: left; width: 27%; margin-left: 2.1%; } .stat_f { color: #fff; font-family: "Roboto Condensed", sans-serif; font-size: 1em; text-transform: uppercase; padding: 25px 10px 10px 5px; line-height: 26px; font-weight: 700; } a.stat_f:link {text-decoration: underline;} a.stat_f:hover {text-decoration: none;} a.stat_f:visited {text-decoration: underline; } footer h5 { color: #fff; font-family: "Roboto Condensed", sans-serif; font-size: 1em; text-transform: uppercase; padding: 25px 10px 10px 5px; line-height: 26px; font-weight: 700; border-bottom: 2px solid #cccccc; } footer h6 { color: #BB162B; font-family: "Roboto Condensed", sans-serif; font-size: 1.4em; text-transform: uppercase; padding-left: 10px; line-height: 26px; font-weight: 700; border-left: 3px solid #fff; margin: 20px 0 10px 0; } .sale { margin: 15px 0 0 0; border-top: 2px solid #60606A; } .sale p{ color: #ccc; font-size: 0.9em; } .sale a{ color: #ccc; text-decoration: none; } .sale a:hover{text-decoration: underline;} .sale a:visited{text-decoration: none;} .live { background-color: #34495E; padding-left: 10px;} .live img { padding-left: 5px; } .bottom_fot li { padding: 10px; } .bottom_fot ul { padding-top: 10px; } .vk { margin: 15px 0 0 0; } .vk img{ display: inline-block; } .vk a{ font-family: "Helvetica", sans-serif; color: #fff; text-transform: uppercase; font-size: 0.8em; text-decoration: none; font-weight: bold; padding-left: 10px; } .bottom_fot li a{ font-family: "Helvetica", sans-serif; color: #fff; text-transform: uppercase; font-size: 0.8em; text-decoration: none; font-weight: bold; } .pop_f { width: 99%; margin: 0 auto; margin-top: 5px; } .pop_fall { width: 99%; margin: 0 auto; margin-top: 11px; } .pop_f img{ float: left; margin-right: 5px; width: 65px; } .pop_fall img{ float: left; margin-right: 10px; width: 100px; border-radius: 6px ; border: 1px solid #A8A8A8; } .pop_fa { padding-top: 3px; } .pop_fart { padding-top: 10px; } .pop_fa p, .pop_fart p{ color: #fff; font-size: 0.8em; padding-bottom: 3px; } .pop_fa a, .pop_fart a{ color: #ccc; text-decoration: none; text-transform: uppercase; font-size: 0.8em; } .pop_fa p span{ padding: 2px 7px; background-color: #B82132; border-radius: 3px; } .vk a:hover {text-decoration: none; color: #BB162B;} .vk a:visited {text-decoration: none; } .bottom_fot li a:hover {text-decoration: none; color: #BB162B;} .bottom_fot li a:visited {text-decoration: none; } .pop_fart a:hover {text-decoration: none; color: #BB162B;} .pop_fart a:visited {text-decoration: none; } .pop_fa a:hover {text-decoration: none; color: #BB162B;} .pop_fa a:visited {text-decoration: none; } .copy { border-radius: 0 0 20px 20px; background-color: #283644; } .copy p{ text-align: center; padding: 18px; color: #ccc; font-size: 0.9em; } .menbotleft { float: left; } .scrollTop{ float: right; padding: 7px 7px 0 0; } .scrollTop:hover{ opacity: 0.8; } /* -------------------МЕДИЯ ------------------------МЕДИЯ-------------МЕДИЯ ----------------МЕДИЯ ------------------------*/ @media only screen and (max-width : 1216px) { #owl-demo .item h5 a{ font-size: 0.9em; line-height: 1.1; } #owl-demo .item .proz { width: 99%; } #owl-demo .item .proz_k h6{ font-size: 0.7em; } } @media only screen and (max-width : 1185px) { .bottom-header.fixed{width: 98.18%;} .serch {width: 220px;} .view_n { width: 44%; margin: 14px; } } @media only screen and (max-width : 1100px) { .serch {width: 190px;} .search input{width: 80%;} .nav a{ padding: 11px 7px 8px 7px; font-size: 0.9em; } .smtr_artcl_a { width: 47%; float: left; margin-left: 2%; margin-top: 1px; margin-bottom: 1px; } .smtr_artcl { width: 46%; margin-bottom: 25px; } .view { width: 44%; margin: 13px; } .view_a a { font-size: 1.4em; } .view_an a{ font-size: 1.4em; line-height: 1.1; letter-spacing: 0; } .view_n { width: 42%; margin: 14px; } .item_main h5 a{ left: 10px; font-family: "Roboto"; font-size: 0.9em; } } @media only screen and (max-width : 980px) { .nav a{ padding: 11px 4px 8px 4px; font-size: 0.9em; } .bottom-header.fixed{width: 98%;} .nav ul { display: none; } .nav li ul li { display: none; } .nav ul li { display: block; padding-top: 4px; padding-bottom: 4px; width: 300px; background-color: #ccc; margin-top: 0; z-index: 16; } .view_a a{ font-size: 1.16em; } .item_main h5 a{ left: 5px; font-family: "Roboto"; font-size: 0.8em; } .in_kat_img h5 a{ font-size: 1em; line-height: 1.1; padding-right: 8px; } .in_kat_a a{ font-size: 0.8em; } } @media only screen and (max-width : 950px) { .smtr_artcl_a { width: 42%; float: left; margin-left: 2%; margin-top: 1px; margin-bottom: 1px; } .smtr_artcl { width: 44%; } .blok1 { display: block; width: 25%; margin-left: 3%; } .blok2 { display: block; width: 20%; margin-left: 3%; } .blok3 { display: block; width: 91%; margin-left: 4%; } .blok4 { display: block; width: 91%; margin-left: 4%; margin-bottom: 15px; } } @media only screen and (max-width : 900px) { .serch {width: 200px;} .bottom-header.fixed{width: 97.7%;} .nav ul { display: none; position: absolute; width: 300px; background-color: #C4C6C8; margin-top: 0; z-index: 10; } .nav ul li { display: block; padding-top: 4px; padding-bottom: 4px; } .go1{ width: 90%; display: block; margin: 5px 5px 15px 15px; } .menu_bottom ul li{ padding: 10px 5px; } } @media only screen and (max-width : 850px) { .bottom-header.fixed{width: 97.3%;} .main { display: block; width: 100%; margin-top:10px; padding: 0; } aside { display: block; width: 100%; margin-top:10px; padding: 0; } .smtr_artcl_a { width: 46%; float: left; margin-left: 2%; margin-top: 1px; margin-bottom: 1px; } .blok1 { float: left; width: 30%; margin-left: 4%; } .menu_bottom ul li{ padding: 10px 5px; font-size: 0.9em; } .go1{ width: 44%; float: left; margin: 5px 5px 15px 15px; } .com { width: 90%; margin: 10px; } .view_a a{ font-size: 1.4em; } .item_main h5 a{ left: 10px; font-family: "Roboto"; font-size: 0.9em; } } @media only screen and (max-width : 750px) { .share42init {display: none;} .view { display: block; width: 90%; margin-left: 5%; } .view_b { margin-top: 0px; } .view_n { display: block; width: 80%; margin: 0 auto; } .item_main h5 a{ left: 5px; font-size: 0.8em; } .menu_bottom ul li{ padding: 10px 3px; font-size: 0.8em; } } @media only screen and (max-width : 670px) { .share42init {display: none;} .menbotleft{display: none;} .bottom-header {height: 42px;} .bottom-header.fixed{width: 96.3%; height: 42px; margin-top: 5px; opacity: 1;} .serch {height: 42px;} .menu_t { padding: 12px 0 5px 15px; cursor: pointer; } .gol_r, .gol_l { width: 80%; display: block; } .gol_r, .gol_l { width: 90%; display: block; } .smtr_artcl_a { width: 80%; display: block; margin-left: 4%; } .smtr_artcl { width: 80%; display: block; margin-left: 4%; } .blok1 { display: block; width: 40%; margin-left: 5%; } .blok2 { display: block; width: 30%; margin-left: 5%; } .menu_bottom ul li{ padding: 10px 3px; font-size: 0.8em; } .go1{ width: 90%; display: block; margin: 5px 5px 15px 15px; } .in_m_l{ width: 80%; margin-left: 5%; } .in_m_r { float: left; width: 60%; margin-left: 8%; } .item_main h5 a{ left: 15px; font-size: 1em; } .in_kat_l, .in_kat_r { width: 60%; margin-left: 8%; float: left; } .fotootzv { display: block; width: 95%; } .opis { float: left; width: 95%; } .pro-cont { width: 100%; } .contra-cont { width: 100%; float: left; margin-top: 20px; } } @media only screen and (max-width : 600px) { .item_main h5 a{ left: 10px; font-size: 0.9em; } .in_m_l{ width: 90%; } .in_m_r { width: 70%; margin-left: 8%; } .in_kat_l, .in_kat_r { width: 70%; margin-left: 8%; float: left; } } @media only screen and (max-width : 480px) { .bottom-header.fixed{width: 95.3%;} main p{ font-size: 1.1em; padding: 10px 15px 10px 15px; } .google1 { padding-top: 20px; padding-bottom: 20px; width: 90%; margin: 0 auto; } .blok1 { display: block; width: 80%; margin-left: 5%; } .blok2 { display: block; width: 70%; margin-left: 5%; } .n1, .n2, .n3 { font-size: 0.8em; } .centertab {width: 98%;} .centertab td{ padding: 5px 0; } .view_a a{font-size: 1.3em;} .view_n { display: block; width: 90%; margin: 15px; } #owl-demo .item h5 a{ padding-top: 8px; font-size: 1.1em; line-height: 1.2; } #owl-demo .item .proz { width: 99%; } #owl-demo .item .proz_k h6{ font-size: 0.8em; } .item_main img{ width: 100%; height: auto; } .in_m_r { width: 90%; margin-left: 5%; } .in_kat_l, .in_kat_r { width: 90%; margin-left: 5%; } .in_kat_a a{ font-size: 0.9em; } .in_kat_oblg img{ width: 110px; } .in_kat_a { padding-top: 3px; } } @media only screen and (max-width : 360px) { .bottom-header.fixed{width: 94.5%; } .view {min-height: 350px;} #owl-demo .item h5 a{ top: 65%; font-size: 1.1em; } #owl-demo .item .proz { width: 100%; } #owl-demo .item .proz_k h6{ font-size: 0.7em; } .item_main h5 a{ left: 5px; font-size: 0.9em; } .in_m_r { width: 95%; margin-left: 3%; } .in_kat_l, .in_kat_r { width: 95%; margin-left: 3%; } .in_kat_a a{ font-size: 0.9em; } .in_kat_a { padding-top: 3px; } .n1, .n2, .n3 { font-size: 0.7em; } td { font-size: 0.8em; } } @media only screen and (min-width : 900px) { .menu_t{ display: none; } } .vinos { width: 95%; margin-left: 20px; box-shadow: 0px 1px 1px 0px #c0c0c0; padding: 10px; border-left: 5px solid #BB162B; margin-top: 10px; margin-bottom: 10px; background-color: #F8F8F8; } .vinos p{ font-family: Roboto; color: #34495E; font-style: italic; font-size: 1em; font-weight: bold; }