@charset "windows-1251";
/* CSS Document */
* {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
  font-size: 100.01%;
}

body {
  height: 100%;
  font-size: 62.5%;
  font-family: Arial, Helvetica, sans-serif;
}

a {
  outline: none;
}

#container {
  background: url(../img/fon-uzor.gif);
  min-height: 100%;
}

#empty {
  height: 100px;
  width: 100%;
  clear: both;
}

.first-clear {
  clear: both;
  padding-top: 2em; 
}

#fitingi {
  height: 200px;
  text-align: center;
  left: 0px;
  top: 160px;
  position: absolute;
  width: 100%;
  z-index: 2;
}

#fitingi span {
  background: url(../img/fitingi.png) no-repeat;
  display: block;
  width: 200px;
  height: 200px;
  margin: 0px auto;
}

#float-left {
  float: left;
  padding: 100px 0px 0px 10px;
  width: 310px;
  position: relative;
  z-index: 2;
}

#float-left ul li {
  list-style-type: none;
  padding: 0px 0px 0px 0px;
}

#float-left ul li a.menu {
  color: #1a3dc1;
  display: block;
  font-size: 1.4em;
  padding: 40px 0px 40px 105px;
}

#float-left ul li a.aksess {
  background: url(../img/menu-aksess.gif) no-repeat 0 50%;
}

#float-left ul li a.fitingi {
  background: url(../img/menu-fitingi.gif) no-repeat 0 50%;
}

#float-left ul li a.trubi {
  background: url(../img/menu-trubi.gif) no-repeat 0 50%;
}

#float-left ul li a.nasos {
  background: url(../img/menu-nasos.gif) no-repeat 0 50%;
}

#float-left ul li a.rad {
  background: url(../img/menu-rad.gif) no-repeat 0 50%;
}

#float-right {
  float: right;
  padding: 100px 10px 0px 0px;
  width: 310px;
  position: relative;
  z-index: 2;
}

#float-right p {
  font-size: 1.2em;
  margin: 0em 0em 2.5em 0em;
  text-align: justify;
}

#float-right p#tri-image {
  text-align: center;
  margin: 2em 0;
}

#footer {
  background: url(../img/fon-h-f.gif);
  height: 100px;
  margin-top: -100px;
  color: #fff;
}

#footer-in {
  height: 100px;
  width: 1000px;
  margin: 0px auto;  
}

#footer-in address {
  padding: 12px 0px 12px 10px;
  font-style: normal;
  font-size: 1.1em;
  line-height: 1.6;
}

#footer-in span {
  display: block;
  float: right;
  font-size: 1.1em;
  padding: 12px 10px 12px 0px; 
}

#header {
  background: url(../img/fon-h-f.gif);
  border-bottom: 3px solid #021c45;
  border-top: 3px solid #021c45;
  height: 150px;
}

#header-left {
  position: absolute;
  left: 10px;
  top: 21px;
  color: #fff;  
}

#header-left span {
  font-size: 1.8em;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#header-left ul {
  list-style-type: none;
  margin: 17px 0px 0px 8px;
}

#header-left ul li {
  margin: 0px 0px 10px 0px;
}

#header-left ul li a {
  background: url(../img/strela.gif) no-repeat 0 50%;
  color: #fff;
  display: block;
  font-size: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  padding-left: 20px;
}

#header-right {
  position: absolute;
  right: 10px;
  top: 25px;
  text-align: right;  
}

#header-right span#address {
  color: #fff;
  font-size: 1.2em;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  float: right;
  clear: both;
  line-height: 1.5;
}

#header-right span#address a {
  color: #fff;
  text-decoration: none;
}

#header-right span#phone {
  color: #ec7404;
  font-size: 1.8em;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  float: right;
  line-height: 1.4;
  margin-bottom: 10px;
}

.image-float {
  float: right;
  padding-left: 20px;
}

#kalde {
  position: absolute;
  left: 52px;
  top: 168px;
  height: 65px;
  width: 249px;
  background: url(../img/kalde.png) no-repeat;
}

#neaplast {
  background: url(../img/neaplast.png) no-repeat;
  height:150px;
  width: 1000px;
  margin: 0px auto;
  position: relative;
}

#price {
  position: absolute;
  right: 52px;
  top: 160px;
  width: 219px;
  background: url(../img/excell.gif) right 50% no-repeat;
  color: #f00;
  font-size: 21px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  padding: 10px 30px 10px 0px;
  z-index: 3;
}

#price1 {
  position: absolute;
  right: 52px;
  top: 200px;
  width: 219px;
  background: url(../img/excell.gif) right 50% no-repeat;
  color: #f00;
  font-size: 21px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  padding: 10px 30px 10px 0px;
  z-index: 3;
}



#trubi-image {
  background: url(../img/trubi.png) no-repeat;
  position: absolute;
  left: 397px;
  top: 153px;
  width: 206px;
  height: 140px;
}

#wrapper {
  width: 1000px;
  margin: 0px auto;
  position: relative;
  padding: 0px 0px 30px 0px;
}

#wrapper p {
  font-size: 1.2em;
  margin: 1em 0;
  text-align: justify;
  line-height: 1.3;
}


/* Стили внутренних страниц   */

h1 {
  font-size: 2.2em;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 1.5em;
}

h2 {
  font-size: 1.7em;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 1.5em;
}

p {
  font-size: 1.2em;
  margin: 1em 0;
  line-height: 1.3;
  text-align: justify;
}

#adres {
  float: left;
  width: 525px;
}

#adres div {
  padding: 0px 30px 0px 70px;
}

.goriz-menu {
  float: left;
  text-align: center;
  width: 33.3%;
  margin: 1em 0 3em 0;
}

.goriz-menu a {
  color: #1a3dc1;
  font-size: 1.4em;  
}

.goriz-menu img {
  margin-bottom: 15px; 
}

#maps {
  float: left;
  width: 455px;
}

#maps div {
  padding-left: 30px;
}

#tovari {
  width: 1000px;
}

#tovari td {
  padding-bottom: 35px;
  vertical-align: top;
  width: 200px;
}

#tovari td a {
  color: #0c3e91;
  display: block;
  font-size: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.3;
  margin-top: 10px;
  text-align: center;
  text-decoration: none;
}


#tovari td div {
  text-align: center;
  padding: 0px 20px;
  width: 160px;
}

#wrapper2 {
  width: 1000px;
  margin: 0px auto;
  padding: 170px 0px 30px 0px;
}

#wrapper3 {
  width: 980px;
  margin: 0px auto;
  padding: 170px 0px 30px 0px;
}

#wrapper3 ol {
  list-style-position: inside;
}

#wrapper3 ol li {
  font-size: 1.2em;
  line-height: 1.3;
}

#wrapper3 ul {
  list-style-position: inside;
}

#wrapper3 ul li {
  font-size: 1.2em;
  line-height: 1.3;
  padding-bottom: 5px;
}