body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}

.clearing {
	clear: both;
	height:0;
	line-height:0;
	font-size:0;
	overflow: hidden;
}

#loading {
position: absolute;
background: #1888da;
color: #fff43f;
left: 310px;
top: 30px;
height: 40px;
width: 200px;
font: bold 12px Verdana;
padding-top: 10px;
}
* { margin: 0; padding: 0; }
html { height: 100%; }
* html body { height: 100%; }
body { background: url(../images/bg.gif); min-height: 100%; position: relative; }

#wrap { background: url(../images/bg.jpg) no-repeat center top; }

#container {
width: 956px;
height: 820px;
margin: 0 auto;
text-align: center;
position: relative;
padding-bottom: 60px;
}

#map,#buttons,#contacts { text-align: left; }

#buttons a {
position: absolute;
height: 34px;
width: 130px;
text-decoration: none;
color: #fff;
font: bold 10px Arial;
}

a#dil {
background-image: url(../images/diler-enter.gif);
top: 15px;
right: 0;
}
a#dil:hover { background-image: url(../images/diler-enter-over.gif); z-index: 222; }
a#dil span { display: block; padding: 12px 5px 0 34px; }

a#price {
background-image: url(../images/dl-price.gif);
top: 55px;
right: 0;
}
a#price:hover { background-image: url(../images/dl-price-over.gif); z-index: 222; }
a#price span { display: block; padding: 5px 5px 0 34px; }

#map a {
position: absolute;
height: 74px;
width: 199px;
text-decoration: none;
color: #3f3f3f;
font: italic 10px Arial;
}

/* 1 */
a#map11 {
background-image: url(../images/map-1-1.gif);
top: 145px;
left: 19px;
z-index: 2;
}
a#map11:hover { background-image: url(../images/map-1-1-over.gif); }
a#map11 span { display: block; padding: 23px 63px 25px 15px; }

a#map12 {
background-image: url(../images/map-1-2.gif);
top: 208px;
left: 19px;
z-index: 2;
}
a#map12:hover { background-image: url(../images/map-1-2-over.gif); }
a#map12 span { display: block; padding: 23px 15px 25px 75px; }

a#map13 {
background-image: url(../images/map-1-3.gif);
top: 273px;
left: 19px;
z-index: 2;
}
a#map13:hover { background-image: url(../images/map-1-3-over.gif); z-index: 222; }
a#map13 span { display: block; padding: 23px 65px 25px 15px; }

/* 2 */
a#map21 {
background-image: url(../images/map-2-1.gif);
top: 101px;
left: 336px;
z-index: 2;
}
a#map21:hover { background-image: url(../images/map-2-1-over.gif); z-index: 222; }
a#map21 span { display: block; padding: 30px 65px 0 15px; }

a#map22 {
background-image: url(../images/map-2-2.gif);
top: 164px;
left: 336px;
z-index: 2;
}
a#map22:hover { background-image: url(../images/map-2-2-over.gif); z-index: 222; }
a#map22 span { display: block; padding: 23px 5px 25px 70px; z-index: 222; }

a#map23 {
background-image: url(../images/map-2-3.gif);
top: 229px;
left: 336px;
z-index: 2;
}
a#map23:hover { background-image: url(../images/map-2-3-over.gif); z-index: 222; }
a#map23 span { display: block; padding: 23px 65px 25px 15px; }

/* 3 */
a#map31 {
background-image: url(../images/map-3-1.gif);
top: 193px;
left: 735px;
z-index: 2;
}
a#map31:hover { background-image: url(../images/map-3-1-over.gif); }
a#map31 span { display: block; padding: 23px 70px 25px 15px; }

a#map32 {
background-image: url(../images/map-3-2.gif);
top: 256px;
left: 735px;
z-index: 2;
}
a#map32:hover { background-image: url(../images/map-3-2-over.gif); }
a#map32 span { display: block; padding: 23px 15px 25px 75px; }

a#map33 {
background-image: url(../images/map-3-3.gif);
top: 321px;
left: 735px;
z-index: 2;
}
a#map33:hover { background-image: url(../images/map-3-3-over.gif); }
a#map33 span { display: block; padding: 30px 65px 0 15px; }

#contacts {
background: url(../images/contacts-bg.gif) no-repeat; z-index: 222;
position: absolute;
top: 605px;
left:0;
height: 169px;
width: 300px;
text-decoration: none;
color: #000;
font: normal 11px Tahoma;
line-height: 16px;
}

#contacts  span { display: block; padding: 10px 10px 15px 10px; }
#contacts a { color: #000; text-decoration: underline; }
#contacts a:hover { text-decoration: none; }

#contacts h2 {
padding: 15px 0 0 10px;
color: #000;
font: normal 18px Arial;
}

#friends { text-align: right; }
#friends a { position: absolute; }
#friends span { display: none; }

a#friends1 {
background-image: url(../images/friends/teplolux.gif);
width: 118px;
height: 27px;
top: 655px;
right: 0;
}
a#friends1:hover { background-image: url(../images/friends/teplolux-over.gif); }

a#friends2 {
background-image: url(../images/friends/lg.gif);
width: 66px;
height: 35px;
top: 685px;
right: 0;
}
a#friends2:hover { background-image: url(../images/friends/lg-over.gif); }

a#friends3 {
background-image: url(../images/friends/mitsubishi.gif);
width: 46px;
height: 35px;
top: 685px;
right: 68px;
}
a#friends3:hover { background-image: url(../images/friends/mitsubishi-over.gif); }

a#friends4 {
background-image: url(../images/friends/panasonic.gif);
width: 104px;
height: 29px;
top: 689px;
right: 120px;
}
a#friends4:hover { background-image: url(../images/friends/panasonic-over.gif); }

a#friends5 {
background-image: url(../images/friends/imposol.gif);
width: 109px;
height: 29px;
top: 730px;
right: 0;
}
a#friends5:hover { background-image: url(../images/friends/imposol-over.gif); }

a#friends6 {
background-image: url(../images/friends/neptun.gif);
width: 105px;
height: 29px;
top: 730px;
right: 115px;
}
a#friends6:hover { background-image: url(../images/friends/neptun-over.gif); }

a#friends7{
background-image: url(../images/friends/strag.gif);
width: 74px;
height: 33px;
top: 726px;
right: 230px;
}
a#friends7:hover { background-image: url(../images/friends/strag-over.gif); }

a#friends8{
background-image: url(../images/friends/teploskat.gif);
width: 109px;
height: 25px;
top: 770px;
right: 0;
}
a#friends8:hover { background-image: url(../images/friends/teploskat-over.gif); }

a#friends9{
background-image: url(../images/friends/teplomag.gif);
width: 110px;
height: 25px;
top: 770px;
right: 130px;
}
a#friends9:hover { background-image: url(../images/friends/teplomag-over.gif); }

a#friends10{
background-image: url(../images/friends/teplodor.gif);
width: 95px;
height: 26px;
top: 770px;
right: 260px;
}
a#friends10:hover { background-image: url(../images/friends/teplodor-over.gif); }

#foot {
background: #126aae;
text-align: center;
height: 25px;
color: #fff;
padding-top: 10px;
font: normal 12px Tahoma;
position: absolute;
bottom: 0;
width: 100%;
}
#foot a { color: #fff; text-decoration: none; }

.input { background: #b1c4d2; border: 1px dashed #2999e7; color: #fff; font-size: 12px; font-weight: bold; padding: 2px 3px; width: 100px; margin: 3px; }
.button { background: #b1c4d2; border: 1px dashed #2999e7; color: #fff; width: 50px; height: 19px; margin: 3px; position: relative; top: 1px; }