/* ----- Principais blocos do corpo ----- */
body, .popover {
    font-family: 'Roboto', sans-serif !important;
}
body{
	padding: 100px 0 0 0 !important;
}
input, button, select, textarea{
	font-family: 'Roboto', sans-serif !important;
}
.clear{
	clear: both;
	line-height: 0;
}
.padding-zero{
	padding:0 !important;
}
h1, h2, h3, h4, h5, h6 {
    border: 0 none;
}
p, li {
    border: 0 none;
}
ul, ol, dl {
    border: 0 none;
    list-style: none outside none;
}
a {
    border: 0 none;
    color: #454599;
    text-decoration: none;
}
a:visited {
    color: #454599;
    text-decoration: none;
}
img {
    border: 0 none;
}
span {
    border: 0 none;
}

/* Head */
.head{
	height: 100px;
	box-shadow: 0 1px 4px rgb(213, 210, 210);
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	background: #fff;
}
.head .container{
	padding: 0;
}
.menu-area-interesse a{ 
	float: left;
	padding: 5px 9px;
	color: #333;
	font-size: 120%;
	font-weight: normal;
	border: 1px solid #333;
	margin: 32px auto;
}
.menu-area-interesse i{
	margin-right: 5px;
}
.menu-area-interesse a:hover, .menu-area-interesse a:focus{
	color: #333;
}
.logo{
	padding: 13px 0px;
	text-align: center;
	display: inline-block;
}
.logo a{
	display: inline-block;
}
.logo img{
	margin: 0 auto;
}
.logo-mobile{
	display: none !important;
}
.pesquisa .input-group{
	margin: 30px 0px;
}
.pesquisa input{
	font-weight: 300;
	height: 40px;
	border-radius: 0;
}
.pesquisa button{
	height: 40px;
	border-radius: 0;
}
.pesquisa-mobile{
	display: none;
}

/* Slider home */
#slider-home{
	max-height: 336px;
	text-align: center;
}
#slider-home img {
    margin: 0 auto;
    text-align: center;
}

/* Materias em destaques */
.materia-destaque{
	padding: 0 !important;
	margin: 30px auto 50px;
}
.list-materia-destaque{
	height: 300px;
	overflow: hidden;
	margin: 0 auto 30px;
}
.list-materia-destaque a{
	display: block;
	width: 100%;
	height: 100%;
}
.list-materia-destaque a:hover{
	opacity: 0.8;
	transition: 0.10s;
}
.list-materia-destaque .categoria-materia-destaque{
	position: absolute;
	width: 95%;
	top: 0;
	background: linear-gradient(to top, rgba(0, 0, 0, 0) 10%, rgb(44, 43, 43)100%);
	height: 43px;
}
.list-materia-destaque span{
	position: absolute;
	top: 10px;
	left: 20px;
	color: #fff;
	font-size: 120%;
	text-shadow: 1px 1px 1px rgb(0, 0, 0);
	font-weight: 300;
}
.list-materia-destaque img{
	height: 100%;
	width: 100%;
}
.list-materia-destaque .title-destaque{
	position: absolute;
	bottom: 0;
	width: 95%;
	padding: 0 15px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgb(44, 43, 43)60%);
}
.list-materia-destaque .title-destaque h2{
	color: #fff;
	text-shadow: 1px 1px 1px rgb(0, 0, 0);
	font-size: 200%;
	margin: 20px auto;
}

