@charset "utf-8";

/* Estilos gerais do site */



/* Navbar ----------------------------------- */

/* Nav suspensa */

/*.navbar-wrapper{

	margin-top:20px;

	position:absolute;

	left:0;

	top:0;

	z-index:999;

	box-sizing:border-box;

	width:100%;	

}

*/



body{

	line-height:2em;

	color:#666;

}



.box-left{

	margin-right:15px;	

}



.box-right{

	margin-left:15px;	

}



@media (max-width:768px){

	.box-left{

		margin-right:0;	

	}

	

	.box-right{

		margin-left:0;	

	}

}





/* Remover pontilhado de links */

body a{

 outline:none!important;	

}



.divisor{

	border:0;

	background:	#CCC;

	height:1px;	

}



/* Animando título principal ------------------------------------------ */



.titulo-principal{

	position:absolute;

	left:0;

	bottom:45%;

	text-align:center;

	width:100%;

	font-size:5em;

	color:#FFFFFF;

	font-weight:bold;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	text-shadow: 1px 1px 2px rgba(0,0,0,1);

	transition:all 3s ease-in-out;	

	animation: anima-titulo 2.5s ease-in-out 1s alternate;	

	-webkit-animation: anima-titulo 2.5s ease-in-out 1s alternate ;	

	animation-fill-mode:forwards;/*Faz com que a animação não volte ao estado inicial e mantenha as regras do último frame*/

	-webkit-animation-fill-mode:forwards;/*Faz com que a animação não volte ao estado inicial e mantenha as regras do último frame*/

	animation-iteration-count:2;

	-wekit-animation-iteration-count:2;

	opacity:0;

		

}



.subtitulo-principal{

	position:absolute;

	left:0;

	bottom:37%;

	text-align:center;

	width:100%;

	font-size:2em;

	color:#FFFFFF;

	font-weight:bold;

	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;

	text-shadow: 1px 1px 2px rgba(0,0,0,1);

	transition:all 3s ease-in-out;	

	animation: anima-subtitulo 2.5s ease-in-out 1.1s alternate;

	-webkit-animation: anima-subtitulo 2.5s ease-in-out 1.1s alternate;

	animation-fill-mode:forwards;/*Faz com que a animação não volte ao estado inicial e mantenha as regras do último frame*/

	-webkit-animation-fill-mode:forwards;/*Faz com que a animação não volte ao estado inicial e mantenha as regras do último frame*/

	animation-iteration-count:2;

	-wekit-animation-iteration-count:2;

	opacity:0;

}





/* Sintaxe padrão*/

@keyframes anima-titulo{

	0% {

		opacity:0;

		transform:translateY(50px);

		-webkit-transform:translateY(50px);	

	}

	15% {

		opacity:1;

		transform:translateY(0px);

		-webkit-transform:translateY(0px);						

	}	

	100%{

		opacity:1;

	}

}



/*Sintaxe para Chrome safari e ópera*/

@-webkit-keyframes anima-titulo{

	0% {

		opacity:0;

		transform:translateY(50px);

		-webkit-transform:translateY(50px);	

	}

	25% {

		opacity:1;

		transform:translateY(0px);

		-webkit-transform:translateY(0px);						

	}	

	100%{

		opacity:1;

	}	

}





@keyframes anima-subtitulo{

	0% {

		opacity:0;

		transform:translateY(50px);	

	}

	25%{

		opacity:1;

		transform:translateY(0px);

	}

	100%{

		opacity:1;

	}		

}



@-webkit-keyframes anima-subtitulo{

	0% {

		opacity:0;

		transform:translateY(50px);	

	}

	15%{

		opacity:1;

		transform:translateY(0px);

	}

	100%{

		opacity:1;

	}

}

/* Fim animação título principal ----------------------------------------------- */



.titu-destaque{

	color:#f58634;

	margin: 20px 0;	

}



.navbar-wrapper .navbar{

	background:#F00;	

}



.navbar-wrapper .navbar .bt-suporte, .navbar-wrapper .navbar .bt-suporte:hover{

	background:#f58634;

	color:#FFFFFF;

	border-radius:5px;	

}



.navbar-default .navbar-nav > li > a {

	padding: 10px 15px;

	margin-top:40px;

	color:#666;

	font-size:16px;

}



