html {   font-family: sans-serif; /* 1 */  -ms-text-size-adjust: 100%; /* 2 */  -webkit-text-size-adjust: 100%; /* 2 */}/** * Remove default margin. */body {  margin: 0; background: #f8f8f8;}/* HTML5 display definitions   ========================================================================== *//** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {  display: block;}/** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */audio,canvas,progress,video {  display: inline-block; /* 1 */  vertical-align: baseline; /* 2 */}/** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */audio:not([controls]) {  display: none;  height: 0;}/** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */[hidden],template {  display: none;}/* Links   ========================================================================== *//** * Remove the gray background color from active links in IE 10. */a {  background-color: transparent;}/** * Improve readability when focused and also mouse hovered in all browsers. */a:active,a:hover {  outline: 0; color: #fc6b02;}/* Text-level semantics   ========================================================================== *//** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */abbr[title] {  border-bottom: 1px dotted;}/** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */b,strong {  font-weight: bold;}/** * Address styling not present in Safari and Chrome. */dfn {  font-style: italic;}/** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */h1 {  font-size: 2em;  margin: 0.67em 0;}/** * Address styling not present in IE 8/9. */mark {  background: #ff0;  color: #000;}/** * Address inconsistent and variable font size in all browsers. */small {  font-size: 80%;}/** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}sup {  top: -0.5em;}sub {  bottom: -0.25em;}/* Embedded content   ========================================================================== *//** * Remove border when inside `a` element in IE 8/9/10. */img {  border: 0;}/** * Correct overflow not hidden in IE 9/10/11. */svg:not(:root) {  overflow: hidden;}/* Grouping content   ========================================================================== *//** * Address margin not present in IE 8/9 and Safari. */figure {  margin: 1em 40px;}/** * Address differences between Firefox and other browsers. */hr {  -moz-box-sizing: content-box;  box-sizing: content-box;  height: 0;}/** * Contain overflow in all browsers. */pre {  overflow: auto;}/** * Address odd `em`-unit font size rendering in all browsers. */code,kbd,pre,samp {  font-family: monospace, monospace;  font-size: 1em;}/* Forms   ========================================================================== *//** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. *//** * 1. Correct color not being inherited. *    Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */button,input,optgroup,select,textarea {  color: inherit; /* 1 */  font: inherit; /* 2 */  margin: 0; /* 3 */  padding: 5px;}/** * Address `overflow` set to `hidden` in IE 8/9/10/11. */button {  overflow: visible;}/** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */button,select {  text-transform: none;}/** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` *    and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type *    `input` and others. */button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] {  -webkit-appearance: button; /* 2 */  cursor: pointer; /* 3 */}/** * Re-set default cursor for disabled elements. */button[disabled],html input[disabled] {  cursor: default;}/** * Remove inner padding and border in Firefox 4+. */button::-moz-focus-inner,input::-moz-focus-inner {  border: 0;  padding: 0;}/** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */input {  line-height: normal;}/** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */input[type="checkbox"],input[type="radio"] {  box-sizing: border-box; /* 1 */  padding: 0; /* 2 */}/** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {  height: auto;}/** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome *    (include `-moz` to future-proof). */input[type="search"] {  -webkit-appearance: textfield; /* 1 */  -moz-box-sizing: content-box;  -webkit-box-sizing: content-box; /* 2 */  box-sizing: content-box;}/** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}/** * Define consistent border, margin, and padding. */fieldset {  border: 1px solid #c0c0c0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;}/** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */legend {  border: 0; /* 1 */  padding: 0; /* 2 */}/** * Remove default vertical scrollbar in IE 8/9/10/11. */textarea {  overflow: auto;}/** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */optgroup {  font-weight: bold;}/* Tables   ========================================================================== *//** * Remove most spacing between table cells. */table {  border-collapse: collapse;  border-spacing: 0;}td,th {  padding: 0;}/******************************************************/

@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url(https://fonts.gstatic.com/s/fjallaone/v4/rxxXUYj4oZ6Q5oDJFtEd6vk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'), url(https://fonts.gstatic.com/s/fjallaone/v4/rxxXUYj4oZ6Q5oDJFtEd6hsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

html, body{ height: 100%; }


@font-face { font-family: 'PTSansNarrow'; src: url('/fonts/PTSansNarrow.eot'); src: url('/fonts/PTSansNarrow.eot?#iefix') format('embedded-opentype'), url('/fonts/PTSansNarrow.ttf') format('truetype'); url('/fonts/PTSansNarrow.woff') format('woff'), url('/fonts/PTSansNarrow.svg') format('svg'), font-weight: normal; font-style: normal; }

#temp{ display: block; padding: 10px; background: #4072a5; color: #fff; font-size: 90%; }
#temp a{ color: #fff; }

/* ============== то, что влияет на контент =============== */

a.yakor, a[name]{ position: relative; top: -20px; }

span.strong{ font-weight: bold; }
div.h2 span.strong, h2 span.strong{ font-weight: normal; }

.bottom{ color: #212121; text-decoration: none; user-select: none; background: #ffdb4d; padding: 10px 15px; cursor: pointer; border: 0;   }
.bottom:hover { box-shadow: 0 0 3px rgba(0,0,0,0.2); }

h1{ margin: 20px 0 20px 0px; color: #4c4b51; }

h2, div.h2{ color: #212121; font-size: 190%; font-weight: normal;  margin: 40px 0 15px 0; }

.right div.h2{ font-size: 140%;  }

h2 span.arrow_down{ display: inline-block; padding-right: 20px; background: url('/img/arrow_down.png') no-repeat right center; }

h3,h4,h5,h6, div.header, div.h3{ font-size: 130%; color: #4b4b4b; font-weight: bold; margin: 25px 0 15px 0px;}
div.header{ font-size: 110%; background: no-repeat url(/images/h1.jpg) left; padding-left: 20px; }

div.h1_line{ margin: 0 0 0 20px; width: 100%; border-top: 3px solid #A1D6F5; }

div.counts{ display: none; }

div.header{ margin-left: 15px; margin-top: 15px; }

ul{ list-style: none; padding-left: 20px; }

div.dotted, tr.dotted{ background: url(/images/hr.gif) repeat-x center; margin: 15px 0 15px 0px; }
div.details{ background: no-repeat url(/images/details.gif) top right;  height:14; margin: 0px; padding: 0px; }
small{ font-size: 8pt; }
ul li, ol li{ margin-top: 5px; }
.content img.border{ margin: 3px; border: 1px solid #c0c0c0;}

div.main div.path{ line-height: 22px; font-size: 90%; color: #666; margin: 0; }
div.main div.path span{ white-space: nowrap; }
div.main div.path span.p{ padding: 0 10px 0 10px; }

button, .button, input#button{ color: #000; text-decoration: none; user-select: none; background: #ffdb4d; padding: 10px 20px; outline: none; cursor: pointer; border: 0; font-size: 110%; }
button:hover, .button:hover { opacity: 0.8; color: #000; }
button.small{ font-family: Arial, sans-serif; font-size: 12px; padding: 2px 5px; }

.content{ background: #fafafa; font-size: 110%; }

.content img{ margin:5px; }

.content div.price{ background: no-repeat url("/images/price_bg.jpg") center top; padding: 30px 15px 15px 15px; text-align: center; color: #ff873b; font-weight: bold; font-size: 14pt; }
.content div.price div{ font-size: 12pt; font-weight: normal; }
.content div.price_list{ padding: 5px 5px 5px 32px;  background: no-repeat url("/images/xls.gif") left center; margin:  15px 15px 15px 3px; text-align: left; }
.content div.price_list_small{ padding: 0 0 0 22px;  background: no-repeat url("/images/xls_small.gif") left center; text-align: left; margin-top: 2px; }

.content div.podpis_pod_model{ border-left: 3px solid #3d69a6; border-top: 1px solid #414546; border-bottom: 1px solid #414546; border-right: 1px solid #414546; padding: 0 5px 0 12px; margin-top: 15px; margin-bottom: 15px; }
.content div.smotri_eshe{ margin: 15px 0; }
.content div.small_tel{ font-family: 'Fjalla One'; font-size: 190%; padding: 5px 5px 5px 35px;  background: no-repeat url("/images/small_tel.jpg") left center; margin: 15px 15px 15px 0px; }

 .banner{ width: 240px; border-radius: 3px; padding: 10px; text-align: center; border: 1px solid #c0c0c0; color: black; background: linear-gradient(to top, #edeae3, #f9f9f8); }
 .banner a{ color: black; text-decoration: none; text-transform: uppercase; font-weight: bold; }
 .banner:hover{ opacity: 0.9; }


/* таблица */
.content table{ border: 1px solid #c0c0c0; border-collapse: collapse; }
.content table td{ padding: 5px; border: 1px solid #c0c0c0; }
.content table th{ font-size:10pt; padding: 5px; text-align: center; border: 1px solid #c0c0c0; background: #4475a7 url('/images/blue_bg.gif') repeat-x; color: #fff; }

.content table p, .content table div{ margin: 0; padding: 0; }

/* таблица */
.content table{ border: 1px solid #c0c0c0; border-collapse: collapse; }
.content table td{ padding: 5px; border: 1px solid #c0c0c0; }
.content table th{ font-size:10pt; padding: 5px; text-align: center; border: 1px solid #c0c0c0; background: #4475a7 url('/images/blue_bg.gif') repeat-x; color: #fff; }

.content table p, .content table div{ margin: 0; padding: 0; }


.content table.border_null{ border: 1px solid #fff; }
.content table.border_null td{ border: 1px solid #fff; }
.content table.border_null th{ border: 1px solid #fff; }

.content table.border_null2{ border: 0; }
.content table.border_null2 td{ border: 2px solid #fff; padding: 2px; text-align: center; }
.content table.border_null2 td img{ margin: 0;}
.content table.border_null2 td a{ display: block; margin-bottom: 155px;}

.content table.border_null3{ border: 0; }
.content table.border_null3 td{ border: 0; padding: 2px; text-align: center;}
.content table.border_null3 td img{ margin: 0 0 20px 0; }
.content table.border_null3 td a{ display: block; }

.content table.border_null_main{ width: 100%; border: 1px solid #fff; }
.content table.border_null_main td{ padding:0; border: 1px solid #fff; text-align: center;}
.content table.border_null_main td a.link{ background: #2f85b8; color: #fff; display: block; width: 110px; text-decoration: none; padding: 2px; }
.content table.border_null_main td a.link3{ background: #2f85b8; color: #fff; display: block; width: 135px; text-decoration: none; padding: 2px; }
.content table.border_null_main td a.link2{ display: block; padding: 5px 5px 10px 5px;}
.content table.border_null_main td a.link:hover{ text-decoration: underline;  }
.content table.border_null_main td img{ margin:2px; }
.content table.border_null_main th{ border: 1px solid #fff; }

.content table.smotri_eshe{ border: 1px solid #fff; }
.content table.smotri_eshe td{ border: 1px solid #fff; padding-right: 40px; font-size: 11px; }


.content table.h1{ border: 1px solid #fff; }
.content table.h1 td{ border: 1px solid #fff; padding: 0;}

.content div.print{ text-align: right; margin:15px; }

.content div.map div{ text-align: left; margin-left:15px; }

a { color: #366196; }




/*фото*/
table.main div.ramka{ margin: 10px; text-align: center; font-size: 8pt; }

.content div.fotos{ float: left; text-align: center; font-size: 7pt; margin: 3px; }
.content div.fotos img{ border: 1px solid #c0c0c0; }


 /*усл*/
.content table#usl{ border: 0; padding:0; }
.content table#usl td{ border: 0; padding:0; color: #fff; font-size: 15px;  }
.content table#usl td a{ color: #fff;}
.content table#usl td#usl{ background: repeat-x url(/images/osush/usl_bg.jpg) top;}
.content table#usl td img{ margin:0; }
.content table#usl td#usl ul{ margin-top: 20px; list-style-image: url("/images/osush/li.gif"); }
.content table#usl td#usl ul li{ margin-bottom: 13px; }


.content table.power{ margin-bottom: 5px; }
.content table#power{ background: #f3f7fa; border: 1px solid #c0c0c0;}

td a.red{ color: red; }

div#sort{
  padding: 5px; margin: 20px 0 5px 0;
}
div#sort a{
 background: #d0cbcb; padding: 2px 7px 2px 7px; color: #fff; text-decoration: none; font-size: 11px;
}
div#sort a strong{
 color: #2f85b8; font-size: 11px;
}
div#sort b{
  margin-right: 5px; border-bottom: 2px dotted #c0c0c0;
}
div#sort strong{
  font-size: 13px;
}

.content table.split{ width: 100%; border: 0;  border-collapse: separate; }
.content table.split td{ border: 0; padding: 3px 0 3px 0; text-align: center; white-space: nowrap; font-size: 11px;}
/* .content table.split td b{ font-size: 11px;} */
.content table.split td.m{ text-align: left; white-space: normal; font-size: 12px;}
.content table.split td.m a{ font-size: 12px; text-decoration: none;}
.content table.split td.m a:hover{ text-decoration: underline;}
.content table.split td.blue{  color: #2f85b8; }
.content table.split td.red{ color: #d94141; }
.content table.split td.list_line{ height: 3px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 0; background: url('/images/dotted.gif') repeat-x center;}
.content table.split th{ border: 0; height: 50px; font-weight: normal; font-size: 11px; background: #5da1db url('/images/bg_split.gif'); }
.content table.split td div.sravnit{ font-size: 10px; text-decoration: underline; cursor: hand; cursor: pointer;}
.content table.split td div.sravnit a{ font-size: 10px; color: #b8b7b7; }



.content table.list{ width: 100%; border: 0;  border-collapse: separate; }
.content table.list th{ border: 0; }
.content table.list td.list_td{ border-top: 0; border-left: 0; border-right: 0; border-bottom: 0;  padding: 0;}
.content table.list td.blue{  color: #2f85b8; }
.content table.list td.red{ color: #d94141; }
.content table.list td.list_line{ height: 3px; border-top: 0; border-left: 0; border-right: 0; border-bottom: 0; background: url('/images/dotted.gif') repeat-x center;}

.content table.list td img.list_img{ margin-right: 10px; cursor: url('/highslide/graphics/zoomin.cur'); }

.content table.filter{ border: none; border-collapse: collapse; border-top: 1px dotted #c0c0c0; margin: 3px 0 3px 0; background: #f3f7fa;}
.content table.filter td{ padding: 2px 5px 2px 5px; border: none; white-space: nowrap; }
.content table.filter tr{ border-bottom: 1px dotted #c0c0c0;}
.content table.filter td input{ margin-left: 10px; }

/****сравнение*********/
div.display_none{ display: none; }
.content table.compare{ border: 0; margin-bottom: 10px; background: #e4f2fd; border: 1px dashed #4aa3ea;}
.content table.compare td{ border: 0; }
.content span.link{ text-decoration: underline; cursor: hand; cursor: pointer;}
.content table.compare td a{ background: url('/images/marker1.gif') no-repeat; padding-left: 10px; }
td#models span.link{ font-size: 10px; }

.content div.item img{ margin: 0;}

div#webcam, div#webcam div{ position: absolute; }
div#webcam div a{ display: block; width: 100px; color: #fff; font-size: 10px; }




.content ul.blocks { width:100%; margin: 0; padding: 0; }
.content ul.blocks li { background: none; margin: 0 0px 10px 0px; padding:7px; width:160px; display:inline-block; vertical-align:top; border:1px solid #e5e5e5; font-weight: bold; }
.content ul.blocks li a:first-child { text-align: center; display: block; min-height: 38px; }
.content ul.blocks li:hover { #background: #fafafa; }
.content ul.blocks li .img { text-align:center; display:table; position:relative; }
.content ul.blocks li .img span { display:table-cell; vertical-align:middle; }
.content ul.blocks li .img img { opacity: 0.8; width:100%; margin: 0; border-radius: 0; transition: all 0.2s ease; }
.content ul.blocks li:hover .img img { opacity: 1;  }


.path{ margin-bottom: 15px; }


/* ============================= */

/*top*/
div.top{ width: 100%; height: 229px; background: #4aa9ff url(/images/header_fon_small2.jpg) no-repeat left bottom; }
div.top_stroy{ background: #4aa9ff url(/images/header_fon_small_stroy.jpg) no-repeat left bottom; }
div.top_right{ width: 100%; height: 100%; }
div#mask { position:absolute; left:0; top:0; z-index:1000; background-color:#000; opacity: 0.1; width: 100%; height: 1000%; display:none; }

/*  поиск  */
div.search{ z-index: 1000; position: absolute; width: 100%; }
div.search img#lupa{ position: absolute; display: none; right: 5px; top: 5px; opacity: 0.7; cursor: pointer; box-shadow: 0 0 5px rgba(0,0,0,0.5); }
div.search form{ transition: all 0.2s ease; opacity: 0.8; position: absolute; width: 300px; right: 30%; top: 10px; }
div.search form:hover { opacity: 1; }
div.search form input#search_key{ font-size: 85%; width: 70%; height: 24px; padding-left:15px; color: #666; border: 1px solid #c0c0c0;  }
div.search form .bottom{ padding: 4px 10px; height: 34px; font-size: 85%; }
div.search form a, div.search form span{ font-family:PTSansNarrow; margin-top: 23px; display: inline-block; width: 187px; color: #fff; text-decoration: none; background: #4072a5; padding: 4px 15px; cursor: pointer; }
div.search.fixed{ position: fixed; top: 0px; width: 100%; z-index: 4000; }
div.search.fixed img#lupa{ display: block; top: 0px; right: 0px; box-shadow: none; opacity: 1; }
div.search.fixed form{ display: none; top: 5px; right: 3px; opacity: 1; }
div.search.fixed form a{ display: none; }

/*  top_menu  */
div.top_menu{ position: relative; font-family:PTSansNarrow; background: #3474b2 url(/img/menu_bg.png) repeat-x; height: 77px; border-bottom: 1px solid #c6f2fd; box-shadow: 0 0 5px rgba(0,0,0,0.5); z-index: 2000; }
div.top_menu.fixed{ position: fixed; top: -40px; width: 100%; opacity: 0.8; }



/*  menu  */
div.menu{ white-space: nowrap; position: absolute; top: 10px; padding-left: 15px; text-transform: uppercase; }
div.menu a, div.menu span{ color: #fff; text-decoration: none; font-size: 85%; padding: 2px 7px; margin: 0px;  transition: all 0.2s ease; }
div.menu a:hover{ background: #4f81b5; }
div.menu span.selected, div.menu a.selected{ background: #4f81b5; box-shadow: 0 0 5px rgba(0,0,0,0.1);  }

div.menu1 a, div.menu1 span{ font-size: 110%; }


div.menu2{ top: 45px; }
div.menu2 a, div.menu2 span.selected{ padding: 2px 8px; transition: all 0.2s ease; }
div.mobile_menu_icon{ display: none; width: 50px; height: 50px; position: absolute; top: 15px; left: 15%; background: #4aa9ff url(/img/mobile.png) no-repeat center center; border-radius: 3px; cursor: pointer; }



/*  top_tel  */
div.top_tel{ position: absolute; top: 10px; right: 5px; width: 25%;  }
div.top_tel div.tel{ position: absolute; top: 10px; color: #fff; }
div.top_tel div.tel2{ left: 50%; }
div.top_tel div.tel a.call, div.top_tel div.tel span.call{ color: #84d5f2; position: absolute; top: 30px; white-space: nowrap;  }

div.top_tel div div{ position: absolute; top: -15px;  }
div.top_tel .tel3{ color: #fff; text-decoration: none; position: absolute; top: 5px; font-size: 140%; font-family: 'Fjalla One'; white-space: nowrap; }

div.top_tel div.time{ width: 200px; position: absolute; top: -5px; left: 212px; color: #fff; }
div.top_tel div.time a, div.top_tel div.time span{ color: #84d5f2; }

div.fixed div.top_tel div a, div.fixed div.top_tel div span{ display: none; }
div.fixed div.top_tel .tel3{ top: 32px; }


/*  main  */
div.main{ width: 100%; position: relative; display: table; left: 0; top: 0px; white-space: nowrap; line-height: auto; }

div.left{ overflow: auto; min-width: 100px; width: 20%; display: table-cell; vertical-align: top; position: relative; background: #fff; white-space: normal; #font-family: PTSansNarrow; font-size: 90%; }

div.content{ width: auto; display: table-cell; vertical-align: top; position: relative; padding: 20px; white-space: normal; font-size: 85%; background: #fff; line-height: 20px; }


div.right{  width: 20%; display: table-cell; vertical-align: top; position: relative; background: #fff; white-space: normal; font-size: 100%; font-family: PTSansNarrow; }

div.right .button{ display: block; padding: 30px; width: 200px; text-align: center; font-size: 150%; }


/*  left  */

div.left_menu{ width: 100%; background: #fff; padding-top: 15px; }
div.left_menu.fixed{ position: fixed; top: 0px;  z-index: 2000;}

div.left .l-header{ display: block; color: #000; font-size: 100%; padding: 10px 10px 10px 7%; border-left: 3px solid #f18434; border-top: 1px solid #e6e6e6; cursor: pointer; text-decoration: none; transition: all 0.2s ease; }

div.left .l-header:first-child{ border-top: 0; }
div.left .l-header:hover{ background: #f1f1f1;  }

div.left ul{ font-size: 90%; margin:0; padding: 0 10px 10px 23px; }
div.left ul.lev2{ display: none; }
div.left ul.display{ display: block; }
div.left ul.lev2 ul{ padding: 0 0 0 20px; }

div.left ul li{ padding: 2px 0 2px 0; line-height: 16px; }
div.left ul a{ #transition: all 0.2s ease; text-decoration: none; }
div.left ul li a.selected{ font-weight: bold; }

div.totop{  display: none;  position: relative; left: 50%; top: 20px; width: 70px; }
div.totop div{ position: absolute; left: -35px; width: 70px; height: 23px; z-index: 20; background:#c0c0c0 url(/img/new.png) no-repeat 50% 5px; border-radius: 3px; color: #fff; font-size: 90%; cursor: pointer; padding-top: 20px; text-align: center; }
div.totop div:hover{ background-color: #3474b2; }

div.show_left{ display: none; z-index: 2100; position: fixed; top: 54px; left: 0; width: 30px; height: 67px; background: #f8f8f8 url(/img/show_left.png) no-repeat center center; opacity: 0.9; border: 1px solid #c0c0c0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; cursor: pointer; }


/*  content  */
div.content img{ border-radius: 3px; margin: 5px; max-width: 100%; }
div.content ul li{ padding-left: 15px; background: no-repeat url(/img/marker2.png) left 6px; }
ul.right_links{ padding-top: 10px; }
ul.right_links li{ padding-left: 15px; background: no-repeat url(/img/marker2.png) left 6px; line-height: 16px; }


.table{ display: table; }
.table-row{ display: table-row; }
.table-cell{ display: table-cell; vertical-align: top; }


.content div.small_tel{ padding: 5px 5px 5px 35px;  background: no-repeat url("/images/small_tel.jpg") left center; margin: 15px 15px 15px 0px; }
.content div.small_tel b{ font-size: 18px; }

div#zayavka{ width: 275px; }
div#zayavka .h2{ margin: 25px 0 5px; }
div#zayavka .tel3{ font-size: 130%; font-family: 'Fjalla One'; white-space: nowrap; }
div#zayavka textarea{ margin: 5px 0 5px 0; width: 100%; height:150px; -moz-box-sizing:border-box; box-sizing:border-box;}
div#zayavka input{ width: 100%; margin: 0 0 5px 0;-moz-box-sizing:border-box; box-sizing:border-box; }
div#zayavka .bottom{  width: 100%; -moz-box-sizing:border-box; box-sizing:border-box; }
div#zayavka.fixed{ position: fixed; top: -10px;}

#upload_attach{ margin: 20px 0;}
#attached_files, input[name='upl']{ display: none; }
div.content ul.upload{ list-style: none; padding: 0; }
div.content ul.upload li{ background: none; padding: 0; vertical-align: middle; }
div.content ul.upload li canvas{ top: 0px; left: 0px; position: relative; }
div.content ul.upload li b{ display: inline-block; margin: 20px; top: -18px; position: relative; }

.button_type2{ padding: 10px 15px 10px 40px; cursor: pointer; background: #d5f0fe; transition: all 0.2s ease; text-decoration: underline; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAWlBMVEUAAABki/9ki/9li/9mjP9ki/9ki/9ki/9ki/9ki/9ki/9ki/9ki/9ki/9ki/9ki/9mjP9mjP9ki/9ki/9ki/9mjP9ki/9ki/9ki/9ki/9ki/9ki/9ki/9ki/88KZ3zAAAAHXRSTlMADxWrlrHJvdO41wvDYRnQjoRNP+ueLigkBfvqcCLHB4EAAACJSURBVBjTnchLEoIwEEXRTrpD+CTKRwTUt/9t2hSpMmEmd3YP/Z/hSN0wr4VVGDoPPJ6FsWkQRPVkzUYfvJefdWqmjyTg3LxxCgxJ5pLdraC2Ozo1d7IJtX4ojHqMgxrrC9rDiLEErKWRYOzxOuxGqRGVkXbOTfMIk518YWQ99iq1vMjexY0u9AXVcAqktwhr9AAAAABJRU5ErkJggg==);
background-position: 10px center;
background-repeat: no-repeat; }
.button_type2:hover{ opacity: 0.8; }

.green2{ color: green; }
.red{ color: red; }

.cn{ position:relative; max-width: 1440px; margin:0 auto; box-shadow: 0px 0px 2px 3px #eee; }

blockquote {
    border-left: 5px solid #c0c0c0;
    padding-left: 20px;
    font-style: italic;
}

.reshim{ font-weight: bold; }


/* pager */
.content div.pager{ text-align: center; margin: 15px;}
.content div.pager span{ padding: 3px 5px 3px 5px; font-size: 10pt;}
.content div.pager span.pager_num_selected{ color: #fff; background: #4475a7 url('/images/blue_bg.gif') repeat-x; font-weight: bold; }



/*****  виджеты *************************************/

.vidjets_block{ text-align: left; border-radius: 15px; #background: linear-gradient(#fff, #fafafa); transition: all 0.2s ease; }

.vidjets_block .h2{ padding-top: 5px; margin-top: 0; }

.vidjets_block .vidjet{ width: 195px; margin: 5px 0 0 5px; display: inline-block; text-align: center;  vertical-align: top; }
.vidjets_block .long{ width: 300px; }

.vidjets_block .vidjet_icon{ float: left; display: inline-block; width: 50px; height: 50px; line-height: 50px; background: linear-gradient(#6396c9, #4072a5); color: #fff; font-size: 140%; border-radius: 3px; text-align: center; text-shadow: 1px 1px 1px #c0c0c0; margin-right: 10px; box-shadow: 0 0 2px rgba(0,0,0,0.2); }

.vidjets_block .vidjet_desc{ text-align: left; padding: 10px 0; color: #1a1a1a; font-size: 85%; text-transform: uppercase; line-height: 15px; }

.vidjets_block .vidjet_text{ color: #fff; padding: 15px; text-align: left; background: linear-gradient(#6396c9, #4072a5); background: linear-gradient(#6396c9, #4072a5); border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; margin-bottom: 20px; }

.vidjets_block .vidjet_text p{ font-weight: normal; }
.vidjets_block .vidjet_text a{ color: #fff; }

.vidjets_block .vidjet:hover .vidjet_icon{ #box-shadow: 0 0 4px rgba(0,0,0,0.4); }
.vidjets_block .vidjet:hover .vidjet_desc{ text-decoration: underline; }




/*  right  */

div.service{ margin-top: 25px; color: #fff; border: 1px solid #88d2f9;  background: #5483b3; }
div.service:hover{ background: #4b7bac; }
div.service div.header1{ text-align: center; margin-top: 5px;}
div.service a{ color: #fff; text-decoration: none; }
div.service ul{ margin: 0; padding: 10px; }

table.foto{ margin: 10px 5px 10px 20px; }
table.foto td img{ border: 1px solid #c0c0c0; margin: 3px;}
table.foto td{ font-size: 90%; }

div.all_link{ font-size: 8pt; text-align: right; margin-right: 15px; }
div.all_link a{ background: no-repeat url("/images/marker2.gif") left center; padding-left: 10px;}


/*  footer  */

div.footer{ position: relative; width: 100%; height: 90px; color: #fff; font-size: 80%; background: #4aa9ff url(/images/bottom_gradient.jpg) repeat-x; }
div.footer div.map{ width: 582px; height: 90px; position: absolute; right: 0; top: 0; background: url(/images/map2.png) no-repeat; }
div.footer div#copy{ position: absolute; top: 15px; left: 30px; z-index:1000; }
div.footer div#sites{ position: absolute; top: 15px; left: 350px; z-index:1000; }
div.footer div#sites select{ width: 180px; background: #3474b2; border: 1px solid #999; }
div.footer a{ color: #fff;}
#span.emstrong{ font-style: italic; font-weight: bold; }


img#scroller{ z-index: 100; display: none; position: fixed; right: 0; bottom: 50%;  cursor: pointer; opacity: 0.9; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
img#scroller:hover{ opacity: 1; }

.links111{ float: right; max-width: 300px; -moz-box-sizing:border-box; box-sizing:border-box;  }

   #call{ width: 100%; }
   #call input{ margin: 5px 0; }
   #call input.bottom{ margin: 10px 0; font-size: 120%;}

/******************************************/

@media only screen and (max-width: 1400px) {
   div.top_tel{ right: 0px; width: 200px; }
   div.top_tel div.time{ display: none; }
}

@media only screen and (max-width: 1250px) {
   div.menu{ padding-left: 20px; }
}
@media only screen and (max-width: 1150px) {
   div.top_tel{ display: none; }
}
@media only screen and (max-width: 1100px) {
   div.menu{ padding-left: 10px; }
   div.search form{ right: 20%; top: 10px;  }
}
@media only screen and (max-width: 1000px) {
   div.top_right{ display: none;  }
   div.top{ height: 50px; background: #4aa9ff url(/img/header_fon_mobille.jpg) no-repeat; }
   div.search form{ right: 20px; top: 10px; }
   div.search form a{ display: none; }
   div.menu2 a, div.menu2 span.selected{ padding: 2px 10px 2px 10px;  }

   div.left{ min-width: 20%; }
   div.right{ display: none; }
}

@media only screen and (max-width: 900px) {

   div.content { padding: 20px 5px; }

   div.search form{ width: auto; display: none; }
   div.search img#lupa{ display: block; }
   div.search form{ width: auto; display: none; opacity: 1; }
   div.search form input#search_key{ width: 150px; }
   div.top_tel{ display: block; }

   div.mobile_menu_icon{ display: block; box-shadow: 0 0 5px rgba(0,0,0,0.5); }
   div#mobile_panel{ position: fixed; top: 0px; left: -70%; z-index: 30000; background: #666; width: 70%; box-shadow:-0px -0px 5px rgba(0,0,0,0.40); overflow: auto; }
   div#mobile_panel span.selected{ display: none; }
   div#mobile_panel a{ color: #fff; display: block; padding: 7px; border-bottom: 1px solid #999; text-decoration: none; }
   div#mobile_panel a:hover, div#mobile_panel a:active{ background: #999; }

   div.footer div#sites, div.footer div.map{ display: none; }

   div.show_left{ display: block; box-shadow: 0 0 5px rgba(0,0,0,0.5); }
   div.left{ position: fixed; width: 80%; top: 0; left: -80%; z-index: 3000; }
   div.totop{ display: none; }

   #call{ width: 95%; }
   #call textarea{ width: 300px; }

   iframe{ display: none; }

   .vidjets_block{
     display: none;
   }

   .content table td{ display: block; }
   div.main div.path span{ white-space: normal; }
   div.content img{ max-width: 95%; }


}



body:after{content:url(/images/lightbox/close.png) url(/images/lightbox/loading.gif) url(/images/lightbox/prev.png) url(/images/lightbox/next.png);display:none}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:black;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:normal}.lightbox .lb-image{display:block;height:auto;max-width:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:white;*zoom:1;width:250px;height:250px;margin:0 auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-container{padding:4px}.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/images/lightbox/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container > .nav{left:0}.lb-nav a{outline:none;background-image:url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==')}.lb-prev,.lb-next{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/images/lightbox/prev.png) left 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s}.lb-nav a.lb-prev:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/images/lightbox/next.png) right 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s}.lb-nav a.lb-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:bold;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/images/lightbox/close.png) top right no-repeat;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;transition:opacity 0.2s}.lb-data .lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}