/*
* @file: pages.css;
* @author: Cassio Vieira;
* @authorEmail: programacao@tdh.com.br;
* @authorURL: www.tdh.com.br;
* @authorCompany: TDH Websites;
*/
.item-text p,
.page-description p {
	font-size: 17px;
	line-height: 1.5em;
}
.item-text p:first-child,
.page-description p:first-child {
	margin: 0;
}

.item-text ul {

}
.item-text ul li {
	padding: 0 0 0 15px;
	position: relative;
}
.item-text ul li + li {
	margin: 10px 0 0;
}
.item-text ul li::before {
	background-image: url(../images/backgrounds/arrow.svg);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 10px;
}

/* Page Institucional */
.page-institucional {  }
.page-institucional .item-image {
	float: left;
	margin: 0 30px 0 0;
}
.page-institucional .item-content {
	overflow: hidden;
}
.page-institucional .item-fundador {
	border-color: #f8f8f8;
	border-style: solid;
	border-width: 3px;
	box-sizing: border-box;
	color: #00548e;
	float: right;
	margin: 12px 0 60px 45px;
	max-width: 265px;
	padding: 0 25px 35px;
	position: relative;
	text-align: center;
	width: 100%;
}
.page-institucional .item-fundador:after {
	background-image: url(../images/backgrounds/barras-fundador.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	bottom: -60px;
	content: "";
	height: 57px;
	left: 50%;
	margin-left: -14px;
	position: absolute;
	width: 28px;
}
.page-institucional .item-fundador .title {
	color: #5e7fb1;
	font-size: 16px;
	margin: 0 0 12px;
	padding: 45px 0 0;
	position: relative;
	text-transform: uppercase;
}
.page-institucional .item-fundador .title:before {
	background-color: #ffffff;
	background-image: url(../images/backgrounds/sprite-icones-home.png);
	background-position: center -1854px;
	background-repeat: no-repeat;
	content: "";
	height: 28px;
	left: 50%;
	margin-left: -30px;
	position: absolute;
	top: -15px;
	width: 60px;
}
.page-institucional .item-fundador p {
	font-size: 13px;
	font-weight: 700;
	margin: 0;
}
.page-institucional .item-fundador p.fundador {
	font-size: 24px;
}
.page-institucional .item-fundador p.oab {
	margin: 12px 0 0;
}


/* Page Artigos */
.page-artigos .list-item .row {
	margin: 60px 0 0;
}
.page-artigos .list-item .row:first-child {
	margin: 0;
}
.page-artigos .list-item .item-image {
	float: left;
	margin: 0 30px 0 0;
	position: relative;
}
.page-artigos .list-item .item-image a {
	display: block;
	overflow: hidden;
	position: relative;
}
.page-artigos .list-item .item-image a:before {
	border: 1px solid #ffffff;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	content: "";
	height: 135px;
	left: 50%;
	margin: -67.5px 0 0 -72.5px;
	position: absolute;
	top: 50%;
	width: 145px;
	z-index: 1;
}
.page-artigos .list-item .item-image a > span {
	display: block;
	position: realtive;
}
.page-artigos .list-item .item-image a > span:after {
	background-color: #00548e;
	border-bottom: 5px solid #698cbf;
	bottom: 0;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	content: "";
	height: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	transition: height 0.2s ease 0s, opacity 0.3s ease 0s;
		-moz-transition: height 0.2s ease 0s, opacity 0.3s ease 0s;
		-webkit-transition: height 0.2s ease 0s, opacity 0.3s ease 0s;
		-o-transition: height 0.2s ease 0s, opacity 0.3s ease 0s;
		-ms-transition: height 0.2s ease 0s, opacity 0.3s ease 0s;
	width: 100%;
}
.page-artigos .list-item:hover .item-image a > span:after {
	height: 100%;
	opacity: 0.8;
}
.page-artigos .list-item .item-image > span.item-date {
	background-color: #f7f7f7;
	border-radius: 50%;
	bottom: -40px;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	color: #00548e;
	display: block;
	font-size: 14px;
	height: 70px;
	left: 50%;
	margin-left: -35px;
	padding: 12px 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	width: 70px;
	z-index: 2;
}
.page-artigos .list-item .item-image > span.item-date strong {
	display: block;
	font-size: 30px;
	line-height: 1em;
}
.page-artigos .list-item .item-content {
	overflow: hidden;
}
.page-artigos .list-item .item-title {
	color: #00548e;
	font-size: 24px;
	line-height: 1em;
}
.page-artigos .list-item .item-link {
	border-top: 1px solid #f2f2f2;
	margin: 20px 0 0;
	padding: 20px 0 0;
}
.page-artigos .list-item .item-link a {
	color: #00548e;
	display: inline-block;
	font-size: 17px;
	font-weight: 700;
	padding: 0 15px 0 0;
	position: relative;
}
.page-artigos .list-item .item-link a:before {
	background-image: url(../images/backgrounds/sprite-seta-btn-artigo.png);
	background-position: center 0;
	background-repeat: no-repeat;
	content: "";
	height: 12px;
	margin-top: -3px;
	position: absolute;
	right: 0;
	top: 50%;
	transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
	width: 10px;
}
.page-artigos .list-item:hover .item-link a {
	color: #4c4c4c;
}
.page-artigos .list-item:hover .item-link a:before {
	background-position: center -20px;
}

/* Page Artigos Item */
.page-artigos-item .item-image {
	float: left;
	margin: 0 30px 30px 0;
	position: relative;
}
.page-artigos-item .item-image span.image {
	display: block;
	overflow: hidden;
	position: relative;
}
.page-artigos-item .item-image span.image:before {
	border: 1px solid #ffffff;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	content: "";
	height: 224px;
	left: 50%;
	margin: -112px 0 0 -121px;
	position: absolute;
	top: 50%;
	width: 242px;
	z-index: 1;
}
.page-artigos-item .item-image > span.item-date {
	background-color: #f7f7f7;
	border-radius: 50%;
	bottom: -30px;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	color: #00548e;
	display: block;
	font-size: 12px;
	height: 60px;
	left: 50%;
	margin-left: -35px;
	padding: 12px 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	width: 60px;
	z-index: 2;
}
.page-artigos-item .item-image > span.item-date strong {
	display: block;
	font-size: 20px;
	line-height: 1em;
}
.page-artigos-item .item-title {
	color: #00548e;
	font-size: 30px;
}
.page-artigos-item .item-author {
	clear: both;
	margin: 40px 0 0;
	text-align: left;
}
.page-artigos-item .item-author-inner {
	background-color: #f8f8f8;
	border-radius: 5px;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	color: #808080;
	display: inline-block;
	max-width: 100%;
	padding: 30px;
	width: 100%;
}
.page-artigos-item .item-author-inner p {
	font-style: italic;
	margin: 0;
}

/* Page Atuacao */
.page-atuacao {  }
.page-atuacao .item-image {
	float: left;
	margin: 0 30px 0 0;
}
.page-atuacao .item-content {
	overflow: hidden;
}


/* Page Correspondente */
.page-correspondente {  }
.page-correspondente .page-description {
	margin: 0 0 35px;
}
.page-correspondente .list-items .row {
	margin: 30px 0 0;
}
.page-correspondente .list-items .row:first-child {
	margin: 0;
}
.page-correspondente .list-item {
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	display: table;
	float: left;
	height: 85px;
	margin: 0 0 0 2.63%;
	padding: 17px 15px 17px 65px;
	position: relative;
	width: 30.7%;
}
.page-correspondente .list-item:first-child {
	margin: 0;
}
.page-correspondente .list-item:nth-child(1) {
	width: 23.02%;
}
.page-correspondente .list-item:nth-child(2) {
	width: 31.57%;
}
.page-correspondente .list-item:nth-child(3) {
	width: 40.12%;
}
/*.page-correspondente .list-item.item-22,
.page-correspondente .list-item.item-25,
.page-correspondente .list-item.item-28 {
	margin-left: 0;
}
.page-correspondente .list-item.item-23,
.page-correspondente .list-item.item-26,
.page-correspondente .list-item.item-29 {
}
.page-correspondente .list-item.item-24,
.page-correspondente .list-item.item-27 {
}
.page-correspondente .list-item.item-30,
.page-correspondente .list-item.item-31 {
	width: 18.67%;
}
.page-correspondente .list-item.item-28,
.page-correspondente .list-item.item-29,
.page-correspondente .list-item.item-30,
.page-correspondente .list-item.item-31 {
	margin-bottom: 0;
}*/

.page-correspondente .list-item:before {
	background-image: url(../images/backgrounds/sprite-icones-correspondente.png);
	background-position: center 0;
	background-repeat: no-repeat;
	content: "";
	height: 35px;
	left: 20px;
	margin-top: -17.5px;
	position: absolute;
	top: 50%;
	width: 35px;
}
.page-correspondente .list-item.item-22:before {
	background-position: center 0;
}
.page-correspondente .list-item.item-23:before {
	background-position: center 0;
}
.page-correspondente .list-item.item-24:before {
	background-position: center -47px;
}
.page-correspondente .list-item.item-25:before {
	background-position: center -102px;
}
.page-correspondente .list-item.item-26:before {
	background-position: center -148px;
}
.page-correspondente .list-item.item-27:before {
	background-position: center 0;
}
.page-correspondente .list-item.item-28:before {
	background-position: center 0;
}
.page-correspondente .list-item.item-29:before {
	background-position: center -205px;
}
.page-correspondente .list-item.item-30:before {
	background-position: center 0;
}
.page-correspondente .list-item.item-31:before {
	background-position: center 0;
}
.page-correspondente .list-item .item-title {
	color: #00548e;
	display: table-cell;
	font-size: 17px;
	margin: 0;
	position: relative;
	vertical-align: middle;
	z-index: 1;
}

/* Page Areas */
.page-areas {  }
.page-areas .list-item {  }
.page-areas .list-item .item-image {
	float: left;
	margin: 0 30px 0 0;
}
.page-areas .list-item .item-image a {
	display: block;
	position: relative;
	overflow: hidden;
}
.page-areas .list-item .item-image a:before {
	background-color: #00548e;
	border-bottom: 5px solid #698cbf;
	bottom: 0;
	box-sizing: border-box;
	content: "";
	height: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	transition: height 0.3s ease 0s, opacity 0.3s ease 0s;
		-moz-transition: height 0.3s ease 0s, opacity 0.3s ease 0s;
		-webkit-transition: height 0.3s ease 0s, opacity 0.3s ease 0s;
		-o-transition: height 0.3s ease 0s, opacity 0.3s ease 0s;
		-ms-transition: height 0.3s ease 0s, opacity 0.3s ease 0s;
	width: 100%;
}
.page-areas .list-item:hover .item-image a:before {
	height: 100%;
	opacity: 0.8;
}
.page-areas .list-item .item-content {
	overflow: hidden;
}
.page-areas .list-item .item-title {
	font-size: 24px;
	margin: 0 0 10px;
	padding: 1px 0 1px 50px;
	position: relative;
}
.page-areas .list-item .item-title:before {
	background-image: url(../images/backgrounds/sprite-icones-area-destaque.png);
	background-position: center 0;
	background-repeat: no-repeat;
	content: "";
	height: 40px;
	left: 0;
	position: absolute;
	top: 0;
	width: 40px;
}
.page-areas .list-item.item-32 .item-title:before {
	background-position: center 0;
}
.page-areas .list-item.item-33 .item-title:before {
	background-position: center -52px;
}
.page-areas .list-item.item-34 .item-title:before {
	background-position: center -98px;
}
.page-areas .list-item.item-35 .item-title:before {
	background-position: center -138px;
}
.page-areas .list-item .item-text {  }
.page-areas .list-item .item-link {
	margin: 20px 0 0;
}
.page-areas .list-item .item-link a {
	color: #00548e;
	display: inline-block;
	font-size: 17px;
	font-weight: 700;
}
.page-areas .list-item:hover .item-link a {
	color: #4c4c4c;
}
.page-areas .page-areas-secundarias {
	margin: 60px 0 0;
}

/* Page Areas Item */
.page-areas-item {  }
.page-areas-item .item-image {
	float: left;
	margin: 0 30px 0 0;
}
.page-areas-item .item-content {
	overflow: hidden;
}

/* Page Contato */
.page-contato {  }
.page-contato .mod-description {
	margin: 0 0 30px;
}
.page-contato .title {
	color: #00548e;
	font-size: 18px;
}
.page-contato .mapa-contato {
	margin: 75px 0 0;
}
.page-contato .mapa-contato iframe {
	display: block;
	height: 425px;
	width: 100%;
}