.navbar-wrapper{

	height:115px;	

}



.navbar-wrapper .white{

 	background:#fff;

	border:none;

}



.transparent{

	background:rgba(255,255,255,.8)	;

	background: url(../images/bg_transparent.png) left top\0/;

	border:none;

}



.navbar-wrapper .nav-principal{

	font-size:19px;	

}



.navbar-header .icon{

	background:#000000;

	display:block;

	width:23px;

	height:2px;

	margin-bottom:5px;	

}







/*Slider antigo

#slide_wrapper{

	position:relative;

}



#slides{

	height:463px; 		

	background:#494949;	

}

*/



.slider-wrapper{

	width:100%;		

}



.slider-wrapper .arrow-left{

	position:absolute;

	left:10px;

	top:50%;

	width:60px;

	height:60px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-ms-border-radius: 5px;

	-o-border-radius: 5px;

	margin-top:-30px;

	background:	url(../images/arrow-left.png) center center no-repeat;

	cursor:pointer;

}





.slider-wrapper .arrow-right{

	position:absolute;

	right:10px;

	top:50%;

	width:60px;

	height:60px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-ms-border-radius: 5px;

	-o-border-radius: 5px;

	margin-top:-30px;

	background:	url(../images/arrow-right.png) center center no-repeat;

	cursor:pointer;

}





/* Imagem alternativa slider para celulares */

.slider-mobile{

	heigh:300px;

	display:none;	

}



/* Destaque manager ---------------------- */

#destaque-manager{

	padding: 120px 0;

	background:#494949;	

	color:#FFFFFF;	

}



#destaque-manager h1{

	 font-size:3em;

	 font-weight:bold;

	 margin-top:50px;	 	

}



#destaque-manager .bt-manager{

	background: #f58634;

	margin-top:20px;

	display:inline-block;

	color:#FFFFFF;

	padding: 15px 40px;

	border:none;

	border-radius: 5px;

	font-size:1.3em;

	text-decoration:none;

	transition: all .5s linear;	

	-moz-transition: all .5s linear;

	-webkit-transition: all .5s linear;

	-ms-transition: all .5s linear;

	-o-transition: all .5s linear;

}



#destaque-manager .bt-manager:hover{

	background: #093;	

}





#destaque-manager .player-manager{

	animation: animaPlayer 6s ease-in-out infinite;

	-moz-animation: animaPlayer 6s ease-in-out infinite;

	-webkit-animation: animaPlayer 5s ease-in-out infinite;

	-ms-animation: animaPlayer 6s ease-in-out infinite;

	-o-animation: animaPlayer 6s ease-in-out infinite;	

}



@keyframes animaPlayer{

	0%{

		transform:translate(0,0);

		-moz-transform:translate(0,0);

		-webkit-transform:translate(0,0);

		-ms-transform:translate(0,0);

		-o-transform:translate(0,0);

	}

	

	25%{

		transform:translate(0, -8px);

		-moz-transform:translate(0, -8px);

		-webkit-transform:translate(0, -8px);

		-ms-transform:translate(0, -8px);

		-o-transform:translate(0, -8px);	

	}

	

	50%{

		transform:translate(0,0);

		-moz-transform:translate(0,0);

		-webkit-transform:translate(0,0);

		-o-transform:translate(0,0);

		-ms-transform:translate(0,0);

	}

	

	75%{

		transform:translate(0,-4px);

		-transform:translate(0,-4px);

		-webkit-transform:translate(0,-4px);

		-ms-transform:translate(0,-4px);

		-o-transform:translate(0,-4px);

	}

	

	100%{

		transform:translate(0,0);

		-moz-transform:translate(0,0);

		-webkit-transform:translate(0,0);

		-ms-transform:translate(0,0);

		-o-transform:translate(0,0);	

	}

}



