body {
	background:url(../images/design_grafico/bg_padrao_geral.jpg) repeat top center;
	color:#dfaae8;
}

/*menu principal*/
nav#menu_principal ul li {
	background:url(../images/design_grafico/menu_principal/bg_menu.jpg) repeat-x;
}
nav#menu_principal ul li a.menu1 { background-image:url(../images/design_grafico/menu_principal/tudo_sobre_nos.png); }
nav#menu_principal ul li a.menu2 { background-image:url(../images/design_grafico/menu_principal/equipe.png); }
nav#menu_principal ul li a.menu3 { background-image:url(../images/design_grafico/menu_principal/trabalhe_conosco.png); }
nav#menu_principal ul li a.menu4 { background-image:url(../images/design_grafico/menu_principal/parceiros.png); }
nav#menu_principal ul li a.menu5 { background-image:url(../images/design_grafico/menu_principal/noticias.png); }
nav#menu_principal ul li a.menu6 { background-image:url(../images/design_grafico/menu_principal/contato.png); }
nav#menu_principal ul li a .menu_text {
	color: #fff;
}
/*fim menu principal*/
/* MENU PRINCIPAL FLOATER*/
a.menu:hover {
	border: 1px solid #ffffff;
	background-image:url(../images/btn_menu_hover.png); 
	background-repeat:no-repeat;
	background-position:center;
	background-color:#ce95d9;
}
#menu_principal_floater li a:hover {
	background-color:#ce95d9;
}
/* MENU PRINCIPAL FLOATER*/

/*menu serviços*/
nav#menu_servicos {
	background:url(../images/design_grafico/bg_padrao_menu_servicos.jpg) repeat top center;
}
nav#menu_servicos ul li:hover {
	background-image:url(../images/design_grafico/bg_padrao_amarelo.jpg);
}
nav#menu_servicos ul li a {
	color:#fff;
}
nav#menu_servicos ul li a .menu_text2 {
	color: #fff;
}
/*fim menu serviços*/

#breadcrumbtrail {
	color:#ffb612;
}
#breadcrumbtrail a {
	color:#ffb612;
}
#breadcrumbtrail a:hover {
	color:#ffff24;
}
.faixa {
	background:url(../images/design_grafico/bg_padrao_escuro.jpg) repeat top center;
}
#destaque_servicos {
	background:url(../images/design_grafico/bg_padrao_amarelo.jpg) repeat top center;
}
.servico_item {
	color:#4c4c4c;
}
#faixa_destaques {
	background:url(../images/design_grafico/bg_padrao_escuro.jpg) repeat top center;
}
#faixa_destaques2 {
	background:url(../images/design_grafico/bg_padrao_escuro.jpg) repeat top center;
}
.destaque1, .destaque2 {
	color:#b25252;
}
.destaque1 img.foto {
	border:5px solid white;
}
.fb-facepile {
	border-top:1px solid #b25252;
}

/*rodape*/
a.link_normal {
    color: #dfaae8;
}
nav#mapa_do_site p { color:#fff; }
nav#mapa_do_site ul li {
	color:#fff;
}
nav#mapa_do_site ul li a {
	color:#dfaae8;
}
nav#mapa_do_site ul li a:hover {
	color:#fff;
}
#info_bottom {
	color:#dfaae8;
}
/*fim rodape*/

