﻿/* 
/* 

SUMÁRIO
---------------------------------------------------------------------------------- 

1 - Estilos Gerais
2 - Tipografia
3 - Header
5 - O que fazemos
6 - Portfólio
7 - Agência
6 - Rodapé

*/


/* ESTILOS GERAIS */
/* ----------------------------------------------------------------------------------  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration:none;
}
body {
	line-height: 1;
	background:#902b2b url("../img/bg.jpg");
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

#wrap {
	margin:0 auto;
	max-width:1000px;
	width:100%;
	position:relative;
	padding:0;
}

.clear {
	clear:both;
}

iframe {
	display:none;
}

.zopim iframe {
	display:block !important;
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder   {
   color: #808080;
   font: 13px 'calibri',arial,verdana, sans-serif;
}

/* TIPORAFIA*/
/* ----------------------------------------------------------------------------------  */

@font-face {
    font-family: 'lubalgraph_bd_btbold';
    src: url('../fonts/lubgrhb-webfont.eot');
    src: url('../fonts/lubgrhb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lubgrhb-webfont.woff') format('woff'),
         url('../fonts/lubgrhb-webfont.ttf') format('truetype'),
         url('../fonts/lubgrhb-webfont.svg#lubalgraph_bd_btbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* HEADER */
/* ----------------------------------------------------------------------------------  */
.logo {
	margin-top: 20px;
	position: absolute;
	z-index: 9999999999;
}

.menu {
	margin-top: 10px;
	margin-left: 615px;
	position: fixed;
	z-index:999999999999999;
}

.menu ul {
	display: inline;
}

.menu ul li {
	float: left;
	width: 75px;
	font-family: "Century gothic",arial,tahoma,sans-serif;
	font-size:11px;
	text-align:center;
	cursor:pointer;
}

.menu ul li a {
	color: #fff;
}

.menu ul li a p {
	margin-top: 8px;
	margin-left: -10px;
}

.ico {
	width: 55px;
	height: 55px;
	background: url("../img/sprite_menu.png");
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
}

.ico_home {
	background-position: 0px -70px;
}

.ico_serv {
	background-position: -80px 0px;
}

.ico_port {
	background-position: -169px 0px;
}

.ico_agen {
	background-position: -253px 0px;
}

.ico_cont {
	background-position: 75px 0px;
}

.ico_home:hover {
	background-position: 0px 0px;
}

.ico_serv:hover {
	background-position: -80px 75px;
}

.ico_port:hover {
	background-position: -169px 75px;
}

.ico_agen:hover {
	background-position: -253px 75px;
}

.ico_cont:hover {
	background-position: 75px 75px;
} 

.active_icohome {
	background-position: 0px 0px;
}

.active_icoserv {
	background-position: -80px 75px;
}

.active_icoport {
	background-position: -169px 75px;
}

.active_icoagen {
	background-position: -253px 75px;
}

.active_icocont {
	background-position: 75px 75px;
}

#slider {
	width: 100%;
	height: 641px;
	margin: 0 auto;
}

#setas {
	margin:0 auto;
	width:100%;
	max-width:1000px;
	position: absolute;
	z-index:999;
}

#prev, #next {
	height: 170px;
	width: 70px;
	background: url("../img/sprite_arrow.png");
	margin-top: 275px;
	cursor:pointer;
}

#prev {
	float: left;
	margin-left: -15px;
}

#next {
	background-position:right;
	float: right;
	margin-right: -39px;
	margin-top: 284px;
}

.slide {
	width: 100% !important;
}

.slide li {
	width:100% !important;
	height:641px !important;
}

.slide img {
	width:100%;
	height:100%;
}

.banner-01,.banner-02 {
	width:100%;
	height:100%;
}

.banner-01 {
	background:url(../slide/11.jpg) top center no-repeat;
}

.banner-02 {
	background:url(../slide/22.jpg) top center no-repeat;
}


.faixa {
	height:5px;
	background:#660000;
}

/* O QUE FAZEMOS */
/* ----------------------------------------------------------------------------------  */
#servicos {
	margin-top: 40px;
	height: 650px;
}

#servicos a {
	cursor:pointer;
}

.title {
	font-family: 'arial',Century gothic,tahoma,sans-serif;
	color:#fff;
	margin:0 auto;
	height:117px;
	width:100%;
	background:url("../img/bg_title.png");
	background-position:center;
}

