@import "https://mskunion.ru/fonts/casper.css"; #mainmenu2 { display: none; } body { font-family: Casper; background-image: url(/images/design/cream_pixels.png); background-repeat: repeat; background-attachment: scroll; margin: 0; padding: 0; } h3#title-napravleniya { color: #6a6a6a; font-size: 24px; font-weight: lighter; line-height: 34px; text-align: center; text-transform: uppercase; width: 250px; cursor: default; margin-bottom: 10px; float: none; } table.prise td { padding: 7px; } .prise_top { font-weight: bold; background-color: #e1e1e1; text-align: center; } #prise_order a { color: white; font-size: 18px; font-weight: bold; background-color: orange; text-decoration: none; float: right; margin-top: -40px; margin-right: 20px; padding: 7px 15px; border-style: none; border-width: 0; display: block; -webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; text-shadow: 2px 2px 2px #FFFFFF; -webkit-box-shadow: 1px 1px 2px 2px #CFCFCF; box-shadow: 1px 1px 2px 2px #CFCFCF; } #prise_order a:hover { background-color: #f49a00; border-style: none; border-width: 0; } .prise table, td, tr { border: solid 1px #dcdcdc; } /* 2 колонки */ #table-2-cel-wrap { width: 740px; height: auto; float: left; margin-top: 20px; margin-bottom: 20px; } #table-2-cel-item1 { width: 350px; height: auto; float: left; margin-right: 20px; } #table-2-cel-item2 { width: 350px; height: auto; float: left; margin-left: 20px; } /* Форма заказа */ #zakaz-forma-wrap { width: 740px; height: auto; float: left; } #zakaz-forma { width: 300px; height: auto; float: left; } #zakaz-opisanie { width: 400px; height: auto; float: left; margin-left: 40px; } ul#lizakaz li { margin-top: 5px; margin-bottom: 5px; list-style-image: url(/images/design/li-red.png); list-style-position: inside; } ul#lired li { list-style-image: url(/images/design/li-red.png); list-style-position: inside; margin-top: 5px; margin-bottom: 5px; } ul#lired-3c li { font-size: 0.7em; list-style-image: url(/images/design/li-red.png); list-style-position: inside; margin-top: 5px; margin-bottom: 5px; } .red { color: #b90000; font-weight: bold; } .zakaz300 { width: 300px; float: left; margin-top: 7px; margin-bottom: 7px; } #zakaz-forma .rsform-input-box { color: #444; font-size: 1.3em; background-color: #f0f0f0; width: 280px; height: 30px; padding-right: 10px; padding-left: 10px; border: solid 1px #dcdcdc; } #zakaz-forma .rsform-text-box { color: #a6a6a6; font-size: 1.3em; background-color: #f0f0f0; padding-right: 10px; padding-left: 10px; width: 280px; height: 250px; border: solid 1px #dcdcdc; } #zakaz-forma .rsform-text-box:focus { color: #444; font-size: 1.3em; background-color: #f0f0f0; padding-right: 10px; padding-left: 10px; width: 280px; height: 250px; outline: solid 1px #b90000; } #zakaz-forma .rsform-captcha-box { color: #444; font-size: 1.3em; background-color: #f0f0f0; width: 70px; height: 30px; } #zakaz-forma .rsform-submit-button { font-size: 1.3em; text-transform: uppercase; letter-spacing: 1px; padding: 7px 15px; } #zakaz-forma .rsform-input-box[value] { color: #a6a6a6; font-size: 1.3em; } #zakaz-forma .rsform-input-box[value]:focus { color: #444; font-size: 1.3em; outline: solid 1px #b90000; } #zakaz-forma input:focus, textarea:focus { background-color: rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px 1px rgba(255,255,255,.5); -webkit-box-shadow: 0 0 5px 1px rgba(255,255,255,.5); box-shadow: 0 0 5px 1px rgba(255,255,255,.5); overflow: hidden; } #leftpanel h3 { color: white; font-size: 16px; font-weight: normal; background-color: #b90000; text-align: center; width: 100%; padding-top: 3px; padding-bottom: 3px; } #rightpanel ul { list-style-type: none; } #rightpanel li { color: #fff; font-size: 14px; font-weight: bold; line-height: 23px; background-color: #444; text-decoration: none; width: 100%; float: left; margin-top: 2px; margin-bottom: 2px; padding: 8px 10px; border-left: 7px solid #b90000; display: block; } #rightpanel li li { color: #fff; font-size: 16px; font-weight: normal; text-transform: none; display: none; padding: 8px 10px; width: 90%; float: left; margin: 0; border-width: 0; } #rightpanel li li:hover { border-left-width: 0; } #rightpanel li:hover { color: #fff; border-left: 7px solid orange; } #rightpanel li a { color: #fff; text-decoration: none; display: block; } #rightpanel li a:hover { text-decoration: underline; } #rightpanel li#current { background-color: #b90000; border-left: 7px solid orange; } #wrap-nashi-clients { width: 250px; height: auto; float: left; margin-top: 30px; margin-bottom: 30px; } h3#sredi_nash_clients { color: #6a6a6a; font-size: 26px; font-weight: lighter; line-height: 34px; text-transform: uppercase; text-align: center; float: none; margin-bottom: 10px; cursor: default; } #site-under-construction { color: #e00701; font-size: 30px; background-color: #e7e7e7; text-transform: uppercase; text-align: center; width: 100%; height: 200px; padding-top: 200px; } #pgcenter { text-align: center; } #pgcenter li { text-align: center; padding-right: 7px; padding-left: 7px; display: inline; } /* Slider */ #topslider { width: 100%; height: 400px; margin-top: 0; margin-right: auto; margin-left: auto; } #slider, .slide { height: 400px; width: 100%; margin-top: 0; margin-right: auto; margin-left: auto; display: block; } #sl_text { font-size: 40px; background-image: url(/images/design/slid_fon2_text.png); background-repeat: repeat; position: relative; width: 440px; height: 150px; z-index: 3; float: left; margin-top: 220px; margin-left: 320px; padding-right: 20px; padding-left: 20px; cursor: default; display: block; } #sl-h2 { color: #b90000; font-size: 26px; font-weight: bold; text-align: left; float: none; margin-top: 15px; margin-bottom: 7px; cursor: default; text-shadow: 2px 2px 3px #999999; } #sl-opisanie { font-size: 15px; text-align: left; float: none; margin-bottom: 7px; cursor: default; } #sl-knopka a { color: white; font-size: 18px; font-weight: bold; background-color: #b90000; text-decoration: none; text-align: center; letter-spacing: 1px; position: relative; width: 160px; z-index: 4; float: none; clear: both; margin-top: 12px; padding: 5px; display: block; -webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; } #sl-knopka a:hover { color: white; font-size: 18px; text-decoration: none; background-color: #eb0000; letter-spacing: 1px; display: block; padding: 5px; position: relative; z-index: 4; float: none; } /* Slider end*/ #top_panel { width: 1260px; height: 110px; margin-right: auto; margin-left: auto; } #logo { width: 450px; height: 110px; float: left; padding-top: 10px; } #logo a { color: #343434; text-decoration: none; text-shadow: 2px 2px 3px #A8A8A8;} .logo_red { color: #b90000; } #sitename { font-size: 70px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } #siteopisanie { font-size: 19px; font-weight: lighter; text-transform: uppercase; } #callback { width: 480px; height: 90px; float: left; padding-top: 30px; padding-right: 40px; display: block; } #callback a { text-decoration: none; display: block; } #callback_button { color: #6e6e6e; font-size: 18px; font-weight: bold; line-height: 52px; background-image: url(/images/design/call_back_off1.png); background-repeat: no-repeat; text-transform: uppercase; width: 195px; height: 50px; float: none; clear: both; padding-left: 55px; display: block; -webkit-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; } #callback_button:hover { color: white; background-image: url(/images/design/call_back_on1.png); background-repeat: no-repeat; text-transform: uppercase; display: block; -webkit-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; } #topcontact { text-align: right; width: 290px; height: 110px; float: left; padding-top: 10px; } #phone { font-size: 30px; float: right; margin-bottom: 10px; cursor: default; } #top_adress { color: #6a6a6a; font-size: 16px; float: none; clear: both; margin-top: 10px; margin-bottom: 10px; cursor: default; } #top_calback { color: #fff; font-size: 18px; background-color: #b90000; text-align: center; padding-top: 3px; padding-bottom: 3px; cursor: pointer; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; } #top_calback:hover { background-color: #ca1111; } /* Главное меню сайта */ #mainmenu_fon { background-color: #444; top: 110px; position: fixed; width: 100%; height: 40px; z-index: 1000; float: none; clear: both; } #mainmenu { margin-right: auto; margin-left: auto; width: 1260px; height: 40px; float: none; clear: both; } #mainmenu ul { display: inline; } #mainmenu li { font-size: 18px; line-height: 40px; background-color: #444; height: 40px; float: left; display: inline; } #mainmenu li a { color: white; text-decoration: none; padding-right: 18px; padding-left: 16px; border-right: 1px solid #494949; display: block; } #mainmenu li a:hover { background-color: #b90000; } #mainmenu li#current a { background-color: #b90000; } #mainmenu li:hover,#mainmenu li.jshover{background-image:none;background-repeat:repeat;background-attachment:scroll;background-position:0 0} #mainmenu li ul{ display:none; position:absolute; width: 250px; height: auto; z-index:10 } #mainmenu li li { border-bottom: 1px inset #6a6a6a; } #mainmenu li li a{ background-color: #444; width: 350px; border-width: 0; } #mainmenu li li a:hover{ background-color: #b90000; } #mainmenu li:hover ul,#mainmenu li.jshover ul{display:block} #mainmenu li:hover li ul,#mainmenu li.jshover li ul{display:none;} #mainmenu li:hover li ul ul,#mainmenu li.jshover li ul{display:none;} #mainmenu li:hover li:hover ul,#mainmenu li.jshover li.jshover ul{display:block} /* Главное меню сайта MOB*/ #mainmenu_fon { background-color: #444; top: 110px; position: fixed; width: 100%; height: 40px; z-index: 1000; float: none; clear: both; } #mainmenu2 { margin-right: auto; margin-left: auto; width: 1260px; height: 40px; float: none; clear: both; } #mainmenu2 ul { float: left; display: inline; } #mainmenu2 li { font-size: 18px; line-height: 40px; background-color: #444; height: 40px; float: left; display: inline; } #mainmenu2 li a { color: white; text-decoration: none; padding-right: 18px; padding-left: 16px; border-right: 1px solid #494949; display: block; } #mainmenu2 li a:hover { background-color: #b90000; } #mainmenu2 li#current a { background-color: #b90000; } #mainmenu2 li:hover,#mainmenu li.jshover{background-image:none;background-repeat:repeat;background-attachment:scroll;background-position:0 0} /*Используемыtе нами оборудование и материалы */ #brends-wrap { width: 100%; height: 145px; float: left; margin-top: 60px; margin-bottom: 10px; } h2#zag-brends { color: #6a6a6a; font-size: 26px; font-weight: lighter; text-transform: uppercase; text-align: center; float: none; margin-bottom: 15px; cursor: default; } #brends { width: 1200px; height: 100px; margin-right: auto; margin-left: auto; } .logo-brends { width: 180px; height: 100px; float: left; margin-right: 10px; margin-left: 10px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; zoom: 1; } .logo-brends:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; zoom: 1;} img.grayscale { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; cursor: default; } img.grayscale:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); filter:none; } .grayscale.grayscale-replaced > svg { transition: opacity 1s ease; opacity: 1; } .grayscale.grayscale-replaced.grayscale-fade:hover > svg { opacity: 0; } #wrap-nashi-clients img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* фильтры для IE 5.5+ */ -moz-opacity: 0.5; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ } #wrap-nashi-clients img:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* фильтры для IE 5.5+ */ -moz-opacity: 1; /* Mozilla 1.6 и ниже */ -khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */ opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ } /* base sizes */ #content-wrap { width: 1260px; height: auto; float: none; margin: 30px auto; } #leftpanel { width: 230px; height: auto; float: left; } #rightpanel { width: 230px; height: auto; float: left; } #map { width: 100%; height: 350px; float: none; clear: both; border-top: 2px solid #6a6a6a; } #map_wrap { color: #444; font-size: 20px; font-weight: bold; margin: 5px 5px 0; } #map_name_colour { color: #b90000; } .ymaps-layers-pane { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } #site_content { width: 740px; height: auto; float: left; margin: 0 30px 20px; } #site_content a { color: #b90000; text-decoration: none; } #site_content a:hover { color: #b90000; text-decoration: none; border-bottom: 1px dashed #b90000; } #site_content h1 { color: black; font-size: 30px; text-align: center; float: none; margin-top: 0; margin-bottom: 30px; padding-bottom: 5px; border-bottom: 2px solid #b90000; cursor: default; } #site_content h2 { color: #b90000; font-size: 24px; float: none; margin-bottom: 10px; cursor: default; } h2#reapolh2 { color: #444; font-size: 24px; line-height: 32px; text-transform: uppercase; text-align: center; cursor: default; margin-bottom: 10px; float: none; } h2#reapolh2-table { font-size: 20px; } #site_content h3 { color: #b90000; font-size: 22px; float: none; margin-top: 20px; margin-bottom: 10px; cursor: default; } #site_content h4 { color: #b90000; font-size: 18px; float: none; margin-bottom: 10px; cursor: default; } #site_content h5 { color: #b90000; font-size: 16px; float: none; margin-bottom: 10px; cursor: default; } #site_content h6 { color: #b90000; font-size: 18px; float: none; margin-bottom: 10px; cursor: default; } #site_content p#main-zag2 { font-size: 1.8em; line-height: 1.3em; text-align: center; cursor: default; } #site_content p { font-size: 1.3em; line-height: 1.4em; float: none; margin-top: 10px; margin-bottom: 10px; cursor: default; } #site_content ul { font-size: 1.3em; line-height: 1.4em; float: none; margin-top: 10px; margin-bottom: 10px; list-style-type: disc; list-style-position: inside; cursor: default; } #site_content ol { font-size: 1.3em; line-height: 1.4em; margin-top: 10px; margin-bottom: 10px; list-style-type: decimal; list-style-position: inside; cursor: default; } /* Контакты внизу страницы */ #footer-wrap { background-image: url(/images/design/footer_fon.png); background-repeat: repeat; background-attachment: scroll; width: 100%; height: auto; float: left; margin-bottom: 10px; } #sitefooter { width: 1100px; height: 110px; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 25px; padding-bottom: 15px; } #footer_menu { width: 270px; float: left; clear: both; } #footer_menu a { color: #e1e1e1; text-decoration: none; } #footer_menu a:hover { color: white; text-decoration: none; border-bottom: 1px dashed white; } #footer_menu ul { list-style-position: inside; } #footer_menu li { font-size: 15px; line-height: 20px; list-style-type: none; list-style-image: url(/images/design/footer_li.png); } #footer_contact { width: 400px; float: left; margin-left: 20px; } #footer_contact a:hover { color: white; text-decoration: none; } #footer_contact a { color: #e1e1e1; text-decoration: none; border-bottom: 1px dashed #e1e1e1; } #footer_contact ul { } #footer_contact li { color: #e1e1e1; font-size: 15px; line-height: 20px; } #footer_calback { color: #444; background-color: #e1e1e1; padding: 3px 5px; cursor: pointer; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;} #footer_calback:hover { color: white; background-color: #ca1111; cursor: pointer; } #qrcode { width: 100px; float: left; } #footer_social { width: 220px; float: left; } #footer-soc { color: #e1e1e1; line-height: 18px; width: 300px; float: left; } /* Copyright */ #copyright { color: #6a6a6a; font-size: 13px; line-height: 22px; text-align: center; width: 100%; height: 50px; float: left; margin-right: auto; margin-bottom: 10px; margin-left: auto; } #copyright a { color: #6a6a6a; text-decoration: none; border-bottom: 1px dashed #6a6a6a; } #copyright a:hover { text-decoration: none; border-bottom-width: 0; } /* hr */ .content hr{display:block;background:#aaa;width:100%;height:1px;border:none;} /* lists */ .content ul, .content ol{margin-left:20px;margin-bottom:12px!important;} .content ol ol{margin-left:30px;} .content ul > li{list-style-image:url('../images/list.gif');list-style-position:outside;} .content ol > li{list-style-image:none;list-style-type:decimal;} .content dt{font-weight:bold;} /* dt,dl,dd */ .content dl{} .content dl dt{margin-bottom:2px;font-weight:bold;} .content dl dd{padding-left:60px;margin-bottom:3px;} /* tables */ .content table{border:1px solid #ccc;width:100%;} .content th, .content td{vertical-align:top;border:1px solid #ccc;padding:3px;} .content th{background:#f4f4f4;text-align:center;} .content tfoot th{text-align:left;} .content tfoot{background:#f4f4f4;text-align:left;font-weight:bold;border:1px solid #ccc;} .content th p, .content td p{margin-bottom:0px;} /* margins and paddings */ .content blockquote p:first-child{margin:10px 0;} .content hr, .content p, .content ul, .content ol, .content dl, .content pre, .content blockquote, .content address, .content form, .content table{margin-bottom:5px;} .content p+p{margin-bottom:10px;} .content p{ font-size: 1.5em; text-indent:0; } .content caption{padding:6px 0;} .content blockquote{padding:0 12px;margin:20px 0;} .content fieldset{padding:0 12px 12px;margin:20px 0;} .content legend{padding:0 10px;} .content legend+*{margin-top:12px;} .content textarea, .content input{padding:1px 4px 3px;} .content input[type="checkbox"], .content input[type="radio"] {margin:1px 4px 4px 0;} .content select{padding:1px 0 0 2px;} .content option{padding:0 4px;} .content form div{margin-bottom:9px;} /* colors a:link,a:visited,a:hover,a:active,a:focus */ .content a:link{text-decoration:underline;color:#36c;} .content a:visited{text-decoration:underline;color:#36c;} .content a:hover{text-decoration:none;color:#36c;} .content a:active, .content a:focus{text-decoration:underline;color:#36c;} .content a{text-decoration:underline;color:#36c;} .content a:hover{text-decoration:none;} /* code */ .content pre{border:1px dashed #aaa;line-height:20px;padding:5px;background:#eee;margin:0;color:#c33;} .content code{background-color:#f2f2f2;border:1px solid #ddd;padding:0 4px 1px;color:#c33;} /* images */ .content img, .content img.alignImageLeft, .content img.alignImageRight{ } .content img[align="left"], .content img.alignImageLeft{float:left;margin:0 10px 5px 0;} .content img[align="right"], .content img.alignImageRight{float:right;margin:0 0 5px 10px;} /* tooltip */ .content .tooltip{} .content .tooltip a{} .content .tooltip a:hover{} .content .tooltip:hover{background:transparent;text-decoration:none;} .content .tooltip span{display:none;padding:5px;margin-left:10px;width:150px;float:right;} /*border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;*/ .content .tooltip:hover span{text-decoration:none;display:inline;position:absolute;border:1px solid #ccc;background:#fff;color:#000;padding:10px;font-size:11px;line-height:14px;font-style:normal;} /* quotes */ .content blockquote{border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#666;font-style:italic;} blockquote *:before {content: "\201C";} blockquote *:after {content: "\201D";} q:before {content: "\00AB";} q:after {content: "\00BB";} /*Мы предлагаем широкий спектр услуг по укладке промышленных полов*/ #wrap-740 { width: 740px; height: auto; float: left; margin-top: 30px; margin-bottom: 30px; } h2#wrap-740h2 { font-size: 26px; font-weight: lighter; line-height: 1.3em; text-transform: uppercase; text-align: center; float: none; margin-bottom: 20px; } #wrap-740 p { font-size: 1.2em; line-height: 1.4em; cursor: pointer; } #wrap-740 a { color: #6a6a6a; text-decoration: none; border-width: 0; } #wrap-740 a:hover { color: black; text-decoration: none; border-width: 0; } #item230-1 { width: 230px; height: auto; float: left; } #item230-2 { width: 230px; height: auto; float: left; margin-right: 25px; margin-left: 25px; } #item230-3 { width: 230px; height: auto; float: left; } #item230-1x { width: 230px; height: auto; float: left; } #item230-2x { margin-right: 25px; margin-left: 25px; width: 230px; height: auto; float: left; } #item230-3x { width: 230px; height: auto; float: left; } #item230-1x img { text-align: center; width: 120px; float: none; margin-bottom: 10px; padding-right: 55px; padding-left: 55px; } #item230-2x img { text-align: center; margin-bottom: 10px; padding-right: 55px; padding-left: 55px; width: 120px; float: none; } #item230-3x img { text-align: center; margin-bottom: 10px; padding-right: 55px; padding-left: 55px; width: 120px; float: none; } /*Наши преимущества*/ #wrap-priemush { width: 740px; height: auto; float: left; padding-top: 20px; padding-bottom: 0; border: solid 2px #d4d4d4; cursor: default; -webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; } #priemush-item { width: 220px; float: left; margin-right: 13px; margin-bottom: 25px; margin-left: 13px; } h2#priemushh2 { font-size: 26px; font-weight: lighter; line-height: 1.3em; text-align: center; text-transform: uppercase; float: none; } #priemush-item img { text-align: center; width: 120px; float: left; margin-right: 50px; margin-bottom: 20px; margin-left: 50px; } #priemush-item h3#priemushh3 { color: black; font-size: 1.2em; text-transform: uppercase; text-align: center; } #priemush-item p { color: #6a6a6a; font-size: 1.2em; line-height: 1.4em; } /*Узнайте подробную информацию у наших менеджеров прямо сейчас!*/ #wrap-cont-contact { text-align: center; width: 740px; height: auto; float: left; margin-top: 30px; margin-bottom: 20px; cursor: default; } #wrap-cont-contact h4#cont-contact { text-align: center; } #wrap-cont-contact p { font-size: 3em; }