@charset "utf-8";

@font-face {
   font-family: 'helvetica-roman';
   src: url('../fonts/fontscore.com_h_helvetica-lt-std-roman.eot');
   src: url('../fonts/fontscore.com_h_helvetica-lt-std-roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/fontscore.com_h_helvetica-lt-std-roman.woff') format('woff'), 
        url('../fonts/fontscore.com_h_helvetica-lt-std-roman.ttf') format('truetype'), 
        url('../fonts/fontscore.com_h_helvetica-lt-std-roman.svg#helvetica-roman') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'helvetica-bold';
   src: url('../fonts/fontscore.com_h_helvetica-lt-std-bold.eot');
   src: url('../fonts/fontscore.com_h_helvetica-lt-std-bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/fontscore.com_h_helvetica-lt-std-bold.woff') format('woff'), 
        url('../fonts/fontscore.com_h_helvetica-lt-std-bold.ttf') format('truetype'), 
        url('../fonts/fontscore.com_h_helvetica-lt-std-bold.svg#helvetica-bold') format('svg');
   font-weight: normal;
   font-style: normal;
}

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}
body {
   line-height: 1;
}
ol, ul {
   list-style: none;
}
blockquote, q {
   quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
   content: '';
   content: none;
}
/* remember to define focus styles! */
:focus {
   outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
   text-decoration: none;
}
del {
   text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
   border-collapse: collapse;
   border-spacing: 0;
}
/* FINAL DO RESET */
html {
   height:100%;
   width:100%;
}
body {
   height:100%;
   width:100%;
   margin: 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #999;
   background: url(../img/bg/fundo.jpg) center top no-repeat;
}
#geral {
   width: 960px;
   height: 1467px;
   margin: 0 auto;
}
#geral #topo {
   height: 235px;
}
#geral #topo #menu li {
   display: block;
   float: right;
}
#geral #topo #menu {
   display: block;
   float: right;
   width: 500px;
   margin-top: 98px;
}
#geral #topo #menu li a {
   display: block;
   float: right;
   background:url(../img/bt/menu.png) no-repeat;
}
#geral #topo #menu li a span,#geral #main #left h2 span,#geral #footer #fright ul li a span, #geral #footer #fright .td a span, #maiscontatos ul li a span, #geral #main #contato h2 span, #geral #main #sidebar h4 span {
   display: none;
}
#geral #topo #menu .contato a {
   height: 20px;
   width: 100px;
   background-position: -373px 0;
}
#geral #topo #menu .contato a:hover {	background-position: -373px -27px; }
#geral #topo #menu .home a {
   height: 20px;
   width: 150px;
}
#geral #topo #menu .home a:hover {	background-position: 0 -27px; }
#geral #topo #menu .areas a {
   background-position: -170px 0px;
   height: 20px;
   width: 190px;
}
#geral #topo #menu .areas a:hover {	background-position: -170px -27px; }
#geral #main #left h2 {
   background: url(../img/gf/areas/titulo.jpg) no-repeat;
   height: 40px;
   width: 100%;
   display: block;
   margin-bottom: 30px;
}
#geral #main #left ul li {
   color: #333333;
   padding-left: 130px;
   display: block;
   height: 126px;
   background: url(../img/gf/areas/fotos.jpg) no-repeat;
}
#geral #main #left {
   display: block;
   float: left;
   width: 450px;
}
#geral #main #left ul li h3 {
   font-size: 14px;
   color: #38578C;
   margin-bottom: 13px;
}
#geral #main #left ul .comercial { background-position:0 -126px;}
#geral #main #left ul .trabalhista {background-position:0 -254px;}
#geral #main #left ul .tributario {background-position:0 -381px;}
#geral #main #left ul .societario { background-position:0 -510px;}
#geral #main #left ul .ambiental { background-position:0 -636px;}
#geral #main #left ul .autoral { background:url(../img/gf/areas/propriedade-intelectual.jpg) top left no-repeat;}
#geral #main #left ul .internet { background:url(../img/gf/areas/direito-informatica.jpg) top left no-repeat;}
#geral #main #left ul .consumidor { background-position:0 -765px;}
#geral #main #left ul li p {
   line-height: 16px;
}
#geral #main #right {
   display: block;
   float: left;
   width: 417px;
   margin-left: 40px;
   height: 1090px;
   background-image: url(../img/gf/areas/fundo.jpg);
   background-repeat: no-repeat;
   padding: 72px 20px 35px 32px;
   color: #333333;
}
#geral #main #right h4 {
   font-size: 14px;
   color: #2C4679;
   margin-left: 0px;
   line-height: 18px;
   margin-bottom: 25px;
   padding-right: 10px;
   margin-top:190px;
}
#geral #main #right p {
   line-height: 16px;
   margin-bottom: 15px;
}
#geral #main #right h5 {
   font-size: 14px;
   color: #2C4679;
   letter-spacing: -1px;
   margin-top: 30px;
   margin-bottom: 15px;
}
#geral #main #right ul li {
   background: url(../img/gf/areas/bullet.jpg) 4px 4px no-repeat;
   display: block;
   float: left;
   height: 22px;
   width: 190px;
   padding-left: 16px;
   color: #2E467A;
   font-weight: bold;
}
#geral #main #right ul {
   margin-top: 27px;
   margin-left: 7px;
   width: 410px;
   display: block;
   height: 150px;
}
#geral #footer {
   display: block;
   float: left;
   width: 960px;
   margin-top: 89px;
   height: 160px;
}
#geral #footer #fleft {
   display: block;
   float: left;
   width: 325px;
   height: 160px;
}
#geral #footer #fright {
   display: block;
   float: right;
   width: 228px;
   height: 165px;
}
#geral #footer #fcenter {
   display: block;
   float: left;
   width: 300px;
   height: 165px;
   margin-left:60px;
   color: #738dba;
}
#geral #footer div h3 {
   font-size: 14px;
   margin-bottom: 12px;
   color: #c1d1ed;
}
#geral #footer #fleft p {
   font-size: 11px;
   color: #738dbb;
   margin-bottom: 10px;
   line-height: 15px;
}
#geral #footer #fcenter p {
   font-size: 11px;
   color: #738dbb;
   margin-bottom: 10px;
   line-height: 15px;
}
#geral #footer #fleft h5 {
   color: #375589;
   font-size: 11px;
   font-weight: normal;
   margin-top: 58px;
}
#geral #footer #fleft h5 a {
   text-decoration: none;
   color: #375589;
}
#geral #footer #fleft h5 a:hover { color:#7c96c5;}
#geral #footer #fright ul li {
   float: left;
   margin-left: 8px;
   margin-top: 3px;
}