.title h2 {
	font-weight: normal;
	font-size: 20px;
	margin-left: 32px;
	padding-top: 53px;
}

.title h3 {
	font-weight: bold;
	font-size: 14px;
	line-height: 115%;
	margin-left: 32px;
}

#servicos .title_descServico {
	font-family: 'arial',Century gothic,tahoma,sans-serif;
	color:#fff;
}

.title_descServico {
	font-family: 'arial',Century gothic,tahoma,sans-serif;
	color:#212121;;
}

.title_descServico h2 {
	font-weight: normal;
	font-size: 20px;
	padding: 53px 0 5px 0;
}

.title_descServico h3 {
	font-weight: bold;
	font-size: 14px;
	line-height: 115%;
	letter-spacing:1px;
}

.title_ofz {
	font-family: 'arial',Century gothic,tahoma,sans-serif;
	color:#fff;
	margin:0 auto;
	height:117px;
	width:100%;
	background-position:center;
}

.title_ofz h2 {
	font-weight: normal;
	font-size: 20px;
	margin-left: 90px;
	padding-top: 46px;
}

.title_ofz h3 {
	font-weight: bold;
	font-size: 14px;
	line-height: 115%;
	margin-left: 90px;
}

.title_ofz img {
	position: absolute;
	margin: 35px 30px 30px 30px;
}

.title2 {
	font-family: 'arial',Century gothic,tahoma,sans-serif;
	color:#fff;
	margin:0 auto;
	height:117px;
	width:100%;
	background:url("../img/bg_title2.jpg");
	background-position:center;
}

.title2 h2 {
	font-weight: normal;
	font-size: 20px;
	margin-left: 32px;
	padding-top: 53px;
}

.title2 h3 {
	font-weight: bold;
	font-size: 14px;
	line-height: 115%;
	margin-left: 32px;
}

.item {
	width: 100px;
	height: 100px;
	margin: 0 auto 25px auto;
	background: url("../img/fazemos.png") no-repeat;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
}

.item_serv {
	background-position: 19px 0px;
}

.item_gest {
	background-position: -184px 0px;
}

.item_otim {
	background-position: -386px 0px;
}

.item_cria{
	background-position: -587px 0px;
}

.item_mark{
	background-position: -792px 8px;
}

.itens_serv li:hover .item_serv {
	background-position: 19px 8px;
}

.itens_serv li:hover .item_gest {
	background-position: -184px 8px;
}

 .itens_serv li:hover .item_otim {
	background-position: -386px 8px;
}

.itens_serv li:hover .item_cria{
	background-position: -587px 8px;
}

 .itens_serv li:hover .item_mark{
	background-position: -792px 16px;
}

.itens_serv {
	font-family: 'arial',Century gothic,tahoma,sans-serif;
	display: block;
	margin-top: 50px;
}

.itens_serv li {
	float: left;
	width: 200px;
	height: 197px;
	text-align: center;
	padding: 20px 0;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
}

.itens_serv span {
	font-size: 14px;
	width: 180px;
	margin-top: 10px;
}

.itens_serv span b{
	font-size:12px;
}

.itens_serv li:hover {
	background: url("../img/bg_title2.jpg");
}

.itens_serv li a {
	color:#fff;
}

.itens_serv li p {
	font-family: "arial",tahoma,sans-serif;
	font-size: 13px;
	line-height: 130%;
	text-align: center;
	padding: 30px 15px 0 15px;
}

/* PORTFÓLIO */
/* ----------------------------------------------------------------------------------  */
#portfolio {
	background:url("../img/bg_work.jpg");
	padding-bottom:30px;
	
}

#tabs .color-1,
#tabs .color-2,
#tabs .color-3{
	max-width: 945px;
	width:100%;
	margin: 0 auto;
	height: 5px;
	background: #4D0A00;
}

#tabs .top {
	margin: 0 auto;
	max-width: 945px;
	width:100%;
}

#tabs .top li a {
	padding: 0 20px;
	color: #454545;
	font-size: 15px;
}

#tabs ul li.ui-state-default {
	float: left;
	width: 33.333333%;
	background: #fff;
	padding: 12px 0;
}

#tabs ul li.ui-state-active {
	background: #4D0A00 !important;
}

#tabs ul li.ui-state-active a {
	color:#fff;
}

#tabs ul li.ui-state-hover {
	background: #eee;
}

.add_item {
	display: block;
    opacity: 0 !important; 
    height: 0 !important;
    overflow: hidden;
}

