@charset "utf-8";

/* Все страницы */

* {margin:0; padding:0; border:none; list-style:none;}

a {color:#1975a4;}

html {height: 100%;}

body {font-size:13px; color:#343530; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; min-width:990px; min-height:100%; height:100%;}

* html body {width:expression((document.documentElement.offsetWidth < 1000)? "1000px": "auto" );}

#page {height: auto !important; min-height:100%; height: 100%;}





/* Шапка */

#header {height:190px;}



#logo a {float:left; width:254px; height:187px; background:url(./i/logo.png);}

#logo span {display:none;}



#search {margin:0 360px 0 330px;  padding-top:80px; zoom:1;}

#search fieldset {position:relative; width:100%;}

#search div {position:relative;}

#search form div input {background:url(./i/search_l.png); height:14px; float:left; position:absolute; left:0; width:100%; color:#696969; font-size:12px; padding:3px 0 3px 10px;}

#search form a {background:url(./i/search_r.png) left no-repeat #fff; height:20px; float:left; padding-left:100px; position:absolute; right:-10px;}



#search ul {width:440px; margin-top:50px; padding-right:-100px; height:20px;border: 1px solid;}

#search li {background:url(./i/dash.png) 0 7px no-repeat; padding-left:15px; margin-right:15px;  float:left; font-size:14px; }



#search form .search {width:50px; position:absolute; right:80px; z-index:5; background:none; color:#1975a4; text-decoration:underline; cursor:pointer;}





#phone {float:right; width:247px; font-size:30px; margin-top:50px; padding-left:75px;position: relative;}

#phone h4 {color:#a7a7a7; font-size:13px;}

#phone span {color:#3b9232; margin-left:-65px; font-size:24px;}

#phone a {display:block;  font-style:italic; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  font-weight:normal; font-size:14px;}





/* Низ страницы */

#footerfix {height:210px; clear:both;}

#footer {clear:both; height:110px; margin-top:-210px; background:url(./i/tubing.png) left no-repeat; font-size:12px; line-height:16px; padding-top:100px; position:relative;}

#footer img {position:absolute; bottom:0px;}

#footer div {width:181px; margin-left:-90px; padding-left:50%;}

#footer span {font-size:30px; display:block; line-height:30px;}

#footer em {font-size:19px; font-style:normal; color:#3b9232; position:relative; top:-5px;}

#footer strong {float:right; font-weight:normal; width:155px; margin-right:100px;}

#footer a {color:black; text-decoration: none;}





#devices li img {behavior: url('./iepngfix.htc');} 







/* Главная страница */



#ttt {background:url(./i/pomp.png) repeat-x; clear:both; overflow:hidden; position:relative; zoom:1;}



#device {height:685px; clear:both; width:1500px; margin-left:-250px;}

* html #device {position:absolute;}



#devices {background:url(./i/devices.jpg) top center no-repeat; position:relative; height:685px;  width:1000px; margin:0 auto; z-index:5;}

#devices li {position:absolute; font-style:italic; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  font-weight:normal;  width:200px; list-style:none; z-index:500;}

#devices li a {color:#323230; border-bottom:2px dashed #323230; text-decoration:none;}





#devices li#burners {left:295px; top:80px; font-size:21px;  width:150px;}

#radiators {left:205px; top:220px; font-size:15px;}

#devices li#cauldrons {left:175px; top:340px; font-size:28px; font-style:normal; width:150px;}

#pumps {left:500px; top:60px;  font-size:23px;}

#devices li#boylers {left:630px; top:230px; font-size:23px; width:170px;}

#pipes {left:660px; top:320px; font-size:15px;}

#water_conditionings {left:690px; top:500px; font-size:21px;}



#devices li img {position:absolute; width:20px; height:20px; padding:0;}



#burners img {top:-20px; left:50%;}

#radiators img {top:-20px; right:0px;}

#cauldrons img {top:20px; right:-20px;}

#pumps img {top:-20px; left:10px;}

#boylers img {top:20px; left:-20px;}

#pipes img {top:10px; left:-20px;}

#water_conditionings img {bottom:20px; left:-20px;}



#hide {position:absolute; left:0; width:50%; height:685px; background:#fff; z-index:1;}



#devices li.active div {position:relative; overflow:hidden; padding:10px 0; z-index:1000; width:100%;}

#devices li div div {display:none;}

#devices li dl {background:none; padding:10px 20px;}

#devices li dd {display:none;}

#devices li dt a {color:#000; border-bottom:2px dashed #000;}





#devices li.active div div {position:absolute; width:20px; height:20px; left:-10px; top:-10px; background:url(./i/r-star2.png); padding:0px; margin:0; display:block;} * html #devices li.active div div {background:url(./i/r-star2.gif); }

#devices li.active div.tr, #devices li.active div.br {margin-left:100%;}

#devices li.active div.bl, #devices li.active div.br {top:auto;}

#devices li.active div.tl, #devices li.active div.bl {width:100%;} 

#devices li.active dl {background:#1c1c1c; padding:10px 20px;}

#devices li.active dt a {color:#fff !important; border-bottom:2px dashed #fff !important; position:relative; top:-0.3em;}

#devices li.active dd {display:block; font-size:13px; line-height:2em;}

#devices li.active dd a {border:none; text-decoration:underline; color:#beb4b4; display:block; line-height:15px; margin-bottom:10px;}

#devices li.active dd a:hover {text-decoration:none;}



.center {width:90%; margin:0 auto;  clear:both; position:relative;}



#alternative li.a1 {right:65%; background:url(./i/xz.png) 50% 0;}

#alternative li.a2 {right:55%; background:url(./i/xz.png) 50% -80px;}

#alternative li.a3 {right:45%; background:url(./i/xz.png) 50% -160px;}

#alternative li.a4 {right:35%; background:url(./i/xz.png) 50% -240px;}

#alternative li.a5 {right:25%; background:url(./i/xz.png) 50% -320px;}

#alternative li.a6 {right:15%; background:url(./i/xz.png) 50% -400px;}

#alternative li.a7 {right:5%; background:url(./i/xz.png) 50% -480px;}



#alternative {height:72px;}

#alternative ul {width:100%; margin-left:350px; float:left; height:80px;}

#alternative li {list-style:none; background:url(./i/xz.png); height:80px; width:10.1%; position:absolute; cursor:pointer;} * html #alternative li {width:11.7%;}



#alternative #arrow {position:absolute; width:16px; height:12px; background:url(./i/xz2.png); left:22px; display:none; font-size:1px;}



#price {background:url(./i/pdf.png) no-repeat; padding:23px 0 0 70px; float:left; display:inline; clear:both;}

#price dt a {font-size:14px; color:#1975A4; float:none; background:none;}

#price dd {padding-left:15px; font-size:10px; line-height:17px; background:url(./i/update.png) no-repeat; }



#about {width:350px; font-size:15px; font-size:15px; float:left; display:inline;}

#about h2 {color:#35802c; font-size:25px; font-style:italic; font-weight:normal;}





#hello h3 {font-size:16px; color:#a7a7a7; font-style:italic;  font-weight:normal;}





/* .scroll-wrap {margin:40px auto;} */

.scroll-pane {font-size:13px; margin:40px 0;}

.scroll-pane h3 {font-size:16px; color:#a7a7a7; font-style:italic; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  font-weight:normal;}
.scroll-pane h1 {font-size:16px; color:#a7a7a7; font-style:italic; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  font-weight:normal;}

/* .jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1;}

.jScrollPaneTrack {position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background:url(./i/scroll/scroll.png) center top;}

.jScrollPaneDrag {position: absolute; cursor: pointer; overflow: hidden; background:url(./i/scroll/drag.png) no-repeat center top; height:9px;}

.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}

.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}

a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;background:url(./i/scroll/up.png) no-repeat center top;height:40px;}

a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;background:url(./i/scroll/down.png) no-repeat center bottom;height:40px;} */







/* Меню внутренних страниц */

#menu {width:200px; padding-left:60px; clear:both; float:left; padding-bottom:200px;}

#menu li {display:inline;}

#menu li a, #menu li strong {font-size:18px; display:block; margin-bottom:1em; font-weight:normal; color:#1975a4}

#menu li li a {color:#327c50; font-size:14px; background:url(./i/dush_green.gif) 0 10px no-repeat; padding-left:15px;}

#menu li li li a {color:#579d74; padding-left:35px; background:none;}

#menu li li strong, #menu li li #active {background:#00a535; color:#fff; font-size:16px; font-weight:bold; padding:7px; margin-bottom:0.5em;} 

#menu li li li strong {background:none; color:#8e8e8e; font-size:14px; font-weight:normal;  padding:0 35px; margin-bottom:1em;} 

/* Обратный путь */

.backpath {margin-bottom:30px;}



.backpath a, .backpath h4, .backpath h4 {font-size:24px; font-family:Arial, Helvetica, sans-serif; background:url(./i/arrow.gif) center right no-repeat; padding-right:35px; display:inline;}

.backpath h4 {color:#7a7a7a; background:none !important; font-weight:normal;}
.backpath h1 {color:#7a7a7a; background:none !important; font-weight:normal;}


/* Контент */

#content {margin-left:260; padding-left:100px; font-size:14px; padding-right:100px; zoom:1; overflow:hidden; /* �? пусть ie подавиться, сука! */}

#content h1 {color:#1975a4; font-size:24px; font-weight:normal; margin-bottom:25px;}

#content h2 {font-size:24px; font-weight:normal;  margin-bottom:30px;}

#content h3 {font-size:24px; font-weight:normal; color:#579d74;}

#content h4 {font-size:24px; font-weight:normal; margin:20px 0;}

#content cite {font-size:14px; color:5d5d5d; padding-left:45px; display:block; margin-bottom:25px;}

#content p {margin-top:25px; overflow:hidden; padding:0 10px;}

#content img {margin:10px;  }

table td p {margin-left:260; padding-left:100px; font-size:14px; padding-right:100px; zoom:1; overflow:hidden; /* �? пусть ie подавиться, сука! */}



/* !!! */

#content ul {margin:20px;}

#content li {list-style:disc; margin:5px;}



/* Стиль таблиц (используеться только для моделей)  */

table {text-align:center; border-collapse:collapse; width:100%; margin:20px 0; clear:both;}

table thead th {font-size:12px; color:#fff; background:#00a535;} 



table th {font-size:16px; font-weight:normal; padding:5px 0; border:1px solid #fff;}

table td {font-size:12px; border:1px solid #fff;  padding:5px 0;} 

table .odd td, .odd th {background:#ebedec;}

table em {color:#008334; font-size:23px; font-style:normal;}

table span.eu {display:none;}

span.ru, span.eu {white-space:nowrap;}



.open {cursor:pointer; border-bottom:1px dashed #fff; color:#fff;}











/* photo */

#photo #content {padding-right:0px;}

#photo #content li {width:220px; margin-right:40px; margin-bottom:30px; display:inline; display:-moz-inline-stack; display:inline-block; vertical-align:top;}

* html #photo #content li {display: inline;} * html #photo #content li {display: inline;} *:first-child+html   #photo #content li {display: inline;}

#photo #content li a {color:#579d74; font-size:24px; display:block;}

#photo #content li p a {color:#1975a4; font-size:13px; display:inline;}

#photo #content li div {padding-left:10px; background:url(./i/bottom_layer_foto_l.png) top left no-repeat;}

#photo #content li img {background:url(./i/bottom_layer_foto.png) top right no-repeat; padding:10px 10px 10px 0; /* position:relative; left:-10px; */}

.links a {color:#1975a4; font-size:12px;}



/* Внутренние фото */

#image {width:0; height:0; position:relative; background:url(./i/bottom_layer_foto_big.png) bottom right;}

#images span {display:none;}

#images img {padding:0 5px 5px 0;}

#image img {background:url(./i/bottom_layer_foto_big.png) left top; padding:15px 0 0 15px;}

#image #title {position:absolute; left:0; width:200px; font-size:15px; color:#5c5c5c; font-style:italic;}

#image.active {padding:0 15px 15px 0;}

.active #tr, .active #bl {display:block;}

#tr {background:url(./i/bottom_layer_foto_big.png) top right  no-repeat; height:25px; width:25px; position:absolute; right:0; top:0; z-index:100; display:none;}

#bl {background:url(./i/bottom_layer_foto_big.png) bottom left  no-repeat; height:25px; width:25px; position:absolute; bottom:0; left:0; display:none;}

#images {width:100%; margin-top:50px;}

 



/* Карта сайта */

#site_map {clear:both; padding-left:20px; margin-bottom:300px;}

#site_map a {color:#343530; font-size:25px; clear:both; float:left; display:block; width:280px; background:url(./i/arrow.gif) 100%  9px  no-repeat; position:relative; top:-8px; margin-right:10px;}

* html #site_map a {top:8px;}

#site_map li {overflow:hidden; margin:0; list-style:none; margin-bottom:30px;}

#site_map ul { margin:0; margin-left:300px;}

#site_map ul li {float:left; width:300px;  clear:none; margin:0px; overflow:visible; padding-bottom:10px;}

#site_map ul a {font-size:18px; color:#1975a4; display:block; padding-bottom:10px; background:none; position:inherit; top:0; margin-right:0;}

#site_map ul ul {margin-left:10px; position:inherit;}

#site_map ul ul li {float:none; padding-bottom:0;}

#site_map ul ul a {font-size:14px; color:#006f28; padding-bottom:0;}

#site_map #price {margin:20px 300px;}

#site_map #price a {top:0;}





/* 404 */

#ops {background:url(./i/logo.png) no-repeat; padding:150px 0 0 50px; width:610px; position:relative;}

#ops dl {width:270px; float:left;}

#ops dt {color:#909090; font-size:143px;}

#ops dd {color:#007933; font-size:36px;}

#ops #phone {position:absolute; right:0; top:0;}

#ops ul {position:absolute; left:400px; top:190px; width:220px; margin:0;}

#ops ul li { margin:0;margin-bottom:30px; list-style:none;}

#ops ul a {color:#1975a4; font-size:17px;}

#ops form input {background:url(./i/search_l.png); height:20px; width:250px; padding-left:10px; position:absolute;}

#ops fieldset {background:url(./i/search_r.png) right no-repeat; height:20px; padding-right:8px; width:260px; position:absolute;  left:390px; top:370px;}





/* обратный путь*/


/* Переключатель валют */

#switch_currency {float:right; width:90px; height:85px; padding:10px 0; background:#ccc; text-align:center; background:#eaeaea; color:#aeaeac; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-style:italic; line-height:12px;}

#switch_currency div {overflow:hidden; padding:5px 0 10px;} 

#switch_currency a {display:block; float:left; width:26px; margin:5px auto; font-size:24px; font-family: "Myriad Pro", sans-serif; font-style:normal; color:#999; text-decoration:underline; line-height:27px; cursor:pointer;}

#switch_currency a.active {background:url(./i/currency_bg.png) right center no-repeat; color:#fff; text-decoration:none;}

#ru {padding-left:20px;}



/* Переключатель компаний в каталоге */

#switch_company h6 {font-size:12px; font-weight:normal; color:#aeaeac;  font-family:Arial, Helvetica, sans-serif; font-style:italic; margin:15px 0;}

#switch_company #all {font-size:35px; font-weight:bold; font-style:italic; color:#006f28; float:left;}

#switch_company ul {margin:0; margin-left:70px;}

#switch_company li {margin:0; list-style:none; float:left; padding:5px 15px; color:#b3b3b2;  text-align:center; font-style:italic; font-size:12px;}

#switch_company .active {background:#f0f0f0;}

#switch_company li a {display:block; color:#006f28; font-style:normal; font-size:12px; float:none;}



.models {clear:both;}

.models img {float:left; padding-bottom:15px;}

.models div {margin-left:100px;}

.models cite {padding:0 !important; margin:0 !important;}

.models cite p {padding:0 !important; margin:0 !important; font-style:normal;}

.models a {font-size:24px; color:#009734;}

.models p a {color:#1975a4; font-size:13px; display:inline;}

.models .company {color:#4791b6; font-size:14px; height:24px; line-height:24px; font-style:italic;}

.models div img {float:none; vertical-align:bottom; padding:0 5px 0 10px;}







#model img {float:left;}

#company {margin:0 150px; line-height:40px; height:40px; vertical-align:baseline; font-weight:bold;}

#company em {font-weight:normal;}

#company img {float:left; padding-right:5px;}

#garantion {border-bottom:2px dotted #000; margin:0 250px 10px 150px;}

#garantion span {position:relative; top:6px; background:#fff;}

#garantion em {font:24px "Myriad Pro", sans-serif; color:#009434; position:relative;  float:right; background:#fff;}

#model cite {margin:0 105px;}





.text {padding:0 100px 0 50px; margin:15px 0;}

.text {margin:0;}

.text li {margin:10px 0; list-style:decimal inside;}





/*  Контакты */

#contact {font-size:14px;  position:relative;}

#contact form {position:relative; zoom:1;}

#contact label {display:block; text-align:right; width:150px; position:relative; left:-170px;}

#contact input {border:1px solid #adadad; font-size:24px; width:99%; position:relative; top:-24px;}

#contact textarea {border:1px solid #adadad; font-size:24px; width:99%;  position:relative; top:-24px;}

#contact .button {background:none;  border:none; border-bottom:2px solid #0a8738; font-size:20px; color:#0a8738; width:auto; overflow:visible;} 



#adress {position:absolute; left:60px; top:450px; color:#343530; font-size:42px; width:200px;}

#adress span {color:#3b9232; font-size:30px; display:block;}

#adress div {font-size:13px;}





/* Поиск */

.search h3 span {color:#4f4f4f;}

.search h3 em {display:block; font-size:12px; color:#959595;}

.position {position:absolute; left:320px; font-size:19px;}



.search .backpath {margin:0px 0 60px -10px;}

.search .backpath a {color:#1975a4;}

.search .backpath .last {background:none;} 

.search .title {font-size:24px; color:#006f28; display:block; margin-bottom:15px;}

.search cite {padding-left:0 !important;}



.search {overflow:auto !important; margin-left:260px !important;}



#fix {
    position: relative;
}

div#fix p {

  margin: 0 0 8px;

}



div#fix h3 {

  margin-bottom: 8px;

}



#header ul {

  margin: 50px 0 0 0;

  padding: 0 0 0 20px;

  height: 20px;

}



#header li {

  background: url(./i/dash.png) 0 7px no-repeat;

  padding-left: 15px;

  margin: 0 3%;

  float:left;

  font-size: 14px;

}



* html #header li {

  display:inline;

}

#all{
    background:none;
}
a#recallme{
    text-decoration:none;
    color:#000000;
    font-size: 15px;
    font-style: italic;
}
input.recallme{
    border: 1px solid black;
}
.errorrecallme{
    color:#d92110;
    text-align: center;
    font: bold 10pt Arial;
}
.recallphone {
    position: absolute;
    right: 0px;
    text-align: right;
    top: -20px;
    width: 100px;
}
.click_2 {
   position: absolute;
   z-index: 100;
   width: 60px;
   height: 140px;
   bottom: 20px;
   right: -112px;
   background: url('/sp_help/images/s_help.gif') no-repeat scroll left top;
}
#content .click_2 img {margin: 0;}
.click_1 {
   position: absolute;
   z-index: 100;
   width: 60px;
   height: 140px;
   top: 275px;
   right: -112px;
   background: url('/sp_help/images/s_help.gif') no-repeat scroll left top;
}
#content .click_1 img {margin: 0;}