/*------------CSS STYLESHEET DYNAMICALLY GENERATED BY SPARKY---------------*/ /*------------GOOGLE FONTS---------------*/ @import url(http://mebel-3d.by/templates/hot_justice/fonts/roboto/roboto.css?family=Roboto:300,300italic,400,400italic,500,500italic,700,900,&subset=latin,cyrillic); html { font-size:14px; } body { color:#555555; font-family:'Roboto', sans-serif; text-align:justify; font-weight:normal; font-style:normal; background:#FFFFFF; } div.container { background:transparent; } /*------------LAYOUT - SCREEN >= TEMPLATE WIDTH---------------*/ @media (min-width: 1140px) { .container, .row { width:1140px; } [class*="span"] { margin-left: 0; } .mp_top1{ width:0px; } .mp_top2{ width:0px; } .mp_logo{ width:380px; } .mp_top3{ width:380px; } .mp_top4{ width:380px; } .mp_topmenu{ width:1140px; } .mp_header1{ width:0px; } .mp_breadcrumbs{ width:1140px; } .mp_header2{ width:0px; } .mp_header3{ width:0px; } .mp_left{ width:0px; } .content_sparky { width:855px; } .mp_right{ width:285px; } .mp_advert1{ width:0px; } .mp_advert2{ width:0px; } .mp_advert3{ width:0px; } .mp_advert4{ width:0px; } .mp_user1{ width:0px; } .mp_user2{ width:0px; } .mp_bottom1{ width:570px; } .mp_bottom2{ width:570px; } .mp_user3{ width:1140px; } .mp_user4{ width:1140px; } .mp_bottom3{ width:285px; } .mp_bottom4{ width:285px; } .mp_bottom5{ width:285px; } .mp_bottom6{ width:285px; } .mp_copyright{ width:1140px; } .mp_user6{ width:0px; } } @media (max-width: 1164px) { .container { width: 980px; } .span12 { width: 980px } .span11 { width: 898px; } .span10 { width: 816px; } .span9 { width: 735px; } .span8 { width: 653px; } .span7 { width: 571px; } .span6 { width: 490px; } .span5 { width: 408px; } .span4 { width: 326px; } .span3 { width: 245px; } .span2 { width: 163px; } .span1 { width: 81px; } } /*------------LAYOUT - SCREEN BETWEEN 980px AND TEMPLATE WIDTH---------------*/ @media (min-width: 980px) and (max-width: 1140px) { .container { width: 868px; } .span12 { width: 868px } .span11 { width: 795px; } .span10 { width: 723px; } .span9 { width: 651px; } .span8 { width: 578px; } .span7 { width: 506px; } .span6 { width: 434px; } .span5 { width: 361px; } .span4 { width: 289px; } .span3 { width: 217px; } .span2 { width: 144px; } .span1 { width: 86px; } } /*------------LAYOUT - SCREEN BETWEEN 768px AND 979px---------------*/ @media (min-width: 768px) and (max-width: 979px) { .container { width: 724px; } .span12 { width: 724px } .span11 { width: 663px; } .span10 { width: 603px; } .span9 { width: 543px; } .span8 { width: 482px; } .span7 { width: 422px; } .span6 { width: 362px; } .span5 { width: 301px; } .span4 { width: 241px; } .span3 { width: 181px; } .span2 { width: 120px; } .span1 { width: 72px; } } @media (max-width: 767px) { .container { width: 100%; } [class*="span"] { width: 100%; } } .cell_pad { padding:0px 0px; margin:0px 10px; } /*------------ COMMON SETTINGS ---------------*/ a { color:#749FB0; font-weight:normal; font-style:normal; text-decoration:none; } a:hover { color:#555555; text-decoration:none; } h1, h1 a { color:#555555; font-size:42px; font-family:'Roboto', sans-serif; text-align:left; font-weight:500; font-style:normal; } h2, h2 a { color:#555555; font-size:36px; font-family:'Roboto', sans-serif; text-align:left; font-weight:300; font-style:normal; } h3 { color:#555555; font-size:26px; font-family:'Roboto', sans-serif; text-align:left; font-weight:300; font-style:normal; } h4 { color:#555555; font-size:18px; font-family:'Roboto', sans-serif; text-align:left; font-weight:500; font-style:normal; } img { border:none; } /*--------------LOGO----------------*/ .sparky_logo, .sparky_logo a { color:#333333; font-size:36px; font-family:'Roboto', sans-serif; font-weight:900; font-style:normal; text-align:left; text-decoration:none; } .sparky_slogan { color:#999999; font-size:12px; font-family:'Roboto', sans-serif; font-weight:normal; font-style:normal; text-align:left;} /*--------------STANDARD----------------*/ ul.mnu_headermenu { margin:0; padding:0; text-align:right;} ul.mnu_headermenu ul { margin:10px; padding:0; } .mnu_headermenu li { display:block; } .mnu_headermenu > li { display:inline-block; } .mnu_headermenu > li { margin-bottom:0px; padding:0px 0px; font-size:14px; font-weight:normal; font-style:normal; text-align:right;} .bot .mnu_headermenu > li > a { color:#ffffff;} .mnu_headermenu > li > a { color:#8c8c8c; font-family:'Lato', sans-serif; font-weight:normal; font-style:normal; } .mnu_headermenu > li > a:hover { color:#222222; } .mnu_headermenu > li li { margin:0; padding:0; font-size:11px; line-height:15px; font-weight:normal; font-style:normal; text-align:right;} .mnu_headermenu > li li a { color:#782320; font-family:'Lato', sans-serif; font-weight:normal; font-style:normal; text-align:right;} .mnu_headermenu > li li a:hover { color:#333333; } /*--------------STANDARD----------------*/ ul.mnu_kukhni { margin:0; padding:0; text-align:left;} ul.mnu_kukhni ul { margin:10px; padding:0; } .mnu_kukhni li { display:block; } .mnu_kukhni > li { margin-bottom:5px; padding:10px 0px; font-size:14px; font-weight:300; font-style:normal; text-align:left;} .bot .mnu_kukhni > li > a { color:#ffffff;} .mnu_kukhni > li > a { color:#8c8c8c; font-family:'Lato', sans-serif; font-weight:300; font-style:normal; } .mnu_kukhni > li > a:hover { color:#749FB0; } .mnu_kukhni > li li { margin:0; padding:0; font-size:11px; line-height:15px; font-weight:300; font-style:normal; text-align:left;} .mnu_kukhni > li li a { color:#8c8c8c; font-family:'Lato', sans-serif; font-weight:300; font-style:normal; text-align:left;} .mnu_kukhni > li li a:hover { color:#749FB0; } /*--------------STANDARD----------------*/ ul.mnu_natyazhnye-potolki { margin:0; padding:0; text-align:left;} ul.mnu_natyazhnye-potolki ul { margin:10px; padding:0; } .mnu_natyazhnye-potolki li { display:block; } .mnu_natyazhnye-potolki > li { margin-bottom:5px; padding:10px 0px; font-size:14px; font-weight:300; font-style:normal; text-align:left;} .bot .mnu_natyazhnye-potolki > li > a { color:#ffffff;} .mnu_natyazhnye-potolki > li > a { color:#8c8c8c; font-family:'Lato', sans-serif; font-weight:300; font-style:normal; } .mnu_natyazhnye-potolki > li > a:hover { color:#749FB0; } .mnu_natyazhnye-potolki > li li { margin:0; padding:0; font-size:11px; line-height:15px; font-weight:300; font-style:normal; text-align:left;} .mnu_natyazhnye-potolki > li li a { color:#8c8c8c; font-family:'Lato', sans-serif; font-weight:300; font-style:normal; text-align:left;} .mnu_natyazhnye-potolki > li li a:hover { color:#749FB0; } /*--------------STANDARD----------------*/ ul.mnu_sidemenu { margin:0; padding:0; text-align:left;} ul.mnu_sidemenu ul { margin:10px; padding:0; } .mnu_sidemenu li { display:block; } .mnu_sidemenu > li { margin-bottom:5px; padding:10px 0px; font-size:14px; font-weight:300; font-style:normal; text-align:left;} .bot .mnu_sidemenu > li > a { color:#ffffff;} .mnu_sidemenu > li > a { color:#8c8c8c; font-family:'Lato', sans-serif; font-weight:300; font-style:normal; } .mnu_sidemenu > li > a:hover { color:#749FB0; } .mnu_sidemenu > li li { margin:0; padding:0; font-size:11px; line-height:15px; font-weight:300; font-style:normal; text-align:left;} .mnu_sidemenu > li li a { color:#8c8c8c; font-family:'Lato', sans-serif; font-weight:300; font-style:normal; text-align:left;} .mnu_sidemenu > li li a:hover { color:#749FB0; } /*--------------DROP-DOWN----------------*/ ul.mnu_topmenu { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; z-index:100; white-space:nowrap; text-align:left; position:relative; font-family:'Lato', sans-serif; } .mnu_topmenu ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:absolute; z-index:100; background:#eeeeee; } .mnu_topmenu ul { width:190px; border:1px solid #dddddd; padding:12px; } .mnu_topmenu > li > a, .mnu_topmenu > li > span { display:block; margin:0; text-decoration:none; color:#222222; font-size:14px; padding-left:20px; padding-right:20px; padding-top:21px; padding-bottom:0; font-weight:normal; font-style:normal; height:41px; cursor:pointer; } .mnu_topmenu > li.active > a, .mnu_topmenu > li.active > span { color:#749FB0 !important; cursor:pointer; } .mnu_topmenu > li > a:hover, .mnu_topmenu > li:hover > a, .mnu_topmenu > li > a:hover, .mnu_topmenu > li:hover > span { color:#749FB0; } .mnu_topmenu > li { display:inline-block; position:relative; text-align:left; margin:0; padding:0; border-right:0px solid #cccccc; border-bottom:0px solid #cccccc; border-top:0px solid #cccccc; background:transparent; } .mnu_topmenu > li.active { background:TRANSPARENT; } .mnu_topmenu > li:first-child { border-left:0px solid #cccccc; } .mnu_topmenu li:hover { position:relative; background:TRANSPARENT; } .mnu_topmenu li ul li:hover { background:#e6e6e6; } .mnu_topmenu li ul li { height:25px; border-bottom:1px solid #dddddd; padding:0 10px; text-align:left;} .mnu_topmenu li ul a, .mnu_topmenu li ul span { line-height:25px; font-size:13px; color:#666666; font-weight:normal; font-style:normal; padding-top:0; cursor:pointer; } .mnu_topmenu li ul li:hover > a, .mnu_topmenu li ul li:hover > span { color:#333333; } .mnu_topmenu li ul ul { left:190px; margin-top:-12px; } .mnu_topmenu ul ul { top:0px; } .mnu_topmenu .sub { font-size:10px; line-height:normal; display:block; } .mnu_topmenu > li > ul { display: none; } /*--------------FONT RESIZE----------------*/ #font_resize { text-align:right; } #font_resize a { color:#fff; text-decoration:none; padding:0 2px; } .clr { clear:both; } /*--------------RESPONSIVE TOP MENU----------------*/ .js .nav-collapse { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; zoom: 1; } .nav-collapse.opened { max-height: 9999px; position:absolute; } .nav-collapse.opened > ul { position: fixed; top: 0; left: 0; width: 100%; background:#444; } .nav-collapse.opened > ul ul { width: 100%; position: relative; left:0; padding:0; margin:0; background:#444; } .nav-collapse.opened > ul ul li { height:auto; } .nav-collapse.opened li { width: 100%; display: block; } .nav-collapse.opened li.active, .nav-collapse.opened li:hover { background:#333; } .nav-collapse.opened li.active a { color:#fff !important; } .nav-collapse.opened li a { padding:5px 15px; margin:0; line-height:30px; height:30px; color:#fff !important; } .nav-toggle { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background:url(/templates/hot_justice/images/tinynav.png); float: left; width: 40px; height: 30px; text-indent:-9999px; margin-top:15px; } .nav-toggle.active { position: absolute; z-index: 999; right: 0; top: 0; margin-top:5px; margin-right:15px; } @media screen and (min-width: 980px) { .js .nav-collapse { position: relative; } .js .nav-collapse.closed { max-height: none; } .nav-toggle { display: none; } } @media screen and (max-width: 980px) { .nav-collapse.closed { overflow:hidden; } }