/* Lista Materia */
.list-materia-home ul{
	padding: 0;
	margin: 0;
}
.list-materia-home li{
	clear: both;
	margin: 35px auto;
	padding: 0 0 35px;
	border-bottom: 1px solid rgb(225, 225, 225);
	overflow: hidden;
}
.list-materia-home a:hover{
	text-decoration: none;
}
.list-materia-home h3{
	color: #333;
	font-weight: normal;
	margin: 0 auto 15px;
}
.list-materia-home p{
	color: #333;
	font-weight: 300;
	font-size: 115%;
}
.list-materia-home span{
	color: #333;
	font-weight: 300;
	margin: 10px 20px 10px 0;
	display: block;
	float: left;
}
.list-materia-home i{
	margin-right: 5px; 
}
.ver-mais-materia span{
	display: block;
	float: left;
	margin: 0 0 0 15px;
}
.ver-mais-materia i{
	margin: 3px 0;
	width: 6px;
	float: left;
}
.ver-mais-materia a{
	color: rgb(51, 51, 51);
	border: 1px solid rgb(51, 51, 51);
	padding: 7px 20px;
	font-size: 130%;
	font-weight: 300;
	display: block;
	overflow: hidden;
	margin: 20px 0;
}
.ver-mais-materia a:hover{
	background: #333;
	color: #fff !important;
}
.ver-mais-materia a:hover span{
	color: #fff !important;
}

/* Barra Lateral */
.banner-lateral{
	margin-bottom: 50px;
}
.banner-lateral img{
	margin: 0 auto;
}
.form-mais-info{
	margin: 0 auto 50px;
	background: #eee;
	padding: 15px;
	border: 1px solid rgb(225, 225, 225);
}
.form-mais-info h2{
	color: #333;
	font-size: 170%;
	font-weight: normal;
	margin: 0 0 15px;
	padding: 0 0 10px;
	border-bottom: 1px solid rgb(218, 218, 218);
	line-height: 30px;
}
.form-mais-info p{
	color: #333;
	font-weight: 300;
	font-size: 120%;
	margin-bottom: 20px;
}
.form-mais-info input{
	font-weight: 300;
	height: 40px;
	border-radius: 0;
}
.form-mais-info .btn-enviar{
	background: #004f74;
	border: none;
	margin: 20px auto 0;
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 130%;
	padding: 7px 20px;
	font-weight: 600;
}
.form-mais-info .btn-enviar:hover{
	background: rgb(0, 30, 44);
}
.ddd{
	float: left;
	width: 25% !important;
	margin-right: 5%;
}
.telefone{
	float: left;
	width: 70% !important;
}
.video-curso-cpt{
	margin-bottom: 50px;
}
.video-curso-cpt h2{
	color: #333;
	font-size: 170%;
	font-weight: normal;
	margin: 0 0 15px;
	padding: 0 0 10px;
	border-bottom: 1px solid rgb(218, 218, 218);
	line-height: 30px;
}

/* Mais Lidas */
.mais-lidas{
	margin-bottom: 50px;
	border: 1px solid #d7d7d7;
}
.mais-lidas h2{
	color: rgb(51, 51, 51);
	font-size: 170%;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid rgb(218, 218, 218);
	line-height: 30px;
}
.list-mais-lidas{
	padding: 10px 15px;
}
.list-mais-lidas .media{
	border-bottom: 1px solid rgb(215, 215, 215);
	margin: 0 !important;
	padding: 15px 0;
}
.list-mais-lidas .media:last-child{
	border-bottom:none;
}
.list-mais-lidas .media a{
	
}
.list-mais-lidas .media-left{
	
}
.list-mais-lidas .media-left span{
	color: #afafaf;
	font-size: 130%;
	margin: 0 10px;
}
.list-mais-lidas .media-body{
	
}
.list-mais-lidas .media-body h3{
	color: rgb(0, 86, 149);
	font-size: 130%;
	line-height: 26px;
	margin: 0 auto;
}

/* Form Newsletter */

.form-newsletter{
	margin: 0 auto 50px;
	background: #eee;
	padding: 15px;
	border: 1px solid rgb(225, 225, 225);
}
.form-newsletter h2{
	color: #333;
	font-size: 170%;
	font-weight: normal;
	margin: 0 0 15px;
	padding: 0 0 10px;
	border-bottom: 1px solid rgb(218, 218, 218);
	line-height: 30px;
}
.form-newsletter input{
	font-weight: 300;
	height: 40px;
	border-radius: 0;
}
.form-newsletter .btn-assinar{
	background: #004f74;
	border: none;
	margin: 20px auto 0;
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 130%;
	padding: 7px 20px;
	font-weight: 600;
}
.form-newsletter .btn-assinar:hover{
	background: rgb(0, 30, 44);
}