#gallery2,
#gallery3,
#gallery4 {
	margin: 0 auto;
	width: 945px;
	opacity: 1;
	height: 1800;
	overflow: hidden;
	transition: 3s;
	-moz-transition: 3s;
	-webkit-transition: 3s;
}

.four_square,
.central,
.two_square{
	float: left;
	height: 240px;
	width:33.333333%
}

.four_square ul{
	width: 320px;
}

.four_square ul li{
	width: 147px;
	height: 112px;
	position:relative;
	float: left;
	overflow: hidden;
	margin: 0px 10px 10px 0px;
}

.four_square ul li img{
	width: 100%;
}

.central ul li {
	height: 233px;
	overflow: hidden;
	position:relative;
	width: 305px;
}

.central ul li img{
	width: 100%;
}

.two_square ul li {
	height: 111px;
	width: 307px;
	position:relative;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
}

.two_square ul li img{
	width: 100%;
}

#gallery {
	margin: 10px auto 0 auto;
	max-width: 945px;
	width:100%;
}

.faixa_portfolio {
	background: url("../img/faixa.jpg");
	height: 48px;
	background-position: center;
	margin-bottom: 70px;
	background-repeat: no-repeat;
}

.cima {
	background:url("../img/faixa2.jpg") top center !important;
}

.link_portfolio {
	font-family: 'arial',Century gothic,tahoma,sans-serif;
	font-size: 13px;
	text-align: center;
	padding-top: 5px;
}

.link_portfolio a {
	color:#fff;
	cursor:pointer;
}

#menos {
	display:none;
	margin-top: 21px;
	margin-left: 25px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
}

#mais {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-left: 25px;
}

.details {
	width: 100%;
	height: 0;
	position:absolute;
	bottom:0;
	left:0;
	background: url(images/bg_port.png);
	color: #fff;
	text-align:center;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
	font-family: 'arial',Century gothic,tahoma,sans-serif;
	font-size:13px;
	line-height: 115%;
	cursor:pointer;
}

.details .box {
	position: absolute;
	text-align: center;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	height: 40%;
}

.btn_mais {
	width:21px !important;
	margin-top: 10px;
}

.four_square ul li:hover .details,
.central ul li:hover .details,
.two_square ul li:hover .details{
	height: 100%;
}

/* AGÊNCIA*/
/* ----------------------------------------------------------------------------------  */
#Agencia {
	margin-bottom: 80px;
}

#Agencia  .txt_agen {
	font-family: arial;
	font-size: 14px;
	line-height: 115%;
	padding: 0px 32px 15px 32px;
	color: #fff;
	float: left;
	width: 400px;
	text-align: justify;
}

.txt_agen {
	font-family: arial;
	font-size: 14px;
	line-height: 115%;
	padding: 0px 32px 15px 32px;
	color: #808080;
	float: left;
	/* width: 460px;*/
	text-align: justify;
}

.imgAgencia {
	float: right;
	width: 580px;
	text-align: center;
	position: relative;
	z-index: -1;
	margin-top: -70px;
	margin-bottom: -70px;
}

.imgAgencia img {
	margin-top: -215px;
}

.equipe {

}

.equipe ul {

}

.equipe ul li {
	font-family: 'arial',Century gothic,tahoma,sans-serif;
	float: left;
	margin: 18px;
	color:#fff;
	text-align: center;
	margin-bottom: 40px;
}

.equipe ul li h1 {
	font-weight:normal;
	font-size:14px;
}
 
.equipe ul li h3 {
	font-size:12px;
	font-weight:bold;  
	padding-top: 3px;
}

.equipe ul li img {
	height: 100%;
	width: 100%;
}

.img-equipe{
	position: relative;
	width: 100%;
	height: 162px;
	overflow: hidden;
	background:#000;
}

.img-equipe .foto {
	opacity:0.8;
}

.img-equipe:hover .foto {
	opacity:1;
}

.mascara {
	top: 0;
	left: 0;
	position: absolute;
	z-index: 99;
}

.blank {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
	margin-bottom: -160px;
	z-index: 1;
}

.blank2 {
	width: 100%; 
	height: 100%;
	background: #000;
	opacity: 0.3;
	margin-bottom: -150px;
	z-index: 1;
}

.equipe ul li:hover .blank, .equipe ul li:hover .blank2 {
	opacity: 1;
}