#geral #footer #fright ul li a, #maiscontatos ul li a {
   display: block;
   float: right;
   height: 20px;
   width: 26px;
}
#geral #footer #fright ul li .email, #maiscontatos ul li .email { 	background: url(../img/bt/midias_novo.png) no-repeat; background-position: -1px 0; margin-right:-2px;}
#geral #footer #fright ul li .email:hover, #maiscontatos ul li .email:hover{ 	background-position: -1px -89px; }

#geral #footer #fright ul li .skype, #maiscontatos ul li .skype { 	background: url(../img/bt/midias_novo.png) no-repeat; background-position: -1px -64px; margin-left:-5px;}
#geral #footer #fright ul li .skype:hover, #maiscontatos ul li .skype:hover{ 	background-position: -1px -153px; }

#geral #footer #fright ul li .facebook, #maiscontatos ul li .facebook { 	background: url(../img/bt/midias_novo.png) no-repeat; background-position: -2px -21px;}
#geral #footer #fright ul li .facebook:hover, #maiscontatos ul li .facebook:hover{ 	background-position: -2px -110px; }

#geral #footer #fright ul li .twitter, #maiscontatos ul li .twitter { 	background: url(../img/bt/midias_novo.png) no-repeat; background-position: -1px -43px;}
#geral #footer #fright ul li .twitter:hover, #maiscontatos ul li .twitter:hover{ 	background-position: -1px -132px; }
/*#geral #footer #fright ul li a, #maiscontatos ul li a {
   background: url(../img/bt/midias.png) no-repeat;
   display: block;
   float: right;
   height: 26px;
   width: 20px;
}
#geral #footer #fright ul li .facebook, #maiscontatos ul li .facebook { 	background: url(../img/bt/facebook.png) no-repeat; }
#geral #footer #fright ul li .facebook:hover, #maiscontatos ul li .facebook:hover{ 	background-position: -84px 0; }
#geral #footer #fright ul li .msn, #maiscontatos ul li .msn { 	background-position: -28px 0; }
#geral #footer #fright ul li .msn:hover, #maiscontatos ul li .msn:hover{ 	background-position: -112px 0; }
#geral #footer #fright ul li .email, #maiscontatos ul li .email{	background-position: -55px 0; }
#geral #footer #fright ul li .email:hover, #maiscontatos ul li .email:hover {	background-position: -139px 0; }
#geral #footer #fright ul li .skype:hover, #maiscontatos ul li .skype:hover {	background-position: -84px 0; }*/
#geral #footer #fright ul {
   width: 100%;
   display: block;
   height: 110px;
}
#geral #footer #fright .td a {
   background: url(../img/bt/td_novo.png) no-repeat; background-position: 0 0;
   display: block;
   float: right;
   margin-top:2px;
   height: 25px;
   width: 160px;
}
#geral #footer #fright .td a:hover {	background-position: 0 -24px; }