/* Banner Ligamos para você */
.banner-ligamos-pra-vc{
	background: #0fbe7c;
	margin-bottom: 50px;
	padding: 20px;
	width: 100%;
}
.banner-ligamos-pra-vc:hover{
	background: rgb(8, 182, 116);
}
.banner-ligamos-pra-vc a{
	color: #fff;
    font-size: 130%;
    font-weight: 300;
    overflow: hidden;
    display: block;
}
.banner-ligamos-pra-vc a:hover, .banner-ligamos-pra-vc a:focus{
	color: #fff;
	text-decoration: none;
}
.banner-ligamos-pra-vc i{
	display: block;
	background: url('img/icon-contato.png');
	width: 64px;
	height: 64px;
	float: left;
	margin-right: 10px;
}
.banner-ligamos-pra-vc u{
	font-weight: 600;
}

/* Modal Ligamos para você */
.close{
	font-size: 280% !important;
	line-height: 18px !important;
}
#modal-ligamos-pra-vc{

}
#modal-ligamos-pra-vc .modal-header h4{
	font-size: 180%;
	color: rgb(0, 79, 116);
	margin: 0 0 5px 0;
}
#modal-ligamos-pra-vc .modal-header p{
	font-size: 100%;
	font-weight: 300;
	margin: 0;
}
#modal-ligamos-pra-vc .modal-body{
	overflow: hidden;
}
#modal-ligamos-pra-vc input, #modal-ligamos-pra-vc select{
	font-weight: 300;
	height: 40px;
	border-radius: 0;
}
#modal-ligamos-pra-vc textarea{
	font-weight: 300;
	border-radius: 0;
}
#modal-ligamos-pra-vc .btn-enviar-modal{
	background: #004f74;
	border: none;
	margin: 10px auto 0;
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 130%;
	padding: 7px 20px;
	font-weight: 600;
}
#modal-ligamos-pra-vc .btn-enviar-modal:hover{
	background: rgb(0, 30, 44);
}