@-webkit-keyframes animaPlayer{

	0%{

		transform:translate(0,0);

		-moz-transform:translate(0,0);

		-webkit-transform:translate(0,0);

		-ms-transform:translate(0,0);

		-o-transform:translate(0,0);

	}

	

	25%{

		transform:translate(0, -8px);

		-moz-transform:translate(0, -8px);

		-webkit-transform:translate(0, -8px);

		-ms-transform:translate(0, -8px);

		-o-transform:translate(0, -8px);	

	}

	

	50%{

		transform:translate(0,0);

		-moz-transform:translate(0,0);

		-webkit-transform:translate(0,0);

		-o-transform:translate(0,0);

		-ms-transform:translate(0,0);

	}

	

	75%{

		transform:translate(0,-4px);

		-transform:translate(0,-4px);

		-webkit-transform:translate(0,-4px);

		-ms-transform:translate(0,-4px);

		-o-transform:translate(0,-4px);

	}

	

	100%{

		transform:translate(0,0);

		-moz-transform:translate(0,0);

		-webkit-transform:translate(0,0);

		-ms-transform:translate(0,0);

		-o-transform:translate(0,0);	

	}

}



#destaque-manager .shadow-player{

	animation: animaShadow 3s ease-in-out infinite;

	-moz-animation: animaShadow 3s ease-in-out infinite;

	-webkit-animation: animaShadow 3s ease-in-out infinite;

	-ms-animation: animaShadow 3s ease-in-out infinite;

	-o-animation: animaShadow 3s ease-in-out infinite;	

}





@keyframes animaShadow{

	0%{

		opacity: 1;

		filter: alpha(opacity=100);

	}

	

	50%{

		opacity:.5;

		filter: alpha(opacity=50);

	}

	

	100%{

		opacity: 1;	

		filter: alpha(opacity=100);

	}

}



/* Destaque empresa ---------------------- */

#destaque-empresa{

	margin: 0px  auto;

	padding-top:70px;

	padding-bottom:40px;

	background: url(../images/bg_empresa_2.png) -1920px 0px repeat-x;

	animation: animaBgEmpresa 20s linear infinite;

	-moz-animation: animaBgEmpresa 20s linear infinite;

	-webkit-animation: animaBgEmpresa 20s linear infinite;

	-ms-animation: animaBgEmpresa 20s linear infinite;

	-o-animation: animaBgEmpresa 20s linear infinite;

}



@keyframes animaBgEmpresa{

	from{

		background-position: -1920px 0 ;

	}

	

	to{

		background-position: 100% 0;

	}	

}



@-webkit-keyframes animaBgEmpresa{

	from{

		background-position: -1920px 0 ;

	}

	

	to{

		background-position: 100% 0;

	}	

}



#destaque-empresa h2:after{

	content: "Conheça um pouco sobre nós";

	display:block;

	margin: 10px  0 30px 0;	

	font-size: 1.2em;

	color:#666666;

}



#destaque-empresa .bt-empresa{

	background: #f58634;

	color:#FFFFFF;

	padding: 17px 50px;

	border:none;

	border-radius: 5px;

	font-size:1.3em;

	text-decoration:none;

	transition: all .5s linear;	

	-moz-transition: all .5s linear;

	-webkit-transition: all .5s linear;

	-ms-transition: all .5s linear;

	-o-transition: all .5s linear;

}



#destaque-empresa .bt-empresa:hover{

	background: #093;	

}



/* Destaques home ---------------------------- */

#destaques-home{

	/*background:#F0F0F0 ;*/

	padding: 30px 0;	

}

/* Destaque suporte ---------------------- */

#destaque-suporte{

	background:url(../images/bg_suporte.jpg) center center fixed;

	color:#FFFFFF;

	text-align:center;	

	font-size: 1.4em;

}



#destaque-suporte .div-in{

	margin:100px auto;	

}



#destaque-suporte h2{

	color:#FFF;	

	font-size:2.4em;

	margin-top:0;

}



#destaque-suporte p{

	width:70%;

	margin: 30px auto;	

}





#destaque-suporte .bt-suporte{

	color:#FFFFFF;

	padding: 14px 50px;

	border:none;

	border: 2px solid #F90;

	border-radius: 5px;

	font-size:.9em;

	text-decoration:none;

	transition: all .5s linear;

	letter-spacing: 3px;

	

}



#destaque-suporte .bt-suporte:hover{

	background:#f58634;	

}



/* Destaque recursos */



#destaque-recursos{

	padding:235px 0px 0px 0px;

	margin: 0 15px;

	background: url(../images/empresa.jpg) center center no-repeat;

	text-align:center;

	position:relative;

}



