@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900&subset=latin-ext');
*{margin:0; padding:0; border:0;}
body{background-color: #FFFFFF; width: 100%; height: auto;}
html{overflow-x: hidden;}

/* GERAIS */
a:link, a:visited, a:hover{color:#FFFFFF; text-decoration:none;}
.clearfix{float:none;  clear:both; height: 0px;}
#wrap{margin-top: 0px; width:100%; height: auto;}
.util{width:1046px; height:auto; margin:0 auto;}
.animacao{-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
h1{font-family: 'Titillium Web', sans-serif; font-weight: 600; font-size: 30px; color: #99b933; text-transform: uppercase; letter-spacing: 4px;}
h2{font-family: 'Titillium Web', sans-serif; font-weight: 200; font-style: italic; font-size: 25px; line-height: 26px; color: #707889;}
p{font-family: 'Titillium Web', sans-serif; font-weight: 300; font-size: 16px; line-height: 23px; color: #707889; text-align: justify;}
.left{width: 48%; float: left;}
.right{width: 48%; float: right;}
.linhal{width: 35%; height: 1px; background-color: #ecdd30; position: absolute; left: 0px;}
.linhar{width: 40%; height: 1px; background-color: #ecdd30; float: right; right: : 0px;}
.mascara2 { display: none; position:fixed; width:100%; min-height: 100%; left: 0; top: 0; background-color: rgba(174,0,4,0.8); z-index:1009; }
#amensagem { display: none; position: fixed; background-size: auto 80px; background-repeat:no-repeat; background-position: 20px center; z-index: 100001; left: 0; top: 0; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); padding: 50px 20px; font-size: 18px; line-height: 18px; font-family: 'Titillium Web'; font-weight: 600; color: #ffffff; text-align: center; height: auto; letter-spacing: 0px; }
/* GERAIS */
/* MSG */
#msgalerta{width:100%; height:130px; text-align: center; font-family: 'Arial'; font-size: 24px; letter-spacing: -1px; color:#000000; overflow:hidden;}
#msgalerta img{padding:14px;}
#tmsg{margin-top:-5px;}
/*MSG*/
/* SCROLL TOP */
#btn-dinamic{overflow: hidden; width: auto; z-index: 5000; position: fixed; bottom: 8px; right: 8px; top: auto; left: auto; cursor:pointer;}
#btn-dinamic span{display: block; overflow: hidden; width: 31px; height: 31px; background: url(../imagens/st.png) no-repeat center center;}
#btn-dinamic span:hover{display: block; overflow: hidden; width: 31px; height: 31px; background: url(../imagens/st2.png) no-repeat center center;}
/* SCROLL TOP */
/*HOME*/
/*TOPO*/
.bull{background: url(../imagens/bull.png) no-repeat top; position: absolute; top: 0px; width: 177px; height: 161px; z-index: 101; margin-left: -200px;}
.topo{width: 100%; height: auto; top: 0px; background-color: #FFFFFF; position: fixed; z-index: 100;}
.topo .logotipo{width: 218px; height: 78px; float: left; background: url(../imagens/logotipo-tjp.png) no-repeat; cursor: pointer; margin: 18px 0px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.topo .logotipo:hover{margin-left: 5px;}
.topo .menu{width: auto; height: auto; float: right; margin: 40px 0px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.topo .menu li{list-style: none; float: left; font-family: 'Titillium Web', sans-serif; font-weight: 600; font-size: 13px; color: #90b535; text-transform: uppercase; letter-spacing: 2px; margin-left: 20px; cursor: pointer;}
.topo .menu li span{margin-left: 20px;}
.topo .menu li.ativo, .topo .menu li:hover{color: #6c930b;}
.topo .menu li.ativo span, .topo .menu li:hover span{color: #707889;}
.topo .icone-menu{background: url(../imagens/iconemenu.png) no-repeat; float: right; width: 30px; height: 30px; margin: 35px 0px; display: none;}
.topo.sticky{height: auto -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.17); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.17); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.17);  background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)"; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.topo.sticky .logotipo{background-size: 160px; height: 57px; margin: 10px 0px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.topo.sticky .menu{margin: 25px 0px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.topo.sticky .linhar{display: none;}
.topo.sticky .icone-menu{margin: 20px 0px;}
/*TOPO*/
/*BANNER*/
.banner{width: 100%; height: 815px; background: url(../imagens/fundo-ebanner.png) no-repeat; top: 130px; position: relative;}
.banner .slider{width:100%; height: auto; position:absolute; z-index:10;}
.banner .sliderContent{width:100%; height: auto; clear:both; position: absolute;}
.banner .sliderContent .item{width:100%; height: auto; position: absolute;}
.banner .sliderContent .item img{width: 1046px; height: auto;}
.sliderBullets{position:relative; width:200px; height:12px; top: 0px; z-index:1500; top: 510px; margin: 0 auto;}
.sliderBullets a{display:block; float:left; text-indent:-9999px; outline:none; margin-bottom:0px; margin-right: 0px; width:12.5px; height:12px; background:url(../imagens/bullets.png) no-repeat; margin-right: 3px;}
.sliderBullets .active{background-position: right; margin-right: 3px;}
/*BANNER*/
/*EMPRESA*/
.imagens-emresa{margin-top: -120px; z-index: 80; position: relative;}
.video-empresa{width: 580px; height: 290px; margin: 0 auto; position: relative;}
.video-empresa img{width: 100%;}
.video-empresa .play{background: url(../imagens/play.png) no-repeat center center; position: absolute; width: 119px; height: 122px; left: 50%; top: 50%; margin: -61px -0px 0px -59.5px;}
.video-empresa:hover .play{transform: scale(1.2);}
/*EMPRESA*/
/*CLIENTES*/
#clientes{background-color: #fafafa; padding-bottom: 40px; margin-top: 50px;}
#wrapper{width: 690px;}
.caroufredsel_wrapper{text-align: center; position: relative; float: left;}
#carousel img{margin: 0px 20px; display: inline-block; width: 120px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray;}
#carousel img:hover{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: gray;}
#prev, #next{font-family: 'Titillium Web', sans-serif; font-weight: 300; font-size: 30px; color: #c0c0c0;}
#prev{right: 0px; float: right; margin-top: -49px; }
#prev:hover{margin-right: -5px;}           
#next{float: left; margin-top: -6px;}
#next:hover{margin-left: -5px;}
/*CLIENTES*/
/*SOLUCOES*/
#solucoes ul{width: 100%; height: auto; text-align: center;}
#solucoes ul .txt{float: right; width: 67%;}
#solucoes ul li{list-style: none; display: inline-block; margin: 20px 0.5%; width: 18%; vertical-align: top;}
#solucoes ul li img{float: left; margin-right: 3%; width: 30%; float: left;}
#solucoes ul li:hover img{transform: scale(1.2);}
#solucoes ul li h2, #solucoes ul li p{text-align: left;}
/*SOLUCOES*/
/*ESTRUTURA*/
#estrutura ul li{list-style: none;}
#estrutura ul li img{float: left;}
#estrutura ul li:hover img{transform: scale(1.1);}
#estrutura ul li h1{text-transform: capitalize; float: left; margin-left: 40px; margin-top: 70px;}
#estrutura ul li:hover h1{margin-left: 30px;}
/*ESTRUTURA*/
/*REPRESENTACAO*/
#representacao{width: 100%; height: 435px; background: url(../imagens/parafusos.png) no-repeat center center;}
#representacao h1, #representacao p{color: #FFFFFF !important;}
#representacao img:hover{margin-left: 15px;}
#representacao .left, #representacao .right{padding-top: 120px;}
/*REPRESENTACAO*/
/*CONTATO*/
#contato{width: 100%; height: 666px; background: url(../imagens/contato.png) no-repeat center center;}
#contato .left{padding-top: 90px;}
#contato .right{padding-top: 120px;}
#contato .info{width: 78%; height: auto;}
#contato .info li{list-style: none; margin-bottom: 15px;}
#contato .info img{width: 32px; height: 35px; float: left; margin-right: 15px;}
#contato .info li:hover img{margin-left: -10px;}
#contato .info p{font-style: italic; font-weight: 200; font-size: 22px;}
#contato form{width: 100%; height: auto;}
#contato form input[type="text"]{width: 100%; height: auto; width: 100%; border-bottom: 1px solid #707889; padding: 0px; height: 30px; color: #707889; line-height: 30px; font-size: 14px; font-weight: 300; text-align: left; font-family: 'Titillium Web'; margin: 10px 0px 0px 0px; background-color: transparent;}
#contato form textarea{width: 100%; border-bottom: 1px solid #707889; padding: 0px; height: 60px; color: #707889; line-height: 30px; font-size: 14px; font-weight: 300; text-align: left; font-family: 'Titillium Web'; margin: 10px 0px 0px 0px; background-color: transparent;}
#contato form input[type="submit"]{width: 80px; height: 30px; cursor: pointer; font-family: 'Titillium Web'; font-weight: 300; font-size: 14px; color: #FFFFFF; float: right; margin-top: 10px; background-image: linear-gradient(to right top, #74a93a, #7dad38, #86b137, #8fb535, #99b933); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
#contato form input[type="submit"]:hover{width: 90px; height: 35px; font-size: 15px;}
#contato iframe{width: 90%; height: 450px; float: right;}
/*CONTATO*/
/*FOOTER*/
.footer{padding-bottom: 30px;}
.footer .logotipo-arcanjo{width: 249px; height: 34px; background: url(../imagens/logotipo-agenciaarcanjo.png) no-repeat; float: right;}
/*FOOTER*/
/*RESPONSIVO*/
@media screen and (max-width: 1150px){
	/*GERAIS*/
	.util{width: 95%;}
	/*GERAIS*/
	/*BANNER*/
	.banner{background: none; height: 405px;}
	.banner .sliderContent .item img{width: 800px; text-align: center; left: 50%; margin-left: -430px; position: relative;}
	.sliderBullets{top: 405px;}
	.sliderBullets a{background:url(../imagens/bullets2.png) no-repeat;}
	/*BANNER*/
	/*EMPRESA*/
	#empresa{margin-top: 120px;}
	.imagens-emresa{margin-top: 0px;}
	.imagens-emresa img{width: 100%;}
	/*EMPRESA*/
	/*ESTRUTURA*/
	#estrutura ul li h1{margin-left: 20px; font-size: 22px;}
	/*ESTRUTURA*/
	/*CONTATO*/
	#contato .info{width: 100%;}
	/*CONTATO*/
}	
@media screen and (max-width: 970px){
	/*GERAIS*/
	.left, .right{width: 100%; height: auto; float: none;}
	.right{margin-top: 5%;}
	/*GERAIS*/
	/*TOPO*/
	.topo .menu{display: none;}
	.topo .icone-menu{display: block;}
	.topo .linhar{display: none;}
	.topo .menu{width: 100%; margin: 0px; padding-bottom: 10px;}
	.topo .menu li{float: none; text-align: center; font-size: 16px; margin-left: 0px;}
	.topo .menu li span{display: none;}
	/*TOPO*/
	/*EMPRESA*/
	.imagens-emresa{margin-top: 0px; text-align: center;}
	.imagens-emresa img{width: 70%;}
	.video-empresa{margin-top: 50px;}
	/*EMPRESA*/
	/*SOLUCOES*/
	#solucoes ul li{width: 25%;}
	/*SOLUCOES*/
	/*ESTRUTURA*/
	#estrutura ul{text-align: center;}
	#estrutura ul li{display: inline-block; margin: 10px 2%;}
	#estrutura ul li img{float: none;}
	#estrutura ul li h1{float: none; margin-top: 10px; margin-left: 0px; text-align: center;}
	/*ESTRUTURA*/
	/*REPRESENTACAO*/
	#representacao{min-height: 435px; height: auto; background-position: center top;}
	#representacao .right{padding-top: 0px;}
	#representacao p{color: #707889 !important;}
	/*REPRESENTACAO*/
	/*CONTATO*/
	#contato{min-height: 666px; height: auto; background-position: center top;}
	#contato iframe{float: none; width: 100%; margin-bottom: 3%;}
	/*CONTATO*/
	/*FOOTER*/
	.footer .logotipo-arcanjo{left: 50%; margin-left: -149.5px; position: relative; float: none;}
	/*FOOTER*/
}
@media screen and (max-width: 830px){
	/*BANNER*/
	.banner{height: 305px;}
	.banner .sliderContent .item img{width: 600px; margin-left: -330px;}
	.sliderBullets{top: 305px;}
	/*BANNER*/
	/*CLIENTES*/
	#wrapper{width: 100%; margin-left: 0px !important;}
	#carousel{text-align: center;}
	#carousel img{display: inline-block; margin: 2%;}
	#prev, #next{display: none;}
	/*CLIENTES*/
	/*SOLUCOES*/
	#solucoes ul li{width: 47%;}
	/*SOLUCOES*/
}
@media screen and (max-width: 630px){
	/*EMPRESA*/
	.video-empresa{width: 100%; overflow: hidden;}
	/*EMPRESA*/
	/*SOLUCOES*/
	#solucoes ul li{width: 100%;}
	/*SOLUCOES*/
	/*REPRESENTACAO*/
	#representacao img{width: 100%;}
	/*REPRESENTACAO*/
}
@media screen and (max-width: 610px){
	/*BANNER*/
	.banner{height: 205px;}
	.banner .sliderContent .item img{width: 400px; margin-left: -215px;}
	.sliderBullets{top: 205px;}
	/*BANNER*/
}
@media screen and (max-width: 410px){
	/*BANNER*/
	.banner{height: 175px; width: 320px; left: 50%; margin-left: -165px; position: relative;}
	.banner .sliderContent .item img{width: 320px; margin-left: -165px;}
	.sliderBullets{top: 175px; float: right;}
	/*BANNER*/	
}
/*RESPONSIVO*/