
/* ==== HTML ==== */
*{color:#504f4f;margin:0;padding:0;font-family:'Source Sans Pro', Arial;font-size:13px}
img{border:none}


/* ==== ESTRUTURA ==== */
html{}
body{background:#f5f5f5 url(../imagens/estrutura/bg.jpg) no-repeat center top}
#general{}
	#header{}
		.h1Marca{margin-top:10px}
	#header{background:transparent url(../imagens/estrutura/bg_header.png) 0 0 repeat-x;margin:0 auto;height:135px}
	#header ul{text-align:right}
	#header li{list-style-type:none;display:inline}
	#header a{font-family:'Source Sans Pro', Arial;text-decoration:none}
	#header a:hover{text-decoration:underline}
	
		ul#navMain{margin:15px 20px; border-bottom:2px solid #a48942;padding:0 0 15px 0}
		ul#navMain li{color:#a48942;font-size:17px}
		ul#navMain a{color:#a48942;font-size:17px;text-transform:uppercase;padding:6px}
		
		ul#navAreas{margin:15px 10px;}
		ul#navAreas a{color:#525151;font-size:17px;padding:5px 10px}		

	#featured{padding-bottom:45px}
		#featured ul{margin:0 auto;list-style-type:none;display:table;margin:0 auto}
		#featured li{display:table-cell;position:relative;}
		#featured li div{background:transparent url(../imagens/estrutura/bg_banner.png) 0 0 repeat-x;width:100%;height:130px;position:absolute;left:0;bottom:0;border-bottom:6px solid #a28842}
		#featured h2{color:#FFF;font-family:'Source Sans Pro', Arial;font-weight:100;font-size:24px;padding:0px 40px;margin:5px 0 0 0;text-align:left }
		#featured p{color:#FFF;font-family:'Source Sans Pro', Arial;font-size:18px;line-height:25px;padding:0px 40px;margin:0;text-align:left}
		#featured p a{color:#FFF;font-family:'Source Sans Pro', Arial;padding:0px;font-size:18px;text-decoration:none}
		#featured p a:hover{text-decoration:underline}













/* Mobile Navigation */
.nav-mobile {
	cursor: pointer;
    position: absolute;
    top: 65px;
    right:20px;
    background:#b49e4f url(../imagens/estrutura/nav.png) no-repeat center center;
    height: 30px;
    width: 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display: none;
    margin-bottom: 6px;
    margin-top: -3px;
    float: left;
	z-index:999
}

@media screen and (max-width : 600px)
 {
	.h1Marca{position:absolute;lleft:20%;top:35px}
	.h1Marca img{width:80%}
	
	#navMain{position:absolute;width:95%;top:-10px;left:-10px;padding:0 0 10px 0 !important;margin:15px 20px 0 20px;text-align:center !important}
	#navMain li{font-size:13px !important}
	#navMain a{font-size:13px !important}
	.nav-mobile {
		display:block;
		z-index:11;
		position:absolute;
	}
	.nav-list {
		display:none;
		background-color:#b49e4f;
		padding:20px 35px 35px 30px;
		position:absolute;
		top:75px;
		right:10px;
		z-index:99;
	}
	.nav-list li {
		list-style: none;
		display:block !important;
		float:none;
		margin-left: 7px;
		border-bottom: solid 1px #fff;
		padding:8px;
		color: #fff;		
	}
	.nav-list li a{
		color: #fff !important;		
	}	
	.nav-active {
		display:block;		
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
		margin-bottom:15px;
	}

	

	#featured{display:none}
	.homeMiniBox img{ display:none}
	
}





 
	#content{}
		#content .row{margin:0 auto;padding:30px 0;position:relative;}	
		.subdivInt{margin:0 auto;padding:50px 25px;position:relative;}

		.lineW{background-color:#FFF;margin-top:35px}
		.boxContent{background-color:#FFF}		

		.homeMiniBox{padding: 0px  15px!important;}
		.homeMiniBox .columns{padding-bottom: 15px !important;}

		.homeMiniBox a{color:#4e4939;text-decoration:none;font-size:15px}
		.homeMiniBox a:hover{text-decoration:underline}
		.homeMiniBox p{margin:0;padding:0}
		.homeMiniBox img{width:100%;height:auto;}
		
		.boxendereco{background-color:#b0ada1;padding:20px}
		.boxendereco p.txtEndereco{color:#fff;font-size:13px;text-align:right;}
		form{padding:0 !important;margin:0 !important}
		form .row{padding:0 !important;margin:0}
		form .forminput{	display: block;  box-sizing: border-box;  width: 100%;    padding: 0.5rem;  border: 1px solid #ccc;  margin: 0 0 1rem;   font-size: 1rem;  color: #666;  background-color: #dadedf;  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);  border-radius: 7px;font-family:'Source Sans Pro', Arial;}
		form textarea{	display: block;  box-sizing: border-box;  width: 100%;    padding: 0.5rem;  border: 1px solid #ccc;  margin: 0 0 1rem;   font-size: 1rem;  color: #666;  background-color: #dadedf;  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);  border-radius: 7px;font-family:'Source Sans Pro', Arial;}
		form textarea:focus {background-color:#fff}
		form .formselect{	  box-sizing: border-box;  width: 100%;      border: 1px solid #ccc;  margin: 0 0 1rem;  font-size: 1rem;  color: #666;  background-color: #dadedf;  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);  border-radius: 7px ;font-family:'Source Sans Pro', Arial;}
		
	
		
		#formAdv label{display:none}
		#formPerg label{display:none}
		.formResp label{display:none}
		#formFale label{display:none}

		#formAdvint .formCheckbox{position:relative;margin-bottom:25px;width:615px}
		#formAdv .formCheckbox{width:615px}
		.formCheckbox input{margin-bottom:5px}
		#formAdvint label{display:block;position:absolute;top:-17px}
		#formAdvint #formAlerts{margin:10px 0;padding:5px;}
		#formAdvint #btnEnvia{margin-left:110px}
		.resposta{display:none}
		
		.formInput select{background:none;border:none;margin:0px 5px;width:290px}
		.formInputG{background:transparent url(../imagens/estrutura/bg_input_g.gif) 0 0 no-repeat;float:left;margin:0 10px 10px 0;width:465px;height:41px}
		.formInputG input{background:none;border:none;color:#666;font-family:'Source Sans Pro', Arial;font-weight:300;font-size:16px;padding:5px 8px;}
		.formText{background:transparent url(../imagens/estrutura/bg_textarea.gif) 0 0 no-repeat;clear:both;width:940px;height:141px}
		.formText textarea{background:none;border:none;color:#666;font-family:'Source Sans Pro', Arial;font-weight:300;font-size:16px;margin:10px;padding:5;height:120px}
		.formTextP{background:transparent url(../imagens/estrutura/bg_textarea_p.jpg) 0 0 no-repeat;clear:both;width:630px;height:141px}
		.formTextP textarea{background:none;border:none;color:#666;font-family:'Source Sans Pro', Arial;font-weight:300;font-size:16px;margin:10px;padding:5;width:610px;height:120px}
		
		.formCheckbox{clear:both;width:940px}
		.formCheckbox label{display:block !important}
		#formAlerts{margin:10px 0;padding:5px;}
		

		form label.error{color:#EF9D0E}
		form input.error, textarea.error, select.error{border:2px solid #F90}
		.btnForm{box-sizing: border-box;  width: 120px; height:50px;   padding: 1rem; border:none; border-bottom: 2px solid #a38843;  margin: 0 0 1rem;   font-size: 1.1rem;  color: #fff;  background-color: #b49e4f;  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);  border-radius: 7px;font-family:'Source Sans Pro', Arial;text-transform:uppercase;cursor:pointer;}
		.btnForm:hover{background-color:#c4b35b}

		.formMsg{background:#FFF;display:none;position:absolute;z-index:99}
		.formMsg p{color:#a48942;font-size:16px;text-align:center;line-height:22px;padding:100px 25px}
		.formMsg p.p{color:#a48942;font-size:10px;text-align:center;padding:5px}	
		div.txtArea{padding:0 0 5px 0}
		
		.lineW h3{border-bottom:1px solid #dbdede;padding:0 0 15px 0}
		#boxperg{margin:20px 0 35px 0;position:relative}
		#boxperg p{position:absolute; top:15px; left:15px}
		#boxperg a{font-size:15px;text-decoration:none}
		#boxperg a:hover{text-decoration:underline}
		
		#linkNews{list-style-type:none;padding:0;margin:0}
		#linkNews li{border-bottom:1px solid #CCC;padding:10px 0}
		#linkNews a{color:#504f4f;font-size:13px;font-weight:bold;line-height:15px;text-decoration:none}
		#linkNews a:hover{text-decoration:underline}
		
		#divCadastro{width:635px}
		#divCadastro #formAlerts{width:610px}
		#divCadastro #btnEnvia{margin-left:100px}
		#divLogin{position:absolute;top:30px;right:0px;width:320px}
		#divLogin #btnEnvia{margin-left:60px}
		#divLogin{position:absolute;top:30px;right:0px;width:320px}
		#formAdvLog label{display:none}
		
		fieldset{border:1px solid #ccc;padding:10px;width:200px}
		legend{font-weight:bold;margin:0 5px;padding:0 10px}
		.btvote{background-color:#b49e4f;border:none;cursor:pointer;color:#fff;font-family:'Source Sans Pro', Arial;text-align:center;font-size:15px;font-weight:300;margin:0 10px;padding:0 8px}
		.Clear{padding:0 15px}
		
		/*pagina noticias*/
		ul#noticias li{border-bottom:1px solid #dbdede;list-style-type:none;padding:15px 0 15px 0}

		
	#footer{background-color:#746e59;margin:0 0 0 0;height:auto}
		
		.marcaP{margin-top:50px}
		p.txtEndereco{clear:both;color:#b0ada1;font-size:12px;text-align:right;margin:0 15px 30px 0}
		#navMainP{margin:30px 0 0px 0;text-align:right}
		#navMainP li{list-style-type:none;display:inline;margin:0 15px}
		#navMainP a{color:#e2e1dd;font-family:'Source Sans Pro', Arial;font-size:14px;text-decoration:none}
		#navMainP a:hover{text-decoration:underline}
			

	

/* ==== BLOCOS ==== */

/* - divs - */
div{}

/* - table - */
table{}
th{}

/* ==== TEXTO ==== */

/* - titulos - */
h1{color:#b49e4f;font-family:'Source Sans Pro', Arial;text-align:center;font-size:26px;font-weight:bold;text-transform:uppercase}
h2{color:#b49e4f;font-family:'Source Sans Pro', Arial;text-align:center;font-size:28px;font-weight:300}
.int{text-align:left;font-size:15px;font-weight:normal;padding:15px 0}
h3{color:#b49e4f;font-family:'Source Sans Pro', Arial;font-size:22px;font-weight:300;text-transform:uppercase}
h4{border-bottom:1px solid #999;color:#c19e4f;font-family:'Source Sans Pro', Arial;font-size:28px;font-weight:300;margin:0 0 30px 0}
h5{border-bottom:1px solid #dbdede;color:#c19e4f;font-family:'Source Sans Pro', Arial;font-size:20px;font-weight:300;margin:10px 0}

.border{padding:10px}
.border p{font-size:15px;text-align:justify;}
.border ul{font-size:15px;margin-left:30px !important}
.border li{font-size:15px;}

/* - links - */
a:link{}
a:visited{}
a:hover{}
@media screen and (min-width : 600px)
 {.homeMiniBox h1{display:none}
 .marcaP{margin-bottom:50px}

 }
 @media screen and (max-width : 600px)
 {
#footer{text-align:center;}
.marcaP{margin-top:30px}
p.txtEndereco{text-align:center;}
#navMainP {text-align:center}
#navMainP li{margin:0 10px}
 }



@keyframes shake {
	4.5%, 10.5% {
		transform: translate(0px, 0px) rotate(0deg);
	}
	5% {
		transform: translate(1px, 1px) rotate(0deg);
	}
	5.5% {
		transform: translate(-1px, -2px) rotate(-1deg);
	}
	6% {
		transform: translate(-3px, 0px) rotate(1deg);
	}
	6.5% {
		transform: translate(3px, 2px) rotate(0deg);
	}
	7% {
		transform: translate(1px, -1px) rotate(1deg);
	}
	7.5% {
		transform: translate(-1px, 2px) rotate(-1deg);
	}
	8% {
		transform: translate(-3px, 1px) rotate(0deg);
	}
	8.5% {
		transform: translate(3px, 1px) rotate(-1deg);
	}
	9% {
		transform: translate(-1px, -1px) rotate(1deg);
	}
	9.5% {
		transform: translate(1px, 2px) rotate(0deg);
	}
	10% {
		transform: translate(1px, -2px) rotate(-1deg);
	}
}

#bt_floating_whats {
	position: fixed;
	bottom: 21px;
	right: 18px;
	border-radius: 0!important;
	background: transparent url('http://www.testoniadvogados.com.br/imagens/icon_whats.png') center center no-repeat;
	z-index: 900;
	box-shadow: none;
	outline: none;
	width: 60px !important;
	height: 61px !important;
	background-size: 60px 60px !important;
	cursor: pointer;
	border: 0 !important;
	animation: shake 10s infinite;
}
