/*SOBRE*/
.sobre { width: 100%; height: auto; position: relative; clear: both; z-index: 1; padding-bottom: 50px; }
.sobre h1 { width: 100%; color: #000000; line-height: 42px; font-size: 42px; text-align: center; font-family: 'muroslant'; }
.sobre h2 { width: 100%; color: #313131; padding: 40px 0px; line-height: 20px; font-size: 14px; font-weight: 400; text-align: left; font-family: 'Roboto'; }

.sobre .imagem { width: 510px; height: auto; float: left; padding: 40px 20px 20px 0px; }
.sobre .imagem img { width: 510px; height: auto; }

.sobre .dintro { width: 100%; color: #000000; padding-top: 25px; line-height: 40px; font-size: 32px; text-align: left; font-family: 'muroslant'; }
.sobre .dsobre { width: 100%; color: #313131; padding: 20px 0px 40px 0px; line-height: 20px; font-size: 14px; font-weight: 400; text-align: left; font-family: 'Roboto'; }

.sobre .fotos { width: 100%; height: auto; position: relative; clear: both; margin: 0 auto; padding: 10px 0px; z-index: 10; }
.sobre .fotos ul { width: 100%; height: auto; position: relative; clear: both; list-style-type: none; text-align: center; }
.sobre .fotos ul li { width: 295px; height: 197px; position: relative; overflow: hidden; vertical-align: top; display: inline-block; margin: 15px; }
.sobre .fotos ul li .avatar { margin: 0px; position: relative; width: 295px; height: 197px; position: relative; overflow: hidden; }
.sobre .fotos ul li .avatar img { width: 295px; height: 197px; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
.sobre .fotos ul li:hover .avatar img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.faixa { width: 100%; height: auto; padding: 65px 0px; clear: both; margin-bottom: 50px; background-color: #e5e5e5; }
.faixa ul { width: 100%; height: auto; position: relative; clear: both; list-style-type: none; text-align: center; }
.faixa ul li { width: -moz-calc(33% - 30px); width: -webkit-calc(33% - 30px); width: -o-calc(33% - 30px); width: calc(33% - 30px); height: auto; position: relative; overflow: hidden; vertical-align: top; display: inline-block; margin: 0px 30px 0px 0px; }
.faixa ul li .dtitle.i1 { background: url(../imagens/i1.jpg) no-repeat center left; }
.faixa ul li .dtitle.i2 { background: url(../imagens/i2.jpg) no-repeat center left; }
.faixa ul li .dtitle.i3 { background: url(../imagens/i3.jpg) no-repeat center left; }
.faixa ul li .dtitle { width: -moz-calc(100% - 52px); width: -webkit-calc(100% - 52px); width: -o-calc(100% - 52px); width: calc(100% - 52px); padding-left: 52px; color: #000000; line-height: 46px; font-size: 32px; font-weight: 100; text-align: left; font-family: 'muroslant'; }
.faixa ul li .dconte { width: -moz-calc(100% - 15px); width: -webkit-calc(100% - 15px); width: -o-calc(100% - 15px); width: calc(100% - 15px); clear: both; color: #313131; padding: 20px 0px 20px 15px; line-height: 20px; font-size: 14px; font-weight: 400; text-align: left; font-family: 'Roboto'; }

.sobre .titulo { width: 100%; height: auto; position: relative; clear: both; padding: 60px 0px 30px 0px; }
.sobre .titulo .introducao-pagina { width: 100%; color: #000000; line-height: 40px; font-size: 36px; text-align: center; font-family: 'muroslant'; }

@media screen and (max-width: 1050px) {
	.sobre .imagem { width: 94%; height: auto; float: none; padding: 40px 3% 0px 3%; }
	.sobre .imagem img { width: auto; max-width: 100%; height: auto; }

	.sobre { width: 94%; padding: 0px 3% 50px 3%; }
	.sobre h2, .sobre .dsobre, .faixa ul li .dconte { text-align: center; line-height: 24px; font-size: 16px; }
	.sobre .dintro, .faixa ul li .dtitle { text-align: center; width: 100%; }
	.faixa ul li, .faixa ul li .dtitle.i1 , .faixa ul li .dtitle.i2 , .faixa ul li .dtitle.i3 { width: 100%; padding-left: inherit; background: url(../imagens/espaco.png) no-repeat center left;  }
}

/*SOBRE*/
img.imagemsobre {
    width: 100%;
}