@charset "utf-8";
/* CSS Document */

/* Default */

body {
  
	
}

.header_container, main, .footer_container {
  width:100%;
  float:left;
  position:relative;	
}


/* Topo do Site / Cabeçalho / Header */
.header_container{
    background-image: url(../img/header/bg_header.jpg);
    height: 281px;
	
  }

.navbar-header{
    float: left;
    width: 60%;
    height: 330px;
}

.navbar-default{
    background: none !important;
    border:0 !important;
}
    
.navbar-header h1{
    float: left;
    width: 100%;
    height: 330px;
    padding: 0;
    margin: 0;
}

.navbar-header a{
    float: left;
    width: 100%;
    height: 330px;
   
}

.navbar-header img{
    float: left;
    max-width: 100%;
}
    
.navbar-collapse{
    float:left;
    width: 100%;
    position: relative;
    height: auto !important;
    z-index: 1;
}
    
.navbar-nav{
     position: absolute;
    left: 23%;
    bottom: 0;
    width: 73%;
    text-align: center;
}

.navbar-nav li{
    width: 20%;
    height: 50px;
   
}

.navbar-nav li a{
    width: 100%;
    padding: 0;
    margin: 0;
    height: 100%;
    float: left;
    background: none !important;
    line-height: 50px;
    color:#516E9D !important;
    font-weight: bold;
    font-family: 'Average Sans', sans-serif;
    font-size:14px;
}
    

.socialNetwork{
   float: right;
   width: 37%;
   margin-top: 140px;
   height: 65px;
   text-align: right;
}

.socialNetwork ul{
   float: right;
   width: 56%;
   padding: 0;
   margin: 0;
   height: 65px;
}

    
.socialNetwork li{
    display: inline-block;
   list-style: none;
   height: 67px;
   width: 30%;
   
}

.socialNetwork a{
    float: left;
    height: 100%;
    width: 100%;
}

.socialNetwork a img{
    float:left;
    max-width: 100%;
}


/* Meio do Site / Middle / Index */

.banner{
    margin-top: 78px;
    height: auto;
    margin-bottom: 40px;
    width: 100%;
}
    
.bannerContent{
    float:left;
    width: 100%;
    height: 383px;
}
    
.bannerContent img{
    float:left;
    max-width: 100%;
}

.SejaBemVindo{
    width: 100%;
    margin-bottom: 40px;
    height: auto;
}
    
.pageContent{
    float:left;
    width: 100%;
    height: auto;
    text-align: justify;
}
    
.pageTitle{
    float: left;
    font-family: 'Average Sans', sans-serif;
    color:#4F6792;
    width: 100%;
    height: 75px;
   
 }
    
.pageTitle h2{
    float:left;
    font-size:53px;
    margin: 8px 0 0 0;
    width: 92%;
    height: 65px;
    
}

    
.pageText{
    float:left;
    width: 100%;
    height: auto;
    font-family: 'Average Sans', sans-serif;
    color:#373435;
    font-size: 15px;
	text-align:justify;
	margin-top:20px;
	margin-bottom:20px;
}

.pageText img{
	max-width:100% ;
	max-height:100%;
}

.menuPage{
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}


.boxContentLinks{
    float:left;
    width: 100%;
    height: 193px;
    background: #EDEEEF;
    text-align: center;
    color:#4F6792;
    font-family: 'Average Sans', sans-serif;
    font-size: 25px;
    font-weight: bold;
   
}
    