.pc1 {
	width:162px;
	height:160px;
}

.pc2 {
	width:164px;
	height:150px;
	padding-bottom: 10px;
}
/* RODAPÉ */
/* ----------------------------------------------------------------------------------  */
.mapa {
	height:537px;
	margin-top: 15px;
	overflow:hidden;
}

.mapa iframe {
	display: block;
	width: 200%;
	margin-left: -50%;
	height: 115%;
	position:relative;
	z-index:1;
}

.formulario {
	width: 345px;
	height: 480px;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 30px;
	right: 0;
	position: absolute;
	z-index:999;
	border: 1px solid #999;
}

.formulario img {
	margin-top: 20px;
	margin-left: 22px;
}

.bar_contato {
	border: none;
	background: #ccc;
	height: 1px;
	width: 85%;
}

.endereco {
	font-family: "tahoma",arial,sans-serif;
	font-size: 14px;
	color: #3e3e40;
	margin-left: 25px;
	margin-top: 15px;
}

.endereco h1 {
	font-weight: normal;
	font-size: 15px;
	color: #892020;
	float: left;
}

.endereco hr {
	border: none;
	background: #ccc;
	width: 1px;
	height: 16px;
	float: left;
	margin: 0 5px 5px 5px;
}

.endereco h2 {
	float: left;
	font-weight: normal;
	font-size: 15px;
}

.contatos {
	font-family: "tahoma",arial,sans-serif;
	font-size: 14px;
	color: #3e3e40;
	margin-left: 25px;
	margin-top: 15px;
	line-height:115%;
}

.contatos h1 {
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 5px;
}

.contatos h2 {
	font-weight: normal;
	font-size: 14px;
	color: #892020;
	float: left;
}

#txtNome{
	height: 40px;
	padding: 0 5px 0 8px;
	width: 275px;
	margin: 15px 0 5px 25px;
	border: 1px solid #ccc;
}

#txtTelefone {
	height: 40px;
	padding: 0 5px 0 8px;
	width: 275px;
	margin: 5px 0 5px 25px;
	border: 1px solid #ccc;
}

#txtEmail {
	height: 40px;
	padding: 0 5px 0 8px;
	width: 275px;
	margin: 5px 0 5px 25px;
	border: 1px solid #ccc;
}

#txtMensagem {
	height: 35px;
	font-family: "tahoma",arial,sans-serif;
	font-size: 13px;
	padding: 5px 5px 0 8px;
	width: 277px;
	resize: none;
	margin: 5px 0 5px 25px;
	border: 1px solid #ccc;
}

#btn_enviar {
	background: #892020;
	border: none;
	cursor: pointer;
	font-family: "tahoma",arial,sans-serif;
	font-size: 14px;
	color: #fff;
	padding: 8px 37px;
	float: right;
	margin-right: 28px;
}

.rede_sociais {
	background:#9c3d3d;
	height:130px;
	padding-top: 20px;
}

.rede_sociais ul {
	font-family: "Century Gothic"tahoma,arial,sans-serif;
	font-size:13px;
	padding-top: 6px;
}

.rede_sociais ul li {
	text-align: center;
	float: left;
	width: 160px;
	height: 100px;
	position: relative;
	margin-right: 6px;
}

.rede_sociais ul li .apadi {
	width: 65%;
}

.rede_sociais h2 {
	font-weight:normal;
	color:#fff;
}

.rede_sociais a {
	color:#fff;
}

.icone_social {
	height:60px;
	width: 110px;
	background:url("img/rede_sociais.jpg");
	background-repeat:no-repeat;
	margin: 0 auto;
}

.linkedin {
	background-position: 25px 0;
}

.blog {
	background-position: -113px 0;
}

.youtube {
	background-position: -280px 0;
}

.skype {
	background-position: -466px 0;
} 

.twitter {
	background-position: -652px 0;
} 

.Facebook {
	background-position: -815px 0;
}

.rodape {
	background: #d9dadc;
	height: 60px;
}

.copyright{
	font-family: "century gothic",arial,tahoma,sans-serif;
	font-size: 13px;
	color:#424343;
	margin-top: 20px;
	float: left;
}

.copyright a {
	font-family: "century gothic",arial,tahoma,sans-serif;
	font-size: 13px;
	color:#424343;
}

.abcomm {
	float: right;
	margin-top: 7px;
}

.desc_contato {
	position: relative;
	bottom: 0;
	width: 100%;
}