#destaque-recursos h2{

	margin-top:0;

	font-size:1.8em;

	background: rgba(0,0,0,.5);

	padding:25px;		

}



#destaque-recursos a{

	text-decoration:none;

	color:#FFFFFF;

	font-weight:bold;	

}



/* Área de clientes */

.clientes{

	background:#EEE;	

}





/* slider clientes */

#destaque-clientes h2{

	font-size:2.5em; display:inline-block; font-weight:bold; padding:3px 70px; border-bottom:1px solid #999; margin-bottom:15px;	

}





/* Destaque depoimentos ---------------------- */

#destaque-depoimentos{

	margin:70px auto;	

}



#destaque-depoimentos .titu-depoimentos{

	text-align:center;

	margin: 0 0 30px 0;	

}





#destaque-depoimentos .depoimento{

	background:#FFFFFF;

	padding:30px 30px 0 30px;

	margin: 15px;

	transition: all .7s linear;

	-moz-transition: all .7s linear;

	-webkit-transition: all .7s linear;

	-ms-transition: all .7s linear;

	-o-transition: all .7s linear;	

}



#destaque-depoimentos .depoimento:hover{

	box-shadow: 0 0 15px #999999;

	-moz-box-shadow: 0 0 15px #999999;

	-webkit-box-shadow: 0 0 15px #999999;

	-ms-box-shadow: 0 0 15px #999999;

	-o-box-shadow: 0 0 15px #999999;

}



#destaque-depoimentos .depoimento .info{

	background:#FF6600;

	display:inline-block;

	margin: 0 auto;

	color:#FFF;

	padding:12px 30px;

	margin-top: 20px;

	transition: all .5s linear;

	-moz-transition: all .5s linear;

	-webkit-transition: all .5s linear;

	-ms-transition: all .5s linear;

	-o-transition: all .5s linear;

	text-decoration:none;

}



#destaque-depoimentos .depoimento:hover .info{

	transform:translateY(15px);

	-moz-transform:translateY(15px);

	-webkit-transform:translateY(15px);

	-ms-transform:translateY(15px);

	-o-transform:translateY(15px);

}







#destaque-depoimentos .depoimento .foto-user{	

	margin-bottom:25px;

}







#destaque-depoimentos .depoimento .autor{

	margin: 5px 0;	

}



#destaque-depoimentos .depoimento .ocupacao{

	display:block;	

}





/* Footer ------------------------------------*/

#footer-main{

	background-color:#303030;

	color:#999;

	padding: 50px 0 40px 0;	

}



#footer-main h4{

	color:#ff6600;	

}



#footer-main a{

	color:#999;	

}



#footer-main nav{

	padding-bottom:30px;

}



#footer-main ul{

	list-style:none;

	margin-left:0;

	padding-left:0;

}





#footer-main .dev_copy{

	background: #242424;

	color:#999;

	padding: 15px 0;

	text-align:center;

	margin-top:25px;

	margin-bottom:0;

}



#footer-main .dev_copy a{

	color:#999;	

}



#footer-main .sociais-6{

	width:46%;

	margin: 2%;

	float:left;

	background:#171616;

	transition:all .5s ease-in-out;

	-moz-transition:all .5s ease-in-out;

	-webkit-transition:all .5s ease-in-out;

	-ms-transition:all .5s ease-in-out;

	-o-transition:all .5s ease-in-out;

}



#footer-main .bt-face:hover{

	transform:translate(-10px,-10px) scale(1.2, 1.2);

	-moz-transform:translate(-10px,-10px) scale(1.2, 1.2);

	-webkit-transform:translate(-10px,-10px) scale(1.2, 1.2);

	-ms-transform:translate(-10px,-10px) scale(1.2, 1.2);

	-o-transform:translate(-10px,-10px) scale(1.2, 1.2);	

}



#footer-main .bt-twitter:hover{

	transform:translate(10px,-10px) scale(1.2, 1.2);

	-moz-transform:translate(10px,-10px) scale(1.2, 1.2);

	-webkit-transform:translate(10px,-10px) scale(1.2, 1.2);

	-ms-transform:translate(10px,-10px) scale(1.2, 1.2);

	-o-transform:translate(10px,-10px) scale(1.2, 1.2);	

}