/* Rodape */
#footer{
	background:#004077;
	padding:20px 0;
	margin-top: 20px;
}
.footer-top{
	border-bottom: 1px solid rgb(3, 84, 155);
	padding: 10px 0 20px;
	overflow: hidden;
}
.menu-rodape{
	margin:15px auto;
}
.menu-rodape h3{
	color: #fff;
	margin: 0 auto 10px;
	font-size: 130%;
}
.footer-top ul{
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.footer-top li{
	list-style: outside none none;
	padding: 7px 0px 7px 7px;
}
.footer-top a{
	color: #fff;
	font-weight: 300;
}
.footer-top .pull-right{
	border: medium none;
	float: right;
	color:#fff;
	font-weight: 300;
}
.footer-top .pull-right a{
	font-weight: 600;
}
.footer-top .pull-right a:hover, .footer-top a:hover, .footer-top .pull-right a:focus, .footer-top a:focus{
	color:#fff;
}
.footer-bottom{
	overflow: hidden;
	padding: 20px 0 0;
}
.logo-footer span{
	color: rgb(255, 255, 255);
	font-size: 90%;
	font-weight: 300;
	margin-top: 8px;
	display: block;
}
.logo-footer a{
	color: #fff;
	font-weight: 600;
}
.copyright{
	color: #fff;
	font-weight: 300;
	font-size: 90%;
}
.img-footer img{
	float: left;
	margin-right: 15px;
}
.img-footer strong{
	color: #fff;
	float: left;
	font-size: 120%;
}
.img-footer small{
	display: block;
	float: left;
	color: #fff;
}

/* Menu Area de Interesse */
#modal-areas-mobile{
	z-index: 9999;
}
#modal-areas-mobile .modal.fade .modal-dialog{
	transform: translate(0px, 0%);
	transition: transform 0.3s ease-out 0s;
}
#modal-areas-mobile .modal-dialog{
	height: auto;
	left: -1px;
	margin: -1px 0 0;
	position: fixed;
	width: 300px;
}
#modal-areas-mobile .modal-dialog{
	transform: translate(-300px, 0%);
}
#modal-areas-mobile.in .modal-dialog{
	transform: translate(0, 0);
}
#modal-areas-mobile .modal-content{
	border-radius: 0;
}
#modal-areas-mobile .close{
	background: hsl(0, 0%, 100%) none repeat scroll 0 0;
	color: hsl(0, 0%, 40%);
	opacity: 1;
	padding: 5px;
	position: absolute;
	right: -33px;
}
#modal-areas-mobile h3{
	background: hsl(0, 0%, 40%) none repeat scroll 0 0;
	color: hsl(0, 0%, 100%);
	font-size: 130%;
	margin: 0;
	padding: 15px;
}
#modal-areas-mobile .modal-body{
	max-height: none !important;
}
.list-areas-mobile ul{
	padding: 0;
}
.list-areas-mobile li{
	margin: 0 0 10px;	
}
.list-areas-mobile .panel-heading{	
	padding: 7px 5px;
}
.list-areas-mobile .panel-heading:hover{
	background: hsl(0, 0%, 95%) none repeat scroll 0 0;
}
.list-areas-mobile .panel-heading a{
	color: hsl(0, 0%, 40%);
	font-size: 120%;
	display: block;
	text-align: left;
	font-weight: 300;
}
.list-areas-mobile .panel-heading a:hover, .list-areas-mobile .panel-heading a:focus{
	text-decoration:none;
}
.list-areas-mobile .panel-heading i{
	float: right;
	font-size: 90%;
	margin-top: 3px;
}
.list-areas-mobile .panel-heading i::before{
	content:"\e259";
}
.list-areas-mobile .panel-heading .collapsed i::before{
	content:"\e258";
}
.list-areas-mobile .panel-collapse{
	padding: 0 5px 0 15px;
}
.list-areas-mobile .panel-collapse li{
	border: medium none;
	margin: 0;
	padding: 5px 10px;
	text-align: left;
}
.list-areas-mobile .panel-collapse a{
	font-weight: 300;
	color: #666;
}
.list-areas-mobile .panel-collapse span{
	float: right;
}

/* Área */
.area{
	margin-top: 40px;
}
.title-area{
	padding: 0 10px 10px 10px;
	border-bottom: 1px solid #eee;
	margin: 20px 10px 30px;
	color: #333;
	font-weight: 500;
	line-height: 35px;
}
.migalha .breadcrumb{
	background: none;
	font-weight: 300;
	font-size: 110%;
}
.migalha .breadcrumb a{
	color: rgb(0, 136, 204);
}

