body{ margin:0; padding:0; border:0; background:#dfdfdf; /*background-color:#f5f5f5;*/ color:#6f6f6f; font-family: 'Open Sans', arial, serif; font-size:14px; font-weight:300; line-height:25px; letter-spacing:.5px; }
p { margin-bottom:0; margin-top:15px;}
ol,ul, li{list-style:none; border:none; margin:0; padding:0; }
img{ border:none;}
a, a:link, a:visited{ color:#444; cursor:pointer; text-decoration:none; background:url(../imagens/sublinhado.png) bottom repeat-x; padding-bottom:3px; }
a:hover{ text-decoration:none; background:none; color:#000; }
a img{border:none;}
em { font-style: italic; }
strong { font-weight:bold; }
input, select, textarea { background-color:#fbfbfb; border:#d6d6d6 solid 1px; padding:10px; width:85%; color:#a4a4a4; font-family: 'Open Sans', arial, serif; font-size:14px; font-weight:300; letter-spacing:.5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
textarea { height:200px; width:100%!important; overflow:auto; }
input.send { cursor:pointer; color:#323232;}
iframe, embed, object { max-width: 100%; }
.responsivo { width:100%!important; height:auto!important; }
.apagar { clear:both;}
.inline { display:inline-block;}
.lista {list-style:disc; border:none; margin-left:50px; padding:0; }
.visivel { display:inline!important; }
.invisivel { display:none!important; }
.centro { text-align:center;}



/*ESTRUTURA*/
.fundoEscuro { display:block; width:100%; }
.fundoClaro { display:block; width:100%; background-color:#f5f5f5; border-bottom:#e2e2e2 1px solid; }
.contentorLargura { margin:auto; width:80%; max-width:1330px; }
.contentorMenu { padding:70px 0 50px; font-size:18px;}
.contentorTextos { padding:30px 0 60px;}
.contentorThumbs { padding-top:80px; padding-bottom:80px; text-align:center; line-height:0; }
.contentorRodape{ padding:50px 0 60px; }
.contentorColunaEsquerda { display:inline-block; width:60%; vertical-align:top; }
.contentorColunaFull { display:inline-block; width:100%; }
.contentorColunaDireita { display:inline-block; width:28%; margin-left:10%; line-height:18px; vertical-align:top; }
.contentorColunaDireita p { margin-top:18px; }
.contentorColunaDireitaFoto { display:block; float:right; width:28%; margin-left:5%; margin-right:5%; margin-top:30px; max-width:230px; }
.contentorWork { display:block; padding-top:20px; padding-bottom:20px; }
.contentorWorkImagem { width:100%; margin:80px 0; background:#f6f6f6 url(../imagens/preloader.gif) center center no-repeat; min-height:100px; text-align:center; }
.contentorWorkMetadeEsquerda { display:inline-block; max-width:664px; background:#f6f6f6 url(../imagens/preloader.gif) center center no-repeat; min-height:100px; border-right:#e2e2e2 1px solid; margin:0; width:49.6%; }
.contentorWorkMetadeDireita { display:inline-block; max-width:663px; background:#f6f6f6 url(../imagens/preloader.gif) center center no-repeat; min-height:100px; width:49.5%; }
.contentorWorkImagem img, .contentorWorkMetadeEsquerda img, .contentorWorkMetadeDireita img {  width:100%!important; height:auto!important; }

.contentorWorkImagemSimples {
	padding: 60px;
	box-sizing: border-box;
}
.contentorWorkImagemSimples img {
	max-width: 100%!important;
	-webkit-box-shadow: 0px 0px 26px -4px rgba(0,0,0,0.36);
	-moz-box-shadow: 0px 0px 26px -4px rgba(0,0,0,0.36);
	box-shadow: 0px 0px 26px -4px rgba(0,0,0,0.36);
	backface-visibility: hidden;
	margin: 40px 0 0;
}
.contentorWorkImagemSimples h2 {
	font-weight: 300;
	margin: 40px 0 0;
}
.contentorWorkImagemSimples p {
	margin: 0 0 10px;
}

.contentorWorkImagemPares {
	background-color: #f6f6f6;
	margin-top: 40px;
}
.contentorWorkImagemPares img {
	margin: 10px;
	width: initial!important;
	max-width: 100%!important;
}
.colunaMenu {
	float: left;
	margin-right: 80px;
}
.colunaMenu a {
	background: transparent;
}
.colunaMenu a:hover {
	background: url(../imagens/sublinhado.png) bottom repeat-x;
}

.txtNota {
	color: #ff0000;
	font-weight: 600;
	margin: 0!important;
}

.txtBold {
	font-weight: 400;
	color: #000;
}

.txtEntrada { font-size:30px; line-height:40px; width:60%; }
.txtSince { /*font-size:12px; font-weight:600; text-transform:uppercase;  margin-top:0;*/}
.txtTit { font-size:36px; line-height:48px; color:#333; }
.txtSubTit { font-size:20px; line-height:28px; }
.txtMargem { margin:5px 0 25px; }
.txtMargemGrande { margin:5px 0 40px; }

a.aboutLogos { display:inline-block; height:80px; line-height:90px; background:none; margin-top:20px; text-align:center; border:#bbbbbb solid 1px; -webkit-border-radius: 220px; -moz-border-radius: 220px; border-radius: 220px;}
a.aboutLogos:hover { background:#fefefe; }

a.aboutPremios, .aboutPremios{ display:inline-block; height:140px; width:140px; margin-right:20px; background:#fcfcfc; text-align:center; -webkit-border-radius: 140px; -moz-border-radius: 140px; border-radius: 140px;}
a.aboutPremios:hover { background:#fff; }
.aboutPremiosCentro { display:table-cell; height:140px; width:140px; vertical-align:middle; text-align:center; }

.formulario { float:left; width:50%; max-width:500px;  }
.formulario p { margin-bottom:20px; }
.formularioDireita { max-width:none!important; }
.tamanhoFormNormal input, .tamanhoFormNormal select, .tamanhoFormNormal textarea { width:auto!important; }
.formularioAlerta { position:absolute; margin-top:-55px; margin-left:100px; color:#ff3333; font-weight:400;}
.mapaLegenda { padding:5px 5px 20px 20px;}
.redeSocial { display:inline-block; width:30px; height:30px; opacity:.5; margin-right:25px; }
a#linkedin { background:url(../imagens/rede_social.png) 0 0 no-repeat; }
a#behance { background:url(../imagens/rede_social.png) -31px 0 no-repeat; }
a#dribbble { background:url(../imagens/rede_social.png) -62px 0 no-repeat; }


/*----------MENU----------*/
.logo { display:block; float:left;  }
.logoNome { font-weight:600; color:#000; font-size:20px; text-transform:uppercase; letter-spacing:1px; }
.menu { display:block; float:right; }
.menu ul { list-style:none; margin:0; padding:0; }
.menu li { display: inline; border:none; padding:0 12px 0; }
.menu a { background:none; }
.menu a:hover, .menu a.activo { background:url(../imagens/sublinhado.png) bottom repeat-x; }

/*----------MENU de THUMBS----------*/
.workThumb { display:inline-block; max-width:328px;  min-height:100px; background:#fff url(../imagens/preloader.gif) center center no-repeat; margin:0; text-align:left; padding:4.2%; border:#e2e2e2 1px solid; margin-top:-1px; margin-left:-1px; }
.workThumbImg { width:100%!important; height:auto!important; }
.botao { position:absolute; display:block; background:url(../imagens/fundo_thumb_txt.png); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; text-decoration:none; cursor:pointer; }
.menuWorkLegenda { display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; color:#333; font-size:20px; font-weight:400; line-height:28px; }
a.url { margin:10px auto 0; display:block; width:100px; height:30px; border:#d6d6d8 solid 1px; text-align:center; line-height:30px; color:#6f6f6f; font-size:14px; background:none; }
a.url:hover { background:#f6f6f6; color:#000; }
.urlDistancia { margin-top:30px!important;}
/*após reformulação*/
.contentorBarrasHome { display:block; margin:0; padding:0; width:100%; }
.margensBarrasHome { display:block; margin:auto; padding-top:50px; width:95%; max-width:1520px; }
.fundoBranco { background-color:#FFF;}
.fundoCinzaClaro { background-color:#f5f5f5; }
.homeEsquerda { float:left; }
.homeDireita { float:right; }
.homeImagem { width:70%; max-width:1063px; line-height:0; }
.homeLegenda { width:25%; }
.homeAjusteEsquerdo { margin-left:2%;}
.homeLegandaTit {  font-size:36px; line-height:44px; color:#333; margin-top:40%; }
.homeLegandaSubTit { font-size:18px; line-height:26px; margin-top:5px; }
.homeLegandaDesc { /*margin:8px 0 18px; */margin:20px 0 18px;}
a.homeLegandaBt { text-transform:uppercase; white-space:nowrap; }
.contentorAction { padding:100px 0;}
.actionTxt { width:100%; text-align:center; font-size:30px; line-height:40px; color:#333; padding-bottom:40px; }
a.actionBt {  margin:auto; text-align:center; text-transform:uppercase; background:#000; padding:11px 28px; color:#FFF; font-weight:400; border:#333 1px solid; font-size:12px;
-webkit-transition: background .5s ease-out, color .4s ease-out;
-moz-transition: background .5s ease-out, color .4s ease-out;
-ms-transition: background .5s ease-out, color .4s ease-out;
-o-transition: background .5s ease-out, color .4s ease-out;
transition: background .4s ease-out, color .4s ease-out;
}
a.actionBt:hover {  background:none; color:#333; }


@media screen and (max-width: 1280px) {
	.homeLegandaTit { margin-top:30%; }
}
@media screen and (max-width: 1024px) {
	.homeLegandaTit { margin-top:10%; }
	.homeLegandaTit { font-size:30px;  line-height:38px; }
}
@media screen and (max-width: 768px) {
	.homeEsquerda { float:none; }
	.homeDireita { float:none; }
	.homeImagem { width:100%; margin-top:20px; }
	.homeLegenda { width:90%; margin:auto; }
	.homeAjusteEsquerdo { margin-left:auto;}
	.homeLegandaTxt { float:left;}
	.homeLegandaTit {  font-size:36px; line-height:42px; margin-top:0; /*margin-bottom:10px;*/ }
	.homeLegandaSubTit { margin-bottom:10px;}
	.homeLegandaDesc { margin-right:10px; display:inline; }
	a.homeLegandaBt { text-transform:none; display:inline; }
}
@media screen and (max-width: 500px) {
	.homeLegandaTit { font-size:30px;  line-height:38px; }
}

/*----------Rodape----------*/
.navRodape { display:block; float:right; }
.navRodape ul { list-style:none; margin:0; padding:0;  }
.navRodape li { display: inline; border:none; padding:0 12px 0 0; font-size:16px; line-height:20px; color:#6f6f6f; }
.navRodape a { background:none; }
.navRodape a:hover { background:url(../imagens/sublinhado.png) bottom repeat-x; }
.rodapeSeta { font-size:17px; }
.copyrite { display:block; float:left; margin-top:8px; font-size:12px; line-height:18px; color:#999999; }
.prev { display:none; margin-right:20px; }
.next { display:none; margin-right:20px; }

.navRodapeTopo { display:block; float:none; margin-top:24px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.navRodapeTopo li { font-size:14px; line-height:20px; }

/*social*/
.social { margin-top:50px; color:#333; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.st_facebook_custom{ background:url(../imagens/social.png) 0 0 transparent; padding:0 20px 2px 0; cursor:pointer; margin-right:8px; }
.st_twitter_custom{ background:url(../imagens/social.png) -28px 0 transparent; padding:0 20px 2px 0; cursor:pointer; margin-right:8px; }
.st_tumblr_custom{ background:url(../imagens/social.png) -55px 0 transparent; padding:0 20px 2px 0; cursor:pointer; margin-right:8px;}
.st_linkedin_custom{ background:url(../imagens/social.png) -83px 0 transparent; padding:0 20px 2px 0; cursor:pointer; margin-right:8px;}
.st_blogger_custom{ background:url(../imagens/social.png) -110px 0 transparent; padding:0 20px 2px 0; cursor:pointer; margin-right:8px;}
.st_pinterest_custom{ background:url(../imagens/social.png) -138px 0 transparent; padding:0 20px 2px 0; cursor:pointer; margin-right:8px;}
.st_googleplus_custom{ background:url(../imagens/social.png) -165px 0 transparent; padding:0 20px 6px 0; cursor:pointer; margin-right:8px;}


@media screen and (min-width: 1601px) {
	.aboutLogos { width:11.8%; margin-right:1.5%; }
	.top.about {display:none}
}

@media screen and (min-width: 1201px) and (max-width: 1600px) {
	.aboutLogos { width:14%; margin-right:2%; }
	.txtEntrada { width:70%; }
}

@media screen and (min-width: 951px) and (max-width: 1200px) {
	.aboutLogos { width:17.2%; margin-right:2%; }
	#map-canvas { width:400px!important; height:400px!important; }
	.txtEntrada { width:80%; font-size:26px; line-height:36px; }
}


@media screen and (min-width: 951px) {
	.workThumb { width:24.5%; padding:4.2%}
}

@media screen and (min-width: 651px) and (max-width: 950px) {
	.workThumb { width:37.5%; padding:6%}
	.contentorWorkMetadeDireita { margin-top:80px;}
	.aboutLogos { width:22%; margin-right:2%; }
	.contentorColunaDireitaFoto { float:none; width:100%; margin:40px auto; }
	.txtEntrada { width:100%; font-size:26px; line-height:36px; }
}

@media screen and (min-width: 451px) and (max-width: 650px) {
	.workThumb { width:37.5%; padding:6%}
	.urlDistancia { margin-top:10px!important;}
	.menuWorkLegenda { font-size:16px; line-height:24px; }
	a.url { margin:5px auto 0; width:80px; height:25px; line-height:25px; font-size:12px;}
	.copyrite {float:none; }
	.aboutLogos { width:28%; margin-right:4%; }
	#map-canvas { width:400px!important; height:400px!important; }
}

@media screen and (max-width: 450px) {
	.workThumb { width:78%; padding:9%}
	.copyrite {float:none; font-size:11px; line-height:15px; }
	.aboutLogos { width:42%; margin-right:4%; }
	#map-canvas { width:300px!important; height:300px!important; }
	a.aboutPremios, .aboutPremios{ margin-right:10px;}
}

/*---------*/

@media screen and (max-width: 650px) {
	.contentorThumbs { padding-top:50px; padding-bottom:50px; }
	.contentorTextos { padding:15px 0 35px;}
	.logo { float:none; }
	.menu { float:none; margin-left:-12px; margin-top:20px;}
	.contentorMenu { padding:50px 0 30px; font-size:18px;}
	.txtTit { font-size:26px; line-height:36px; color:#000; }
	.txtSubTit { font-size:18px; line-height:28px; }
	.contentorWorkImagem { margin:40px 0; }
	.contentorWorkMetadeDireita { margin-top:40px;}
	.contentorColunaDireitaFoto { float:none; width:100%;  margin:40px 0;  }
	.txtEntrada { width:100%; font-size:20px; line-height:30px; color:#333; }
	.contentorWorkImagemSimples h2 {
		margin: 0;
	}
	
}

@media screen and (max-width: 950px) {
	.contentorColunaEsquerda { display:block; width:100%; }
	.contentorColunaDireita { display:block; width:100%; margin-left:0; margin-top:50px; }
	.contentorWorkMetadeEsquerda { display:block; width:100%; max-width:none; text-align:center; border:none; }
	.contentorWorkMetadeDireita { display:block; width:100%; max-width:none;  text-align:center; }
	.formulario { float:none; width:100%; max-width:none;  }
	input, select, textarea { width:100%}
	.copyrite { margin-top:40px; }
	.navRodape { float:none; }
	.navRodapeTopo { margin-top:50px; }
	.colunaMenu {
		float: none;
		margin: 0;
	}
}