/*

Theme Name: ADV 
Description: Tema do site do escritório de advocacia Bitencourt, Cardoso, Oliveira e Gurgel 
Author: Diego Roumillac
Version: 1.0

*/
*{ margin: 0; padding: 0}
body {background: #FFF; font-family: 'Roboto', sans-serif, arial, tahoma, verdana; text-align: center;}


/*=== Header ===*/
#header{ width: 100%; background: #E9DDD2; border-bottom: 3px solid #F2CB47;}
#header_sup { width: 1000px; margin: 0 auto; overflow: hidden; padding-top: 20px; }

#logo {float: left;}
#logo img { width: 280px; height: 220px; }
#logo h1 { display: none;}

#endereco {float: right; padding-top: 30px;}
#texto_end { font: 18px 'Roboto'; color: #666666; text-align: right; float: left; padding-top: 1px; padding-right: 10px;}
#logo_end {float: right;}
#logo_end img { width: 40px; height: 75px;}

#header_inf {}
#menu {}
#menu ul {float: right; list-style: none; text-align: left; padding-top: 40px; }
#menu ul li {float: left; position: relative; background: #7E736C; font: 14px 'Roboto'; text-transform: uppercase; border-right: 1px solid #A59C97;}
#menu ul li a {display: block; padding: 10px; text-decoration: none; color: #FFF;}
#menu ul li:hover { background: #F2CB47;}

/*=== Content Pages ===*/
#content .main-page h2 {font: 16px 'Roboto'; font-weight:bold; color: #666666; margin: 20px 0; border-bottom: 1px solid #666; text-transform: uppercase;}
#content .main-page h2 a {font: 16px 'Roboto'; font-weight:bold; color: #666; text-decoration: none; text-transform: uppercase;}
#content .main-page h3  {font: 14px 'Roboto'; color: #666; font-weight: bold; margin-left: 15px; margin-top: 10px; padding-top: 10px; }
#content .main-page ul {list-style: none; }
#content .main-page li  {font: 14px 'Roboto'; color: #666; padding-bottom: 10px; background: #E9DDD2; margin: 20px;}
#content .main-page p {font-size: 16px; color: #666;}
#content #texto-end {float: right; width:350px; text-align:center; font-size:20px;}
#content #formulario-contato {margin-top: 20px;}
.wpcf7-submit {width:70px; font: 14px 'Roboto'; color: #666666; border: 1px solid #666666;}

/*=== Content ===*/
#content {overflow: hidden; width: 1000px; margin: 0 auto; text-align: left;; left:50%; min-height: 500px;}
#content_topo {padding: 20px;  border-bottom: 3px solid #A59C97;}
#content_topo_texto p {font: 16px 'Roboto'; color: #666666; line-height:2; text-align: justify;}
#content_topo_texto {float: left; width: 50%;}
#content_topo_img img {width: 350px; height: 252px; padding-left: 30px;}

#content_botton {padding: 20px;}
#content_esq {width: 300px; float: left; margin: 10px; text-decoration: none;}
#content_meio {width: 300px; float: left; margin: 10px; text-decoration: none;}
#content_dir {width: 300px; float: left; margin: 10px;}
#content_action {position: relative; left:25%; width: 200px; background: #7E736C ; font: 16px 'Roboto'; font-weight: bold; border: 1px solid #A59C97; padding: 20px; text-align: center; text-decoration: none;}
#content_topo_texto a {display: block; text-decoration: none; color: #FFF; padding-top: 10px;}
#content_action:hover {background: #F2CB47;}

#content_esq .content_botton_titulo {border-bottom: 2px solid #A59C97;}
#content_esq .content_botton_titulo h2 {font: 16px 'Roboto'; color: #666; font-weight: bold;}
#content_esq .content_botton_texto {margin-top: 10px; margin-bottom: 10px; font: 14px 'Roboto'; color: #666666; }
#content_esq .content_botton_img img {width: 250px; height: 180px;}

#content_meio .content_botton_titulo {border-bottom: 2px solid #A59C97;}
#content_meio .content_botton_titulo h2 {font: 16px 'Roboto'; color: #666; font-weight: bold;}
#content_meio .content_botton_texto {margin-top: 10px; margin-bottom: 10px; font: 14px 'Roboto'; color: #666666; }
#content_meio .content_botton_img img {width: 250px; height: 180px;}

#content_dir .content_botton_titulo {border-bottom: 2px solid #A59C97;}
#content_dir .content_botton_titulo h2 {font: 16px 'Roboto'; color: #666; font-weight: bold;}
#content_dir .content_botton_texto {margin-top: 10px; margin-bottom: 10px; font: 14px 'Roboto'; color: #666666; }
#content_dir .content_botton_form  {background: #E9DDD2; padding: 20px;}

#frEntrar .consulta p {float: left;}
#frEntrar .texto_form {font: 14px 'Roboto'; color: #666666; float: left; width: 55px;}
#campo_usuario_caixa_integra {width: 200px; border: 1px solid #666666; }
#campo_senha_caixa_integra {width: 200px; border: 1px solid #666666; }
#usuario {padding-bottom: 20px;}
#senha {padding-bottom: 20px;}
#botao {width:70px; font: 14px 'Roboto'; color: #666666; border: 1px solid #666666;}


/*=== Footer ===*/
#footer{ float: left; width: 100%; background: #E9DDD2; border-top: 3px solid #F2CB47; height: 100px; font: 14px 'Roboto'; color: #666666; text-align: center; padding-top: 20px;}
#footer_content { width: 1000px; text-align: center; margin: 0 auto; overflow: hidden; }
#footer_content ul {margin: 0; padding-left: 150px; list-style: none; }
#footer_content ul li { padding-right: 10px; float: left;}
#end_footer {padding-top: 5px;}
#footer a {text-decoration: none; font: 12px 'Roboto'; color: #A59C97; text-align: right;}
#footer a:hover {text-decoration: underline;}