/* Materia */
.materia{
	margin-top: 30px;
}
.bloco-materia h2, .bloco-materia h3, .bloco-materia h4{
	font-size: 120%;
}
.title-materia{
	padding: 0 0px 5px 0px;
	margin: 10px 0 10px;
	color: rgb(51, 51, 51);
	font-weight: 500;
	line-height: 35px;
	font-size: 180% !important;
}
.sub-title{
	font-size: 130%;
	color: #858585;
	padding: 0 0 10px;
	border-bottom: 1px solid #eee;
	margin: 10px auto 30px;
	line-height: 30px;
}
.bloco-materia{
	font-size: 120%;
	font-weight: 300;
	line-height: 30px;
}
.bloco-materia iframe{
	margin: 20px auto 40px;
	float: none;
	display: block;
}
.bloco-materia a{
	color: rgb(0, 136, 204);
}
.bloco-materia img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 10px auto;
	padding: 5px;
	border: 1px solid #eee;
}
.caixaImagemCentro{
	text-align: center;
	margin: 20px auto;
}
.caixaImagemCentro img{
	max-width: 100%;
	border:1px solid rgb(213, 213, 213);
	padding: 8px;
}
.detalhes-materia{
	margin: 30px auto;
	padding: 10px;
	background: rgb(243, 243, 243);
	border: 1px solid rgb(238, 238, 238);
	font-weight: 300;
	overflow: hidden;
}
.detalhes-materia span{
	margin: 5px 20px 5px;
	display: block;
	float: left;
}
.detalhes-materia i{
	margin-right: 5px;
}
.bloco-afiliados{
	margin: 30px auto;
}
.bloco-anterior, .bloco-proximo{
	margin: 20px auto;
}
.bloco-anterior a{
	border: 1px solid #333;
	display: block;
	padding: 10px;
	color: #333;
	overflow: hidden;
}
.bloco-anterior a:hover{
	color: #333;
}
.bloco-anterior i{
	margin: 1px 0;
	width: 6px;
	float: left;
}
.bloco-anterior span{
	display: block;
	margin: 0 0 0 25px;
}
.bloco-anterior img{
	float: left;
	margin-right: 10px;
}
.bloco-anterior div p{
	margin: 0 auto 0 10px;
	font-size: 110%;
	font-weight: 300;
}
.bloco-anterior .title-materia-paginacao{
	width: 80%;
	float: left;
}
.bloco-anterior .img-materia-paginacao{
	width: 20%;
	float: left;
}
.bloco-proximo a{
	border: 1px solid #333;
	display: block;
	padding: 10px;
	color: #333;
	overflow: hidden;
}
.bloco-proximo a:hover{
	color: #333;
}
.bloco-proximo i{
	margin: 1px 0;
	width: 6px;
	float: right;
}
.bloco-proximo span{
	display: block;
	text-align: right;
}
.bloco-proximo img{
	float: left;
	margin-right: 10px;
}
.bloco-proximo div p{
	margin: 0 10px 0 0px;
	font-size: 110%;
	font-weight: 300;
	text-align: right;
}
.bloco-proximo .title-materia-paginacao{
	width: 80%;
	float: left;
}
.bloco-proximo .img-materia-paginacao{
	width: 20%;
	float: right;
}
.compartilhamento{
	margin: 15px auto;
	background: #f2f2f2;
	padding: 10px 5px 0px 5px;	
	overflow: hidden;
}
.compartilhamento .whatsapp{
	display: block;
	float: left;
	margin: 0 10px;
}
.compartilhamento .whatsapp img{
	border-radius: 3px;
	margin: 0px;
	width: 20px;
	padding: 0;
	border: none;
}
.compartilhamento .bt-facebook{
	margin: -9px 10px 0 10px;
	display: block;
	float: left;
}
.compartilhamento .twitter{
	margin: 0 10px;
	float: left;
	display: block;
}
.compartilhamento .googleplus{
	margin: 0 10px;
	float: left;
	display: block;
}
.compartilhamento iframe{
	margin: 0 !important;
}

/* Comentarios */
.comentario-materia{
	margin-top: 50px;
}
.comentario-materia h2{
	color: rgb(51, 51, 51);
	font-size: 170%;
	font-weight: normal;
	margin: 0 0 15px;
	padding: 0 0 10px;
	border-bottom: 1px solid rgb(218, 218, 218);
	line-height: 30px;
}
.form-comentario{
	margin: 30px 0;
}
.form-comentario input{
	font-weight: 300;
	height: 40px;
	border-radius: 0;
	margin-bottom: 10px; 
}
.form-comentario textarea{
	font-weight: 300;
	border-radius: 0;
}
.form-comentario .btn-comentar{
	background: rgb(0, 79, 116);
	border: none;
	margin: 20px auto 0;
	display: block;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	font-size: 130%;
	padding: 7px 20px;
	font-weight: 600;
}
.form-comentario .btn-comentar:hover{
	background: rgb(0, 30, 44);
}

.resposta-comentario{
	margin: 40px auto;
}
.resposta-comentario .media {
    border-bottom: 1px solid rgb(238, 238, 238);
	padding: 0 0 10px;
	margin: 30px auto;
}
.resposta-comentario small {
    margin-bottom: 10px;
    display: block;
    color: rgb(144, 144, 144);
}
.resposta-comentario .media .media {
    border: none;
    padding: 0;
}
.resposta-comentario p{
	font-size: 110%;
	font-weight: 300;
}

