/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{margin:0;padding:0;}
address,th{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
img,fieldset{border:none;}
ol,ul{list-style:none; font-size:inherit;}
a{text-decoration:none;}
div{position:relative; z-index:1;}
a:focus, input:focus{outline:none;}
.indent{text-indent:-10000px;}
.clear{clear:left;}

.left{float:left;}
.right{float:right;}

p{
margin-bottom:10px;
}

/*===============================================Geral==========================================*/
body{
background:url(../imagens/bg_body.jpg) repeat-x;
text-align:center;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
position:relative;
}

div{
text-align:left;
}

a{
color:#000;
}

a:hover{
color:#000;
text-decoration:underline;
}

.sublinhado:visited{
color:#000;
}

.sublinhado{
color:#000;
text-decoration:underline;
}

.sublinhado:hover{
color:#000;
text-decoration:none;
}

.sublinhado:visited{
color:#000;
}

/*==================================================Corpo============================================*/

#corpo{
width:770px;
margin:0 auto;
}
#menu{
width:770px;
/*height:170px;*/
height:200px;
_height:230px;
float:left;
/*z-index:100;*/
}

/*=====================================================Títulos====================================================*/

h1 a.logo_qualitare{display:block; background:url(../imagens/logo_qualitare.gif) no-repeat; width:292px; height:59px; margin-top:40px; float:left; display:inline;}

h1.agencia{
background:url(../imagens/h2_home_agencia.gif) no-repeat;
width:83px;
height:21px;
text-indent:-5000px;
margin-bottom:10px;
}

h1.novidades_home{
background:url(../imagens/h2_home_novidades.gif) no-repeat;
width:90px;
height:21px;
text-indent:-5000px;
margin-bottom:10px;
margin-left:40px;
}

h1.clientes{
background:url(../imagens/h2_home_clientes.gif) no-repeat;
width:90px;
height:25px;
text-indent:-5000px;
margin-bottom:10px;
}

h1.qualitare{
background:url(../imagens/h2_qualitare.gif) no-repeat;
width:92px;
height:19px;
text-indent:-5000px;
margin-bottom:10px;
}

h1.empresa{
background:url(../imagens/h2_empresa.gif) no-repeat;
width:91px;
height:19px;
text-indent:-5000px;
margin-bottom:10px;
}

h1.equipe{
background:url(../imagens/h2_equipe.gif) no-repeat;
width:91px;
height:19px;
text-indent:-5000px;
margin-bottom:10px;
}

h1.portfolio{
background:url(../imagens/h2_portfolio.gif) no-repeat;
width:88px;
height:15px;
text-indent:-5000px;
margin-bottom:10px;
}

h1.websites{
background:url(../imagens/h2_websites.gif) no-repeat;
width:60px;
height:13px;
text-indent:-5000px;
margin-bottom:10px;
}

h1.trabalhe{
background:url(../imagens/h2_trabalhe.gif) no-repeat;
width:168px;
height:17px;
text-indent:-5000px;
margin-bottom:10px;
}

h1.orcamento{
background:url(../imagens/h2_orcamento.gif) no-repeat;
width:169px;
height:18px;
text-indent:-5000px;
margin-bottom:10px;
}

h1.pesquisa{
background:url(../imagens/h2_pesquisa.gif) no-repeat;
width:169px;
height:18px;
text-indent:-5000px;
margin-bottom:10px;
}

h1.servicos{
background:url(../imagens/h2_servicos.gif) no-repeat;
width:160px;
height:17px;
text-indent:-5000px;
margin-bottom:10px;
}

h1.depoimentos{
background:url(../imagens/h2_depoimentos.gif) no-repeat;
width:260px;
height:18px;
text-indent:-5000px;
margin-bottom:10px;
}

h1.contato{
background:url(../imagens/h2_contato.gif) no-repeat;
width:83px;
height:16px;
text-indent:-5000px;
margin-bottom:10px;
}

h1.hotsites{
background:url(../imagens/h2_hotsites.gif) no-repeat;
width:60px;
height:13px;
text-indent:-5000px;
margin-bottom:10px;
}

h1.novidades{
background:url(../imagens/h2_novidades.gif) no-repeat;
width:160px;
height:17px;
text-indent:-5000px;
margin-bottom:10px;
}

h1.arquivo{
background:url(../imagens/h2_arquivo.gif) no-repeat;
width:80px;
height:19px;
text-indent:-5000px;
margin-bottom:10px;
}

h1.responsabilidade{
background:url(../imagens/h2_responsabilidade.gif) no-repeat;
width:219px;
height:19px;
text-indent:-5000px;
margin-bottom:10px;
}

h1.cidades{
background:url(../imagens/h2_cidades.gif) no-repeat;
width:244px;
height:20px;
text-indent:-5000px;
margin-bottom:10px;
}

h1.briefing{
background:url(../imagens/h2_briefing.gif) no-repeat;
width:82px;
height:20px;
text-indent:-5000px;
margin-bottom:25px;
}

h1.pf{
background:url(../imagens/h2_pf.gif) no-repeat;
width:99px;
height:16px;
text-indent:-5000px;
margin-bottom:10px;
float:left;
margin-right:10px;
}

h1.pj{
background:url(../imagens/h2_pj.gif) no-repeat;
width:113px;
height:16px;
text-indent:-5000px;
margin-bottom:10px;
float:left;
margin-right:40px;
}

h1{
font: normal 160%/100%  "Lucida Sans", Verdana, sans-serif;
color:#333;
font-size:20px;
font-weight:bold;
}

h3{
font-weight:none;
font-size:14px;
width:360px;
height:20px;
border-bottom:2px #000  dotted;
padding-bottom:5px;
}



#soc_responsavel{
background:  url(../imagens/aba_socialmente_responsavel2.gif) no-repeat;
width:123px;
height:78px;
position:absolute;
top:0;
right:0;
z-index:50;
}

#soc_responsavel a{
width:100%;
height:100%;
display:block;
text-indent:-5000px;
}


/*========================================================Rodape=========================================================*/


.menu {
width:620px;
height:30px;
text-align:center;
margin:100px auto 0 auto;
border-bottom:5px solid #f00;
padding-left:150px;
}
.menu ul {
text-align:left;
}
.menu ul ul {
width:100px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:100px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
color:#000000; 
width:89px; 
height:30px; 
padding-left:10px; 
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:100px;
w\idth:89px;
}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
bottom:31px;
left:-20; 
width:100px;
}
* html .menu ul ul {
bottom:30px;
}


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {

color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:100px;
w\idth:179px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#000; 
background:#fff;
text-decoration:none; 
}
.menu :hover > a, .menu ul ul :hover > a {
color:#000;
background:#fff;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
height:auto;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
display:none;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
display:none;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
display:block;
bottom:0;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
display:block;
bottom:0;
}

.link_contato{
margin-left:30px;
}
/*========================================================Geral====================================================*/

/*Listas*/

li.seta{
list-style:url(../imagens/ico_seta.gif) inside;
}

p.data{
color:#f00;
}

/**==============================================================Lista de Cidades======================================*/



p.p_cidades{
font-weight:bold;
margin:15px 0 20px 0;
}
ul.lista_cidades {
margin-bottom:25px;

}

ul.lista_cidades li{
float:left;
width:192px;
margin-bottom:3px;
}

/*Mascara*/
div.box_fechado,div.box_aberto{cursor:pointer;}
div.box_fechado{height:18px;overflow:hidden; margin-bottom:20px;}
div.box_aberto{overflow:none; margin-bottom:20px; height:240px;}