<md-content class="md-padding" layout="row" layout-xs="column">
    <md-card flex flex-gt-xs="50">
        <md-card-title>
            <md-card-title-text>
                <span class="md-headline">Telefones Úteis</span>
            </md-card-title-text>
        </md-card-title>
        <md-card-content>
            <md-list flex>
                <md-list-item class="md-2-line" ng-repeat="t in arrTelefones">
                    <md-icon md-font-icon="flaticon-call-answer"></md-icon>
                    <div class="md-list-item-text">
                        <h3> {{t.telefone}} </h3>
                        <p> {{t.descricao}} </p>
                    </div>
                    <md-divider> </md-divider>
                </md-list-item>
            </md-list>
        </md-card-content>
    </md-card>
    <md-card flex flex-gt-xs="50" class="docUteis">
        <md-card-title>
            <md-card-title-text>
                <span class="md-headline">Documentos Úteis</span>
                <span class="md-subhead">Arquivos para download</span>
            </md-card-title-text>
        </md-card-title>
        <md-card-content style="overflow: auto;">
            <div ng-repeat="ar in arrArquivos">
                <a target="_self" ng-href="{{urlArquivos + ar.nome }}" download="{{ar.nome}}">
                    <div class="filesType" ng-class="getExt(ar.extencao)"></div>
                    <span>{{ar.nome}}</span>
                </a>
            </div>
        </md-card-content>
    </md-card>
</md-content>
