/*
Theme Name: Modelo 02
Theme URI: http://www.sitedoadvogado.adv.br
Author: Kenedy Morais, Site do Advogado
Author URI: http://www.sitedoadvogado.adv.br
Description: Modelo exclusivo para clientes Sedep.
Version: 1.0
*/


* {
  padding: 0;
  margin: 0;
  font-family: 'Roboto', sans-serif;
}

header {
  width: 100%;
  height: 100px;
  line-height: 100px;
  background: #F6F6F6;
}

#page, #pagina {
  margin-bottom: 25px;
}

.sessao {
  width: 100%;
  height: auto;
  padding: 20px 0;
}

.sessao-title i {
  font-size: 35px;
  color: #333;
}

.sessao-title h2 {
  margin: 10px 0 20px 0;
  text-transform: uppercase;
  font-size: 25px;
  color: #333;
}

.sessao-1 h2 {
  text-align: left;
}

.sessao-2 {
  background: #F6F6F6;
}

#logotipo img {
  width: 150px;
}

#menu-principal ul {
  list-style: none;
}

#menu-principal ul li {
  display: inline-block;
  padding: 0 10px;
}

#menu-principal ul li a {
  text-transform: uppercase;
  color: #333;
}

#menu-principal ul li a:hover {
  opacity: 0.8;
  text-decoration: none;
}

#painel-principal {
  width: 100%;
  height: 400px;
  background: url('imagens/slide1.jpg') no-repeat center;
  color: #FFF;
  text-transform: uppercase;
  padding-top: 60px;
}

/*SOBRE*/

.sessao-sobre h1 {
  color: #333;
  text-transform: uppercase;
  font-size: 20px;
}

.sessao-sobre span.destaque {
  color: #8C1C1C;
}

.sessao-sobre p {
  text-align: justify;
}

.sessao-sobre a {
  text-transform: uppercase;
  color: #333;
  padding-bottom: 3px;
  border-bottom: 1px solid #333;
}

.sessao-sobre a:hover {
  text-decoration: none;
  opacity: 0.8;
}

/*FIM SOBRE*/


/*SOBRE*/

.sessao-sobre h1 {
  color: #333;
  text-transform: uppercase;
  font-size: 20px;
}

.sessao-sobre img {
  width: 100%;
}

.sessao-sobre span.destaque {
  color: #8C1C1C;
}

.sessao-sobre p {
  text-align: justify;
}

.sessao-sobre a {
  text-transform: uppercase;
  color: #333;
  padding-bottom: 3px;
  border-bottom: 1px solid #333;
}

.sessao-sobre a:hover {
  text-decoration: none;
  opacity: 0.8;
}

/*FIM SOBRE*/


/*ÁREAS DE ATUAÇÃO*/

article.area-atuacao {
  padding: 15px;
}

article.area-atuacao h1 {
  margin-top: 0;
  font-size: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 5px;
  color: #8C1C1C;
  text-transform: uppercase;
}

.areas-de-atuacao > .container > .ver-mais {
  margin-top: 15px;
  margin-bottom: 15px;
}

.areas-de-atuacao a {
  color: #333;
  padding-bottom: 3px;
  border-bottom: 1px solid #333;
}

.areas-de-atuacao a:hover {
  text-decoration: none;
  opacity: 0.8;
}

/*FIM ÁREAS DE ATUAÇÃO*/

/*AREA CONTATO*/

.area-contato {
  padding: 0;
  background: #EFEFEF;
}

.area-contato h2 {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 20px;
  color: #333;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.area-contato span.destaque {
  color: #8C1C1C;
}

.form-contato {
  padding: 15px 0;
  color: #333;
}

.form-control {
  border-radius: 0;
}

.btn-contato {
  background: #8C1C1C;
  color: #EFEFEF;
  border-radius: 0;
  width: 100%;
}

.btn-contato:hover {
  color: #FFF;
  background: #4C0F0F;
}

label {
  text-transform: uppercase;
  font-weight: 400;
}

/*FIM AREA CONTATO*/


/*SIDEBAR*/

.widget h3 {
  font-size: 18px;
  text-transform: uppercase;
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.widget-ver-mais a {
  color: #333;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid #333;
}

/*FIM SIDEBAR*/


/*FOOTER*/

footer {
  background: #333;
  color: #EFEFEF;
}

footer p {
  text-align: justify;
}

footer h3 {
  text-transform: uppercase;
  font-size: 20px;
}

footer ul li {
  list-style: none;
  padding: 5px 0;
  border-bottom: 1px dotted #EFEFEF;
}

footer a {
  color: #EFEFEF;
}

footer a:hover {
  opacity: 0.8;
  color: #EFEFEF;
  text-decoration: none;
}

footer i {
  width: 20px;
}

.footer-credits {
  margin-top: 25px;
  border-top: 1px solid rgba(149, 165, 165, 0.6);
  padding: 10px 0;
}

.footer-credits img {
  max-width: 120px;
}

.footer-credits p {
  color: #FFF;
  padding-top: 10px;
}
/*FIM FOOTER*/