/*divs gerais*/
h1 { color:#ffb612; }
h2 {
	margin:50px 20px 10px 20px;
	border-bottom:1px solid #fff;
}
h2.homeh2 {
	color:#dfaae8;
}

/*logo*/
.idee:hover {
	background-image:url(../images/design_grafico/logo_idee.png);
}
.originalita:hover {
	background-image:url(../images/design_grafico/logo_originalita.png);
}
.personalita:hover {
	background-image:url(../images/design_grafico/logo_personalita.png);
}

/*swiper*/
.arrow-right2, .arrow-right10, .arrow-right11, .arrow-right12, .arrow-right13, .arrow-right14, .arrow-right15, .arrow-right16 {
	background-image:url(../images/design_grafico/seta_dir_hover.png);
	background-color:transparent;
}
.arrow-left2, .arrow-left10, .arrow-left11, .arrow-left12, .arrow-left13, .arrow-left14, .arrow-left15, .arrow-left16 {
	background-image:url(../images/design_grafico/seta_esq_hover.png);
	background-color:transparent;
}

.swiper2 {
	height:550px;
}
.conteudo_portfolio_anuncios {
	padding:0 60px 0 60px;
}
.conteudo_portfolio_anuncios table {
	border-collapse: collapse;
	float:right;
	position:relative;
/*	margin:18px 20px 0 0;*/
	width:46%;
	height:640px;
	border:0px;
	padding:0px;
	margin:0px 0px 0px 4%; 
}
.conteudo_portfolio_anuncios tr {
	border:0px;
	padding:0px;
	margin:0px; 
}
.conteudo_portfolio_anuncios td {
	border:0px;
	padding:0px;
	margin:0px; 
}
.conteudo_portfolio_anuncios td img {
	display:block;
	margin:0px auto; 
	vertical-align: middle;
	transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.99619470, M12=-0.08715574, M21=0.08715574, M22=0.99619470,sizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.99619470, M12=-0.08715574, M21=0.08715574, M22=0.99619470,sizingMethod='auto expand');
	max-height:100%; 
}
.conteudo_portfolio_anuncios p {
	width:100%;
	text-align:right;
	box-sizing: border-box;
	padding-right:40px;
}
.texto_portfolio_anuncios {
	height:auto;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.texto_portfolio_anuncios .titulo {
	font-family: 'jellyka_-_estryas_handwritiRg';
	font-size:80px;
	line-height:30px;
	margin:20px 0px 0px 0px;
	color:#fff;
}
.conteudo_portfolio_informativos{
		width:280px;
}
.conteudo_portfolio_informativos table {
	border-collapse: collapse;
	float:right;
	position:relative;
	width:280px;
	height:376px;
	border:0px;
	padding:0px;
	margin:0px; 
}
.conteudo_portfolio_informativos tr {
	border:0px;
	padding:0px;
	margin:0px; 
}
.conteudo_portfolio_informativos td {
	border:0px;
	padding:0px;
	margin:0px; 
}
.conteudo_portfolio_informativos td img {
	display:block;
	margin:0px auto; 
	vertical-align: middle;
}

.texto_portfolio_informativos p {
	float:right;
	position:relative;
	width:280px;
	text-align:center;
	margin:0;
}
.texto_portfolio_informativos .titulo, .texto_portfolio_videos_institucionais .titulo {
	font-family: 'jellyka_-_estryas_handwritiRg';
	font-size:70px;
	line-height:50px;
	color:#fff;
	margin:5px 0 0 0;
}
.texto_portfolio_videos_institucionais {
    float: left;
	position: relative;
	width:90%;
	height:auto;
	margin:30px 5% 0 5%;
    display: table-cell;
    vertical-align: middle;
}
.apresentacao_video_institucional {
    float: left;
	position: relative;
	width:60%;
	height:auto;
	margin:30px 20% 0 20%;
}
.div_video_youtube{
	float:left;
	position:relative;
	width:100%;
	padding-bottom: 56%;
	margin:0px 0px 0px 0px;
}
.video_youtube {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.nome_cliente{
	width:206px;
	text-align:center;
}	
.p_texto_cliente {
	width:206px;
	text-align:center;
}
.conteudo_portfolio_folders_laminas table {
	border-collapse: collapse;
	float:right;
	position:relative;
/*	margin:18px 20px 0 0;*/
	width:100%;
	height:350px;
	border:0px;
	padding:0px;
	margin:0px 0px 30px 0px; 
}
.conteudo_portfolio_folders_laminas tr {
	border:0px;
	padding:0px;
	margin:0px; 
}
.conteudo_portfolio_folders_laminas td {
	border:0px;
	padding:0px;
	margin:0px; 
}
.conteudo_portfolio_folders_laminas{
	position: relative;
	float: left;
	width:90%;
	margin:0px 5% 0px 5%;
}
.conteudo_portfolio_folders_laminas p {
	padding-right:0px;
	width:100%;
}


.conteudo_portfolio_folders_laminas td img {
	display:block;
	margin:0px auto; 
	vertical-align: middle;
	max-height:100%;
}
.conteudo_portfolio_folders_laminas .titulo {
	font-family: 'jellyka_-_estryas_handwritiRg';
	font-size:70px;
	line-height:55px;
	color:#fff;
}
.conteudo_portfolio_modernizacao_logos{
	position:relative;
	float:left;
	width:100%;
}
.conteudo_portfolio_modernizacao_logo{
	position:relative;
	float:left;
	text-align:center;
	width:46%;
	margin:0px 2% 0px 2%;
}
.conteudo_portfolio_modernizacao_logo img{
	max-width:100%;
}
.titulo_antes_depois{
	position: relative;
	float: left;
	text-align: center;
	font-family: "jellyka_-_estryas_handwritiRg";
	font-size: 80px;
	line-height: 25px;
	color: #FFF;
	margin-bottom:25px !important;
}
.conteudo_portfolio_modernizacao_logos table {
	border-collapse: collapse;
	float:left;
	position:relative;
	width:100%;
	height:205px;
	border:0px;
	padding:0px;
	margin:0px; 
}
.conteudo_portfolio_modernizacao_logos tr {
	border:0px;
	padding:0px;
	margin:0px; 
}
.conteudo_portfolio_modernizacao_logos td {
	border:0px;
	padding:0px;
	margin:0px; 
}
.conteudo_portfolio_modernizacao_logos td img {
	display:block;
	margin:0px auto; 
	vertical-align: middle;
}
.conteudo_portfolio_modernizacao_logos p {
	float:left;
	position:relative;
	width:100%;
	box-sizing: border-box;
	padding-left:5px;
	text-align:center;
	margin:5px 0 0 0;
}
.conteudo_portfolio_modernizacao_logos .titulo {
	font-family: 'jellyka_-_estryas_handwritiRg';
	font-size:70px;
	line-height:15px;
	color:#fff;
	margin:23px 0 3px 0;
}

/*Painel Abas*/
.div_painel_abas{
	background:url(../images/design_grafico/bg_padrao_amarelo.jpg) repeat 4px 7px;
}
.painel_abas {
	background:url(../images/design_grafico/bg_padrao_amarelo.jpg) repeat 4px 7px;
	color:#916105;
	/*sombra interna*/
	-moz-box-shadow: inset 0 -7px 10px rgba(199,139,0,.25);
	box-shadow: inset 0 -7px 10px rgba(199,139,0,.25);
	-webkit-box-shadow: inset 0 -7px 10px rgba(199,139,0,.25);
}
.selected {
    color:#fff;
	/*sombra interna*/
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;  
}
.painel_content {
	background:url(../images/design_grafico/bg_padrao_amarelo.jpg) repeat top center;
	color:#916105;
}
.painel_content h2 {
    color:#fff;
    border-bottom: 1px solid #ffe9a8;
    margin:50px 20px 10px 20px;
}
/*fim painel abas*/

/*saiba mais painel abas*/
.content_saiba_mais {
    background: url(../images/design_grafico/bg_padrao_escuro.jpg) repeat;
    color: #dfaae8;
}
.content_saiba_mais_open {
    opacity:0.7;
}
/*fim saiba mais painel abas*/

/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/*		 CSS VÃLIDO PARA MAX-WIDTH: 980px		 		  */
/*		 ATENÃ‡ÃƒO PARA INCLUIR O CSS BLOCO DESEJADO 	  */
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
@media screen and (max-width: 980px) {
	.conteudo_portfolio_folders_laminas table {
	    height: 250px;
	}
}    
/**********************************************************/
/*		 FINAL CSS VÃLIDO PARA MAX-WIDTH: 980px	      */
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/*		 CSS VÃLIDO PARA MAX-WIDTH: 900px		 		  */
/*		 ATENÃ‡ÃƒO PARA INCLUIR O CSS BLOCO DESEJADO 	  */
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
@media screen and (max-width: 900px) {
	.conteudo_portfolio_anuncios table {
		border-collapse: collapse;
		float:right;
		position:relative;
	/*	margin:18px 20px 0 0;*/
		width:100%;
		height:300px;
		border:0px;
		padding:0px;
		margin:0px 0px 30px 0px; 
	}
	.texto_portfolio_anuncios{
		position: relative;
		float: left;
		width:100%;
	}
	.conteudo_portfolio_anuncios p {
		padding-right:0px;
		width:100%;
	}
	.conteudo_portfolio_anuncios {
	    padding: 0 40px 0 40px;
	}	
	.apresentacao_video_institucional {
		width:80%;
		margin:30px 10% 0 10%;
	}
	.conteudo_portfolio_folders_laminas{
		width:80%;
		margin:0px 10% 0px 10%;
	}
}
/**********************************************************/
/*		 FINAL CSS VÃLIDO PARA MAX-WIDTH: 900px	      */
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/*		 CSS VÃLIDO PARA MAX-WIDTH: 640px		 		  */
/*		 ATENÃ‡ÃƒO PARA INCLUIR O CSS BLOCO DESEJADO 	  */
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
@media screen and (max-width: 640px) {
	.conteudo_portfolio_folders_laminas table {
	    height: 150px;
	}
}    
/**********************************************************/
/*		 FINAL CSS VÃLIDO PARA MAX-WIDTH: 640px	      */
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/*		 CSS VÃLIDO PARA MAX-WIDTH: 600px		 		  */
/*		 ATENÃ‡ÃƒO PARA INCLUIR O CSS BLOCO DESEJADO 	  */
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
@media screen and (max-width: 600px) {
	.conteudo_portfolio_anuncios table {
		border-collapse: collapse;
		float:right;
		position:relative;
	/*	margin:18px 20px 0 0;*/
		width:100%;
		height:200px;
		border:0px;
		padding:0px;
		margin:0px 0px 20px 0px; 
	}
	.texto_portfolio_videos_institucionais {
		width:70%;
		margin:30px 15% 0 15%;
	}
}
/**********************************************************/
/*		 FINAL CSS VÃLIDO PARA MAX-WIDTH: 600px	      */
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/*		 CSS VÃLIDO PARA MAX-WIDTH: 400px		 		  */
/*		 ATENÃ‡ÃƒO PARA INCLUIR O CSS BLOCO DESEJADO 	  */
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
@media screen and (max-width: 400px) {
	.conteudo_portfolio_anuncios table {
		border-collapse: collapse;
		float:right;
		position:relative;
	/*	margin:18px 20px 0 0;*/
		width:100%;
		height:150px;
		border:0px;
		padding:0px;
		margin:0px 0px 20px 0px; 
	}
	.conteudo_portfolio_folders_laminas table {
	    height: 120px;
	}
}
/**********************************************************/
/*		 FINAL CSS VÃLIDO PARA MAX-WIDTH: 400px	      */
/**********************************************************/
