/* 	AGÊNCIA: ATHA DESIGN
	DESIGNER: TIAGO ALVES MONTEIRO
	E-MAIL: web@athadesign.com.br
	FONE: (14) 8121-8785
	DATA: OUTUBRO/2007 */

@charset "utf-8";

@import url("tipografia.css");


* {margin:0; padding:0; text-decoration: none; list-style-type:none;}

img {border:none;}

body.paginas {
background:url(images/background.jpg) repeat-y right;
background-color:#191D20;}

/* FORMATA O TOPO *****************************/

#topo {height:221px; background-image:url(images/bg_topo.gif); background-repeat:repeat-x; position:relative;}

#topo h1{
display:block;
height:161px; 
text-indent:-9000px; 
background-image:url(images/logo.jpg);
background-repeat:no-repeat;
background-position:0px 22px;
position:relative;
clear:both;}




/* FORMATA AS COLUNAS *************************/

#miolo {width:770px;}



.paginas #conteudoDoSite h5{/* aplica borda superiro */
	text-indent:-9000px;
	background-image: url(images/border_top.gif);
	background-repeat: no-repeat;
	background-position: left top; }


.paginas #bordas {/*  dimensiona a div e aplica borda inferior */
	width:356px;
	height:498px;	
	background:url(images/border_bottom.gif) no-repeat left bottom;	}
	
.paginas #depoimento{/*  dimensiona a div e aplica borda inferior */
	width:356px;	
	background:url(images/border_bottom.gif) no-repeat left bottom;	}

	
.paginas #conteudoDoSite {/* dimensiona a div e aplica borda lateral */
	width:356px;	
	background:url(images/border_right.gif) repeat-y right;
	float:left; }



.paginas #conteudoExterno { /* posiciona e dimensiona a div */
	float:left;
	width:302px;
	padding: 0 18px; }


	
.paginas .address { /* posiciona e dimensiona a div .address */
	clear:both;
	font-size:12px;
	color:#A2A2A2;
	padding:14px 46px;
	background-color:#191D20;
	font-family: Tahoma, Verdana, sans-serif;
	line-height: 16px;
}


.paginas .rodape {
padding:0 15px;
line-height:49px;
color:#747474;
background:url(images/bg_rodape.gif) repeat-x;
height:49px;
clear:both;}

div#advogados {height:483px;}

#advogados img { /* clear both para as imagens dos advogados */
padding:3px;
border:solid 1px #000;
background:#DCDCB8;
margin:0 5px 2px 0;}
#advogados p {clear:both;}



#athadesign {
position:absolute;
width:120px;
height:40px;
margin:6px 0 0 550px;
z-index:100;}


/*   estilo da area do cliente
---------------------------------------------------------------------*/

.paginas #conteudocliente { /* posiciona e dimensiona a div */
	float:left;
	width:550px;
	padding: 0 18px; }
.paginas #listaProcessos { background-color:#0F1315; padding:13px;}

.paginas #listaProcessos li { border-top:solid 1px #C5C5C5; clear:both; }
.paginas #listaProcessos li h4 { display:block; width:430px; padding:5px; margin:5px; font-family:"Trebuchet MS", "Microsoft Sans Serif", sans-serif;
color:#C5C5C5;
font-size:11px; }
.paginas #listaProcessos li a { 
color:#C5C5C5;
font-family:"Microsoft Sans Serif", "Trebuchet MS", sans-serif;
font-size:12px;
display:block; float:right; width:50px; padding:5px; margin-top:-30px;}

/* Stilo dos formulários
---------------------------------------------------------------------*/


#areaRestrita label {
float:left;
clear:both;
width:75px;
color:#c5c5c5;
font-family:"Microsoft Sans Serif", "Trebuchet MS", sans-serif;
font-size:12px;
line-height:18px;}

#areaRestrita input {

margin:2px;
background:#282D30;
border:solid 1px #33383B;
font-family:"Microsoft Sans Serif", "Trebuchet MS", sans-serif;
font-size:12px;
line-height:18px;
width:100px;
color:#c5c5c5;}

#areaRestrita #botao {
font-family:"Microsoft Sans Serif", "Trebuchet MS", sans-serif;
font-size:12px;
height:18px;
color:#c5c5c5;
width:50px;
background:#282D30;
border:solid 1px #33383B;}


#formContato {
margin:20px 0 0 20px;
font-family:Tahoma, Verdana, sans-serif;
font-size:12px;
color:#DCDCB8;}

#formContato label {display:block; float:left; width:80px;}
#formContato input, #formContato textarea {
width: 220px; 
margin:3px;
border:solid 1px #939346;
background:#DCDCB8;
color:#808138;}
#formContato #ok, #formContato #limpar { float:left; width:75px;}