.Titulo_descServicos {
	font-family: 'arial',Century gothic,tahoma,sans-serif;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 35px;
	letter-spacing: 1px; 
	margin: 150px 0 20px 0;
}

.desc_header {
	height: 95px;
	background: url(img/bg_title3.jpg);
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 9999;
}

.desc_barra {
	border: none;
	height: 5px;
	width: 100%;
	background: #f7f7f7;
}

.infografico {
	float: left;
	width: 450px;
	padding: 30px 0;
}

.texto_descServicos {
	float: right;
	width: 520px;
	padding: 15px;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	font-family: 'arial',sans-serif;
	font-size: 14px;
	line-height: 130%;
	color: #454545;
	margin: 50px 0 80px 0;
}

#txtNome2{
	height: 40px;
	padding: 0 5px 0 8px;
	width: 500px;
	margin: 15px 0 15px 0px;
	border: 1px solid #ccc;
	color: #808080;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}

#txtTelefone2 {
	height: 40px;
	padding: 0 5px 0 8px;
	width: 500px;
	margin: 5px 0 15px 0px;
	border: 1px solid #ccc;
	color: #808080;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}

#txtEmail2 {
	height: 40px;
	padding: 0 5px 0 8px;
	width: 500px;
	margin: 5px 0 15px 0px;
	border: 1px solid #ccc;
	color: #808080;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}

#txtMensagem2 {
	height: 100px;
	font-family: "tahoma",arial,sans-serif;
	font-size: 13px;
	padding: 5px 5px 0 8px;
	resize: none;
	width: 500px;
	margin: 5px 0 5px 0px;
	border: 1px solid #ccc;
	color: #808080;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}

#btn_enviar2 {
	background: #488e07;
	border: none;
	cursor: pointer;
	font-family: "tahoma",arial,sans-serif;
	font-size: 20px;
	color: #fff;
	padding: 10px 37px;
	width: 515px;
	margin-top: 25px;
	letter-spacing: 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-bottom: 5px solid #3F7C05;
}

#btn_enviar23 {
	background: #488e07;
	border: none;
	cursor: pointer;
	font-family: "tahoma",arial,sans-serif;
	font-size: 20px;
	color: #fff;
	padding: 10px 37px;
	width: 515px;
	margin-top: 25px;
	letter-spacing: 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-bottom: 5px solid #3F7C05;
}

.formContato {
	margin: 0 auto;
	clear: both;
	padding: 5px 0 0 0;
}

.info_port {
	clear: both;
}

.info_portTitle {
	font-family: 'arial',Century gothic,tahoma,sans-serif;
	color: #fff;
	margin: 0 auto;
	height: 35px;
}

.info_portTitle h2 {
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 1px;
	padding: 5px 8px;
	background: url(img/bg_title3.jpg);
}

.list_ptl li:last{
	padding: 0 0px 30px 0;
}

.list_ptl li{
	float: left;
	width: 242px;
	margin: 0 10px 10px 0;
	list-style:none;
	display:inline;
	overflow: hidden;
	height: 230px;
}

.list_ptlDetails {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0.9;
	color: #fff;
	text-align:center;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
	font-family: 'arial',Century gothic,tahoma,sans-serif;
	font-size: 16px;
	padding-top: 85px;
	line-height: 115%;
	cursor:pointer;
}

.hd{
	display:none;
}

.list_ptlDetails b {
	letter-spacing: 1px;
}

.list_ptlDetailsBtn_mais {
	width:21px !important;
	margin-top: 10px;
}

.list_ptl li:hover .list_ptlDetails{
	margin-top: -235px;
}

.plugins_social {
	position: fixed;
	width: 60px;
	z-index: 999999;
	left: 10px;
	top: 230px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	background:#FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 15px 15px 15px 8px;
}

.plugins_social iframe {
	display:block !important;
}

.pl-google {
	padding: 0 0 0 7px;
}

.pl-twitter {
	padding: 20px 0px 20px 0px;
}

.pl-facebook {
	padding: 0 0 0 4px;
}

.apagar {
	opacity: 0;
}


.contentPage{
	color:#FFF;
	font-family:Arial, Tahoma, Verdana;
	font-size:14px;
	line-height:150%;
}

.contentPage h2{
	font-size:20px;
	margin:20px 0;
	color: #6E9C88;
}

.contentPage p{
	margin:0 0 13px 0;
}

