/*------ ESTILOS PARA UNITRACKER.IMARNAVE -------*/

/*-- ESTILO PARA O TOPO --*/

#d1cabeca {
display: block; width: 650px; height: 50px;
background: url(imagens/fnd-topo.png);
margin-top: 10px;
}

#d1faixaazul {
display: block; width: 100%; height: 50px;
background: url(imagens/fnd-topo1.png);
}

#d1cabeca2 {
display: block; width: 650px; height: 50px;
background: url(imagens/fnd-topo2.png);
position: relative;
}

#s2satelite {
width: 150px;height: 98px;
background: url(imagens/satelite1.png);
position: absolute; top: -70px; left: 50px;
}

#s2marca {
width: 300px; height: 171px;
background: url(imagens/marca.png);
position: absolute; top: -120px; left: 300px;
}

/*-- ESTILO PARA O MIOLO --*/

#d1miolo { 
display: block; width: 670px; height: 433px;
position: relative;
}

#s2sistemas {
width: 650px; height: 150px;
background: url(imagens/sistemas.png) no-repeat;
position: absolute; top: 20px; left: 70px;
}

/* ----------------------------------- */

#s2roubos {
position: absolute; top: 230px; left: 85px;
}

#a1roubosremoto {
display: block; width: 150px; height: 45px;
position: absolute; top: 230px; left: 85px;
}

a:hover #a1roubosremoto {
display: block; width: 300px; height: 300px;
background: url(imagens/localize.png);
position: absolute; top: 80px; left: -100px;
z-index: 999.999;
}

/* ---------------------------------- */

#s2sequestros {
position: absolute; top: 280px; left: 85px;
}

#a1sequestrosremoto {
display: block; width: 150px; height: 45px;
position: absolute; top: 280px; left: 85px;
}

a:hover #a1sequestrosremoto {
display: block; width: 300px; height: 300px;
background: url(imagens/localize.png);
position: absolute; top: 80px; left: -100px;
z-index: 999.999;
}

/* ---------------------------------- */

#s2excursoes {
position: absolute; top: 300px; left: 420px;
}

#a1excursoesremoto {
display: block; width: 150px; height: 45px;
position: absolute; top: 300px; left: 420px;
}

a:hover #a1excursoesremoto {
display: block; width: 300px; height: 300px;
background: url(imagens/acompanhe.png);
position: absolute; top: 130px; left: 470px;
z-index: 999.999;
}

/* ---------------------------------- */

#s2acidentes {
position: absolute; top: 350px; left: 420px;
}

#a1acidentesremoto {
display: block; width: 150px; height: 45px;
position: absolute; top: 330px; left: 420px;
}

a:hover #a1acidentesremoto {
display: block; width: 300px; height: 300px;
background: url(imagens/acompanhe.png);
position: absolute; top: 130px; left: 470px;
z-index: 999.999;
}

/*-- ESTILO PARA O RODAPÉ(TAB-MENU DO IFRAME) --*/

#servicosremoto {
display: block; width: 150px; height: 45px;
position: absolute; top: 0px; left: 0px;
z-index: 999.999;
}

a:hover #servicosremoto {
display: block; width: 50px; height: 50px;
background: url(imagens/setaesq.png);
position: absolute; top: 10px; left: 30px;
z-index: 999.999;
}

/* ---------------------------------- */

#contatosremoto {
display: block; width: 150px; height: 45px;
position: absolute; top: 0px; left: 0px;
}

a:hover #contatosremoto {
display: block; width: 50px; height: 50px;
background: url(imagens/setadir.png);
position: absolute; top: 10px; left: 60px;
z-index: 999.999;
}

/*-- ESTILO PARA OS LINKS DE INDEXAÇÃO --*/

.parceiros {
font-family: myriad web pro condensed; font-size: 10px; 
color: #7B7C84; text-decoration: none; text-align: center;
float: left;
}

a:hover.parceiros {
color: #ffffff; text-decoration: underline;
}