#footer-main .bt-youtube:hover{

	transform:translate(-10px,10px) scale(1.2, 1.2);

	-moz-transform:translate(-10px,10px) scale(1.2, 1.2);

	-webkit-transform:translate(-10px,10px) scale(1.2, 1.2);

	-ms-transform:translate(-10px,10px) scale(1.2, 1.2);

	-o-transform:translate(-10px,10px) scale(1.2, 1.2);	

}



#footer-main .bt-linkedin:hover{

	transform:translate(10px,10px) scale(1.2, 1.2);

	-moz-transform:translate(10px,10px) scale(1.2, 1.2);

	-webkit-transform:translate(10px,10px) scale(1.2, 1.2);

	-ms-transform:translate(10px,10px) scale(1.2, 1.2);

	-o-transform:translate(10px,10px) scale(1.2, 1.2);

		

}





#bt_voltar_top{

	width:60px;

	height:60px;

	border-radius:5px;

	background: #ff6600 url(../images/bt_voltar_top.png) center center no-repeat;

	position:fixed;

	right:10px;

	bottom:10px;

	display:none;	

}



/* PÁGINAS INTERNAS ------------------------------------------------------------------------ */



/* Geral */

#title-in{

	background:#303030 url(../images/bg-in.jpg) left top repeat-x fixed;

	padding: 70px 0;	

}



#title-in h1{

	color: #FFF;

	margin:0;

	font-weight:bold;	

}



.wrapper-int{

	padding: 50px 0 30px; 

	background:#EEE;	

}



/* Páginas Contato */



#form-contato label{

	text-indent:-1000em;

	float:left;	

}



#form-contato input, #form-contato textarea{

	border:none;

	padding:15px;

	border-radius:0;

	width:100%;	

}



#form-contato input{

	height:60px;	

}



#form-contato .btn-contato{

	background:	#F60;

	color:#FFF;

	border:0;

	padding:10px 30px;

	font-weight:bold;

	letter-spacing:2px;

	width:auto;

}



.maps{

	margin:0;

	padding:0;

	width:100%;

	background:#000000;	

	height:300px;

}



#pag-contato .glyphicon{

	color:#F60;

	margin-right:7px;	

}



#pag-contato .msg_sucesso{

	padding:30px;

	color:#006633;

	background:#E2F7DD;

	border: 1px solid #BDEDB1;	

}



#pag-contato .msg_erro{

	padding:30px;

	color:#B75E3C;

	background:#EBCDC2;

	border: 1px solid #DDAA97;	

}



#pag-contato .msg_sucesso h2, #pag-contato .msg_erro h2{

	margin:0;

	font-weight:bold;

	font-size:1.3em;	

}



/* Página Empresa */



#pag-empresa #detalhe-empresa{

	background:#DBDBDB;

	margin:50px 0 30px;

}



#pag-empresa .sub-titulo{

	text-align:center;

	margin-bottom:40px;

	font-size:3.5em;	

}



#pag-empresa .sub-titulo:after{

	content:"";

	height: 3px;

	background:#F60;

	width:200px;

	display:block;

	margin:10px auto;	

}





#pag-empresa #detalhe-empresa .destaque{

	margin:60px 0;	

}





#pag-empresa #detalhe-empresa h3{

	margin-top:0;

	font-weight:bold;

}



#pag-empresa #detalhe-empresa h3:after{

	content:"";

	height:2px;

	width:25px;

	background:#F60;

	display:block;	

	margin-top:8px;

}



/* Página de Clientes   ----------- */



#pag-clientes{

	padding:0;

}



#pag-clientes .sect-depoimentos{

	background:#E5E5E5;

	padding:40px;	

}





#pag-clientes .titu-depoimentos{

	text-align:center;

	margin: 0 0 30px 0;	

}





#pag-clientes .depoimento{

	background:#FFFFFF;

	padding:30px;

	margin: 15px;

	transition: all .7s linear;

	-moz-transition: all .7s linear;

	-webkit-transition: all .7s linear;

	-ms-transition: all .7s linear;

	-o-transition: all .7s linear;	

}



#pag-clientes .depoimento:hover{

	box-shadow: 0 0 15px #999999;

	-moz-box-shadow: 0 0 15px #999999;

	-webkit-box-shadow: 0 0 15px #999999;

	-ms-box-shadow: 0 0 15px #999999;

	-o-box-shadow: 0 0 15px #999999;

}