body.home { background: url(../img/bg/home.jpg) center top no-repeat; }
body.contato, body.sucesso { background: url(../img/bg/contato.jpg) center top no-repeat; }
.home #geral #main #banner {
   display: block;
   float: left;
   height: 350px;
   width: 960px;
   position: relative;
}
.home #geral #topo {
   height: 220px;
}
.home #geral #main #experiencia {
   display: block;
   float: left;
   height: 131px;
   width: 770px;
   background: url(../img/bg/fundo_area.jpg) no-repeat;
   padding: 66px 25px 0 165px;
}
.home #geral #main #experiencia p {
   color: #333;
   display: block;
   float: left;
   margin-bottom: 20px;
   line-height: 18px;
   width: 330px;
}
.home #geral #main #experiencia .intro {
   width: 380px;
   height: 100px;
   margin-right: 60px;
}
.home #geral #main #experiencia p a {
   color: #213559;
   font-weight: bold;
   font-size: 14px;
}
.home #geral #main #experiencia p a:hover { 
   text-decoration:none;
}
.home #geral #main #experiencia p strong {
   color: #213559;
}
.home #geral {
   height: 1024px;
}

.sucesso #geral {
   height: 1183px;
}

.contato #geral {
   height: 1076px;
}

.home #geral #main #banner #slidesContainer {
   display: block;
   height: 272px;
   overflow: hidden;
   position: relative;
   width: 960px;
}
.home #geral #main #banner #slidesContainer #slider {
   display: block;
   float: left;
   height: 272px;
   position: absolute;
   width: 4890px;
}
.home #geral #main #banner #slidesContainer #slider ul li {
   height: 272px;
   width: 960px;
   float: left;
}
.home #geral #main #banner #slidesContainer #slider ul li .texto {
   background-image: url(../img/bg/preto.png);
   font-size: 16px;
   color: #FFF;
   text-align: right;
   height: 182px;
   width: 280px;
   float: right;
   padding: 60px 40px 30px 40px;
}
.home #geral #main #banner #slidesContainer #slider ul li .texto h2 {
   font-size: 30px;
   margin-bottom: 20px;
}
.home #geral #main #banner #slidesContainer #slider ul .banner1 {
   background-image: url(../img/bg/banner1.jpg);
}
.home #geral #main #banner #slidesContainer #slider ul .banner2 {
   background-image: url(../img/bg/banner2.jpg);
}
.home #geral #main #banner #slidesContainer #slider ul .banner3 {
   background-image: url(../img/bg/banner3.jpg);
}
.home #geral #main #banner #slidesContainer #slider ul .banner4 {
   background-image: url(../img/bg/banner4.jpg);
}
.home #geral #main #banner #slidesContainer #slider ul .banner5 {
   background-image: url(../img/bg/banner5.jpg);
}
.home #geral #main #banner #slidesContainer #slider ul li .texto .botao a {
   color: #FFF;
   font-weight: normal;
}
.home #geral #main #banner #slidesContainer #slider ul li .texto p {
   margin-bottom: 20px;
   line-height: 20px;
}
.home #geral #main #banner .fotos_navegador {
   text-align: right;
}
.home #geral #main #banner .fotos_navegador a {
   background: url(../img/bt/nav.jpg) -20px 0;
   display: block;
   height: 14px;
   width: 14px;
   float: right;
   margin: 7px 0 0 3px;
}
.home #geral #main #banner .fotos_navegador a:hover, .home #geral #main #banner .fotos_navegador a.ativo {
   background-position: -3px 0;
}
#formcontato {
   background-image: url(../img/bg/form_fundo.png);
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   z-index: 998;
   text-align:center;
}
#formcontato #boxform{
   background-image: url(../img/bg/form.png);
   background-repeat: no-repeat;
   display: block;
   position: relative;
   width: 485px;
   height: 368px;
   top: 199px;
   z-index: 999;
   left: 30%;
}
#formcontato #boxform #contatoform a {
   display: block;
   height: 30px;
   float: left;
   width: 30px;
   text-decoration:none;
   margin: 0 0 45px 450px;
}
#formcontato #boxform #contatoform input {
   display: block;
   clear: left;
   margin: 0 0 10px 170px;
   width: 263px;
   height: 28px;
   border: 0;
   border-top: 1px solid #ddd;
}
#formcontato #boxform #contatoform #mensagem {
   display: block;
   clear: left;
   margin: 0 0 10px 170px;
   width: 260px;
   height: 99px;
   border: 0;
   border-top: 1px solid #ddd;
}
#formcontato #boxform #contatoform #btEnviar {
   background-image: url(../img/bt/enviar.png);
   height: 28px;
   width: 99px;
   margin-left: 336px;
}
#formcontato #boxform #contatoform #btEnviar:hover {
   background-position: 0 -28px;
   cursor:pointer;
}
#formcontato #boxform #contatoform label {
   position: absolute;
   margin: -19px 0 0 39px;
   font-size: 11px;
   color: red;
}
#formcontato #boxform #contatoform select {
   display: block;
   clear: left;
   margin: 0 0 10px 170px;
   width: 263px;
   height: 28px;
   border: 1px solid #fff;
   border-top: 1px solid #ddd;
}
#geral #topo .logo {
   display: block;
   float: left;
   height: 120px;
   width: 250px;
   margin-top: 70px;
}
#geral #topo .logo span {
   display: none;
}
#formcontato #boxform #maiscontatos {
   display: block;
   position: absolute;
   width: 146px;
   text-align: left;
   z-index: 999;
   height: 50px;
   top: 260px;
   left: 38px;
}
#formcontato #boxform #contatoform #maiscontatos ul {
   width: 120px;
   display: block;
   height: 30px;
}
#formcontato #boxform #contatoform #maiscontatos ul li {
   display: block;
   float: left;
   height: 30px;
   width: 28px;
   margin: 0;
   padding: 0;
}
#formcontato #boxform #contatoform #maiscontatos ul li a {
   margin: 0;
   width:28px;
}
#formcontato #boxform #contatoform #maiscontatos p {
   color: #666;
   font-size: 11px;
   line-height: 15px;
}