.boxContentLinks a{
    float:left;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.boxContentLinks span{
    float:left;
    width: 100%;
    height: 105px;
    margin-top: 34px;
}

.boxContentLinks a:hover{
    background:#DFE0E2;
}
    
.boxContentLinks a img{
    max-width: 100%;
}

.pageInternal{
    margin-top:70px;
}

.pageTitle span{
    background-image:url("../img/middle/icnPck-pageIcn-mdl.png");
    float: left;
    height: 71px;
    width: 6%;
    background-size: 155%;
  
}
 
.pageGalery{
    margin-bottom: 20px;
    width: 100%;
    height: auto;
	float:left;
}
    
.galeryComponent{
    float:left;
    width: 100%;
    height: auto;
}
    
.galeryComponent ul{
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}
    
.activeGalery{
	width:100% !important;
	margin-bottom:20px;
}
.galeryComponent a{
	float: left;
    width: 100%;
    height: 100%;
}
.galeryComponent li{
    list-style: none;
    display: inline-block;
    width: 100%;
	height:auto;
}

.galeryComponent li img{
    max-width: 100%;
}
    
.ativo{
    width: 100% !important;
    margin-bottom: 20px;
}


.pageEspecialidades{
	margin-bottom:15px;
}

.pageEspecialidades span{
    background-position: 0px 0px;
}
    
.pageServices{
    float:left;
    width: 100%;
    height: auto;
}

.servicesBox{
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    text-align: justify;
	padding:17px;
}

.servicesImg{
    float:left;
    width: 39%;
    height: auto;
	margin-right:2%;
}

.servicesImg img{
   
    max-width: 100%;
}
    
.boxTitle{
    float:left;
    width: 59%;
    height: 55px;
    color:#4F6792;
    font-weight: bold;
    
    
}
   

.boxTitle h3{
  margin: 0;
  line-height: 53px;
  float: left;
  width: 100%;
  font-family: 'Average Sans', sans-serif;
  font-size: 40px;
}

.servicesText{
    width: 61% !important;
    padding: 0px 0px 0px 20px;
}

.servicesBox:hover{
    background: #DFE0E2;
}

.titleAdvogados span{
    background-position: 0px -152px;
}

.pagePadrao{
    float: left;
    width: 100%;
    height: auto;
}

.advogadosBox{
    float:left;
    width: 100%;
    height: auto;
    padding: 10px;
    margin-bottom: 20px;
}

.advogadosBox:hover{
	background:#DFE0E2;
}

.advogadosImg{
    -webkit-box-shadow: -3px -3px 10px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    -3px -3px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         -3px -3px 10px 0px rgba(50, 50, 50, 0.75);
    float:left;
    width: 26.2%;
    height: auto;
}

.advogadosImg img{
    float:left;
    max-width: 100%;
}

.boxTitle span{
    color:#727376;
    font-size:14px;
    font-weight: normal !important;
    width: 100%;
    float: left;
    height: 22px;
    border-bottom: 2px solid #4F6792;
}

.advogadosTitle{
    height: auto;
    padding: 0px 0px 0px 20px;
   
}

.advogadosText{
    float: left;
    width: 61%;
    height: auto;
    padding: 0px 0px 0px 20px;
    margin-top: 15px;
    text-align: justify;
}

.contatoTitle span{
    background-position: 0px -243px;
    background-size: 102%;
    width: 8%;
}

.googleMap{
    float: left;
    width: 100%;
    height: 610px;
   
}

.map{
    float:left;
    width: 100%;
    height: 346px;
}

.map iframe{
    float: left;
    width: 100% !important;
    height: 100% !important;
}

.adressMap{
    float:left;
    width: 100%;
    height: auto;
    color:#373435;
    font-family: 'Average Sans', sans-serif;
    margin-top: 15px;
    
}

.adressMap span{
    float:left;
    width: 100%;
    height: auto;
    font-size:18px;
}

.adressMap span:nth-child(1){
    font-weight: bold;
    font-size:25px;
}

.adressMap span:nth-child(5){
    font-weight: bold;
    font-size:20px;
    margin-top: 20px;
}

.formComponent{
    float:left;
    width:100%;
    height: auto;
	margin-bottom:20px;
}

.formComponent form{
    float:left;
    width: 100% !important;
    height: auto;
    font-family: 'Average Sans', sans-serif;
    font-size:15px;
    color:#ABA9AB !important;
}

.formComponent input{
    float:left;
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
    background-color:#ECECEC;
    
}

.formComponent input[type="file"]{
    background: none;
}

.formComponent textarea{
    background-color:#ECECEC;
    float: left;
    height: auto;
    width: 100%;
    margin-bottom: 10px;
}

.formComponent button{
    background-color:#325369;
    color:white;
    height: 45px;
    width: 20%;
    float: right;
    font-size: 18px;
}

.formComponent select{
    background-color:#ECECEC;
    font-family: 'Average Sans', sans-serif !important;
    
}

.pageEspecialidades span{
	background-position: 8px -59px;
    background-size: 96%;
	width:8% !important;
}

.pageAdvogados span{
	background-position: 0px -153px;
    background-size: 136%;
}

/* Rodapé do Site / Rodapé / Footer */

.footer_container{
    background-image:url("../img/footer/img-bg-ftr.png");
    width: 100%;
    height: 281px;
}

.logomark_footer{
    float:left;
    width: 33%;
    height: 281px;
}

.logomark_footer a{
    float:left;
    width: 100%;
    height: auto;
    margin-top: 36px;
    margin-left: 16%;
}

.logomark_footer img{
    float:left;
    max-width: 100%;
  
}

.menuFooter{
    float:left;
    width: 30%;
    height: 281px;
    color:white;
    font-family: 'Average Sans', sans-serif;
    font-size:20px;
    
}

.menuFooter ul{
    float:left;
    width: 100%;
    height: auto;
    padding: 0;
    margin-top: 30px;
}

.menuFooter li{
    list-style: none;
    width: 100%;
    height: 42px;
}

.menuFooter a{
    color:white;
    text-decoration: none;
    float: left;
    height: auto;
    width: 40%;
}

.socialFooter{
    margin-top: 12px !important;
    width: 37%;
}
    
.socialFooter ul{
    width: 100% !important;
    text-align: right;
}

.socialFooter li{
    width: 18% !important;
    display: inline-block;
    float: none;
}

.adress_ftr{
    float:left;
    width: 37%;
    text-align:right;
    height: auto;
    margin-top: 10px;
    color: white;
    font-family: 'Average Sans', sans-serif;
    font-size: 18px;
}

.adress_ftr span{
    width: 80%;
    float: right;
    height: auto;

}
.adress_ftr span:nth-child(1){
    font-weight: bold;
    font-size: 30px;
    
}

@media (min-width:992px) and (max-width:1199px) {

/* Topo do Site / Cabeçalho / Header */
   
.navbar-header img{
    margin-top: 53px;
}
    
.socialNetwork li{
    width: 35%;
}

.galeryComponent li{
	width:98%;
}

.pageTitle span{
	background-size:165%;
}

.pageEspecialidades span{
	background-size:109%;
}

.contatoTitle span{
	background-size:122%;
}
/* Meio do Site / Middle / Index */

/* Rodapé do Site / Rodapé / Footer */

} /* <== @media (min-width:992px) */


@media (min-width:768px) and (max-width:991px) {

/* Topo do Site / Cabeçalho / Header */
   
.header_container{
    height: 228px;
}
    
.navbar-header{
    height: 278px;
}
    
.navbar-header img{
    margin-top:55px;
}
    
.socialNetwork li{
    width: 45%;
}
    
.navbar-nav{
    text-align: center;
}

.pageTitle span{
	background-size:130%;
}

.pageEspecialidades span{
    background-size:123%;
	background-position:0px -46px;
}

.pageAdvogados span{
	background-size:131%;
	background-position: 0px -136px;
	width:9% !important;
}

.contatoTitle span{
	background-size:116%;
}
/* Meio do Site / Middle / Index */

.bannerContent{
    height: auto;
}

.galeryComponent li{
    width: 98%;
}

.formComponent button{
    width: 25%;
}
    
.pageTitle span{
    width: 11%;
}
    
.pageTitle h2{
    width: 89%;
}
/* Rodapé do Site / Rodapé / Footer */

.logomark_footer{
    width: 40%;
}
    
.logomark_footer a{
    margin-left: 0;
}
    
.menuFooter{
    width: 23%;
}
    
.menuFooter li{
    height: 34px;
}

.socialFooter li{
    width: 25% !important;
}
    
.adress_ftr span:nth-child(1){
    font-size: 23px;
}
} /* <== @media (min-width:768px) and (max-width:991px) */

@media (max-width:767px) {

/* Topo do Site / Cabeçalho / Header */

.header_container{
    background-color: #DFE0E2;
    background-repeat: no-repeat;
}
    

    
.navbar-header{
    width: 100%;
    height: auto;
    position: relative;
}


.navbar-toggle{
    position: absolute;
    bottom: 0;
    right: 0;
    background: white;
}
    
.navbar-header h1{
    width: 79%;
    height: auto;
}
    
.header_container{
    height: auto;
}

.navbar-header a{
    height: auto;
}
    
.navbar-nav{
    position:initial;
    margin: 0;
    width: 100%;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border: none !important;
}
    
.navbar-nav li{
    width: 100%;
    border-bottom: 1px solid #9797A6;
}

.navbar-nav li:hover{
    background: #CCCCCC;
}
    
.navbar-nav li:last-child{
    border: none;
}
    
.navbar-header img{
    margin: 0;
}
    
.socialNetwork{
    display: none;
}

.navbar-toggle:hover{
	background:white !important;
}


/* Meio do Site / Middle / Index */

.banner{
    margin-top:20px;
    margin-bottom: 10px;
}

.bannerContent{
    height: auto;
}
    
.pageTitle h2{
    font-size: 25px;
    height: 55px;
    width: 100%;
    margin: 0;
    line-height: 55px;
}

    
.pageTitle{
    text-align: center;
    height: 60px;
    
}
   
.pageText{
    padding: 15px;
	
}


.pageTitle span{
	background-size:135%;
	width:60px !important;
	height:60px;
}

.pageEspecialidades span{
	background-size:98%;
	background-position: 8px -42px;
	width:66px !important;
}

.pageAdvogados span{
	background-size:134%;
	width:53px !important;
	background-position: 0px -118px;
}

.contatoTitle span{
	background-position: 0px -193px;
	background-size:123%;
}

.SejaBemVindo{
    margin-bottom: 0;
}
    
.pageInternal{
    margin-top: 20px;
}
 
.internalTitle{
    text-align: left;
}
    
.internalTitle span{
    width: 85px;
}
    
.internalTitle h2{
    width: 69%;
    font-size: 33px;
}

.galeryComponent li{
    width: 100%;
}

.servicesImg{
    width: 100%;
	text-align:center;
}

.activeGalery{
	display:none !important;
}

.boxTitle{
    padding: 0;
    width: 100%;
}
    
.servicesBox{
   border-bottom: 1px solid #9797A6;
}
    
.servicesBox:last-child{
    border: 0;
}
    
.servicesText{
    width: 100% !important;
    padding: 0;
}
    
.advogadosBox{
    text-align: center;
    border-bottom: 1px solid #9797A6;
    
}

.advogadosBox:last-child{
    border: 0;
}

.advogadosImg{
    width: 100%;
    box-shadow: none;
}
    
.advogadosImg img{
    float: none;
}
    
.advogadosText{
    width: 100%;
}
    
.googleMap{
    margin-top: 15px;
    height: auto;
    margin-bottom: 20px;
    border-bottom: 1px solid #9797A6;
}
    
.formComponent{
    margin-bottom: 20px;
}
    
.formComponent button{
    width: 30%;
}
/* Rodapé do Site / Rodapé / Footer */
    
.menuFooter{
    display: none;
}
    
.socialFooter{
  display: inline-block !important;
  float: none !important;
  width: 100% !important;
  text-align: center !important;
  margin-top: 12px !important;
  height: 70px;
}
    
.socialFooter ul{
    text-align: center;
    margin-top: 4px;
    width: 100% !important;
    float: none;
    height: auto;
}
    
.socialFooter li{
  width: 49% !important;
  height: auto;
  
}

.socialFooter li a img{
    float: none !important;
}
  
.socialFooter li:first-child{
    text-align: right;
}
    
.socialFooter li:last-child{
    text-align: left;
}



.socialFooter a{
  width: 100%;
}
    
.socialFooter img{
  max-width: 100%;
  float: left;
}
    
.logomark_footer{
   width: 100%;
   height:auto;
   margin-top: 15px;
}

.logomark_footer a{
   margin: 0;
   padding: 0;
   text-align: center;
}
    
.logomark_footer img{
   float: none;
}
    
.footer_container{
   height: auto;
}
    
.adress_ftr{  
  width: 100%;
  text-align: center;
  margin: 0;
}
    
.adress_ftr span{
    float:none;
}
} /* <== @media (max-width:767px) */