#pag-clientes .depoimento .foto-user{	

	margin-bottom:25px;

}



#pag-clientes .depoimento .autor{

	margin: 5px 0;	

}



#pag-clientes .depoimento .ocupacao{

	display:block;	

}



#pag-clientes #clientes{

	padding:50px;	

}



#pag-clientes .logos{

	background:#FFFFFF;

	margin-bottom:30px;

	transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-webkit-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

}



#pag-clientes .logos:hover{

	transform:scale(1.1,1.1);

	-moz-transform:scale(1.1,1.1);

	-webkit-transform:scale(1.1,1.1);

	-ms-transform:scale(1.1,1.1);

	-o-transform:scale(1.1,1.1);

	

	box-shadow: 0 0 10px #999999;

	-moz-box-shadow: 0 0 10px #999999;

	-webkit-box-shadow: 0 0 10px #999999;

	-ms-box-shadow: 0 0 10px #999999;

	-o-box-shadow: 0 0 10px #999999;

}





/* MEDIA QUERIES ------------------------------------------------------------------------ */



@media (max-width:375px){

	

	/*Esconde o slider */

	.slider-wrapper{

		display:none;		

	}

	

	.slider-mobile{

		display:block;	

	}

	

	.titulo-principal{		

		font-size:3.2em;

		bottom:37%;			

	}



	.subtitulo-principal{

		font-size:1.8em;

		bottom:20%;

	}

	

	#destaque-suporte h2{	

		font-size:1.5em;

	}

	

	/*zerando a margem de recuo dos depoimentos / aumentar o espaço entre as colunas */

	#destaque-depoimentos .depoimento{

		margin: 0;

	}

	

	/* Destaque recursos */



	#destaque-recursos{

		margin: 0;

		padding-top:150px;

	}

	

	#destaque-recursos h2{

	 font-size:1.3em!important;

	 padding: 15px;

	}

	

		

}



@media (min-width:376px) and (max-width:767px) {

	.titulo-principal{		

		font-size:4em;			

	}



	.subtitulo-principal{

		font-size:2.3em;

		bottom:30%;

	}

	

	#destaque-suporte h2{	

		font-size:2.2em;

	}

}





@media(max-width:767px){

	.navbar{

		height:100px;			

	}

	

	.navbar-default .navbar-nav > li > a {

		margin-top:0;

		background:#f58634;

		color:#FFF;

		background: url(../images/bg_transparent.png) left top\0/;

		border:0;

		margin-bottom:3px;

	}

	

	.navbar-default .navbar-nav > li > a:hover {

		background:#d36a02;

		color:#FFFFFF;

	}

	

	.navbar-default .navbar-toggle{

		border:0;

		background:#f58634;

		margin-top:30px;

		border-radius:0;

	}

	

	.navbar-default .navbar-toggle .icon-bar{	

		background:#fff;

	} 

	

	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{

		background:#f58634;		

	}  

	

		

	.navbar-wrapper .nav-principal{

		margin-top:40px;

		background:#f58634;

		border:0;			

	}

	

	/* Destaque Recursos */

	#destaque-recursos h2{

	 font-size:1.6em;

	 padding: 15px;

	}



	

	/* Destaque empresa */	

	#destaque-empresa p, #destaque-empresa h2{

		text-align:center;

	}

	

	/* Destaque de clientes */

	#destaque-clientes h2{

		font-size:; padding:3px 0px;	

	}

	

		

	/* Footer  -----------------------------------------*/

	#footer-main nav ul{

		list-style:none;

		margin-left:0;

		padding-left:0;

	}

	

	#footer-main nav li{

		float:none;

		margin-right: 10px;

		padding-right:0;

		border-right:0;

		margin-bottom:10px;

		border-bottom: 1px solid #FFF;

	}

	

	/*Páginas internas ------------------ */

	#title-in{

		background:#303030;

		padding: 40px 0;	

	}

	

	#title-in h1{

		text-align:center;	

	}

	

	/* Página Clientes */

	

	#pag-clientes .depoimento{

		margin: 30px 0;/* Removendo margem de espaçamento extra */	

	}

	

		

	

} /* FIM MEDIA MAXWIDTH=767px  ----------------------------------------------------------- */