.title_descServico-land {
	font-family: 'arial',Century gothic,tahoma,sans-serif;
	color: #454545;
	line-height: 100%;
}

.title_descServico-land h2 {
	font-weight: bold;
	font-size: 20px;
	padding: 53px 0 5px 0;
}

.title_descServico-land h3 {
	font-weight: normal;
	font-size: 14px;
	line-height: 115%;
	letter-spacing: 1px;
}

.form-cotacao {
	position: absolute;
	right: 0;
	top: 120px;
	width: 40%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	z-index: 9;
}

.form-cotacao form{
	text-align: center;
	text-align: center;
	padding: 25px;
}

.form-cotacao form h2 {
	color: #fff;
	font-size: 20px;
	position: relative;
	padding: 30px 0 10px 10px;
	text-align: left;
	white-space: nowrap;
	font-family: arial, sans-serif;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.form-cotacao form input,
.form-cotacao form  textarea,
.form-cotacao form select{
	width: 90%;
	padding: 10px 5px;
	margin-bottom: 5px;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border: none;
	color:#999999;
}

.form-cotacao form textarea {
	font-family: "arial",sans-serif;
	resize: none;
	height: 60px;
}

.form-cotacao form select {
	width: 93%;
}

.form-cotacao form .left {
	float:left;
	width: 49%;
}

.form-cotacao form .right {
	float:right;
	width: 49%;
}

.form-cotacao form .left input {
	width: 87%;
	float: right;
}

.form-cotacao form .right input{
	width: 87%;
	float: left;
}

.form-cotacao form .btn-enviar-cotacao{
	font-weight: bold;
	font-size: 18px;
	font-family: calibri;
	background: #E85E16;
	color: #fff;
	margin: 10px 0 40px 0;
	border-radius: 30px;
	cursor:pointer;
	width: 65%;
	transition:0.5s ease-in-out;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
}

.form-cotacao form .btn-enviar-cotacao:hover {
	background: #C85214;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);
}

.arrow-cotacao {
	position: absolute;
	left: -30px;
	bottom: 140px;
}

.land-header {
	font-family: Arial, sans-serif;
	font-weight: 700;
	text-align: center;
	line-height: 130%;
	border: 2px solid #fff;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
	border-radius: 100px;
	transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
}

.land-header:hover {
	background: rgba(255, 255, 255, 0.3);
	text-shadow: 2px 2px 15px #454545;
}

.land-header h1{
	color: #fff;
	font-size: 18px;
	line-height: 115%;
	text-transform: uppercase;
	text-align:center;
}

/* MEDIA QUERIES */
/*----------------------------------------------------------------------------------------*/
@media screen and (max-width:992px) {
	
	.logo {
		position: relative;
		text-align: center;
		padding-top: 110px;
		margin-bottom: 30px;
	}
	
	.plugins_social,
	.arrow-cotacao	{
		display:none;
	}
	
	.menu {
		margin:0;
		width:100%;
		padding: 3px 0 10px 0;
		border-bottom: 3px solid #660000;
		top:0;
		background: #902b2b url("../img/bg.jpg");
	}
	
	.menu ul li {
		width:20%;
		margin:0 !important;
	}
	
	.menu ul li a p {
		margin-left: 0px; 
		text-align: center;
	}
	
	.ico{
		margin: 0 auto;
	}
	
	#next,
	#prev {
		margin-left: 0px;
		margin-right: 0px;
	}
	
	#prev {
		margin-top: 60px;
	}
	
	#next {
		margin-top: 70px;
	}

	#slider,
	.slide,
	.slide li{
		height:300px !important;
	}
	
	.slide li div {
		background-size:cover;
	}
	
	#servicos {
		padding-top: 100px;
		height:auto;
		clear: both;
	}
	
	#portfolio {
		clear:both;
		padding-top: 80px;
	}
	
	.title {
		height: 80px;
	}
	
	.title h2 {
		padding-top: 0;
	}
	
	.itens_serv {
		margin-top:0 !important;
		float:none !important;
	}

	.itens_serv li {
		width: 20%;
	}

	#gallery,
	#gallery2 {
		width:auto;
		padding:10px;
	}
	
	.central,
	.four_square,
	.two_square {
		width: 50%;
	}
		
	.four_square ul {
		width:100%;
	}
		
	.central ul li {
		width:98%;
	}
		
	.two_square ul li {
		width:98%;
	}
	
	.four_square ul li {
		width:47%;
	}
	
	#Agencia {
		padding-top:100px;
	}
	
	.rede_sociais ul li{
		width: 33.33333%;
		margin: 0 0 30px 0;
	}
	
	.rede_sociais,
	.rodape	{
		height:auto;
	}
	
	.copyright {
		text-align:center;
		width:100%;
		float:none;
		margin-top: 0px;
		padding: 20px 0;
	}
	
	.abcomm {
		float:none;
		padding: 10px;
		text-align: center;
	}
	
	.equipe ul li {
		width:20%;
		margin:0 !important;
		height:250px;
	}
	
	.img-equipe{
		height: 150px;
	}
	
	.desc_header {
		position:relative;
		background:none;
	}
	
	.infografico{
		width:50%;
	}
	
	.texto_descServicos {
		width: 45%;
		padding: 15px;
	}
	
	.infografico img,
	#btn_enviar2	{
		width: 100% !important;
	}
	
	.texto_descServicos  .formContato input,
	.texto_descServicos  .formContato textarea{
		width: 95% !important;
	}
	
	#conteudo{
		padding: 25px;
	}

	.list_ptl {
		clear:both;
	}
	
	.list_ptl li {
		float: left;
		width: 33.333333%;
		margin:0;
	}
	
	.rede_sociais ul li .apadi {
		height: 100%;
	}
	
	.rede_sociais ul li{
		height:auto;
	}
	
	.form-cotacao {
		position:relative;
		width:100%;
		height: 630px;
		top: 0;
	}	
	
	.form-cotacao form h2 {
		text-align:center;
	}
	
	.imgAgencia,
	#Agencia .txt_agen{
		float:none;
		clear:both;
	}
	
	#Agencia .txt_agen {
		float: none;
		width: auto;
		padding: 25px;
	}
	
	.imgAgencia img,
	.imgAgencia{
		margin:5px 0;
		width:100%;
	}

	.form-cotacao form .left,
	.form-cotacao form .right {
		float:none;
		width:100%;
	}
	
	.form-cotacao form .left input,
	.form-cotacao form .right input {
		width:100%;
		float:none;		
	}
	
	.form-cotacao form input, 
	.form-cotacao form textarea, 
	.form-cotacao form select {
		width:100%;
		padding:10px 0;
		text-align:center !important;
	}
	
	.da-slider {
		display:none;
	}
	
}