/* Botão subir ao topo */
.bt-topo {
	bottom: 12px;
	float: right;
	position: fixed;
	right: 12px;
	z-index: 9999;
}
.vt-topo {
	background: transparent;
	display: block;
	height: 45px;
	margin: 0;
	width: 45px;
	border: 1px solid rgb(3, 77, 138);
	color: rgb(3, 83, 149);
	font-size: 200%;
	text-align: center;
	line-height: 46px;
	border-radius: 2px;
}
.vt-topo:hover {
  	background:rgb(3, 77, 138);
  	color: #fff;
  	transition: 0.5s;
}

/* Formulario Brinde */
.download-brinde{
	margin: 50px auto;
}
.download-brinde h3{
	text-align: center;
	background: linear-gradient(to bottom, rgb(92, 184, 92) 0px, rgb(65, 150, 65) 100%);
	color: #fff;
	padding: 10px;
	font-size: 150%;
	margin: 0;
}
.bloco-brinde{
	border-left: 1px solid rgb(204, 203, 203);
	border-right: 1px solid rgb(204, 203, 203);
	border-bottom: 1px solid rgb(204, 203, 203);
	padding: 15px;
}
.title-brinde{
	text-align: center;
}
.title-brinde span{
	font-size: 130%;
	font-weight: 600;
	margin-left: 20px;
}
.bloco-brinde p{
	text-align: center;
	margin: 10px auto;
}
.bloco-brinde input{
	font-weight: 300;
	height: 40px;
	border-radius: 0;
}
.bloco-brinde label{
	display: block;
}
.btn-enviar{
	background: rgb(0, 79, 116);
	border: none;
	margin: 20px auto 0;
	display: block;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	font-size: 120%;
	padding: 7px 20px;
	font-weight: 600 !important;
}
.btn-enviar:hover {
    background: rgb(0, 30, 44);
}

/* Loading */
#bg-loading{
	background: rgb(255, 255, 255);
	width: 100%;
	position: fixed;
	top: 0;
	opacity: 0.7;
}
#loading i{
	position: fixed;
	display: block;
	top: 300px;
	left: 48%;
}
.error{
	color: rgb(255, 0, 0) !important;
	font-weight: 300;
	font-size: 90%;
}
.pagination-centered {
  	margin: 0 auto;
  	text-align: center;

}

/* 404 */
.bloco-erro {
    margin: 30px 0 0;
    border-right: 1px solid rgb(204, 204, 204);
}
.bloco-erro img {
    margin: 20px auto 0;
}
.txt-erro p {
    color: rgb(85, 85, 85);
    font-size: 280%;
    font-weight: 300;
    line-height: 46px;
}
.txt-erro a {
    color: rgb(255, 255, 255);
    font-size: 180%;
    margin: 10px 0;
    font-weight: 300;
}
.causa-erro {
    margin: 30px 0 0;
    padding: 0 15px 0 40px !important;
    font-weight: 300;
}
.causa-erro strong {
    color: rgb(85, 85, 85);
    display: block;
    font-size: 150%;
    margin-bottom: 10px;
}
.causa-erro ul {
    padding: 0 0 0 10px;
}
.causa-erro li {
    margin: 7px 0;
    list-style: none;
}
.pagina-erro{
	margin-bottom: 50px;
	overflow: hidden;
}

/* Modal Alert */
.swal2-popup.swal2-modal.swal2-show{
	width: 600px !important;
	font-size: 120%;
}

/* Modal cara nova home */
.modal-card {
    padding: 0 !important;
}
.modal-card .modal-dialog {
    margin: 30px auto;  
    max-width: 600px;
}
.modal-card .modal-content {
    background-color: transparent;
}
.modal-card .modal-body {
    padding: 0;
}
.modal-card .close {
    color: #fff;
    opacity: 1;
    position: absolute;
    right: 3px; 
    top: 3px;
}