.Head { 
background: url("/templates/ja_sargas/images/bg.jpg") repeat-x #FFFFCC;
}
.HeadImg { 
height: 400px;
position: relative;
overflow-x: hidden;
overflow-y: hidden;
}
.Head .d1 { 
position: absolute;
top:   0px;
left: 0px;
width: 601px;
height: 400px;
background: url("/templates/ja_sargas/images/fon.jpg") no-repeat;
}
.Head .d2 { /*------- Визитка -----------*/
position: absolute;
right: -35px;
top: 10px;
width: 520px;
height: 380px;
background: url("/templates/ja_sargas/images/viz.png") no-repeat;
}
.Head .d3 { /*-- Авторизация лого ---*/
position: absolute;
right: 180px;
top: 5px;
width: 30px;
height: 30px;
background: url("/templates/ja_sargas/images/avto.png") no-repeat;*/
}
.avto { /*-- link Авторизация --*/
position: absolute;
right: 180px;
top: 5px;
width: 30px;
height: 30px;
}

.Head .d4 { /*-- home logo--*/
position: absolute;
right: 310px;
top: 10px;
width: 25px;
height: 22px;
background: url("/templates/ja_sargas/images/home.gif") no-repeat;
}
.home { /*-- link home logo--*/
position: absolute;
right: 310px;
top: 5px;
width: 25px;
height: 22px;
}

.Head .d5 { /*--  ---*/
position: absolute;
right: 0px;
top: 0px;
width: 0px;
height: 0px;
/*background: url("/templates/ja_sargas/images/.png") no-repeat;*/
}
. { /*-- link --*/
position: absolute;
right: 0px;
top: px;
width: 0px;
height: 0px;
}

.Head .d6 { /*--  --*/
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
/*background: url("/templates/ja_sargas/images/") no-repeat;*/
}
.Head .d7 { /*--  --*/
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
/*background: url("/templates/ja_sargas/images/") no-repeat;*/
}
.Head .d8 { /*---  --*/
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
/*background: url("/templates/ja_sargas/images/") no-repeat;*/
}
.Head .d9 { /*--  --*/
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
/*background: url("/templates/ja_sargas/images/") no-repeat;*/
}
.Head .d10 { /*--   --*/
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
/*background: url("/templates/ja_sargas/images/") no-repeat;*/
}

.Head .d11 { /*-- kontakts logo--*/
position: absolute;
right: 250px;
top: 12px;
width: 16px;
height: 16px;
background: url("/templates/ja_sargas/images/kontakts.gif") no-repeat;
}
.konvert { /*-- link konvert logo--*/
position: absolute;
right: 250px;
top: 5px;
width: 25px;
height: 22px;
}

.Head .d12 { /*----  -----*/
position: absolute;
right: 0px;
top: 0px;
width: 0px;
height: 0px;
/*background: url("/templates/ja_sargas/images/") no-repeat;*/
/*background: url("/templates/ja_sargas/images/") no-repeat;*/
}

/*------- ТЕКСТЫ --------------------------*/
/*.Phone { 
display: block;
position:absolute;
left: 425px;
top: 185px;
}
.Phone p { 
font-family: Georgia, "Times New Roman", serif; color:#FFFF00; font-weight: 500; font-size : 30px;
text-align: left;
}*/

.link:link{font-family: Century Gothic; font-weight:500; font-size:12pt; color:#FFFF00; text-decoration:underline}
.link:visited{font-family: Century Gothic; font-weight:500; font-size:12pt; color:#FFFF00; text-decoration:none}              
.link:active{font-family: Century Gothic; font-weight:500; font-size:12pt; color:#FFFF00; text-decoration:none}
.link:hover{font-family: Century Gothic; font-weight:500; font-size:12pt; color:#FFF; text-decoration:none}

/*------ topmenu---------------*/
/*
<div class="topmenu">
<p class="tmenu"><a class="menu" href="">главная</a> | <a class="menu" href="">о нас</a></p>
</div>*/

/*.menu:link {font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-weight:600; font-size:11pt; color:#000; text-decoration:none}
.menu:visited {font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-weight:600; font-size:11pt; color:#000; text-decoration:none}
.menu:active {font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-weight:600; font-size:11pt; color:#000; text-decoration:none}
.menu:hover {font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-weight:600; font-size:11pt; color:#000; text-decoration:underline}

.topmenu {
display: block;
position:absolute;
left: 610px;
top: -12px;
}

.tmenu {
margin: 17px;
padding-left: 4px; 
padding-right: 4px;
padding-top: 0px;
padding-bottom: 4px;
background-color: #FF9966; 
color:#000;}*/
/*------ /topmenu---------------*/


.vdu {/*--------- Все для уборки --------------*/
display: block;
position:absolute;
left: 350px;
top: 72px;
}
.vdu p {
font-family: Century Gothic; color:#FFF; font-weight: 500; font-size : 34px;
text-align: left;
}

.ubtechnika {/*----------- 1. профессиональные моющие средства ----------*/
display: block;
position:absolute;
left: 380px;
top: 44px;
}
.ubtechnika p {
font-family: Century Gothic; color:#FFFF00; font-weight: 600; font-size : 16px;
text-align: left;
}

.inventar {/*----------- 2. уборочный инвентарь ----------*/
display: block;
position:absolute;
left: 584px;
top: 74px;
}
.inventar p {
font-family: Century Gothic; color:#FFFF00; font-weight: 500; font-size : 16px;
text-align: left;
}

.uboboryd {/*----------- уборочное оборудование ----------*/
display: block;
position:absolute;
left: 483px;
top: 193px;
}
.uboboryd p {
font-family: Century Gothic; color:#FFFF00; font-weight: 500; font-size : 16px;
text-align: left;
}

.gryaz {/*----------- 4. грязезащитные напольные покрытия ----------*/
display: block;
position:absolute;
left: 340px;
top: 248px;
}
.gryaz p {
font-family: Century Gothic; color:#FFFF00; font-weight: 500; font-size : 16px;
text-align: left;
}

.moika {/*----------- профессиональные моющие средства ----------*/
display: block;
position:absolute;
left: 464px;
top: 296px;
}
.moika p {
font-family: Century Gothic; color:#FFFF00; font-weight: 500; font-size : 16px;
text-align: left;
}

.vanna {/*----------- 3. бумажные полотенца ----------*/
display: block;
position:absolute;
left: 385px;
top: 141px;
}
.vanna p {
font-family: Century Gothic; color:#FFFF00; font-weight: 500; font-size : 16px;
text-align: left;
}