* {
  margin: 0; 
  padding: 0; 
  border: none;
}

html,body {
  height: 100%; 
  text-align: left;
}

.hide {
  display: none;
}

body {
  position: relative; 
  font: 75%/1.5 Arial, Tahoma, Verdana, Trebuchet MS, Sans-Serif; 
  color: #333; 
  background: #fff url(/i/background.gif) 0 0 repeat-x; 
  letter-spacing: 0.001em; 
  word-spacing: 0.001em;
}

/*.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}*/

#mainImage {
	height: 412px;
	position: relative;
	padding: 85px 0 0 280px;
	overflow: hidden;
	top: 495px;
}

* html #mainImage {
  width: expression(this.width > 1300 ? "1300px" : this.width);
}

#image {
  height: 372px;
  width: 843px;
  float: left;
  background: url(/i/main.jpg) no-repeat; 
  position: relative;
}

#balloonWrap {
  position: absolute;
  top: 172px;
  left: 427px;
  display: block;
  padding: 10px 20px;
  background: #fff;
}

#balloonArrow {
  width: 186px;
  height: 46px;
  position: absolute;
  top: 128px;
  left: 430px;
  background: url(/i/arrow.png) no-repeat; 
}

* html #balloonArrow {
  background-image:none; 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='image', src='/i/arrow.png');
}

#wrap {
  max-width: 1300px;
  min-width: 1000px;
  width: 100%;
  /*position: absolute;*/
  min-height: 100%;
  top: 0;
  left: 0;
  /*overflow-x: hidden;*/
  /*position: relative;
  z-index: 1;*/
}

.homePage {margin-top: -497px;}

* html #wrap {
  height: 100%;
  width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 800) ? '800px' :
   ((document.body.clientWidth > 1300) ? '1300px' : '100%'));
}

#head {
  position: relative !important;
  margin: 20px 5% 25px 3%;
}

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

* html #topPhones {
  right: 250px;
}

#topPhones h2 {
  font-size: 2em;
}

#topPhones small {
  font-size: 0.5em;
}

#topPhones a {
  color: #333 !important;
  font-size: 0.92em !important;
}

#topPhones a:hover {
  color: #999999 !important;
}

#topMenuWrap {
  background: #2679b7;
  height: 3em;
  min-width: 560px;
  width: 66%;
  margin: 0 0 0 3px;
  overflow: hidden;
}

* html #topMenuWrap {
 /**/
}

#topMenuWrap ul {
  width: 600px;
  list-style: none;
  margin: 0 10px;
}

* html #topMenuWrap ul {
  margin: 0 !important;
}

#topMenuWrap ul li {
  float: left;
  font-size: 1.2em;
  line-height: 2.4em;
  margin: 0 0 0 10px;
  color: #103551;
}

#topMenuWrap ul li div {
  float: left;
  padding: 0 10px;
  height: 1.7em;
  line-height: 1.7em;
  margin: 0.4em 0 0 0;
}

#topMenuWrap ul li div.cur {
  background: #fff;
  color: #2679b7;
}

#topMenuWrap ul li a {
  color: #fff !important;
}

#topMenuWrap ul li a:hover {
  color: #103551 !important;
}

#logoWrap  {
  width: 200px;
  float: left;
}

#rightTop {
  margin: 20px 0 0 215px !important;
  padding: 20px 0 0 0 !important;
}

#main {
  padding: 0 !important;
  margin: 0 5% 50px 3%;
}

#leftInner {
  width: 200px;
  float: left;
}

.menuWrap {
  padding: 15px 15px 45px 15px;
  background: #e9f1f7;
}

.menuWrap h4 {
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: bold;
}

.menuWrap ul {
  list-style: none;
  margin: 5px 0 25px 0;
}

.menuWrap ul li {
  font-family: Tahoma, Arial, Verdana;
  font-size: 1.2em;
  color: #fff;
  line-height: 1.2em;
}

.menuWrap ul li div {
  padding: 0.3em 0 0.3em 25px;
}

.menuWrap ul li div.cur {
  background: #2679b7;
}

.menuWrap ul li.listitem-provedal div {
  background: url(/i/cold.gif) 10px no-repeat;
  //position: relative; 
}
.menuWrap ul li.listitem-kbe div {
  background: url(/i/hot.gif) 10px no-repeat;
  //position: relative; 
}
.menuWrap ul li.listitem-provedal div.cur {
  background: #2679b7 url(/i/cold.gif) 10px no-repeat; 
}
.menuWrap ul li.listitem-kbe div.cur {
  background: #2679b7 url(/i/hot.gif) 10px no-repeat; 
}

.menuWrap ul li.listitem-provedal a {
  color: #3399cc !important;
}

.menuWrap ul li.listitem-kbe a {
  color: #e25e23 !important;
}

.menuWrap a {
  color: #333;
}

.menuWrap a:hover {
  color: #888 !important;
}

#rightInner {
  margin: 0 0 0 215px;
  /*padding: 0 0 100px 0;*/
  
}

.path h1 {
  font-size: 2.3em;
  font-weight: bold;
}

.path a  {
  color: #333 !important;
}

/* Error 404 */
body.e404 {
  color: #333; 
  background: #fff url(/i/error404back.jpg) 0 0 repeat-x; 
  font-family: Arial, Tahoma;
}

body.e404 h1 {
  font-size: 6em;
  height: 1em;
  margin: 0 0 20px 0;
}

body.e404 h2 {
  font-size: 2.2em;
  height: 1em;
  margin: 0 0 20px 0;
}

body.e404 p {
  width: 300px;
}

body.e404 a {
  color: #3877ad;
  display: block;
  margin: 40px 0 0 0;
}

.error404Text {
  padding: 250px 0 0 90px;
  background: url(/i/error404balcon.jpg) top right no-repeat; 
}

.error404balloon {
  position: absolute !important;
  top: 80px;
  right: 449px;
  background: #b4b4b4;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.1em;
  padding: 15px 25px;
}

.error404arrow {
  width: 26px;
  height: 70px;
  background: url(/i/error404arrow.gif) no-repeat; 
  position: absolute !important;
  top: 142px;
  right: 510px;
}