#geral #main #contato p, #geral #main #sidebar p{
   font-family: 'helvetica-roman', sans-serif;
   font-size: 13px;
   color: #333333;
   line-height: 1.5em;
}

#geral #main #contato form{
   margin: 30px 0 0 0;
}

#geral #main #contato .sucesso{
   background: #f1f1f1;
   padding: 20px 100px;
   margin: 30px 0 0 0;
   text-align: center;
}

#geral #main #contato .sucesso h3{
   font-family: 'helvetica-bold', sans-serif;  
   font-size: 15px;  
   color: #223659;  
   text-transform: uppercase;  
   line-height: 1.5em;
}

#geral #main #contato .sucesso p{
   text-align: right;
}

#geral #main #contato .sucesso p a{
   font-family: 'helvetica-roman', sans-serif;  
   font-size: 12px;  
   color: #333333;
   line-height: 2em;
   text-decoration: none;
}

#geral #main #contato input, #geral #main #contato textarea{
   background: #f1f1f1;
   width: 522px;
   padding: 12px;
   font-family: 'helvetica-roman', sans-serif;
   font-size: 12px;
   color: #666666;
   border: 0;
}

#geral #main #contato input.error, #geral #main #contato textarea.error{
   border-left: 2px solid red;
}

#geral #main #contato input[type=text], #geral #main #contato input[type=email]{
   height: 12px;
   text-transform: uppercase;
   outline: none;
}

#geral #main #contato input[type=submit]{
   width: 70px;
   font-size: 16px;
   color: #273c69;
   padding: 0;
   background: transparent;
   text-align: right;
   float: right;
   cursor: pointer;
}

#geral #main #contato textarea{
   height: 120px;
   text-transform: uppercase;
   resize: none;
   outline: none;
   overflow: auto;
}

#geral #main #contato li{
   height: auto!important;
   margin: 0 0 13px 0;
}

#geral #main #sidebar {
   display: block;
   float: left;
   width: 310px;
   margin-left: 22px;
   height: 330px;
   background: #eeeeee;
   padding: 24px 20px;
   color: #333333;
}

#geral #main #sidebar h4 {
   background: url(../img/gf/enderecos.png) no-repeat;
   height: 23px;
   width: 100%;
   display: block;
   margin-bottom: 30px;
}

#geral #main #sidebar h3{
   font-family: 'helvetica-bold', sans-serif;
   font-size: 12px;
   color: #223659;
   text-transform: uppercase;
   line-height: 1.5em;
}

#geral #main #contato {
   display: block;
   float: left;
   width: 546px;
   padding: 0 21px;
   margin-bottom:29px;
}

#geral #main #contato h2 {
   background: url(../img/gf/contato.png) no-repeat;
   height: 24px;
   width: 100%;
   display: block;
   margin-bottom: 30px;
}