@media screen and (max-width:768px) { 
	
	.itens_serv li {
		width: 50%;
	}

	.central, .four_square, .two_square {
		width: 100%;
	}
	
	.equipe ul li {
		width: 50%;
		height: 300px;
	}
	
	.img-equipe {
		height: 220px;
	}
	
	.rede_sociais ul li,
	.list_ptl li	{
		width: 50%;
	}
	
	.formulario {
		position:relative;
		width: 80%;
		margin:0 auto 30px auto
	}
	
	.mapa {
		height:auto;
	}
	
	.mapa iframe {
		height: 300px;
	}
	
	.title_descServico-land {
		color:#fff;
	}
	
	.infografico,
	.texto_descServicos{
		float:none;
		width:100%;
		padding:0;
		color:#fff;
		background:none;
	}
	
}

@media screen and (max-width:480px) {

	.formContato input,
	.formContato textarea	{
		width: 75% !important;
	}	
	
	.texto_descServicos  .formContato input,
	.texto_descServicos  .formContato textarea{
		width: 95% !important;
	}
	
	.formulario img {
		width:80% !important;
	}

	.equipe ul li {
		float: none;
		width: 70%;
		margin: 0 auto !important;
	}
	
	.rede_sociais ul li {
		float:none;
		width:100%;
		margin:0;
		padding-bottom:30px;
	}
	
	.four_square ul li {
		width: 45%;
	}
	
	.title2 h2,
	.title2 h3{
		padding-top:0;
		margin:0;
		padding: 0 15px;
	}
	
	#tabs ul li.ui-state-default {
		float:none;
		width: 100%;
		padding: 20px 0;
	}
	
	.Titulo_descServicos{
		font-size: 22px;
	}
	
	.list_ptl li,
	.list_ptl li img,
	.itens_serv li	{
		width:100%;
	}
	
	.title_descServico-land h2 {
		font-size: 15px;
	}
	
	.form-cotacao form h2 {
		white-space: inherit;
	}
	
}
 
@media screen and (max-width:320px) { 

}


