@import url(https://use.fontawesome.com/releases/v5.0.13/css/all.css);

body 					{ width:100%; margin:0 auto; display:table; font:17px 'Helvetica 57 Condensed'; overflow:hidden; overflow-x:hidden; color:#6d6e70}
body.back-home          { display: table;}
body.back-quem_somos	{background:url(../imagens/quem_somos.jpg)center center fixed;-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
body.back-advogados		{background:url(../imagens/advogados1.jpg)center center fixed;-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; overflow:auto; overflow-x: hidden;}
body.back-areas_atuacao	{background:url(../imagens/area_atuacao.jpg)center center fixed;-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; overflow:auto;}
body.back-area_atuacao	{background:url(../imagens/area_atuacao.jpg)center center fixed;-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; overflow:auto; overflow-x: hidden; }

body.back-contato		{background:url(../imagens/contato.jpg)center center fixed;-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; overflow: auto}
@media screen and (max-height:840px){body{overflow:auto; overflow-x: hidden;}}
@media screen and (max-width:1200px){body{overflow:auto; overflow-x: hidden;}}

/*TOPO*/
.topo 				{ width:100%; margin:0 auto; text-align:center; display:table; }
.topo #topo 		{ width:95%; text-align:center; display:table; margin:0 auto;}
.topo #topo .logo	{ margin-top:15px; margin-bottom:15px; width:12%; float:left;}
.topo #topo .menu	{ width:72%; float:right; display:table; margin-top:45px;}
.topo #topo .selo	{ width:8%; float:right; display:table; margin-top:45px;}
.topo #topo .selo img       { width: 120px; display: table; margin: 0 auto; float: right;  }
.borda 				{ width:100%; margin:0 auto; display:table; height:30px; background:#8a0e11; color:#FFF;}
.borda a 			{ color:#fff;}
.borda #borda 		{ width:1200px; margin:0 auto; display:table; text-align:right;}
.borda img 			{ margin-top:5px; margin-bottom:-3px; margin-right:5px;}


.sociais 			{ position:fixed; right:0; top:50%; padding:10px 2px; background:#8a0e11; display:table;}
.sociais #sociais 	{ width:40px; float:left; text-align:center;}
.sociais img		{ width:110%;}
.sociais img:hover	{ transform: scale(1.3,1.3);}
.sociais2 			{ float:right; position:relative; z-index:99999;width:180px; padding:5px; background:#8a0e11; display:none;}
.sociais2 img:hover	{ transform: scale(1.3,1.3);}

#formulario 					{ float:right; width:300px; text-align:center; display:none;}
#formulario input[type=text]	{ width:90%; height:40px; padding:5px; display:table; border:none; outline:none;}
#formulario input[type=button],
#formulario input[type=submit]	{ padding:10px 25px; outline:none;  font-family: 'Helvetica Neue LT Com 77 Bold Condensed';letter-spacing:10px; text-transform:uppercase; background:#6d6e70; border:none; color:#FFF; font-size:20px;}
#formulario textarea			{ width:90%; height:100px; display:table; padding:5px;border:none; outline:none}

@media screen and (max-width:1334px){.sociais { display:none;} .sociais2{ display:table;}.topo #topo { width:100%;}.borda #borda{ width:90%;}.topo #topo .menu{ width:100%; margin:0 auto; display:table;}.topo #topo .logo{  width:100%; margin:0 auto; margin-top:25px;}.topo #topo .selo {margin:0 auto; padding-top:10px; float:none;}}

/*PADRÃO*/
.wrapper 	{ width:1200px; margin:0 auto; display:table; line-height:25px; text-align:justify;}
.titulo	 	{ font-size:36px; line-height:60px; text-align:center;font-family: 'Helvetica Neue LT Com 77 Bold Condensed'; text-transform:uppercase }
.vinho	 	{ color:#8a0e11;}
.destaque 	{font-size:45px; line-height:50px; font-family: 'Helvetica Neue LT Com 77 Bold Condensed'; text-transform:uppercase;  }

.janela			{ font:15px 'Exo', sans-serif; width:80%; position:fixed; left:50%; right:50%; margin:0 20% 0 20%; color:#FFF; text-align:center; overflow:hidden; background-color:none; border:none; text-align:center; top: 50%; z-index: 999999;}
#mask 			{ display: none; background: #000;  position: fixed; left: 0; top: 0;  z-index:150; width: 100%; height: 100%; opacity: 0.9; z-index: 1;}
.but_mask		{ background-color:#8a0e11; padding:0 40px; height:40px; border:none; color:#fff;}
.but_mask:hover	{ background-color:#CCC;}

@media screen and (max-width:1340px){.wrapper{ width:90%; margin:0 auto; padding-bottom:50px; }}
@media screen and (max-width:600px){.wrapper{ overflow:scroll; padding-bottom:150px;}.destaque, .titulo{ font-size:35px;}}
@media screen and (max-width:500px){.titulo{ font-size:25px;letter-spacing:15px;}.destaque { font-size:25px;}}
@media screen and (max-width:340px){.destaque { font-size:20px;}}

/*QUEM SOMOS*/
#quem_somos					{ padding-top:80px; display:table;}
#quem_somos .col1 			{ width:48%; float:left; text-align:justify;  display:table}
#quem_somos .col2 			{ width:48%; float:right; text-align:justify; display:table;}
#quem_somos .assinatura 	{text-align:right; font-family: 'Helvetica Neue LT Com 77 Bold Condensed';letter-spacing:5px;color:#8a0e11; text-decoration: underline; margin-top:70px;}
@media screen and (max-width:1200px){#quem_somos .col1, #quem_somos .col2{ width:90%; float:none; margin:0 auto; margin:2%; padding:2%;}}

/*AREA DE ATUAÇÃO*/
#area_atuacao 					{ padding-top:80px}
#direito_penal, 
#direito_empresarial			{ padding-top:80px; padding-bottom:150px;}
#direito_penal .titulo			{ font-size:35px;letter-spacing:8px; text-align:center; margin-bottom:30px;}	

/*ADVOGADOS*/
#advogados 						{ margin-top:50px;}
#advogados .bloco 				{ width:31%; float:left; text-align:center; display:table; background:url(../imagens/back-advogado.png) repeat; margin:1%; padding:30px 0; min-height:450px;}
#advogados .bloco p				{ border-bottom: 2px solid #8a0e11; font-size:17px; line-height:30px; width:50%; margin:0 auto; margin-bottom:20px; text-transform: capitalize;}
#advogados .bloco img 			{-webkit-filter: grayscale(100%);filter: grayscale(100%); transition:0.5s;width:200px;}
#advogados .bloco:hover img  	{-webkit-filter: grayscale(0%);filter: grayscale(0%); }
#advogados .bloco .vcard		{ width:50%; margin:0 auto; display:table; text-align:center;}
#advogados img.link 			{ width:30px; float:right; display:table; -webkit-filter: grayscale(0%);filter: grayscale(0%); margin-top:-5px;}

#advogado a 					{ cursor:pointer;}

@media screen and (max-width:980px){#advogados{ width:95%;}#advogados .bloco { width:47%;}}
@media screen and (max-width:590px){#advogados .bloco { width:70%; margin:0 auto; float:none;}}
@media screen and (max-width:480px){#advogados .bloco { width:95%; margin:0 auto; float:none;} #advogados .bloco img { width:60%;}#advogados img.link {width:30px;}}

/*AREAS DE ATUAÇÃO*/
#area_atuacao					{ width:980px; font-size:20px;}
#area_atuacao .area 			{ width:50%; float:left; text-align:center; margin-top:100px; font-size:22px;}
#area_atuacao a 				{ color:#6d6e70; line-height:40px;transition:0.5s;}
#area_atuacao a:hover 			{  color:#8a0e11; text-decoration: underline;}
@media screen and (max-width:980px){#area_atuacao{ width:95%;}}
@media screen and (max-width:650px){#area_atuacao .area { width:100%; margin:0 auto; margin:20px 0;	}}

/*ADVOGADO*/
#advogado .foto					{ width:20%; float:left; text-align:center; display:table; margin-top:105px;}
#advogado .foto img 			{ width:100%;}
#advogado .curriculo			{ width:72%; float:right;display:table}
#advogado .curriculo .titulo	{ text-align:left;}
#advogados a					{ color:#6d6e70}
@media screen and (max-width:740px){#advogado .foto, #advogado .curriculo{ width:90%; margin-top:30px;}#advogado .foto img { width:300px; text-align:center}}
@media screen and (max-width:400px){#advogado .foto img { width:90%; text-align:center}}

/*CONTATO*/
#contato 			{ color:#6d6e70; text-align:center; margin-top:50px; padding-bottom: 70px;}
#contato .col1 		{ width:45%; float:left; margin:2%; display:table; margin-top:70px;}
#contato .col2		{ width:45%; float:right; margin:2%; display:table; }

#contato input[type=text] 			{ background:none; border:none; background:rgba(255, 255, 255, 0.8); width:100%; padding:20px 10px; margin:10px 0 ; outline:none; color:#6d6e70;font:14px 'Helvetica 57 Condensed';}
#contato textarea					{ background:none; border:none; background:rgba(255, 255, 255, 0.8); width:100%; padding:20px 10px; height:174px; margin-bottom:25px;outline:none;color:#6d6e70;font:14px 'Helvetica 57 Condensed';}
#contato input#email 				{ width:48%; float:left}
#contato input#telefone				{ width:48%; float:right}
#contato input[type=button],
#contato input[type=submit]			{ padding:10px 25px; outline:none;  font-family: 'Helvetica Neue LT Com 77 Bold Condensed';letter-spacing:10px; text-transform:uppercase; background:#6d6e70; border:none; color:#FFF; font-size:20px;}
#contato input[type=button]:hover   {background:#8a0e11;}
#contato input[type=submit]:hover 	{background:#8a0e11;}
@media screen and (max-width:840px){#contato .col1, #contato .col2 { width:90%; margin:2% auto; float:none; display:table}}

#contato .col1 iframe 			{ border:3px solid #d3d3d4;}

/* INPUTS */
input:disabled::-webkit-input-placeholder,	textarea:disabled::-webkit-input-placeholder{ color:#6d6e70; font:14px 'Helvetica 57 Condensed';}
input:disabled::-moz-input-placeholder,		textarea:disabled::-moz-input-placeholder	{ color:#6d6e70; font:14px 'Helvetica 57 Condensed';}
input:disabled::-ms-input-placeholder,		textarea:disabled::-ms-input-placeholder	{ color:#6d6e70; font:14px 'Helvetica 57 Condensed';}
input::-webkit-input-placeholder,	textarea::-webkit-input-placeholder{ color:#6d6e70;font:14px 'Helvetica 57 Condensed';}
input::-moz-input-placeholder,		textarea::-moz-input-placeholder	{ color:#6d6e70; font:14px 'Helvetica 57 Condensed';}
input::-ms-input-placeholder,		textarea::-ms-input-placeholder	{ color:#6d6e70; font:14px 'Helvetica 57 Condensed';}

/*RODAPE*/
.rodape 				{ width:100%; margin:0 auto; background-color: rgba(0, 0, 0, 0.5); text-align:center; bottom:0; position:fixed; display:table; z-index:9999999999; color:#FFF; line-height:37px; height:37px;}
.rodape #rodape 		{ width:1200px; text-align:center; display:table; margin:0 auto}
.rodape #rodape .mc 	{ float:right; margin-top:-15px;}
.rodape #rodape .graac 	{ float:left; margin-top:8px; display:table; position:absolute;}

@media screen and (max-width:1200px){.rodape #rodape{ width:100%;}.rodape { position: relative;}}
@media screen and (max-width:798px){.rodape #rodape .mc{ float:none; margin:0 auto; margin-top:10px; display:table;}.rodape #rodape .graac { position:relative; margin:0 auto; float:none; margin-top:8px; margin-bottom:5px;}}

@media screen and (max-height:570px){.rodape{ position: relative;}}