/* CSS Document */

*{
margin:0;
padding:0;
}

body
{
font-family:Trebuchet MS,Arial,Tahoma;
font-size:12px;
color:#000000;
text-align:center;
}

#geral
{
width:770px;
margin:auto;
border:1px solid #ccc;
text-align:center;
background-color:#fff;
}

#link_grife a
{
font-size:12px;
color:#000000;
margin:0px;
padding:0px;
text-decoration:none;
margin:auto;
text-align:center;
}
/*------REGIAO TOPO----------------------------------------------------------------------------------------------------------------*/

#topo
{
width:770px;
height:113px;
float:left;
background-image:url(recortes/topo.jpg);
}

#logo_topo
{
width:312px;
height:94px;
float:left;
background-image:url(recortes/logo-topo.jpg);
background-repeat:no-repeat;
position:relative;
left:16px;
top:10px;
}

#menu-topo
{
width:215px;
height:74px;
float:right;
background-image:url(recortes/bg-menu-topo.jpg);
background-repeat:no-repeat;
position:relative;
top:29px;
right:33px;
background-position:right;
}

#menu-topo ul
{
margin:0;
padding:0; 
list-style-type: none;
margin-top:7px;
height:25px;
}

#menu-topo  ul li
{
display: inline;
float:right;
text-align:left;
position:relative;
right:3px;
}

#menu-topo ul li a
{
text-decoration: none; 
font-family:Trebuchet MS,Arial;
font-size:12px;
color:#28166F;
position:relative;
bottom:10px;
padding-left:36px;
}

.email_tel
{
width:170px;
height:16px;
display:block;
position:relative;
left:48px;
top:6px;
float:left;
color:#28166F;
font-weight:bold;
}


/*--//----REGIAO TOPO----------------------------------------------------------------------------------------------------------------*/




/*------REGIAO MENU PRINCIPAL--------------------------------------------------------------------------------------------------------*/

#menu-principal
{
width:770px;
height:297px;
float:left;
}

/*---//---REGIAO MENU PRINCIPAL--------------------------------------------------------------------------------------------------------*/



/*------REGIAO CONTEUDO--------------------------------------------------------------------------------------------------------*/

#conteudo
{
width:770px;
height:auto;
float:left;
background-color:#f1f1f1;
}

/*----REGIAO FORMATAÇAO DO TEXTOo------*/
#textoconteudo
{
width:435px;
height:auto;
float:left;

}

#textoconteudo h4
{
font-size:16px;
font-weight:bold;
color:#020266;
position:relative;
top:100px;
}


.titulo-left
{
text-align:left;
font-size:14px;
color:#000066;
font-weight:bold;
margin-left:10px;
margin-top:5px;
}

.titulo-right
{
color:#666666;
}

.texto
{
float:left;
text-align:left;
font-size:12px;
margin-left:10px;
margin-bottom:10px;
}


.texto ul li
{
text-decoration:none;
margin-left:25px;
margin-top:3px;
}

/*----REGIAO FORMATAÇAO DO TEXTO----*/





/*----REGIAO GALERIA FOTOS----*/

#galeria_fotos
{
width: 100%;
height:auto;
float:left;
position:relative;
}

#galeria_fotos strong a
{
font-size:12px;
background-color:#83C025;
padding:4px;
position:relative;
top:15px;
color:#FFFFFF;
text-decoration:none;

}

#galeria_fotos strong a:hover
{
font-size:12px;
background-color:#003399;
padding:4px;
border:2px solid #fff;
}


#galeria_fotos ul
{
float:left;
position:relative;
left:45px;
margin-top:30px;
display:block;

}

#galeria_fotos ul li
{
text-decoration:none;
list-style-type:none;
float:left;
margin-left:5px;
display:block;

}


#galeria_fotos ul li a img
{
border:1px solid #ccc;
}








/*----FIM REGIAO GALERIA FOTOS----*/




#conteudoilustrativo
{
width:327px;
height:249px;
float:left;
background-image:url(recortes/foto-conteudo.jpg);
position:relative;
top:8px;
}

#frotas-conteudo
{
width:770px;
height:auto;
float:left;
background-color:#f1f1f1;
}



#fotos-conteudo
{
width:770px;
height:auto;
display:block;
float:left;
background-color:#f1f1f1;
clear:both;
}




#conteudo-ilustrativo-frotas
{
width:340px;
float:right;
}



