* { margin: 0; padding: 0; }
html { width: 100%; height: 100%; }
header, nav, section, article, aside, footer { display: block; }
body { width: 100%; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #888; overflow: inherit !important; background: url(../_images/graphics/background-page.jpg) center 20px no-repeat fixed #123628; }
img { border: none; }
input { vertical-align: middle; }
a { outline: none; border: 0; transition: color 0.4s, border-color 0.4s, border 0.4s, text-decoration 0.4s, opacity 0.4s; font-weight: normal; }
a:hover {position: relative; }
h1, h2, h3, h4, h5, h6 { display: block; font-weight: normal; }
h1 { font-size: 19pt; color: #FFF; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -0.02em; margin: 5px 0 17px 0; }
h2 { font-size: 11pt; color: #CCC; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -0.02em; }
h3 { font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -0.02em; }
h4 { font-size: 19pt; color: #FFF; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -0.02em; margin: 22px 0 17px 0; }
h5 { font-size: 11pt; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -0.01em; }
h6{ font-size:9pt; font-family:Georgia,"Times New Roman",Times,serif; transition:color 0.4s, border-color 0.4s, opacity 0.4s; }
div.divider { width: 100%; height: 3px; margin: 10px 0; border-bottom: rgba(255,255,255,0.1) 1px solid; clear: both; }
div.divider-dotted { width: 100%; height: 3px; margin: 10px 0; border-bottom: #777 1px dotted; clear: both; }
div.container-homepage img, div.container img { padding: 5px; margin: 0 0 5px 0; background:url(../_images/graphics/background-slideshow.png) repeat; border:rgba(255,255,255,0.1) 1px solid; transition:color 0.4s, border-color 0.4s, opacity 0.4s; }
div.container-homepage a:hover img, div.container a:hover img { border:rgba(255,255,255,0.5) 1px solid; transition:color 0.4s, border-color 0.4s, opacity 0.4s; cursor: url(../_images/graphics/zoomincursor.png), pointer; }
div.container-homepage a, div.container a { color: inherit; text-decoration: underline; }
div.container-homepage a:hover, div.container a:hover { text-decoration: none }
div.container iframe { width: 685px; height: 514px; padding: 5px; margin: 0 0 5px 0; background:url(../_images/graphics/background-slideshow.png) repeat; border:rgba(255,255,255,0.1) 1px solid; transition:color 0.4s, border-color 0.4s, opacity 0.4s; }
a.more-about-it { display: block; float: right; }
/*HEADER*/
header { width: 100%; min-width: 500px; height: 40px; background: url(../_images/graphics/background-header.png) left bottom repeat-x rgba(0,0,0,0.9); position: fixed; top: 0; left: 0; z-index: 100; }
header div { max-width: 1000px; min-width: 500px; height: 40px; line-height: 28px; margin: 0 auto; /*background: rgba(0,0,0,0.0);*/ }
header div ul li { list-style: none; display: inline; }
header div ul.top-main-block { position: relative; float: left; }
header div ul.top-main-block li { margin: 0 15px 0 0; }
header div ul.top-main-block li a { font-size: 10pt; color: #777; text-decoration: none; border-bottom: #777 1px dotted; }
header div ul.top-main-block li a:hover { color: #FFF; border-bottom: #FFF 1px dotted; }
header div ul.top-language-block { position: relative; float: right; }
header div ul.top-language-block { display: block; margin: 2px 0 0 0; }
header div ul.top-language-block li { margin: 0 0 0 7px; }
header div ul.top-language-block li a { text-decoration: none; opacity: 0.7; }
header div ul.top-language-block li a img { }
header div ul.top-language-block li a:hover { opacity: 1.0; }
section.header-section { width: 100%; min-width: 1000px; height: 97px; margin: 37px 0 0 0; padding: 0 0 0 0; background: url(../_images/graphics/background-header-section.png) left bottom repeat-x transparent; }
section.header-section div { width: 1000px; margin: 0 auto; height: 97px; }
section.header-section div a.logotype-blok { display: block; width: 240px; height: 97px; position: relative; float: left; background: url(../_images/graphics/logotype.png) left center no-repeat; text-decoration: none; }
section.header-section h2 { width: 250px; margin: 25px 0 0 0; position: relative; float: right; text-align: right; text-shadow: 1px 1px 1px #111; }
/*менее 800 пикселей*/
@media screen and (max-width: 800px)
{
header { height: 50px; }
header div { height: 50px; }
header div ul.top-main-block { width: 100% !important; position: absolute !important; top: 20px; float: none; text-align: center !important; }
header div ul.top-language-block { width: 100% !important; position: absolute !important; top: 0px; float: none; text-align: center !important; }
section.header-section { margin: 50px 0 0 0; }
}
div#wrapper { width: 980px; min-height: 100%; height: auto !important; height: 100%; position: relative; clear: both; padding: 10px 10px 30px 10px; margin: 5px auto 5px auto; background: url(../_images/graphics/background-wrapper-top.png) left top repeat-x, url(../_images/graphics/background-wrapper-bottom.png) left bottom repeat-x, url(../_images/graphics/background-wrapper.png) repeat; border: rgba(255,255,255,0.1) 1px solid; }
div#middle { width: 100%; height: 1%; position: relative; }
div#middle:after { content: ''; clear: both; display: table; }
section.content { width: 100%; height: 100%; position: relative; float: left; border: rgb(255,255,255) 0px solid; /*text-shadow: 1px 1px 0px rgba(255,255,255,0.1);*/ }
section.content div.breadcrumbs-block { width: 100%; height: 15px; line-height: 15px; margin: 0 0 10px 2px; position: relative; float: left; clear: both; color: #888; }
section.content div.breadcrumbs-block div { display: inline-block; }
section.content div.breadcrumbs-block div a { color: #888; font-size: 8pt; text-decoration: none; text-shadow: none; }
section.content div.breadcrumbs-block div a:hover { text-decoration: underline; }
section.content div.container { width: 700px; min-height: 1080px; position: relative; float: left; padding: 14px 10px 20px 15px; text-align: justify; border: rgba(255,255,255,0.2) 1px solid; background: url(../_images/graphics/background-content-top.png) left -1px repeat-x rgba(0,23,24,0.9); }
section.content div.container h2 { font-size: 14pt; color: #FFF; margin: 10px 0 10px 0; }
section.content div.container-homepage { width: 948px; position:relative; float:left; padding: 14px 15px 30px 15px; text-align:justify; border: rgba(255,255,255,0.2) 1px solid; background: url(../_images/graphics/background-content-top.png) left -1px repeat-x rgba(0,23,24,0.9); }
section.content div.container-homepage h2 { font-size:13pt; color:#FFF; margin:10px 0 10px 0; }
section.content div.container-homepage ul li, section.content div.container ul li { list-style:none outside; margin-left: 2px; padding-left: 15px; background: url(../_images/graphics/submenu-arrow-gold-right.png) left 4px no-repeat; }
section.content div#contact-map-wide { margin: 0 0 20px 0; width: 690px; height: 250px; position: relative; float: left; padding: 5px; z-index: 100; background:url(../_images/graphics/background-slideshow.png) repeat; border:rgba(255,255,255,0.1) 1px solid; }
div#map_canvas-wide { height: 100%; z-index: 8; }
section.content div.sitemap-block {}
section.content div.sitemap-block ul li { font-size: 10pt; }
section.content div.sitemap-block ul li ul { margin: 5px 0 0 0; }
/*СЛАЙДШОУ*/
section.slideshow-block { width: 938px; height: 450px; margin: 0 0 20px 0; padding: 5px; position: relative; background:url(../_images/graphics/background-slideshow.png) repeat; border:rgba(255,255,255,0.1) 1px solid; }
section.slideshow-block h2.headline { font-size: 20pt !important; color: #555 !important; text-shadow: 1px 1px 0px #DDD; letter-spacing: -0.02em; }
section.slideshow-block h2.headline sup { font-size: 10pt; }
section.slideshow-block h3.productnameline { font-size: 14pt !important; font-weight: bold; color: #555 !important; text-shadow: 0px 0px 0px #DDD; letter-spacing: -0.02em; }
/*БЛОК НОВОСТЕЙ / БЛОК ПОЗИЦИИ ТОВАРА*/
div.newsShort { width: 700px; height: auto; position: relative; float: left; margin: 0 0 20px 0; padding: 0 0 15px 0; border-bottom: #777 1px dotted; overflow: hidden; }
div.newsShort img { width: 140px !important; float: left; border: rgba(255,255,255,0.2) 1px solid; }
div.newsShort h2 { display: block; width: 530px; float: right; clear: right; border: #CCC 0px solid; margin: -3px 0 10px 0 !important; }
div.newsShort div { display: block; width: 530px; line-height: 12px; float: right; clear: right; border: #CCC 0px solid; text-align: left; }
div.newsShort div a { display:inline-block; position: absolute; bottom: 20px; right: 5px; }
div.newsImages {}
div.newsImages img { width: 150px !important; float: left; border: rgba(255,255,255,0.2) 1px solid; margin-bottom: 0px; }
div.newsImages ul { display: inline-block; width: auto; position: relative; float: left; margin: 0 10px 8px 0; border: rgb(255,0,0) 0px solid; }
div.newsImages ul li { list-style: none; display: inline-block; float: left; background: none !important; padding: 0 0 0 0 !important; text-align: center; }
div.newsImages ul li a { font-size: 8pt !important; text-decoration: none; color: #888; transition: all 0.4s; cursor: url(../_images/graphics/zoomincursor.png), pointer; }
div.newsImages ul li a span { border-bottom: #888 1px dotted; }
div.newsImages ul li a:hover span { border-bottom: none; }
div.newsSingleimages { width: 100%; position: relative; margin: 0 0 -25px 0; text-align: center; }
div.newsSingleimages img { clear: both; }
div.newsSingleimages h2 { width: 100%; margin: -4px 0 0 0 !important; clear: both; text-align: center; font-size: 9pt !important; color: rgba(102,102,102,0.8) !important; }
/*БЛОК ПРЕВЬЮ*/
div.product-preview-block { width:100%; position: relative; float: left; text-align: center; margin-bottom:20px; }
div.product-preview-block h3 { font-size:19pt; color:#FFF; margin:5px 0 17px 0; text-align:left; }
div.product-preview-block a { display: inline-block !important; width:202px; height:230px; margin: 0 10px; color: #888; text-decoration:none; overflow: hidden; }
div.product-preview-block a:hover { color:#FFF; }
div.product-preview-block a img { width:186px; margin: 0 0 5px 0; }
div.product-preview-block a h6 { display:inline-table; width:auto; border-bottom:#777 1px dotted; }
div.product-preview-block a:hover h6 { border-bottom:#FFF 1px dotted; }
/*ПРАВЫЙ САЙДБАР*/
aside { width: 225px; min-height: 1080px; padding: 0 0 35px 15px; position: relative; float: right; border: rgba(255,255,255,0.2) 1px solid; background: url(../_images/graphics/background-content-top.png) left -1px repeat-x rgba(0,23,24,0.9); }
ul.sf-menu { width: 210px; float: left; clear: both; margin: 25px 0 60px 0px; }
ul.sf-menu li { list-style: outside none; }
.toggle-item { border-bottom: rgba(255,255,255,1.0) 1px dotted; padding: 0 0 0 0; }
.toggle-item h5 { display: block; cursor: pointer; margin: 0; padding: 0 0 3px 15px; position: relative; overflow: hidden; color: rgb(255,255,255); transition: color 0.4s; background: url(../_images/graphics/submenu-arrow-gold-bottom.png) left center no-repeat; }
.toggle-item h5:hover { color: rgb(255,255,255) !important; }
.toggle-item.inactive h5 { margin: 0; color: #888; background: url(../_images/graphics/submenu-arrow-gold-right.png) left center no-repeat; }
.toggle-item .toggle-content { font-weight: normal; height: auto; cursor: auto; opacity: 1; margin: 0 0 0 15px; padding: 0 0 3px 0; transition: height 0.5s, opacity 0.5s ease-out, padding 0.6s; }
.toggle-item.inactive .toggle-content { opacity: 0; padding: 0; }
.toggle-item .toggle-content li { padding: 0 0 0 12px; background: url(../_images/graphics/submenu-arrow-gray-right.png) left center no-repeat; opacity: 0.6; }
.toggle-item .toggle-content li:hover { opacity: 1.0; }
.toggle-item .toggle-content a { font-size: 9pt; color: #888; text-decoration: none; }
.toggle-item .toggle-content a:hover { color: rgb(255,255,255); }
.toggle-item .toggle-content .current { opacity: 0.7; }
.toggle-item .toggle-content .current:hover { opacity: 0.7; }
.toggle-item .toggle-content .current a { color: rgb(255,255,255); }
.current-page-point { }
.current-page-point h5 { color: rgb(255,255,255) !important; background: url(../_images/graphics/submenu-arrow-gold-bottom.png) left center no-repeat !important; cursor: default !important; }
.current-page-point.inactive h5 { color: rgb(255,255,255) !important; }
.current-page-point .toggle-content { height: auto !important; opacity: 1; padding: 0 0 5px 0; }
.current-page-point.inactive .toggle-content { height: auto; opacity: 1; padding: 0 0 5px 0; }
aside div.social-right-block h2 { margin: 0 0 5px 0; font-size: 13pt; color: #FFF;}
div.social-right-block { }
div.social-right-block div.fb-like-box { margin: 0 0 0 1px !important; }
div.google-block { margin: 0 0 0 -10px !important; }
/*ПОДВАЛ*/
footer { width: 100%; min-width: 1000px; height: 390px; position: static; left: 0; bottom: 0; margin: 0; background: url(../_images/graphics/background-wrapper.png) repeat; border-top: rgba(255,255,255,0.1) 1px solid; }
section.footer-block { width: 1000px; height: 365px; margin: 0 auto; padding: 25px 0 0 0; text-align: center; font-size: 8pt; line-height: 12px; color: #999; }
section.footer-block h3 { font-size: 12pt; color: #FFF; margin: 0 0 20px 0; }
section.footer-block a { color: #999; text-decoration: none; }
section.footer-block a:hover { color: #FFF; }
section.footer-block div.contact-block { display:inline-block; width: 205px; height: 270px; padding: 0 0 0 15px; position: relative; float: right; border-left: rgba(125,125,125,0.1) 1px solid; text-align: left; overflow: hidden; }
section.footer-block div.contact-block img { width: 150px; }
section.footer-block div.about-block { display: inline-block; width: 350px; height: 270px; margin-left: 15px; position: relative; float: left; text-align: left; overflow: hidden; }
section.footer-block div.production-main-block { display: inline-block; width: 190px; height: 270px; position: relative; float: left; border-right: rgba(125,125,125,0.1) 1px solid; text-align: left; overflow: hidden; }
section.footer-block div.production-main-block ul li { list-style: none; height: 16px; padding: 0 0 0 20px; background: url(../_images/graphics/submenu-arrow-gold-right.png) left center no-repeat; opacity: 0.8; }
section.footer-block div.production-main-block ul li:hover { opacity: 0.8; }
section.footer-block div.production-main-block ul li a { color: #999; text-decoration: none; border-bottom: #999 1px dotted; }
section.footer-block div.production-main-block ul li a:hover { color: #FFF; border-bottom: #FFF 1px dotted; }
div.default-main-block { display:inline-block; width: 190px; height: 270px; margin-left: 15px; float: left; text-align: left; overflow: hidden; border-right: rgba(125,125,125,0.1) 1px solid; }
section.footer-block div.default-main-block ul li { list-style: none; height: 16px; padding: 0 0 0 20px; background: url(../_images/graphics/submenu-arrow-gold-right.png) left center no-repeat; opacity: 0.8; }
section.footer-block div.default-main-block ul li:hover { opacity: 0.8; }
section.footer-block div.default-main-block ul li a { color: #999; text-decoration: none; border-bottom: #999 1px dotted; }
section.footer-block div.default-main-block ul li a:hover { color: #FFF; border-bottom: #FFF 1px dotted; }
section.footer-block div.informers { width: 100%; height: 33px; position: relative; float: left; margin: 15px 0 10px 0; text-align: center; clear: both; }
section.footer-block div.informers img { margin: 0 3px 0 3px; }
section.footer-block div.authors-block { width: 100%; height: 12px; position: relative; float: left; line-height: 12px; margin: 0; font-size: 7pt; color: #999; text-align: center; opacity: 0.7; clear: both; }
section.footer-block div.authors-block a { color: #999; text-decoration: none; }
section.footer-block div.authors-block a:hover { color: #FFF; }
section.footer-block div.copyright { width: 100%; height: 12px; position: relative; float: left; margin-top: 5px; font-size: 8pt; color: #999; text-align: center; opacity: 0.7; clear: both; }