/* Browser Reset */ a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video { margin: 0; padding: 0; font-size: 100%; font-weight: inherit; font-style: inherit; text-align: inherit; background: transparent; border: 0; font-family: inherit; outline: 0; vertical-align: baseline; white-space: normal; } body a { color: #17607d; text-decoration: underline; } body a:hover { text-decoration: none; color: #17607d; } body.contentpane { padding:10px;} h1 { font-size: 200%; /* Размер шрифта 200%*/ border-bottom: 1px solid #c23026; /* Параметры линии под текстом */ font-weight: normal; /* Убираем жирное начертание */ padding-bottom: 5px; /* Расстояние от текста до линии */ } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#6c6c6c} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #6c6c6c; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } ol, ul { margin:10px 10px 10px 20px} ul.unstyled { list-style: none; margin:0; padding:0;} blockquote, q { quotes: none } :focus { outline: 0 } table { border-collapse: collapse; border-spacing: 0; } img { height:auto; max-width:100%;} /* Grid */ .container { max-width: 1170px; min-width: 220px; margin: 0 auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .container .row, .col { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width:100%;} .row { margin-bottom: 1.5em } .col { display: block; float: left; width: 100%; } .col:first-child { margin-left: 0 } .row:after, .col:after, .clr:after, .group:after { display: block; height: 0; clear: both; content: ""; visibility: hidden; } /* Body + Main Containers #909090*/ body { color: #000000; font-weight: 400; background:#fff; font: 14px/180% Arial, Helvetica, sans-serif; nowhitespace: afterproperty; } /*#303030*/ .back { background:#fff; position:relative} #box-wrap { margin: 0 auto; padding:0;} #main-content { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #wrapper-w {background:none; padding:0; margin:0; background:#fff; min-height:300px;} #wrapper { margin:0 auto; padding:0px;position: relative;} #wrapper-i { padding:0} #comp-wrap {padding:0;} .full { padding:0; margin:0; clear:both} .contact a { text-decoration:none} /* Article Columns */ .column-1, .column-2, .column-3, .column-4 { position:relative; margin:0; padding:0;} /* Content styles */ #archive {padding:0; margin:0;} .archive {padding:0;} .archive .article-count {color:#999;} .blog-featured {} .items-leading {position: relative; clear:both; margin:0 0 20px 0; padding:0;} .leading { margin:0 0 20px 0; position:relative;} .items-row, .item-page, .contact {position: relative;} .item-separator {} .item-page { position:relative} .item-page-title {margin:0 0 10px 0; border-bottom: 1px solid #c23026;} /*padding:10px 70px 5px 0; */ .item-page-title, .item-page-title a, .contact-name {text-decoration:none;font-size:20px; line-height:35px;color:#6c6c6c; } .item-page-title a:hover {text-decoration:none; color:#17607d;} .contact h2{ margin:0 0 20px 0;} .contact .current {margin:0; padding:0;} dl.tabs { display:block; clear:both; border-bottom:1px solid #ddd;} dl dt.tabs { display: inline-block; margin:0 0 -1px 0} dt.tabs h3 {margin:0 2px 5px 0;} dt.tabs h3 a{padding:8px 8px 3px 8px; line-height:20px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0; cursor:pointer; text-decoration:none} dt.tabs h3 a, .accordion-heading { font-size:14px} dt.tabs.closed h3 a {border-color:#eeeeee #eeeeee #dddddd;} dt.tabs h3 a,dt.tabs h3.open a{color:#555555;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;} dd.tabs { padding:10px 20px} .jicons-icons { float:left; margin:0 10px 0 0; padding:5px 0 0 0} h1.componentheading {margin:0 0 10px 0; padding:0; position:relative; color:#6c6c6c;} ul.button-icons { position:absolute; top:3px; right:5px; margin:10px 0 0 0; padding:0; } ul.button-icons li { display:inline-block} ul.button-icons li.edit-icon, ul.button-icons li.print-icon, ul.button-icons li.email-icon {margin:0; padding:0; width:20px; height:16px; float:left; overflow:hidden; line-height:12px; font-size:12px} .iteminfo, .content_rating {font-size: 11px;display:block; color:#999999; margin:0 0 5px 0;} /*#999999*/ .content_rating p{ margin:0; padding:0;} .iteminfo span { margin:0 10px 0 0;} .iteminfo a {} .iteminfo a:hover {} .iteminfo .category,.iteminfo .sub-category,.iteminfo .create,.iteminfo .modified,.iteminfo .published,.iteminfo .createdby,.iteminfo .hits { display:inline-block; line-height:20px!important;} .iteminfo .createdby {font-weight:bold;} .items-more {clear:both;} .items-more h3{ font-size:14px; padding:0; margin:0 0 10px 0;} .items-more ol { margin:0 0 0 30px; padding:0} table.category {} th.item-title, th.list-title {font-size: 15px; font-weight: bold; text-align: left;} /* Commons */ .clear { clear: both } blockquote { position: relative; margin: 30px 0; padding: 20px; background-color: #e9e9e9; color: #505050; border-left: 5px solid #ddd; font-size: 16px; font-style: italic; font-family:'Open Sans', sans-serif; line-height: 1.8em; } pre { margin: 30px 0; padding: 20px; background-color: #e9e9e9; color: #505050; border-left: 5px solid #ddd; font-size: 15px; font-family:'Open Sans', sans-serif; line-height: 1.8em; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } address { margin: 20px 0; letter-spacing: 1px; } /* Typography 'Droid Sans',*/ h1, h2, h3, h4, h5, h6, #logo a, #navigation .menu a {font-family:'Open Sans', sans-serif;} h1, h2, h3, h4, h5, h6 { color: #6c6c6c; font-weight: bold; margin: 0 0 10px; padding-top: 10px; text-transform: uppercase; text-align: center;} h1 { font-size: 24px; } h2 { font-size: 18px } h3 { font-size: 16px } h4 { font-size: 16px } h5 { font-size: 14px } h6 { font-size: 12px } .entry p:last-child { margin: 0 } .entry ul { margin: 30px 0 30px 20px } .entry ul li, .entry ol li { margin: 0 0 5px } .entry ol { margin: 30px 0 30px 25px } .entry ol { list-style: decimal } .entry ul { list-style: disc } .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 40px 0 20px } p { margin: 0 0 10px; padding-bottom: 10px; font-size: 13px; line-height: 21px; text-indent: 20px; color:#333; } em { font-style: italic } strong { font-weight: bold } small { font-size: 80% } hr { /*height: 0; margin: 30px 0 30px; border: solid #eee; border-width: 1px 0 0; */ clear: both; border: none; /* Убираем границу для браузера Firefox */ color: #17607d; /* Цвет линии для остальных браузеров */ background-color: #17607d; /* Цвет линии для браузера Firefox и Opera */ height: 4px; /* Толщина линии */ margin: 0px 0px 0px 0px; /* margin-top: 20px; /* Расстояние от текста до линии */ /* margin-bottom: 0px; /* Расстояние от текста до линии */ } a { outline: 0; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease} a:hover {} p a, p a:visited { line-height: inherit } /* Header */ #header-wrap { padding-top: 10px; height:auto; background:url(../images/bg-top.jpg) center top no-repeat #5E5E5E; background-position:0px;} /*height:190px; height:auto; #a67400; fff c1c0c2 efefef*/ #header-wrap .row { margin-bottom: 0 } #logo { display:inline-block; margin: 0 0 10px 0; width: auto;} #logo img { display:block; width:auto;} /*max-height:90px;*/ #logo a{line-height:40px; font-size:40px; text-align:left; text-decoration:none; font-weight:bold} #logo .first{ color:#17607d;} #logo .second{ color:#3A3A3A} /*'Sintony',*/ #site-description {color:#3A3A3A; margin:10px 0 0 0;font-size:12px;font-family:'Open Sans', sans-serif;letter-spacing:1px; font-weight:normal; text-transform: uppercase} #top {line-height:18px; float: right; display: inline-block;color:#3A3A3A; width:80%;} /*80%*/ #top a {} #top h1,#top h2,#top h3,#top h4 {font-size:15px; padding:0; margin:0;} #social { display:block; float:right} #social a.social-icon {display: inline-block; margin-left: 2px; padding: 0;width:32px; height:32px;} #social a.social_1 { background:url(../images/social/facebook.png) 0 0 no-repeat; } #social a.social_2 { background:url(../images/social/twitter.png) 0 0 no-repeat; } #social a.social_3 { background:url(../images/social/google.png) 0 0 no-repeat; } #social a.social_4 { background:url(../images/social/youtube.png) 0 0 no-repeat; } #social a.social_5 { background:url(../images/social/dribbble.png) 0 0 no-repeat; } #social a.social_6 { background:url(../images/social/flickr.png) 0 0 no-repeat; } #social a.social_7 { background:url(../images/social/pinterest.png) 0 0 no-repeat; } #social a.social_8 { background:url(../images/social/picasa.png) 0 0 no-repeat; } #social a.social_9 { background:url(../images/social/linkedin.png) 0 0 no-repeat; } #social a.social_10 { background:url(../images/social/reddit.png) 0 0 no-repeat; } /* Navigation */ #navbar-wrap { padding: 0px; margin:0; border-bottom:1px solid #EFEFEF; background:#17607d;} /*#fff url(../images/nav.png) 0 0 repeat-x*/ #navbar { position: relative;} /* height: 55px;*/ #navbar.row { margin-bottom: 0 } #navigation { padding:0;} #navigation .menu { margin: 0; padding: 0; list-style: none;} #navigation .menu .icon-angle-right { position: absolute; right: 10px; top: 50%; margin-top: -6px; color: #aaa; font-size: 12px; } #navigation .menu > li { display: block; float: left;list-style: none; } #navigation .menu > li ul { } #navigation .menu ul { position: absolute; left: 0; top: 100%; margin: 10px 0 0 0; /*IE6 only*/ _margin: 0; nowhitespace: afterproperty; opacity: 0; transition: all .2s ease-in-out; visibility: hidden; z-index: 99;} #navigation .menu ul ul { left: 100%; top: 0; } #navigation .menu ul ul li { width: 100% } #navigation .menu li { position: relative } #navigation .menu li:hover > ul { margin: 0; opacity: 1; visibility: visible; } #navigation .menu a { display: block; position: relative; text-transform:uppercase } /* current item */ #navigation .menu > li > a:hover, #navigation .menu > li.sfHover > a, #navigation .menu > .active > a, #navigation .active > a:hover, #navigation .active > a:hover { color: #17607d;border-top:0px solid #17607d; background:#F8F8F8} #navigation .menu > li > a:hover, #navigation .menu > li.sfHover > a, #navigation .menu > .active > a, #navigation .active > a:hover, #navigation .active > a:hover { color: #17607d;border-top:0px solid #17607d; background:#F8F8F8} /* #e42424 */ #navigation .menu > .active > a, #navigation li.active > a { font-weight: bold; color: #17607d; border-top:0px solid #17607d; background:#F8F8F8 } /* #e42424 */ #navigation .menu > li { margin-right:0; padding:0; } #navigation .menu a { padding:0 42px; padding-top:1px; padding-bottom:1px; color: #ffffff; font-weight:bold; text-align: left; text-decoration: none; cursor: pointer; line-height: 53px; font-size:16px;} /* border-top:5px solid #EFEFEF height: 50px;*/ /*drop-down styles*/ #navigation .menu ul { border-top: none; background: #000000; border:0; min-width:200px; } #navigation .menu li:hover ul { margin-top: 0; } #navigation .menu ul ul.sub-menu { margin-top: -1px; margin-left:0;} #navigation .menu ul li {list-style: none; border-top:1px solid #4c4c4c; border-bottom: 1px solid #252525; } #navigation .menu ul li:first-child { } #navigation .menu ul li:last-child { } #navigation .menu ul li.active > a, #navigation .menu ul li > a:hover { color: #fff; background:#17607d; border:0;} /*#444444*/ #navigation .menu ul a { display: block; height: auto; margin: 0px; padding: 7px 15px; text-transform: none; border: 0px; line-height: 1.7em; color:#fff } #navigation .selector { display: none } #navigation ul.sub-menu .icon-angle-down:before {content:"\f105"!important;} #navigation ul.sub-menu a { font-size:11px; font-weight:normal; } #navigation i { text-align:right} #menu-icon {display: none;} #catalog-icon {display: none;} #slide-wrap { margin:10px 0 0 0} #slide-wrap a:hover{ color:#fff} /* Module Classes */ /* light */ .light {border:1px solid #EFEFEF !important; background:#F8F8F8!important; color:#303030 !important; } .light .module-title{color:#0C3154 !important; background:none!important;border-bottom:none!important; } .light .module-body {border-top:none !important;} .light a{ text-decoration:underline !important; color:#17607d!important}.light a:hover{ color:#333!important} /* normal */ .normal {border:1px solid #17607d !important; background:#ff885d!important; color:#fff!important;} .normal .module-title{color:#fff !important; background:none!important;border-bottom:none!important;} .normal .module-body {border-top:none !important;} .normal a{text-decoration:underline !important; color:#fff!important}.normal a:hover{ color:#F8F8F8!important} /* dark */ .dark {border:1px solid #303030 !important; background:#303030!important; color:#868686 !important; } .dark .module-title{color:#868686 !important; background:none !important; border-bottom:none!important;} .dark .module-body {border-top:none !important;} .dark a{text-decoration:underline !important; color:#ced8df!important}.dark a:hover{ color:#fff!important} /* blank */ .blank {border:none!important; background:none!important; padding:5px!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; -o-border-radius: 0!important; border-radius: 0!important; box-shadow:none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; -o-box-shadow: none!important} .blank .module-title {border:none!important; padding:0!important; color:#333!important; text-shadow:none!important; background:none!important} .blank .module-body { padding:0!important;background:none!important} .light, .normal, .dark {padding:10px!important; } .light ul.menu li a, .normal ul.menu li a, .dark ul.menu li a{ text-decoration:none!important} .light .module-title, .normal .module-title, .dark .module-title {padding:0 0 0 5px!important; border:none!important; line-height:30px!important; } .light .module-body, .normal .module-body, .dark .module-body { padding:0 5px !important;} /* Page Navigation */ ul.pagenav { display:block;} ul.pagenav li { list-style:none;} ul.pagenav li a{ display:block} .pagenav-prev { float:left;} .pagenav-next { float:right} #pagination {clear:both; text-align:center; padding:0;} /* Breadcrumbs */ .breadcrumbs { padding:10px 0; margin:0; color:#000;} /*color:#999*/ .breadcrumbs a {color:#000;} /*color:#999*/ .breadcrumbs a:hover {color:#17607d;} /*color:#999*/ .breadcrumbs .icon-angle-right{padding:0 5px} /* Sidebar */ #leftbar-w { color:#000; float:left;} #rightbar-w { float:right; display:block;} #sidebar {color:#000; padding:0;} #sidebar .module {color:#000; margin-bottom:20px; border:0px solid #EFEFEF; position: relative; background:#fff; padding:0;} /*box-shadow: 0 1px 4px #eee; -webkit-box-shadow: 0 1px 4px #eee; -moz-box-shadow: 0 1px 4px #eee; -o-box-shadow: 0 1px 4px #eee*/ #sidebar .module-title {font-size:18px; text-align:center; line-height:38px; font-weight:bold; color:#fff; margin-top:15px; padding:10px 10px 10px 10px; border-top:0px solid #000; border-bottom:0px solid #e2001a; text-transform:uppercase; background: #c23026; } /*#a67400 303030 url(http://amo1.com.ua/images/amo1-block.png) top right no-repeat #EFEFEF e42424 e2001a*/ #sidebar h3 { margin:0; padding:0 0 5px 0; } #rightbar-w .module-title {} #sidebar .module-body {color:#909090; margin:0; padding:10px; border: 0px solid #17607d; background-color:#f2f2f2;} /*ffb300 font-weight: bold;*/ #sidebar .module-body p{color:#000; padding:0; margin:0 0 5px 0;} #sidebar .module-body ul li{color:#000;} #sidebar ul li {color:#000; margin:0 5px; padding:0; color:#000;} #sidebar a{} #sidebar a:hover{} /* Sidebar Menu*/ #sidebar .module ul.menu{color:#000; margin:0; padding:0;list-style:none;} #sidebar .module ul.menu li{ list-style:none; margin:0; padding:0; border-bottom:0px dotted #17607d; font-size: 12px; text-transform: uppercase; color:#17607d;} /*ced8df*/ /**/ #sidebar .module ul.menu li:last-child {border-bottom:none} #sidebar .module ul.menu li:hover{} #sidebar .module ul.menu li a, #sidebar .module ul.menu li.active ul li a, #sidebar .module ul.menu li ul li.active ul li a{display:block;margin:0; padding:5px 0 0px 25px; text-decoration:none; color: #000; font-family:'Open Sans', sans-serif; font-size:16px; line-height:25px; text-transform:uppercase;} #sidebar .module ul.menu {font-size:12px;} /*background:url(../images/sidebar-li1.png) 5px 50% no-repeat;*/ /*'Sintony',*/ /*#sidebar .module ul.menu li {color:#000;}*/ /*черный цвет заголовков*/ #sidebar .module ul.menu li a:hover,#sidebar .module ul.menu li.active a, #sidebar .module ul.menu li ul li a:hover, #sidebar .module ul.menu li ul li.active a, #sidebar .module ul.menu li.active ul li a:hover, #sidebar .module ul.menu li ul li.active ul li.active a {text-decoration:none;color:#17607d;} /*background:url(../images/sidebar-li2.png) 5px 50% no-repeat;*/ #sidebar .module ul.menu li.active {} /* Sidebar SubMenu*/ #sidebar .module ul.menu li ul {color:#000; margin:0; border-bottom:1px dotted #ced8df; font-size:12px;} #sidebar .module ul.menu li ul li {background:none; margin:0; padding:0 0 0 0px; font-size:12px;} #sidebar .module ul.menu li:last-child, #sidebar .module ul.menu li ul li:last-child, #sidebar .module ul.menu li.active ul li:last-child { background:none; font-size:12px;} #sidebar .module ul.menu li ul li a{} #sidebar .module ul.menu li ul li a:hover{ border: 0;} .module .menu .icon-angle-down:before {content:""!important} /* User1 and User2 */ #user1-wrap{margin-bottom:0px; border: 4px solid #fff; position: relative; background:#fff; padding:10px 0;} #user1{padding:0; margin:0 auto;clear:both;} #user1 .module{ color:#555;margin-bottom:0px; padding:0} #user1 .inner{ padding:0 10px;} #user1 .module-title{display: block; font-size: 20px; line-height: 32px;letter-spacing:1px; text-transform:uppercase; } #user1 h3.module-title{margin-bottom:0; padding-bottom:0;} #user1 h3.module-title span {} #user1 .module-body { padding:10px 0} #user1 a { } #user1 a:hover{} #user1 ul {margin:0; padding:0;} #user1 ul li{ border-bottom:none; list-style:none;} #user1 ul li:hover{} #user1 ul li a{display:block; padding:0 0 0 20px; background:url(../images/sidebar-li2.png) 5px 50% no-repeat; text-transform:uppercase; text-decoration:none; font-size:12px;font-family:'Open Sans', sans-serif;} /*'Sintony',*/ #user1 ul li a:hover{} /* User 2 */ #user2-wrap{margin-bottom:0; position: relative; background:#fff; border-top: 0px solid #cccccc; margin-top:0;} /*background:#3A3A3A; */ #user2{ padding:10px; margin:0 auto;clear:both;width:100%;} #user2 .module{ color:#868686;margin-bottom:10px; padding:10px} #user2 .inner{ padding:0 10px;} #user2 .module-title{display: block; font-size: 16px; line-height: 32px;letter-spacing:1px; text-transform:uppercase; text-align: center;} #user2 h3.module-title{margin-bottom:10px; margin-top:0px; padding-top:0;padding-bottom:10px; color:#2d7488; border-bottom: 1px solid #cccccc;} /*color:#868686*/ #user2 h3.module-title span {} #user2 .module-body {width:100%;} #user2 a { } #user2 a:hover{} #user2 ul {margin:0; padding:0;} #user2 ul li{ border-bottom:none; list-style:none;} #user2 ul li:hover{} #user2 ul li a{display:block; padding:0 0 0 20px; text-transform:uppercase; text-decoration:none; font-size:12px;font-family:'Open Sans', sans-serif;} /*'Sintony', background:url(../images/sidebar-li1.png) 5px 50% no-repeat; padding-left: 10px;*/ #user2 ul li a:hover{ text-decoration: underline; } /*color:#fff*/ /* Search */ input[type="search"] { display: block; width: 100%; padding: 10px 32px 10px 11px; color: #202020; font-size: 11px; -moz-box-sizing: border-box; -webkit-appearance: none !important; -webkit-box-sizing: border-box; background: #fff; border: 1px solid #ddd; box-sizing: border-box; } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none } input[type="search"]::-webkit-search-decoration { display: none } input[type="search"]:focus { color: #000; outline: none; } /* Forms / Inputs / Buttons */ .inputbox, input, textarea, select {background:#fff; border:1px solid #d4d4d4;} .inputbox { width:160px;} input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], textarea { display: block; max-width: 100%; margin-bottom: 10px; margin-left: 0; padding: 5px !important;} input{display:inline-block;*display:inline;vertical-align: middle;width:auto;zoom:1;margin:0;border:1px solid #d4d4d4;font-size:1em;} input::-webkit-input-placeholder,input:-moz-placeholder,.placeholder{color:#bbb;} input::-moz-focus-inner {border:0;} input[disabled="disabled"], input.disabled{color:#999;background:#f5f5f5;-moz-box-shadow:inset 0px 0px 2px #ddd;-webkit-box-shadow:inset 0px 1px 2px #ddd;box-shadow:inset 0px 1px 2px #ddd;} input[type="text"]:focus,textarea:focus,button:focus,a.button:focus,select:focus,input[type="file"]:focus,input[type="password"]:focus{-webkit-box-shadow: 0 0 7px #f8855b; -moz-box-shadow: 0 0 7px #f8855b;box-shadow: 0 0 7px #f8855b;border: 1px solid #17607d;outline: none;} input[type="text"],textarea,button,input[type="file"]{ -moz-transition: -moz-box-shadow 0.5s, border 0.5s, background 0.5s;-webkit-transition: -webkit-box-shadow 0.5s, border 0.5s, background 0.5s;-o-transition: box-shadow 0.5s, border 0.5s, background 0.5s; transition: box-shadow 0.5s, border 0.5s, background 0.5s;} input.checkbox,input[type="checkbox"]{display:inline;width:auto;margin:0;padding:0;border:0;background:none;vertical-align:center;*vertical-align: top;} input.radio,input[type="radio"]{display:inline;width:auto;margin:0;padding:0;border:0;background:none;vertical-align:center;*vertical-align: top;} input[type="radio"]:focus, input[ type="checkbox"]:focus{-webkit-box-shadow: 0 0 5px #6DB9FF;-moz-box-shadow : 0 0 5px #6DB9FF;box-shadow : 0 0 5px #6DB9FF;outline-color: #6DB9FF;} input.file,input[type="file"]{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border:none;} select{display:inline;width:auto;margin:0;border:1px solid #ccc;line-height:100%;padding:3px;vertical-align: middle;} select[disabled="disabled"], select.disabled{color:#999;background:#f5f5f5;-moz-box-shadow:inset 0px 0px 2px #ddd;-webkit-box-shadow:inset 0px 1px 2px #ddd;box-shadow:inset 0px 1px 2px #ddd;} textarea{width:auto;height:200px;margin:0;border:1px solid #ccc;padding:5px;vertical-align: middle;font-family:inherit;font-size:0.9em;} textarea { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.6em !important; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, textarea:focus { } /* Button */ input[type="button"], input[type="submit"], button[type="submit"], button[type="button"] { display: inline-block; margin-top: 5px; margin-bottom:5px; padding: 0 15px; background-color: #17607d; color: #fff; text-decoration: none; -webkit-appearance: none !important; background: #17607d; min-height: 32px; font-size: 12px; border: 1px solid #17607d; border-radius: 4px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05); cursor: pointer; line-height: 32px; text-shadow: 0px 0px 0 #ca4211; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.5s ease;} input[type="button"]:active, input[type="submit"]:active, button[type="submit"]:active, button[type="button"]:active { background-image: linear-gradient(to bottom, #e45521 0px, #17607d 100%); border-color: #bbb #bbb #ddd; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.10) inset; } input[type="button"]:hover, input[type="submit"]:hover, button[type="submit"]:hover, button[type="button"]:hover{ color:#fff;background-color:#303030;background: #303030;border: 1px solid #1f1e1e; text-shadow: 1px 1px 0 #000;} /* Read More background-color: #FBFBFB; color: #999; -webkit-appearance: none !important; background: #FBFBFB; background: -moz-linear-gradient(top, #FBFBFB 0%, #F4F4F4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#F4F4F4)); background: -webkit-linear-gradient(top, #FBFBFB 0%,#F4F4F4 100%); background: -o-linear-gradient(top, #FBFBFB 0%,#F4F4F4 100%); background: -ms-linear-gradient(top, #FBFBFB 0%,#F4F4F4 100%); background: linear-gradient(to bottom, #FBFBFB 0%,#F4F4F4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 ); min-height: 36px; font-size: 13px; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05); cursor: pointer; line-height: 36px; nowhitespace: afterproperty; nowhitespace: afterproperty; nowhitespace: afterproperty; nowhitespace: afterproperty; text-shadow: 1px 1px 0 #FBFBFB;*/ a.btn-readmore {} /*padding:5px 10px; background:#e2001a; color: #fff; text-decoration: none; border:1px solid #fff; box-shadow: 2px 2px 8px #858586;*/ a.btn-readmore:hover{} /*padding:5px 10px; background:#e2001a; color: #fff; text-decoration: none; border:1px solid #fff; box-shadow: 2px 2px 8px #858586;*/ /* Mailto */ .mailto { background:#fff; color:#222; padding:10px;} /* Tooltips */ .tip-wrap { float: left; padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #535353; border: 1px solid #222; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; max-width: 200px; text-shadow:1px 1px #000} .tip-title {padding: 0; margin: 0; display:none} .tip-text {font-size: 100%; margin: 0;} #topcontrol {background:url(../images/up.png) 50% 50% no-repeat;width:60px;height:60px;white-space:nowrap;cursor: pointer;opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); bottom:20px; right:20px; top:85%; left:90%; z-index:999;} /* Error */ #error {padding:20px; text-align:center} #error .error { color:#FF0000; display:block; padding:0;font-size: 200px; font-weight: bold; line-height: 200px;} #error .center {width: 400px; margin-left:-200px;left: 50%; position: absolute; text-align: center; top: 20%} #error .error { text-shadow: 0 -1px 0 rgba(0,0,0,0.9), 0 1px 0 rgba(255,255,255,0.7); } #error .error > span {display: inline-block;position: relative;} #error .error > span:before {content: "";position: absolute;top: 70%;left: -30px;right: -30px; height: 80px;background: url(../images/error.png) no-repeat;background-size: 100% 100%;} #error ol li{ text-align:left;} /* Offline */ .error-offline .error > span:before { top: 65%; } .error-offline .message { width: 350px; } /* Thumbs */ .width-10 {width: 10px;}.width-20 {width: 20px;}.width-30 {width: 30px;}.width-40 {width: 40px;}.width-50 {width: 50px;}.width-60 {width: 60px;}.width-70 {width: 70px;}.width-80 {width: 80px;}.width-90 {width: 90px;}.width-100 {width: 100px;}.height-10 {height: 10px;}.height-20 {height: 20px;}.height-30 {height: 30px;}.height-40 {height: 40px;}.height-50 {height: 50px;}.height-60 {height: 60px;}.height-70 {height: 70px;}.height-80 {height: 80px;}.height-90 {height: 90px;}.height-100 {height: 100px;} .thumbnail{border:1px solid #ccc!important; max-width: 100%!important;} .thumbnail img { -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .thumbnail img:hover { opacity: 1; } .thumbnail.pull-left{margin-right:10px!important} .thumbnail.pull-right{margin-left:10px!important} .thumbnails {margin-left: -20px;list-style: none;*zoom: 1;} .thumbnails:before, .thumbnails:after {display: table;content: "";line-height: 0;} .thumbnails:after {clear: both;} .thumbnails > li {float: left;margin-bottom: 18px;margin-left: 20px;} .thumbnail {display: block;padding: 4px;line-height: 18px;border: 1px solid #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.055); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.055);box-shadow: 0 1px 3px rgba(0,0,0,0.055);-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} a.thumbnail:hover {border-color: #08c;-webkit-box-shadow: 0 1px 4px rgba(0,105,214,0.25);-moz-box-shadow: 0 1px 4px rgba(0,105,214,0.25);box-shadow: 0 1px 4px rgba(0,105,214,0.25);} .thumbnail > img {display: block;max-width: 100%;margin-left: auto;margin-right: auto;} .thumbnail .caption {padding: 9px;color: #555;} /* Footer */ #footer-w{ padding:10px 0; background:#17607d;} /*#a67400#303030*/ #footer-w p{ margin:0; padding:0; background:#17607d; color:#fff;} #footer {} /* Footer Menu*/ #footer-nav { float:right; color:#fff;} #footer-nav ul {margin:0; padding:0; float:right; } #footer-nav ul li {list-style:none; display:inline-block;position:relative; padding:0; margin:0 1px 0 0; height:25px; border-right:none; font-family:'Open Sans', sans-serif;} /*'Sintony',*/ #footer-nav ul li a { display:block;padding:0 10px; margin:5px 0 0 0;line-height:12px;text-decoration:none;font-size:10px; text-transform:uppercase; border-right:1px solid #484848; color:#868686; -webkit-transition:none; -moz-transition:none; -o-transition: none; transition:none} #footer-nav a {color:#fff; text-decoration: underline;} #footer-nav a:hover {color:#fff;} #footer-nav ul li:last-child a { border:none!important;} #footer-nav ul li a:hover {color:#17607d} .copyright { margin:0; padding:0;font-size:14px;float:left;color:#fff} .copyright a {font-size:14px; color:#fff; text-decoration: none;} .copyright a:hover {color:#fff;text-decoration: underline;} .smartone{margin:0 -500px 0 0; padding:0; font-size:10px; color:#484848; text-align:right; text-shadow:none; bottom:0; right:50%; line-height:10px; height:10px; position:absolute;} .smartone a,.smartone a:hover { text-decoration:none; font-size:10px;color:#484848} .dl-horizontal dt { clear: left; float: left; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; width: 40px;} .dl-horizontal dd { margin-left: 50px;} @media (max-width: 999px) {#header-wrap { padding: 10px!important;} .smartone{margin:0; padding:0; position:absolute; bottom:-10px; right:0;}} @media (min-width:768px) { /* grid*/ .col { margin-left: 2% } .span_1 { width: 6.5% } .span_2 { width: 15.0% } .span_3 { width: 23.5% } .span_4 { width: 32.0% } .span_5 { width: 40.5% } .span_6 { width: 49.0% } .span_7 { width: 57.5% } .span_8 { width: 66.0% } .span_9 { width: 74.5% } .span_10 { width: 83.0% } .span_11 { width: 91.5% } .span_12 { width: 100% } } @media screen and (max-width: 750px) { #catalog-icon {width:100%;height: 55px; line-height:55px;text-decoration:none; background:#17607d url(../images/nav.png) 0 0 repeat-x; padding:0; text-align:center; cursor: pointer;display: block; margin-top:5px; font-weight:bold; color:#fff;font-family:'Open Sans', sans-serif; border-bottom:0px solid #EFEFEF;} #sidebar {display: none;} } @media screen and (max-width: 960px) { #wrapper{ padding:0 10px!important;} .smartone{margin:0; padding:0; position:absolute; bottom:-10px; right:0;} #social { display:block; float:none} #logo { text-align:center; float:none; display:block;} #logo img { max-width:250px; max-height:70px; display:block; margin:0 auto} #logo a{ text-align:center} #site-description { text-align:center} #top { float:none} #menu-icon {width:100%;height: 55px; line-height:55px;text-decoration:none;background:#17607d url(../images/nav.png) 0 0 repeat-x; padding:0; cursor: pointer;display: block; text-align:center; font-weight:bold; color:#fff;font-family:'Open Sans', sans-serif; border-bottom:0px solid #EFEFEF;} /*'Sintony',*/ #menu-icon:hover,#menu-icon.active {background-color: #17607d;} .menu-icon-title { font-size:20px; padding:0 10px; } .icon-double-angle-down { font-size:30px; padding:0 10px 0 0; float:right; height:53px!important; line-height:53px!important;} #navbar{ display: none; height:auto; margin:0; padding:0;} /* Menu */ #navbar-wrap { height:auto; display:block; margin:0; padding:0; border:none; background:#17607d;} /*#3a3a3a*/ /* Navigation */ #navigation { padding:0; display:block;} #navigation .menu { margin: 0; padding: 0; list-style: none; } #navigation .menu .icon-angle-right { position: absolute; right: 10px; top: 50%; margin-top: -6px; color: #aaa; font-size: 12px; } #navigation .menu > li { display: block; float:none;} #navigation .menu > li ul {} #navigation .menu ul { position: relative; left: 0; top: 100%; margin:0; nowhitespace: afterproperty; opacity: 1; transition:none; visibility: visible; z-index: 99; } #navigation .menu ul ul { position:relative!important; margin:1px 0 0 0; padding:0; left:0px; width:100%; display:block;-webkit-box-shadow: none;-moz-box-shadow: none; box-shadow:none; } #navigation .menu ul ul li { width:auto} #navigation .menu li { position: relative } #navigation .menu li:hover > ul { margin: 0; opacity: 1; visibility: visible; } #navigation .menu a { display: block; position: relative; } /* current item */ #navigation .menu > li > a:hover, #navigation .menu > li.sfHover > a, #navigation .menu > .active > a, #navigation .active > a:hover, #navigation .active > a:hover { color: #17607d; background:#fff; border:1px solid #fff;} /*#444444*/ #navigation .menu > .active > a, #navigation li.active > a { font-weight: bold; color: #17607d; border:1px solid #fff; background:#fff} /*#444444*/ #navigation .menu > li { margin:0; padding:0; } #navigation .menu a {padding:0 16px; color: #fff; font-weight:bold; text-align: left; text-decoration: none; cursor: pointer; font-size:16px; border:1px solid #fff; transition:none;} /*drop-down styles*/ #navigation .menu ul { border-top: none; background:none; border:none; } #navigation .menu li:hover ul { margin: 0; } #navigation .menu ul ul.sub-menu { margin:0; padding:0;} #navigation .menu ul ul.sub-menu li{ margin:0; padding:0; } #navigation .menu ul li { border-bottom:0} #navigation .menu ul li:first-child { } #navigation .menu ul li:last-child { } #navigation .menu ul li > a:hover { color: #17607d; background:#fff; border:0;} #navigation .menu ul a { display: block; height: auto; margin: 0px; padding: 0 15px; text-transform: none; border: 0px; } #navigation ul.sub-menu .icon-angle-down:before {content:""!important;} #navigation ul.sub-menu a { font-size:12px; line-height: 35px;} #navigation i { text-align:right} #footer-nav { float:none} #footer-nav ul { float:none} .copyright { float:none; text-align:center} } /*span .menutitle {list-style-image: url(http://amo1.com.ua/images/amo1-menu.png);}*/ ul { /*list-style-image: url(http://amo1.com.ua/images/amo1-list.png);*/ padding:0 10px 0 20px; } .list-ul{ /*list-style-image: url(http://amo1.com.ua/images/amo1-menu.png);*/ padding:0 15px 0 15px; } table { width: 100%; /* Ширина таблицы */ /*border: 2px solid black; /* Рамка вокруг таблицы */ border-collapse: collapse; /* Отображать только одинарные линии */ margin-bottom: 20px; /* Поля вокруг содержимого ячеек */ } th { text-align: center; /* Выравнивание по левому краю */ background: #ccc; /* Цвет фона ячеек */ padding: 5px; /* Поля вокруг содержимого ячеек */ border: 1px solid black; /* Граница вокруг ячеек */ font-weight:bold; vertical-align: middle; } td { padding: 5px; /* Поля вокруг содержимого ячеек */ border: 1px solid black; /* Граница вокруг ячеек */ text-align: center; /* Выравнивание по левому краю */ vertical-align: middle; } table .tr-order{ width: 100%; /* Ширина таблицы */ border: 0px solid black; /* Рамка вокруг таблицы */ /* border-collapse: collapse; /* Отображать только одинарные линии */ margin-bottom: 0px; /* Поля вокруг содержимого ячеек */ font-size:14px; text-align: left; } td .tr-order{ text-align: left; padding: 0px; /* Поля вокруг содержимого ячеек */ border: 0px solid black; /* Граница вокруг ячеек */ } table .td-article{ /* width: 100%; /* Ширина таблицы */ border: 0px solid black; /* Рамка вокруг таблицы */ /* border-collapse: collapse; /* Отображать только одинарные линии */ margin-bottom: 0px; /* Поля вокруг содержимого ячеек */ font-size:14px; text-align: left; } td .td-article{ /*width: 600px; /* Ширина таблицы */ padding: 0px; /* Поля вокруг содержимого ячеек */ border: 0px solid black; /* Граница вокруг ячеек */ text-align: left; } table .td-vitrina{ /* width: 100%; /* Ширина таблицы */ border: 0px solid black; /* Рамка вокруг таблицы */ /* border-collapse: collapse; /* Отображать только одинарные линии */ margin-bottom: 0px; /* Поля вокруг содержимого ячеек */ font-size:16px; vertical-align: top; /* Выравнивание по верхнему краю ячеек */ } td .td-vitrina{ /*width: 600px; /* Ширина таблицы */ padding: 0px; /* Поля вокруг содержимого ячеек */ border: 0px solid black; /* Граница вокруг ячеек */ text-align: center; vertical-align: top; /* Выравнивание по верхнему краю ячеек */ } .vitrina{ padding: 0px; /* Поля вокруг содержимого ячеек */ margin-top: 10px; text-align: center; vertical-align: top; /* Выравнивание по верхнему краю ячеек */ /*box-shadow: 2px 2px 8px #858586; */ border: 5px solid white; text-transform: uppercase; font-weight:bold; } .vitrina a{ text-decoration: none; } .vitrina a:hover{ color: #17607d; } .product-img{ box-shadow: 2px 2px 8px #858586; border: 5px solid white; width: 250px; float: left; margin: 10px 10px 10px 10px; } .vitrina-img{ box-shadow: 2px 2px 8px #858586; border: 5px solid white; width: 150px; } .vitrina-vigod{ margin: 0 0 0px; padding-bottom: 0px; text-align: left; float: left; vertical-align: top; /* Выравнивание по верхнему краю ячеек */ margin: 10px 10px 10px 10px; } .vit { height:100px; width:200px; } input[type="submit"] { text-decoration:none; font-size:18px; border:1px solid #fff; background:#e2001a; color: #fff; font-family:'Open Sans', sans-serif; margin-left:0px;/*15px;*/ cursor:pointer; } input[type="submit"]:hover { background:#17607d; font-size:18px; color: #fff; cursor:pointer; border:1px solid #fff; /*box-shadow: 0 0 12px #e2001a;*/ } ul .item-476 { font-weight:bold; } ul .item-476 { /*list-style-image:url(http://amo1.com.ua/images/amo1-list.png);*/ } ul li .item-477 {font-weight:bold; font-family:'Open Sans', sans-serif; text-transform: lowercase;text-decoration:none; } ul li .item-488 { font-weight:normal; text-decoration:none; } ul li .item-489 { font-weight:normal; text-decoration:none; } ul li .item-490 { font-weight:normal; text-decoration:none; } ul li .item-491 { font-weight:normal; text-decoration:none; } ul li .item-492 { font-weight:normal; text-decoration:none; } ul li .item-493 { font-weight:normal; text-decoration:none; } ul li .item-494 { font-weight:normal; text-decoration:none; } ul li .item-495 { font-weight:normal; text-decoration:none; } ul li .item-496 { font-weight:normal; text-decoration:none; } ul li .item-497 { font-weight:normal; text-decoration:none; } ul li .item-498 { font-weight:normal; text-decoration:none; } ul .item-478 {font-weight:bold;} ul li .item-479 {font-weight:normal; text-transform: lowercase; text-decoration:none; } ul li .item-487 {font-weight:normal; text-transform: lowercase; text-decoration:none; } ul li .item-489{font-weight:normal; text-transform: lowercase; text-decoration:none; } ul .item-502 {font-weight:bold;} ul li .item-503 {font-weight:normal; text-transform: lowercase;} ul li .item-504 {font-weight:normal; text-transform: lowercase;} ul li .item-505 {font-weight:normal; text-transform: lowercase;} ul li .item-506 {font-weight:normal; text-transform: lowercase;} ul li .item-507 {font-weight:normal; text-transform: lowercase;} ul li .item-508 {font-weight:normal; text-transform: lowercase;} ul li .item-509 {font-weight:normal; text-transform: lowercase;} ul li .item-510 {font-weight:normal; text-transform: lowercase;} ul li .item-511 {font-weight:normal; text-transform: lowercase;} ul li .item-512 {font-weight:normal; text-transform: lowercase;} ul li .item-513 {font-weight:normal; text-transform: lowercase;} ul .item-514 {font-weight:bold;} ul .item-516 {font-weight:bold;} ul li .item-515 {font-weight:normal; text-transform: lowercase;} ul li .item-517 {font-weight:normal; text-transform: lowercase;} #content {margin:0 auto;} .button3 { text-decoration:none; display:inline-block; padding:0 0px; margin-left:10px;/*15px;*/ /* margin-left:2px;*/ margin-bottom:2px; font-size:20px; font-weight:bold; line-height:38px; color:#fff; border:1px solid #fff; background:url(../images/button-tail.gif) 0 0 repeat-x #f90824;/*#f2f2f2;*/ box-shadow:0 0 2px #bbb; cursor:pointer; /*float:left;*/ } /*#slider106 li a img, #slider106 li a:hover img { border: 1px solid #000; }*/ #slider106 li img { width: 100%; /* border-top: 5px solid #858586; /* Поля вокруг содержимого ячеек */ margin-top: 10px; text-align: center; vertical-align: top; /* Выравнивание по верхнему краю ячеек */ box-shadow: 2px 2px 8px #858586; border: 5px solid white; height: auto; } #slider-container106 { width: 105%; padding-top: 10px; } /*.item-477 {font-size:12px; color:#666; border:10px;}*/ .menu-p{ padding-top: 10px; padding-bottom: 0px; margin: 0px; text-align: center; vertical-align: top; /* Выравнивание по верхнему краю ячеек */ font-size:16px; font-weight:bold; text-transform: uppercase; border-top: 4px solid #EFEFEF; /* Параметры линии под текстом */ } .menu-p a{ color:#000; text-decoration: none; } .img-menu{ vertical-align: middle; margin: 0 10px 5px 10px; } .news-img{ box-shadow: 2px 2px 8px #858586; border: 5px solid white; width: 100px; float: left; margin: 10px 10px 10px 10px; } .button3 { text-decoration: none; display: inline-block; /* padding: 0 24px;*/ margin-left: 30px; /* margin-left: 2px; */ margin-bottom: 2px; padding: 10px; padding-left: 0px; font-size: 24px; font-weight: bold; line-height: 38px; border: 1px solid transparent; background: 0 0 repeat-x #c23026; box-shadow: 0 0 2px #bbb; cursor: pointer; font-family: 'Open Sans', sans-serif; margin-top: 10px;" border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .button3:hover {color:#fff;background:#17607d} .button4 { text-align:center; color: #ffffff; font-size: 20px; font-weight: normal; text-decoration: none; } .sub-menu li{ font-size:20px; } #sidebar .menu>.parent{ padding-top: 15px; position: relative; } #header { /* border:1px solid #fff; */ margin: 0 auto; text-align: center; width: 90%; /*margin-left: -40px;*/ } #header .title { /* border:1px solid #fff; */ margin: 0 auto; text-align: center; width: 100%; margin-left: -40px; float:left; } #header .title:after { content: ""; display: block; clear: both; } #header .title { color: #fff; font-size: 30px; margin-top: 60px; position: relative; text-align: left; width: 140%; margin-left: -50px; } #header .title>span:first-of-type { /* margin-left: 10px;*/ /* margin: 0 auto;*/ } #header .title span { font-size: 18px; text-transform: uppercase; line-height: 30px; font-family: "Open Sans", sans-serif !important; } #header .title span, #header .title span.button4 { display: inline-block; } #header .title span.button4 { position: absolute; top: -30px; right: 0; } #header .title span.button4 .button3 { border: 0; background-color: #c23026; box-shadow: none; font-size: 16px; width: 180px; height: 52px; line-height: 52px; font-weight: bold; } #header .title span.button4 .button3:hover { background-color: #a52c24; } #header span { color: #fff; } .list-of-contacts span { display: block; padding-top: 20px; margin-top: 30px; margin-bottom: 3px; padding: 0px; font-weight: 600; font-size: 18px; width: 184%; float: left; } .list-of-contacts span:nth-of-type(3) { display: none; } .list-of-contacts span a { color: #fff; margin-right: 3px; margin-bottom: 10px; text-decoration:none; } .list-of-contacts span.phones a { margin-left: 20px; display: block; font-size: 24px; } .list-of-contacts span.phones a:first-of-type { display: inline-block; /*margin-left: 0;*/ } .list-of-contacts span a:hover { text-decoration: underline; } .list-of-contacts span .fa { display: inline-block; margin-right: 7px; width: 0px; } /*template.css*/ /******************************************************************************* оформление левого меню*/ ul#left-menu { color: #909090; background-color: #f2f2f2; padding-bottom: 26px; } div#content table.contentpane_main tbody tr td ul li span.categoryHeader, .page .kat, .junewsultra_news h3, .junewsultra_preview h2 { background: url('../images/bg-top-menu.gif') repeat-x scroll 0 0 transparent; color: #fff; display: block; font: bold 17px Arial; height: 19px; padding: 0 192px 16px 9px; } ul#left-menu>li:first-child span.separator, .junewsultra_articleMain h2 { color: #fff; display: block; font: bold 18px Arial; line-height: 38px; text-align: center; background-color: #c23026; } div#content table.contentpane_main tbody tr td ul li span.categoryHeader { border: 2px groove #69C0DC; display: inline-block; margin-bottom: 10px; padding: 0 9px 16px 9px; } ul#left-menu>li:first-child { padding-left: 0; margin-bottom: 14px; } .junewsultra_news h3, .junewsultra_articleMain h2, .junewsultra_preview h2, ul#left-menu>li:first-child span.separator { padding-top: 10px; } ul#left-menu>li:first-child span.separator span { color: #fff; } .junewsultra_news .junews a, .junewsultra_articleMain .junews a, ul#left-menu.menu li.parent a span { color: #6a6a6a; } ul#left-menu.menu li.parent ul li>a span { font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: 300; } ul#left-menu.menu li.parent.item6 ul li>a span { font-size: 16px; font-weight: 700; text-transform: uppercase; } ul#left-menu.menu li.parent.item18 ul li>a span { font-size: 14px; font-weight: bold; text-transform: uppercase; } ul#left-menu.menu li.parent.item7 ul li>a span { font-size: 14px; font-weight: normal; text-transform: uppercase; } ul#left-menu.menu li.parent.item8 ul li>a span { font-size: 14px; font-weight: normal; text-transform: uppercase; } ul#left-menu.menu li.parent.item12 ul li>a span { font-size: 16px; font-weight: 700; text-transform: uppercase; } ul#left-menu.menu li.parent.item13 ul li>a span { font-size: 14px; font-weight: normal; text-transform: uppercase; } ul#left-menu.menu li.parent.item14 ul li>a span { font-size: 14px; font-weight: normal; text-transform: uppercase; } .junewsultra_articleMain h2, .junewsultra_news h3, .junewsultra_preview h2 { margin: 0; } .junewsultra_news .readmore_news, .junewsultra_articleMain .readmore_articleMain { text-align: right; } /********************************************************************************** end */ .page .news { background: none; } .page .kat strong { margin-top: 8px; position: absolute; } .page #left .menu>.parent { padding-top: 15px; position: relative; } .page #left .menu>.parent:after { content: ""; display: block; position: absolute; width: 170px; height: 1px; background-color: #ccc; bottom: -8px; left: 20px; right: 20px } .page #left .menu>.parent:last-of-type:after { display: none; } .page #left .parent li { margin: 3px 0 0 0; } /* .page #left .menu .parent .parent li{ padding-left: 10px; position: relative; } */ /* .page #left .menu .parent .parent li:before{ content: ""; display: block; width: 4px; height: 1px; background-color: #999; position: absolute; top: 8px; left: 0; } */ .page #left .parent a span, div#left div.junewsultra_news div.junews span a, div#left div.junewsultra_articleMain div.junews span a { font: bold 16px Tahoma; color: #6a6a6a; text-decoration: none; } ul#left-menu.menu li.parent.item20 ul li>a span { font-size: 14px; font-weight: normal; text-transform: uppercase; } .page #left .parent>a { display: block; margin-bottom: 10px; } .page #left .parent .parent>a { font-size: 16px; text-transform: uppercase; display: block; margin-bottom: 10px; } ul#left-menu.menu li.parent .parent>a span { color: #17607d !important; } div#left div.junewsultra_news div.junews span a, div#left div.junewsultra_articleMain div.junews span a { color: #6a6a6a; } div#left div.junewsultra_news div.junews span a:hover, div#left div.junewsultra_articleMain div.junews span a:hover { color: #0085B0; } div#left div.junewsultra_news div.junews span.read_more a, div#left div.junewsultra_articleMain div.junews span.read_more a, p.readmore_main span.insertReadMore a { font-size: 12px; color: #003366; } .page #left .parent li a { font: normal 12px Tahoma; text-transform: none; color: #003366; margin: 0; cursor: pointer; display: block; } div.junews a:hover, div#left div.junewsultra_news div.junews a:hover span, div#left div.junewsultra_articleMain div.junews a:hover span, .page #left .parent li a:hover { text-decoration: underline; color: #0085B0; } div#left div.junewsultra_articleMain div.junews span.read_more a:hover, div#left div.junewsultra_news div.junews span.read_more a:hover, p.readmore_main span.insertReadMore a:hover { color: #0085B0; text-decoration: none; } div.junews span.read_more a { color: #003366; float: right; line-height: 17px; right: 0; height: 17px; padding: 2px 10px 0 0; margin: 10px 10px 10px 0; text-transform: lowwercase; width: 100px; } .page #left .parent .separator { color: #003366; font: bold 12px Tahoma; text-transform: uppercase; } .box-katalog { background: none repeat scroll 0 0 white; border-bottom: 1px solid #909090; border-left: 1px solid #909090; border-right: 1px solid #909090; margin: 0 0 20px; padding: 0 0 15px; width: 218px; } #box-news { background: none repeat scroll 0 0 white; float: left; margin: 8px 0 10px 10px; width: 209px; padding: 0 0 15px; position: relative; border: 1px solid #d3d3d3; } #box-news strong { color: #000; } #box-news .katalog { margin-bottom: 0; } .box-news { border: 1px solid #d3d3d3; width: 211px; } .blog_main, .content-block { background-color: white; border: 1px solid #d3d3d3; margin: 20px 0 0 7px; /* width: 737px; */ } .content-block p { margin: 10px 0; color: #000; } .contentpaneopen_main h1, .contentpaneopen_main h2 { margin: 0 0 10px 7px; } .contentpaneopen_main p { margin: 5px 5px 0 5px; } div.contentpaneopen div.article-content { margin-left: 12px; width: auto; } div#content table.blog tbody tr td table tbody tr td.article_column div.contentpaneopen div.article-content p { width: auto; } html body div#wrapper div.page div.shadow div.main div#boxcontent div#content div.article-content table.text tbody tr td table.text { margin: 0 auto; width: 400px; } html body div#wrapper div.page div.shadow div.main div#boxcontent div#content div.article-content table.text tbody tr td table.text tbody tr td { margin: 0; padding: 0; width: 100px; } .wrap { display: block; margin: 10px 0 0 0; } .katalog-boxes { border: 1px solid #d3d3d3; display: inline-block; margin: 10px 10px 0 5px; overflow: hidden; padding: 5px 0; /* width: 703px; */ } .content-block p.other-dist { margin: 0 11px 0 0; } .katalog-boxes p.other-dist { padding-top: 5px; } .img-material, .img-katalog-boxes { padding: 5px; margin: 3px 10px 0 2px; float: left; } .img-material { padding: 0 10px 15px 0; } .katalog-boxes h3 { color: #003366; font: bold 12px Tahoma; text-transform: uppercase; padding: 11px 0 0 15px; } .katalog-boxes p { padding: 10px 0 20px 15px; } .more { background: url('../images/bg-more.gif') no-repeat scroll 0 0 transparent; height: 18px; width: 80px; float: right; margin: 23px 10px 0 0; } .keram-chere { margin: 15px 10px 0 0; } .content-kontacts { border: none; border-right: 1px solid #d3d3d3; padding: 0; height: 54px; } .wrap-about-us-articles { overflow: hidden; width: 100%; } .wrap-else { margin: 0; position: relative; } .about-us { float: left; width: 521px; padding-bottom: 16px; } .articles { float: right; width: 184px; } .isq table th { font-size: 13px; } .isq #right img { position: relative; top: 10px; } .isq table img { margin: 0 auto; position: relative; top: 0 !important; } .info-left { float: left; width: 354px; } .wrap-inf-left { overflow: hidden; } .info-right { float: right; width: 360px; overflow: hidden; } .skype { float: left; width: 172px; border-right: 1px solid #d3d3d3; padding: 5px 0; } .isq { float: right; width: 179px; border-right: 1px solid #d3d3d3; padding: 5px 0; } .kurs-no-border { border-right: none; } .common { padding: 23px 0 0 64px; color: #003366; font: 15px bold; display: block; } .skype a { background: url('../images/bg-skype-no-active.gif') no-repeat scroll 10px 10px transparent; height: 40px; width: 41px; } .skype a:hover { background: url('../images/bg-skype-active.gif') no-repeat scroll 10px 10px transparent; } .isq a { background: url('../images/bg-isq-no-active.gif') no-repeat scroll 10px 10px transparent; height: 40px; width: 98px; } .isq a:hover { background: url('../images/bg-isq-active.gif') no-repeat scroll 10px 10px transparent; } .skype .else-inf { background: url('../images/bg-more-no-active.gif') no-repeat scroll 1px 36px transparent; height: 60px; margin: -22px 0 0; width: 43px; } .skype .else-inf:hover { background: url('../images/bg-more-active.gif') no-repeat scroll 1px 36px transparent; } .article-content p { padding: 0; } .katalog-boxes p { padding: 0 17px; } .article-content .rukki-img { height: 160px; padding: 0 10px 0 0; width: 228px; } .article-content p.a-main { padding: 21px 0 0 131px; } .article-content .last-img { padding: 0; } #back-up { /* height: 20px; margin: 20px 0 20px 250px;*/ overflow: hidden; width: auto; } div.junewsultra_preview { border-left: 1px solid #909090; border-bottom: 1px solid #909090; color: #909090; float: right; margin: 0 0 10px 15px; width: 215px; } div.junewsultra_preview .junews { clear: both; margin: 0 10px 0 0; } div.junewsultra_preview .junews p { margin: 0; padding: 0; } div.junewsultra_preview .junews a { color: #003366; font-size: 10px; margin-left: -10px; text-decoration: none; text-transform: uppercase; } div.junewsultra_preview .junews a:hover { color: #0085B0; } div.junewsultra_preview .junews .readmore_preview { display: block; float: right; height: 12px; line-height: 12px; margin: 10px 0; padding-right: 5px; text-align: right; width: 95px; } div.article-content div.pic-link { margin: 0 auto; text-align: center; width: 100%; } div.assortment { border: 1px solid #D3D3D3; display: block; max-width: 100%; margin: 10px auto; text-align: center; /*width: 100px;*/ } div.assortment a, div.assortment a img{ display: block; max-width: 100%; } div.assortment p { color: #c23026 !important; } div.assortment img { height: 141px; margin: 0 auto; } div.assortment a span { color: #003366; font-size: 10px; line-height: 20px; } div.assortment a:hover span { color: #0085B0; } div#color-schem, div#link-inline { margin: 0 auto; text-align: center; } div#link-inline a { color: #003366; margin: 0 50px; } div#link-inline a:hover { color: #0085B0; } div.inline-box { display: inline-block; margin: 0 0 20px; width: 180px; } div.inline-box span { line-height: 30px; } ol.num-list { display: inline-block; list-style-position: outside; list-style-type: decimal; } ol.num-list li { margin-left: 50px; } table.price td { border: 3px ridge #d3d3d3; } p#picinside { text-align: center; } ul#list { list-style-position: inside; list-style-type: disc; } /*контакты в меню name="redmenu" */ #menu form { display: inline; } .searchsearchMod { display: inline; height: 36px; margin-top: 7px; padding: 0; float: right; /* padding-left: 5px; */ } #mod_search_searchword { background-color: transparent; border: none; border-bottom: 1px solid #f2f2f2; color: #fff; font: bold 13px Arial; height: 36px; outline: none; text-align: center; vertical-align: top; } #mod_search_searchword:focus, #mod_search_searchword:active { outline: none; } #mod_search_searchword:after { content: ""; } .buttonsearchMod { height: 33px; position: relative; z-index: 100; left: -27px; top: 2px; } .inputboxsearchMod:before { content: "\f002"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; font-size: 18px; padding-right: 0.5em; position: absolute; top: 10px; left: 0; z-index: 120; } .cont_tel { color: #FFFFFF; font-size: 10px; margin: -36px 0 0 616px; width: 5%; } .rightimg { float: right; margin: 7px 7px 17px 0; width: 450px; margin: 0 0 10px 10px; } #keramicaPic { margin: 0 auto; } .keramicaTab { background-color: #FFFFFF; border: 1px solid #B2B2B2; display: inline-block; margin: 10px !important; text-align: center; width: 200px; } .keramicaTab:hover { border: 1px solid #48C2E8; } div#content div.article-content .keramicaTab p { margin: 0 5px 5px 5px; text-indent: 0px; text-align: center; } .picFloatLeft { float: left; margin: 0 15px 15px 0; } p.imageCenter img { clear: both; text-align: center; } div#content table.blog tbody tr td div div.cut-color h3.center, div.article-content div.cut-color { margin: 0 auto; text-align: center; } div#content table.blog tbody tr td div div.cut-color h3.center { margin: 10px auto 5px auto; } div#content div.article-content div.cut-color p.schem { display: block; margin: 0 auto; text-align: center; width: 400px; } div#content div.article-content div.cut-color .samples, div#content table.blog tbody tr td div div.cut-color .color, div#content div.article-content div.cut-color .color { display: inline-block; border: 1px solid #d3d3d3; padding: 10px; text-indent: 0; width: 209px; } div#content div.article-content div.cut-color .samples { margin-bottom: 10px; width: auto; } div#content table.blog tbody tr td div div.cut-color .color { text-align: center; width: auto; } div#content div.article-content div.cut-color .schem span, div#content div.article-content div.cut-color .color span { margin: 0 auto 5px auto !important; display: block !important; text-align: center !important; } div#content table.blog tbody tr td .center, div#content .center, div#content div.article-content div.cut-color div.cut-color .center { margin: 10px auto; text-align: center; text-indent: 0; } div#content .center img { margin-left: 5px; } div#content div.article-content .center .symbol { display: inline-block; font-weight: bold; margin: 80px 50px 80px 0; } .right-border, div#content table.blog tbody tr td p .right-border, div#content div.article-content .right-border, div#content div.article-content .right { border: 1px solid #d3d3d3; float: right; margin: 0 15px 0 15px; padding: 0; text-align: center; text-indent: 0; width: 500px; } div#content table.blog tbody tr td p .right-border, div#content div.article-content .right-border { padding: 10px; width: auto; } .stumb { clear: both; height: 0; line-height: 0; } .link-ruflex { padding: 0 15px; } .link-ruflex a { margin-left: 20px; } div#content div.article-content img.left { float: left; margin-right: 15px; } div#content div.article-content img.img-right { float: right; margin: 0 10px 15px 15px; } .img-block img { max-width: 300px; } div#content div.article-content table.table-image-text { border: 1px solid #d3d3d3; margin: 0 auto 10px auto; width: 60%; } div#content div.article-content table.table-image-text th, div#content div.article-content table.table-image-text td { vertical-align: top; padding: 10px; } div#content div.article-content table.table-image-text .tr-line { border-bottom: 1px solid #d3d3d3; } .table { border-left: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; margin: 0 auto; } .table th, .table td { border-bottom: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; padding: 10px; text-align: center; } .table td.left { text-align: left; } .table td.title { border-top: 1px solid #f2f2f2; } .table-right { float: right; } .table td p { text-align: center !important; text-indent: 0px !important; } .range { margin: 0 auto 20px auto; min-height: 230px; width: 50%; } .as_link { color: #003366; } span.bold { font-weight: bold; } .titleH2 { background-color: #f2f2f2; font-size: 30px; line-height: 42px; margin: 20px 0; } .list { list-style-type: none; } /*Нижнее меню*/ a.mainlevelbot_menu { margin-left: 10px; } /*Малый модуль Ruuki на рекламируемых страницах*/ .roof-adv { width: 800px; padding: 10px 0 10px 10px; float: left; } .roof-adv-desc { width: 800px; background: #f7f7f7; height: 465px; margin-top: 10px; padding: 5px; color: #4e4e4e; } .roof-adv-desc-main { width: 770px; height: 290px; border-bottom: 2px #9c9c9c solid; padding: 5px; } .roof-adv-desc-main img { width: 275px; height: 275px; border: 1px #e2e3e8 solid; padding: 5px; float: left; } .roof-adv-desc-main-text { float: right; width: 470px; height: 295px; line-height: 200%; font-weight: bold; } .roof-adv-desc-main-text p strong { font-size: 18px; color: #000; } .roof-adv-desc-main-text p span { font-size: 28px; color: #ba0003; font-weight: normal; } .roof-adv-desc-main-text p span em { font-style: normal; font-weight: bold; } .roof-adv-desc-main-text ul { margin-bottom: 5px; } .roof-adv-desc-main-text ul li { list-style-type: square; margin-left: 30px; line-height: 150%; } .align-right { text-align: right !important; } .roof-adv-desc-main-text p b { font-size: 23px; color: #ba0003; } .roof-adv-desc-gallery { width: 770px; height: 193px; padding: 10px; } .roof-adv-desc-gallery img { width: 175px; height: 150px; margin: 0 6px; } /*Большой модуль Ruuki на рекламируемых страницах*/ .roof-adv-big { width: 1020px; padding: 10px 0 10px 10px; float: left; } .roof-adv-desc-big { width: 1000px; background: #f7f7f7; height: 465px; margin-top: 10px; padding: 5px; color: #4e4e4e; } .roof-adv-desc-main-big { width: 970px; height: 290px; border-bottom: 2px #9c9c9c solid; padding: 5px 5px 0 20px; } .roof-adv-desc-main-text-big { float: right; width: 690px; height: 295px; line-height: 200%; font-weight: bold; } .roof-adv-desc-main-text-big p strong { font-size: 18px; color: #000; } .roof-adv-desc-main-text-big p span { font-size: 28px; color: #ba0003; font-weight: normal; } .roof-adv-desc-main-text-big p span em { font-style: normal; font-weight: bold; } .roof-adv-desc-main-text-big ul { margin-bottom: 5px; } .roof-adv-desc-main-text-big ul li { list-style-type: square; margin-left: 30px; line-height: 150%; } .roof-adv-desc-main-text-big p b { font-size: 23px; color: #ba0003; } .roof-adv-desc-gallery-big { width: 970px; height: 193px; padding: 10px; } .roof-adv-desc-gallery-big img { width: 175px; height: 150px; margin: 0 31px; } /*Модуль галлереи продуктов*/ .products-gallery { float: right; width: 203px; min-height: 1015px; padding: 5px; background: #f7f7f7; margin: 20px; } .products-gallery span { text-align: left !important; font-size: 20px; margin: 5px; } /*Уменьшенная колористика*/ .color1 { display: inline-block; border: 1px solid #d3d3d3; padding: 5px; text-indent: 30px; width: 104px; float: left; margin: 0 35px 13px !important; width: 110px; height: 60px; } .color1 img { width: 100px; height: 50px; } .button3 { text-decoration: none; display: inline-block; padding: 0 24px; margin-left: 0px; /* margin-left: 2px; */ margin-bottom: 2px; font-size: 26px; font-weight: bold; line-height: 38px; border: 1px solid transparent; background: 0 0 repeat-x #c23026; /*url(../images/button-tail.gif)*/ box-shadow: 0 0 2px #bbb; cursor: pointer; font-family: Arial; } .button3:hover, .button3:focus { background-color: #a52c24; } .button4 { text-align: center; } .button4 a { color: #ffffff; font-size: 20px; font-weight: normal; text-decoration: none; } .button4 a:hover { color: #ffffff; font-size: 20px; font-weight: normal; text-decoration: none; } table.zebra tbody td { border-bottom: 1px solid #d3d3d3; } table.zebra tbody tr:first-child td { border-top: 1px solid #d3d3d3; } table.zebra tbody tr.odd { background: #f0f0f0; } table.zebra tbody tr:nth-of-type(odd) { background: #f0f0f0; } table.zebra { border: 1px solid #cdcdcd; background: #f8f8f8; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08); } table.zebra caption { color: #333; } table.zebra thead { background: #fff; } table.zebra thead tr td, table.zebra thead tr th { border: 1px solid #cdcdcd; } table.zebra thead th { color: #88888a; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); font-size: 12px; font-weight: bold; text-transform: uppercase; } table.zebra tbody tr:hover, table.zebra tbody tr:nth-of-type(odd):hover, table.zebra tbody tr.odd:hover { background: #fff; } table.zebra tr td, table.zebra tr th { border-left: 1px solid #cdcdcd; } table.zebra tfoot tr { border-bottom: 1px solid #c7c7c7; background: #e4e4e4; color: #444; } /* left-column */ .fb_iframe_widget, #___page_0 { display: block !important; margin: 0 auto !important; text-align: center; width: 100% !important; } /* left-column */ /* main-page-product-block */ .product-block-item { padding: 15px 0; margin-bottom: 20px; height: 254px; /*new*/ font-size: 18px; text-transform: uppercase; color: #c23026; text-align: center; } .product-block-item a { margin: 0 auto; text-decoration: none; } .product-block-item a, .product-block-item a img, .product-block-item a span { display: block; } .product-block-item a, .product-block-item a img { max-width: 100%; margin: 0 auto; } .product-block-item a img { height: 170px; } .product-block-item a { font-size: 18px; text-transform: uppercase; color: #c23026; text-align: center; margin-top: 15px; } .product-block-item a span { font-size: 18px; text-transform: uppercase; color: #c23026; text-align: center; margin-top: 15px; } .product-block-item a:hover span { color: #17607d; } .product-block-item a:hover { color: #17607d; } /* new-styles */ #menu ul.menu, #menu form { display: inline-block; float: left; } #copirigt .logo-block a { display: block; text-align: left; } #footer { font-size: 16px; line-height: 20px; color: #fff; } .footer-item { text-align: left; /*padding-right: 30px;*/ } .footer-item h4, .footer-item a { color: #fff; } .footer-item h4 { font-size: 16px; line-height: 20px; font-weight: 300; text-transform: uppercase; border-bottom: 1px solid #fff; margin-left: 0; } .contact-block span { display: block; margin-bottom: 10px; font-size: 16px; position: relative; padding-left: 24px; } .contact-block span .fa { display: block; position: absolute; top: 5px; left: 0; } .contact-block span a { display: inline-block; margin-right: 5px; } .contact-block span a:hover, .map-link a { text-decoration: underline; color:#fff; } .social-links { margin-top: 30px; } .social-links a { display: inline-block; margin-right: 20px; } .social-links a .fa { font-size: 30px; } .map-link a:hover, .contact-block span a:hover, .social-links a:hover { opacity: 0.8; } .copyright-info { background-color: #124d65; padding-top: 15px; padding-bottom: 15px; text-align: center; color: #fff; font-size: 12px; } .copyright-info .site-map { margin-bottom: 5px; } .copyright-info a { color: #fff; display: inline-block; margin-right: 15px; text-decoration: none; } .copyright-info a:hover { text-decoration: underline; color: #fff; } .mobile-menu-line { display: none; } /* page-about */ .img-row { padding-top: 15px; padding-bottom: 15px; } .img-row a { display: block; margin: 0 auto; text-align: center; } .img-row a img { display: block; margin: 0 auto; border: 5px solid white; box-shadow: 2px 2px 8px #858586; width: 80%; } /* //page-about */ /* price-page */ .price-row { padding-top: 20px; padding-bottom: 20px; } .price-row a, .price-row a img, .price-row strong { display: block; margin: 0 auto; } .price-row a { text-align: center; } .price-row a img { max-width: 300px; } .price-row strong { margin-top: 25px; } /* //price-page */ /* //NEW STYLES */ /* //main-page-product-block */ /*Recall*/ #recall h2 { text-align: center; margin-bottom: 30px; } .teploenergoprom a { display: block; } .teploenergoprom a img { border: 0px none; box-shadow: 2px 2px 8px #858586; border: 5px solid white; max-width: 100%; display: block; margin: 0 auto; } .recall-director p { vertical-align: top; padding: 0 10px; margin-right: 10px; text-indent: 20px; font-size: 13px; line-height: 21px; } @media screen and (min-width: 330px) and (max-width: 766px) { #recall h2 { font-size: 20px; margin-left: 0; } .recall-director { margin-top: 30px; } .fb_iframe_widget { display: none !important; } } /*Contacts*/ #contacts .tel { margin: 2px 2px 0px 2px } #contacts a { text-decoration: none; color: #000000; } #contacts a:hover { text-decoration: underline; } .map h3 { margin-top: 15px; } .contacts .email { display: block; } .map iframe { max-width: 90%; height: 435px; border: 0px; } .post_adress span { font-weight: normal; } .enter h2 { text-align: center; } .img-enter { max-width: 80%; display: block; margin: 0 auto; } @media screen and (min-width: 330px) and (max-width: 766px) { .fb_iframe_widget { display: none !important; } #content p { margin-left: 0px; } .map iframe { height: 250px; } .enter h2 { text-align: left; } .img-enter { float: left; margin-left: 25px; } } /*metal_main*/ #metal_main h2 { text-align: center; } .cost { font-size: 19px; font-weight: bold; color: red; text-align: center !important; } .assortment { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-size: cover; } .about_metal { margin-top: 20px; } .about_metal .metal_example { margin: 0 auto; margin-bottom: 20px; } /*Bitum_main*/ .bitum_title .img-katalog-boxes { float: left; } .bitum_title .table_price { max-width: 96%; margin: 0 auto; } .bitum_title .second { margin-bottom: 10px; } .about_bitum h2 { text-align: center; } .get_discount { text-align: center !important; color: red; font-weight: bold; font-size: 16px; } .about_bitum img { margin: 0 auto; margin-bottom: 10px; } .inline_img img { display: inline-block; margin-left: 5px; width: 45%; } /*ceramic_main*/ #ceramic_main .img-katalog-boxes { float: left; } #ceramic_main h3 { text-align: center; } .keramicaTab { max-width: 100%; } .keramicaTab .sylm { width: 35%; } .ceramic_about { margin-top: 20px; } .ceramic_about .right-border { float: right; } .ceramic_example { display: inline-block; margin-bottom: 20px; } /*vodostok_main*/ .img-katalog-boxes { float: left; } #vodostok_main h2 { text-align: center; } #vodostok_main h3 { text-align: left; } #vodostok_main .discount { text-align: center; color: red; font-weight: bold; font-size: 16px; } #vodostok_main .table_price { display: block; margin: 0 auto; margin-bottom: 20px; } /*vodostok_profil*/ .vodostok_profil_price .discount { text-align: center; color: red; font-weight: bold; font-size: 16px; } .vodostok_profil_about .example { height: 200px; max-width: 150px; } #vodostok_profil img { margin: 0 auto; width: 60%; display: block; } /*katepal*/ #katepal .img-material { float: left; width: 30%; } .katepal_title img { display: inline-block; width: 45%; } .katepal_title .title_example { width: 50%; } .katepal_price h2 { text-align: center; } .katepal_price .discount { text-align: center !important; color: red; font-weight: bold; font-size: 16px; } .katepal_price img { max-width: 100%; margin: 0 auto; } .katepal_about img { display: inline-block; width: 47%; text-align: center; } .katepal_about .katepal_example { width: 50%; } .katepal_links a { margin-right: 10px; } /*owenscorning*/ #owenscorning .title { margin-bottom: 20px; } #owenscorning .title img { float: left; } .owenscorning_assortiment .assortimentTab { text-align: center; margin-bottom: 20px; } .owenscorning_assortiment .assortimentTab img { width: 100%; } .owenscorning_assortiment .assortimentTab p { font-size: 20px; font-weight: bold; color: red; text-align: center !important; } .owenscorning_about { margin-bottom: 20px; } /*bitum_iko*/ .iko_title .title_left { float: left; } .iko_title .title_right { float: right !important; max-width: 300px; } #bitum_iko h2 { text-align: center; } .iko_price img { margin: 0 auto; margin-bottom: 20px; } /*ukr_profnastil*/ .ukr_profnastil_title .left { float: left; } .profnastil_assortiment .assortimentProf { width: 100%; height: 100%; padding: 10px; border: 1px #9c9c9c solid; margin: 20px auto; background: #f7f7f7; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .assortimentProf img { width: 60%; } .assortimentProf .right { border: none !important; width: auto !important; } .assortimentProf .cost { transform: translateY(450%); } .assortimentProf .tel, .assortimentProf .cost { color: red; font-size: 16px; line-height: 1.3em; text-align: right !important; } .assortimentProf .cost span { color: #000; font-size: 18px; } /*profnastil_ruukki ruukki-monterey ruukki-decorrey ruukki-finnera*/ .profnastil_ruukki_assortiment, .ruukki-metalloceram_assortiment { margin: 0 auto; } .profnastil_ruukki_assortiment .assortiment_ruukki, .ruukki-metalloceram_assortiment .assortiment_ruukki { width: 100%; height: 100%; padding: 10px; border: 1px #9c9c9c solid; margin: 20px auto; background: #f7f7f7; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .assortiment_ruukki .name_assort { font-size: 20px; font-weight: bold; text-align: center !important; } .assortiment_ruukki .assortment_tech ol { list-style-type: decimal; list-style-position: inside; padding-left: 20px; } .assortiment_ruukki .assortment_tech ol li { line-height: 150%; } .assortiment_ruukki .assortment_tech ol li sup { color: red; font-weight: bold; } .assortiment_ruukki .assortment_cost { margin-top: 10%; } .assortment_cost p { font-size: 18px; font-weight: bold; text-indent: 0; } .assortment_cost .cost_title { text-align: center !important; padding: 20px 0; } .assortment_cost .line-through { text-decoration: line-through; font-size: 16px; font-weight: normal; } .assortment_cost .new_cost { font-size: 20px; color: red; } .assortiment_ruukki .assortment_img img { width: 100%; margin-top: 10px; } .assortment_img p { font-size: 16px; color: red; font-weight: bold; margin-top: 10% !important; text-align: center !important; } .profnastil_ruukki_color .example { width: 200px; height: 200px; } .profnastil_ruukki_color .example, .profnastil_ruukki_color .example img, .profnastil_ruukki_color .example h2, .profnastil_ruukki_color .example p { text-align: center !important; margin-left: 0 !important; } .palitra .medal { float: left !important; width: 176px; height: 176px; } /*sett-kerameya*/ /*profnastil_ns60 n75 n58 n44 nc35 c33 c21*/ .profnastil_variant .profnastil_price img { width: 100%; } .profnastil_price .cost { font-size: 22px; font-weight: bold; color: #000; } .profnastil_price .cost span { color: #e42424; font-weight: bold; } .profnastil_tech { margin: 20px 0px; } .profnastil_tech .zebra { margin: 0 auto !important; } .profnastil_tech .zebra td { text-align: left; border: 1px solid #cdcdcd; } /* MEDIA QUERIES */ @media (max-width:1199px) { #logo { margin: 20px 0 0; } #logo a img { display: block; width: 130px; } #header-title .title span { font-size: 16px; } .profmet { padding-left: 0; margin-left: -20px; } .list-of-contacts span { font-size: 14px; } #menu .menu, #menu form { display: inline-block; float: left; } #menu .menu { width: 78%; } #menu .menu a { padding: 16px 6px; } #boxcontent { margin-top: 40px; } #content h1 { font-size: 20px; padding-bottom: 3px; } .product-block-item a span { font-size: 15px; margin-top: 10px; } ul#left-menu>li:first-child span.separator, .junewsultra_articleMain h2 { line-height: 32px; } .page #left .parent>a { margin-bottom: 15px; } .page #left .parent a span, div#left div.junewsultra_news div.junews span a, div#left div.junewsultra_articleMain div.junews span a { /* font: bold 14px Tahoma; */ } .assortment_img p { font-size: 14px; } .table-scroll { overflow-y: auto; } #kroshki_menu_bottom2 ul.menu, #kroshki_menu2 ul.menu { text-align: left; } #kroshki_menu_bottom2 ul.menu li, #kroshki_menu2 ul.menu li { float: none; } #header-title .title span.button4 .button3 { width: 130px; } .article-content img, div#content .center img { display: block; float: none !important; max-width: 100%; margin: 0 auto 15px !important; } .right-border, div#content table.blog tbody tr td p .right-border, div#content div.article-content .right-border, div#content div.article-content .right { float: none; } #metallocherepica_ruukki .assortment { height: 250px; } #metallocherepica_ruukki .assortment .cost { font-size: 15px; } } @media (max-width:1030px) { .menu>li { padding-left: 10px; } #content p, #content ul, #content ol, #content table { margin: 0 auto 20px; width: 100%; text-align: left; float: none; } .article-content .table-right { float: none; } #kroshki_menu_bottom2 ul.menu li, #kroshki_menu2 ul.menu li { margin: 5px 2px 5px 0; } #header-title { margin-left: -40px; } #header-title .title span.button4 .button3 { width: 130px; } .vodostok_profil_about .example { width: 240px; max-width: 100%; } .keramicaTab .sylm { width: 47%; } .palitra .color1 { width: auto !important; text-align: center; } #menu { overflow: visible; } .mobile-menu-line { padding: 10px 15px 4px; position: relative; background-color: #17607d; } .mobile-menu-line:after { content: ""; display: block; clear: both; } .mobile-menu-line .container> span { color: #fff; font-size: 20px; line-height: 30px; font-weight: 300; display: inline-block; } .mobile-menu-line .navbar-toggle { display: block; position: relative; float: right; padding: 9px 10px; margin-top: -2px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; border-color: #fff; } .navbar-toggle .icon-bar { background-color: #fff; display: block; width: 22px; height: 2px; border-radius: 1px; } .mobile-menu-line .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px; } } @media (max-width:991px) { /* -------------------- */ .mobile-menu-line .navbar-toggle:hover, .mobile-menu-line .navbar-toggle:focus, .mobile-menu-line .navbar-toggle:active, .mobile-menu-line .navbar-toggle:visited { outline: none; } #menu-wrapper { display: none; } #menu-wrapper.toggled { display: block; background-color: #17607d; position: relative; padding-bottom: 15px; z-index: 100; } #menu .menu, #menu form, #menu .menu li { display: block; float: none; } #menu .menu, #menu form { width: 100%; } #menu .menu li { text-align: center; } #menu form { height: 42px; width: 300px; display: block; margin: 10px auto; } #menu form:after { content: ""; display: block; clear: both; } .searchsearchMod { margin-left: 0; } #mod_search_searchword { width: 220px; } .mobile-menu-line { display: block; } /* ------------------- */ #header-title { margin-left: -60px; } #header-title .title { margin-top: 20px; } #header-title .title span.button4 { position: inherit; top: 0; right: 0; } #header-title { margin-left: -40px; margin-top: 40px; } #header-title .title span:first-of-type { margin-left: -2px; } #header-title .title span span { display: block; } #header-title .title span.button4 .button3 { margin-top: -63px !important; margin-left: 170px; font-size: 13px; width: 130px; } #header-title .title span { font-size: 13px; } .product-block-item a img { height: 150px; } .product-block-item a span { font-size: 14px; } .menu>li { padding-left: 20px; } .page #left .parent a span, div#left div.junewsultra_news div.junews span a, div#left div.junewsultra_articleMain div.junews span a { /* font: normal 14px Tahoma; */ } .product-block-item { margin-bottom: 15px; height: 230px; } .footer-item h4 { font-size: 14px; } .social-links a .fa { font-size: 24px; } .contact-block span a { display: block; margin-right: 0; margin-bottom: 5px; } #copirigt .logo-block a { margin-top: 20px; } #copirigt .logo-block a img { width: 120px; } #logo a img { width: 100px; } .assortimentProf .left { width: 100%; margin-bottom: 10px; } .assortimentProf .cost { transform: translateY(30%); } .assortimentProf .tel, .assortimentProf .cost { font-size: 14px; line-height: 1.3em; } .assortimentProf .cost span { font-size: 16px; } .vodostok_profil_tech table td { font-size: 11px; } div#content div.article-content div.cut-color .samples { width: 200px; } div#content div.article-content div.cut-color .samples .center { text-align: center !important; } .keramicaTab .sylm { width: 45%; } .iko_title .title_right { float: right !important; max-width: 100%; } #metallocherepica_ruukki .assortment { height: 250px; } .palitra .color1 { width: auto !important; text-align: center; } #metal_main .assortment { height: 100%; max-height: 241px; } } @media (max-width:767px) { #header-title .title span { display: none; } #header-inner { height: auto; background: url(../images/bg-top-mob.jpg) center top no-repeat #5E5E5E; background-size: cover; } #header-title { margin-left: 0; } #header-title .title { position: relative; text-align: center; } #header-title .title span.button4 .button3 { margin-top: 0; margin-left: 0; margin: 0 auto; position: inherit; } #header-title .title span.button4 .button3 { margin-top: 0 !important; margin-left: 0; } div#content ul li, p { text-indent: 6px; } .page #left .menu>.parent { padding-top: 10px; position: relative; } #left li .separator:hover { cursor: pointer; } div#left div.junewsultra_articleMain, .fb_iframe_widget_fluid, #___page_0 { display: none !important; } #left { text-align: center; } .page #left .parent a span, div#left div.junewsultra_news div.junews span a, div#left div.junewsultra_articleMain div.junews span a, ul#left-menu.menu li.parent.item6 ul li>a span, ul#left-menu.menu li.parent ul li>a span { /* font: normal 18px Tahoma; */ line-height: 24px; } .page #left .menu>.parent:after { width: 240px; left: 50%; margin-left: -120px; } .page #left .menu>.parent { display: none; } .page #left .menu>.parent.active { display: block; } #logo a { margin-left: 0; margin-top: 10px; } #logo a img { width: 80px; margin: 0 auto 10px; } #logo .title { display: block; color: #fff; text-align: center; font-size: 16px; text-transform: uppercase; font-weight: 600; } .list-of-contacts { text-align: center; margin-top: 10px; } .list-of-contacts span { font-size: 17px; font-weight: 500; } #header-title, #header-title .title { margin-top: -20px; } .list-of-contacts span a { margin-right: 0; } .list-of-contacts span a:nth-of-type(2) { margin-left: 18px; } .mobile-menu-line .container> span { margin-left: -15px; } .mobile-menu-line .navbar-toggle { margin-right: -15px; } #content .article-content p { text-align: justify; } #copirigt .logo-block a { text-align: center; } .footer-item { text-align: center; padding-right: 0; margin-top: 20px; } .contact-block span .fa { display: inline-block; position: inherit; top: 0; left: 0; margin-right: 7px; } .profmet { padding-top: 10px; margin-left: -10px; } .list-of-contacts span .fa { margin-right: 5px; width: 16px; } .list-of-contacts span.phones a { margin-bottom: 10px; } .list-of-contacts span.phones a:nth-of-type(2), .list-of-contacts span.phones a:last-of-type { /*margin-left: 18px;*/ } ul#left-menu { padding-bottom: 0; } .assortimentProf .left { width: 100%; margin-bottom: 10px; } .assortimentProf .cost { transform: translateY(30%); } .assortimentProf .tel, .assortimentProf .cost { font-size: 14px; line-height: 3.3em; } .assortimentProf .cost span { font-size: 16px; } .profnastil_price .cost { font-size: 17px; text-align: center !important; } .page #left .menu>.parent { padding-top: 10px; padding-bottom: 15px; } #content .article-content p#picinside img { height: 300px !important; } .palitra .color1 { width: auto !important; text-align: center; } #left li{ padding-left: 0; } } @media (max-width:330px) { .searchsearchMod { float: left; margin-left: 35px; } #header-inner .col-xs-8 { padding-right: 0; } .list-of-contacts span .fa { margin-right: 3px; } .list-of-contacts span.phones a:nth-of-type(2), .list-of-contacts span.phones a:last-of-type { margin-left: 15px; } .fb_iframe_widget { display: none !important; } #metal_main .assortment { max-width: 95%; max-height: 95%; } .assortimentProf .left { width: 100%; margin-bottom: 10px; } .assortimentProf .cost { transform: translateY(30%); } .assortimentProf .tel, .assortimentProf .cost { font-size: 13px; line-height: 1.3em; } .assortimentProf .cost span { font-size: 16px; } .profnastil_price .cost { font-size: 14px; } .profnastil_tech .zebra td { font-size: 11px; } .keramicaTab .sylm { width: 45%; } } ul { /*list-style-image: url(http://amo1.com.ua/images/amo1-list.png);*/ padding:0 10px 0 20px; } #sidebar .module ul.menu{ font-weight: bold; } .sub-menu li{ font-weight: normal; } .sub-menu ul li{ font-weight: normal; } #sidebar .menu>.parent{ padding-top: 15px; position: relative; } @media screen and (min-width: 330px) and (max-width: 766px) { #logo { display: none; } } @media screen and (min-width: 330px) and (max-width: 766px) { #header .title span { text-align: right; margin-top: -150px; font-size: 14px; /* display: none;*/ } #header .title>span:first-of-type{ width: 260px; } .list-of-contacts span.phones a{ margin-left: -110px; } #header .title .button4 { margin-top: -50px; } #header .title span.button4 .button3{ width: auto; } #header .title{ /*margin-left: -50px;*/ } #header .title>span:first-of-type{ margin-left: -55px; } #top {width:50%;} /*80%*/ } h2, h3, h4{ font-size: 16px; margin-bottom: 10px; margin-left: 20px; color: #2d7488; text-transform: none; } .newsflash-title{ text-align: left; } .newsflash-title a { text-decoration:none; } .newsflash-title a:hover { color:#2d7488; }