#texto-frotas
{
width:417px;
height:auto;
float:left;
position:relative;
top:11px;
}

#fotos-frotas
{
width:340px;
float:left;
}

#fotos-frotas ul
{
margin:0;
padding:0;
float:left;
position:relative;
left:2px;
top:11px;
}

#fotos-frotas ul li
{
display: inline;
}

#fotos-frotas ul li a img 
{
width:154px;
height:108px;
border:1px solid #ccc;
margin:5px;
}




#clientes-conteudo
{
width:770px;
height:366px;
float:left;
background-image:url(recortes/conteudo-principais-clientes.gif);
background-color:#fff;
}


/*---//---REGIAO CONTEUDO--------------------------------------------------------------------------------------------------------*/



/*------REGIAO MENU SECUNDARIO--------------------------------------------------------------------------------------------------------*/

#conteudo-ilustrativo-contato
{
width:327px;
height:249px;
float:left;
background-image:url(recortes/foto-conteudo-contato.jpg);
position:relative;
top:8px;


}

.contato_titulo
{
position:relative;
top:10px;
display:block;
text-align:left;
text-decoration:underline;
}

.contato_s
{

text-decoration:underline;
}

#menu-secundario
{
width:768px;
height:31px;
float:left;
background-image:url(recortes/menu-secundario.jpg);
background-repeat:no-repeat;
clear:both;
}



#menu-secundario  ul
{
margin:0;
padding:0; 
list-style-type: none;
margin-top:7px;
}

#menu-secundario  ul li
{
display: inline;
float:left;
margin-left:45px;
}

#menu-secundario ul li a
{
text-decoration: none; 
font-family:Trebuchet MS,Arial;
font-size:12px;
color:#fff;
}

/*----//--REGIAO MENU SECUNDARIO--------------------------------------------------------------------------------------------------------*/




/*------REGIAO RODAPE--------------------------------------------------------------------------------------------------------*/

#logorodape a
{	
width:187px;
height:57px;
background-image:url(recortes/mini-logo.jpg);			
text-indent:-9999px;
background-repeat:no-repeat;
position:relative;
top:10px;
float:left;
left:38%;

}

#rodape
{
width:770px;
height:83px;
background-image:url(recortes/rodape.gif);
background-repeat:no-repeat;
clear:both;
padding:0px;
}

#rodape a
{
font-size:12px;
}

/*----//--REGIAO RODAPE--------------------------------------------------------------------------------------------------------*/






/*----//--REGIAO FORMULARIO--------------------------------------------------------------------------------------------------------*/

.form{border: 1px solid #CCCCCC;background-color:#F7F7F7; color:#333333; font-family:Arial, Tahoma, Verdana; font-size:12px; width:320px;padding-left:3px;}

.select
{
background-color:#F7F7F7;
border: 1px solid #CCCCCC;
margin-top:5px;
}

.textarea
{
background-color:#F7F7F7;
width:320px;
height:60px;
border: 1px solid #CCCCCC;
font-family:Arial, Tahoma, Verdana;
font-size:12px;
padding-left:3px;

}

.fild_form
{
border:none;
width:430px;
}

#formulario label
{
float: left;
margin-left:5px;
margin-right:5px;
width:60px;
font-weight:bold;
font-size:12px;
color:#000066;
}

#formulario input
{
background-color:#F2F2F2;
border:1px solid #CCCCCC;
color:#333333;
margin-top:5px;
}

#form_news label
{
width:60px;
float:left;
font-weight:bold;
font-size:85%;
}

#form_news
{
margin:15px 0px 0px 10px;
}

#form_news input
{
border:1px solid #ccc;
background-color:#f3f3f3;
margin-bottom:5px;
}

#form_news fieldset
{
border:none;
}

.botao
{
width:70px;
height:20px;
float:right;
margin:15px;
}

.box_servicos
{
float:left;
}
#by
{
margin:auto;
width:770px;
font-size:70%;
text-align:right;
}		

#by a, a:visited
{
color:#333333;
text-decoration:none;
}

#by img
{
border:none;
}

#w3c a
{
font-size:80%;
color:#666666;
text-decoration:none;
margin:4px;
}

#w3c a:hover
{
font-size:80%;
color:#ccc;
text-decoration:underline;
margin:4px;
}

#w3c
{
margin-left:12px;
}

/*----//--REGIAO FORMULARIO--------------------------------------------------------------------------------------------------------*/