/************************************************/
/*   Layout	   : Caroline Rodrigues				*/
/*   Front-end : Luiz Tiago						*/
/*   Empresa   : Prática Design					*/
/************************************************/

@charset "utf-8";
@import url(reset.css);

/* TAG's */

body {
background: url(../img/bg.gif) fixed;
margin: 30px 0;
}

hr { display: none; }

ul#socios { padding-left: 20px; padding-top: 10px; }

#socios li { list-style: square; color: #BB962E; padding-bottom: 7px; }

a { color: #613E0E; text-decoration: none; }

a:hover { text-decoration: underline; } 

/* ID's */

#container {
width: 750px;
margin-left: -375px;
position: absolute;
left: 50%;
top: 50%;
height: 460px;
margin-top: -210px;
overflow: hidden;
}

#home {
width: 750px;
height: 386px;
background: url(../img/bg_home.jpg) no-repeat;
overflow: hidden;
}

#menu {
width: 750px;
height: 49px;
background: url(../img/bg_rodape.jpg) no-repeat;
overflow: hidden;
clear: both;
}

#menu #nav {
padding-top: 15px;
}

#menu #nav li {
display: inline;
}

#menu #nav li a {
display: block;
width: 186px;
float: left;
background-repeat: no-repeat;
background-position: center;
height: 25px;
text-indent: -4000px;
}

#topo {
width: 750px;
height: 58px;
background: url(../img/bg_topo.jpg);
overflow: hidden;
}

#interna {
width: 750px;
overflow: hidden;
clear: both;
display: block;
background: url(../img/bg_content.jpg) repeat-y;
}

#imgLat {
width: 227px;
height: 329px;
overflow: hidden;
float: right;
}

#content {
width: 502px;
height: 299px;
overflow: hidden;
float: left;
padding: 15px 0 15px 15px;
position: relative;
}

#content p {
padding-top: 7px;
padding-bottom: 7px;
color: #613E0E;
text-align: justify;
}

#content h2 {
color: #613E0E;
padding: 0 0 7px 0;
}

#content_esq {
float: left;
width: 225px;
height: 299px;
top: 10px;
display: block;
}

#content_dir {
float: right;
width: 225px;
padding-right: 5px;
padding-left: 13px;
padding-right: 30px;
border-left: 1px dashed #613E0E;
height: 285px;
padding-bottom: 7px;
padding-top: 20px;
}

#seta_up, #seta_down {
position: absolute;
margin-left: 502px;
left: 0;
z-index: 20;
}

#seta_up {

}

#seta_down {
margin-top: 295px;
}

/* CLASS's */

.ft_socio { background: #fff; padding: 5px; float: right; margin-left: 10px; }

.mn_escritorio a { background-image: url(../img/mn_escritorio.gif); }
.mn_socios a { background-image: url(../img/mn_socios.gif); }
.mn_atuacao a { background-image: url(../img/mn_atuacao.gif); }
.mn_contato a { background-image: url(../img/mn_contato.gif); }

.img_escritorio { background-image: url(../img/imgLat_escritorio.jpg); }
.img_socios { background-image: url(../img/imgLat_socios.jpg); }
.img_atuacao { background-image: url(../img/imgLat_atuacao.jpg); }
.img_contato { background-image: url(../img/imgLat_contato.jpg); }
.img_claudio { background-image: url(../img/imgLat_claudio.jpg); }
.img_aline { background-image: url(../img/imgLat_aline.jpg); }
.img_bruno { background-image: url(../img/imgLat_bruno.jpg); }


.marca a { width: 197px; height: 76px; overflow: hidden; display: block; text-indent: -4000px; background: url(../img/marca-claudio_advogados.gif) no-repeat; padding-bottom: 10px; }

.center { text-align: center; }
.dnone { display: none; }

#rodape p { color: #D9BB81; padding-top: 5px; }

.tit { height: 16px; overflow: hidden; text-indent: -5000px; background-repeat: no-repeat }
.tit_escritorio { background-image: url(../img/tit_escritorio.gif); }
.tit_socios { background-image: url(../img/tit_socios.gif); }
.tit_atuacao { background-image: url(../img/tit_atuacao.gif); }
.tit_contato { background-image: url(../img/tit_contato.gif); }

.campo { border: 1px solid #D9BB81; background: #fff; height: 14px; padding: 3px; width: 225px; }

.textarea { height: 70px; }

.botao { background: #D9BB81; color: white; width: 70px; height: 25px; border: none; }