body{font-size: 100%; min-height: 100vh; font-family: 'Nunito'; width: 100%; float: left; clear: both;}
textarea{height: 120px; resize: none;}
select{-webkit-appearance: menulist-button;}
._tr { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
._bc { -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; background-size:cover !important; }
._nopad { padding:0; } ._nopt { padding-top:0 !important; } ._nopr { padding-right:0 !important; } ._nopb { padding-bottom:0 !important; } ._nopl { padding-left:0 !important; }
.rotacao{image-rendering: optimizeQuality; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.rotacao:hover{-moz-transform: rotate(360deg) translateX(1px) translateY(1px) skewX(1deg) skewY(1deg);-webkit-transform: rotate(360deg) translateX(1px) translateY(1px) skewX(1deg) skewY(1deg);-o-transform: rotate(360deg) translateX(1px) translateY(1px) skewX(1deg) skewY(1deg);-ms-transform: rotate(360deg) translateX(1px) translateY(1px) skewX(1deg) skewY(1deg);transform: rotate(360deg) translateX(1px) translateY(1px) skewX(1deg) skewY(1deg);}
.centerV{position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.centerR{position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.centerA{position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.centerAll{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}

/*	Cor da Seleção de Texto  
	::selection{background:#D52A16; color:#FFF;}
	::-moz-selection{background:#D52A16; color:#FFF;}
	::-webkit-selection{background:#D52A16; color:#FFF;}
*/

/** Estrutura **/
/** CSS das áreas do site que são iguais em todas as páginas **/
.limitador {max-width: 1200px; width: 100%; height: auto; position: relative; margin: 0 auto; z-index: 4;}
.fontzero{font-size: 0px;}
.show-desktop{display:block!important}.hide-desktop{display:none!important}
a{cursor: pointer;}
.linha{width: 100%; float: left; clear: both;}


/*::-webkit-scrollbar{width:5px; background:#335843; }
::-webkit-scrollbar-track { background: #335843; }
::-webkit-scrollbar-thumb { border-radius:5px; background:#01974B;  }*/

/*::placeholder { }
::-ms-input-placeholder { }
::-ms-input-placeholder { }*/


/** Páginas **/
/** CSS para cada página do site **/
header{width: 100%; float: left; clear: both; padding: 0px 0px; background: #FFF; border-bottom: 1px solid #CCC;}
header img.logo{float: left;}
header img.logo:hover{opacity: 0.7;}

header .box_info{float: left; width: 480px; font-size: 14px; color: #626262; padding: 45px 35px;}
header .box_info b{color: #1967a3; font-weight: bold;}
header .box_info a{text-decoration: underline;}
header .box_info a:hover{color:#1967a3;}

header .box_btn{float: left; font-size: 16px; font-weight: 400; border-radius: 4px; color: #FFF; background: #1eab1b; padding: 20px 15px; margin-top: 30px;}
header .box_btn:hover{cursor: pointer; background: #148012;}

header ul.redes{float: left; margin:0px 10px;}
header ul.redes li{float: left; margin-top: 38px;}
header ul.redes li a{float: left; font-size: 30px; padding: 5px; color: #1967a3;}
header ul.redes li a:hover{opacity: 0.7;}

header .hamb{float: left; color: #1967a3; font-size: 45px; margin-top: 33px; cursor: pointer;}
header .hamb:hover{opacity: 0.7;}


header .box_pesquisa{position: absolute; top: -150px; left: 0px; background: #FFF; padding: 20px 0px; z-index: 50; width: calc(100% - 215px);}
header .box_pesquisa.ativo{top: 21px;}
header .box_pesquisa input{width: 100%; float: left; padding: 10px; font-size: 16px; outline: none; border:2px solid #CCC;}
header .box_pesquisa input:focus{border:2px solid #1967a3;}



.menu{width: 100%; float: left; clear: both; background: #FFF; padding: 10px 0px 0px 0px;}
.menu ul{width: 100%; float: left; clear: both;}
.menu ul li{float: left;}
.menu ul li a{float: left; padding: 0px 43px 9px 43px; font-size: 14px; font-weight: 400; color: #000; border-bottom: 4px solid #CCC;}
.menu ul li a:hover{border-bottom: 4px solid #1967a3; color: #1967a3;}




.player{width: 100%; float: left; clear: both; background: #1967a3; color: #FFF; padding-bottom: 7px; position: relative; z-index: 60;}
.player .pause{float:left; width: 50px; font-size: 26px; margin-top: 5px; margin-bottom: -5px; cursor: pointer;}
.player .pause:hover{opacity: 0.7;}
.player .titulo{float: left; font-size: 14px; color: #FFF; margin-top: 11px;}
.player .titulo a:hover{text-decoration: underline;}


.buttons_share{width: 100%; float: left; clear: both; padding: 20px 0px;}
.buttons_share h3{width: 100%; float: left; clear: both; font-size: 16px; font-weight: bold;}
.buttons_share ul{float: left; clear: both; margin-top: 5px;}
.buttons_share ul li{float: left;}
.buttons_share ul li a{float: left; width: 60px; height: 45px; position: relative; text-align: center; color: #FFF; font-size: 28px; background: #CCC;}
.buttons_share ul li a:hover{width: 80px; opacity: 0.7;}

.buttons_share ul li.email a{background: #333;}
.buttons_share ul li.facebook a{background: #516eab;}
.buttons_share ul li.twitter a{background: #29c5f6;}
.buttons_share ul li.linkedin a{background: #0078B0;}
.buttons_share ul li.pinterest a{background: #ca212a;}
.buttons_share ul li.whatsapp a{background: #51C75B;}



.anuncio1{width: 100%; float: left; clear: both; position: relative; z-index: 50; padding: 20px 0px; background: url(../images/bg1.jpg) repeat center center; position: relative;}
.anuncio1 img{width: 100%; float: left; clear: both;}
.anuncio1 img:hover{opacity: 0.7;}



.noticia_cada{width: 100%; float: left; clear: both; padding: 20px 0px; height: 460px;}
.noticia_cada .tag{float: left; font-size: 12px; color: #FFF; background: #1967a3; border-radius: 4px; padding: 5px 8px; margin-right: 5px;}
.noticia_cada h2{width: 100%; float: left; clear: both; font-size: 22px; font-weight: bold; padding: 10px 0px;}
.noticia_cada .imagem{width: 100%; height: 310px; float: left; clear: both; margin: 5px 0px; position: relative;}
.noticia_cada .imagem span.legenda{font-size: 12px; width: 100%; background: rgba(0,0,0,0.5); color: #FFF; padding: 10px 15px; position: absolute; bottom:0px; left: 0px; right: 0px;}
.noticia_cada_header .imagem{height: 450px;}

.noticia_cada .data{width: 100%; float: left; clear: both; padding: 5px 0px; font-size: 14px; color: #666; font-weight: 400;}
.noticia_cada .texto_geral{width: 100%; float: left; clear: both; padding: 0px 0px; font-size: 18px; line-height: 28px; color: #333; font-weight: 400;}
.noticia_cada .texto_geral p{padding: 10px 0px; font-family: 'Nunito' !important; font-size: 18px !important; line-height: 28px !important;}
.noticia_cada .texto_geral span{font-family: 'Nunito' !important; font-size: 18px !important; line-height: 28px !important;}

.noticia_cada .texto_geral a{color: #1877F2;}
.noticia_cada .texto_geral a:hover{text-decoration: underline;}

.noticia_cada .fb_like1{float: left; margin-bottom: 20px;}
.noticia_cada .fb_like2{float: left; margin-top: 20px;}


.noticia_cada .texto_geral img,
.noticia_cada .texto_geral iframe{max-width: 100%; height: auto; padding: 10px 0px; margin: 10px 0px;}

.noticia_cada .texto_geral iframe{min-height: 420px;}

.noticia_cada.grid4 .imagem{height: 220px;}

.noticia_cada.grid4{height: 380px;}
.noticia_cada.grid1{height: auto;}
.noticia_cada.interna_noticia{height: auto;}
.noticia_video{height: 390px;}

.noticia_cada:hover h2{text-decoration: underline;}
.noticia_cada:hover .imagem{opacity: 0.9;}

.noticia_cada span.urgente{float: left; clear: both; font-size: 16px; color: #F00; font-weight: bolder; margin-top: 0px; margin-bottom: -20px;}
.h2_principal{font-size: 50px !important; padding: 0px; text-align: center;}



.noticia_cada_header{position: relative; overflow: hidden; height: auto;}
.noticia_cada_header .overlay{position: absolute; left: 0px; right: 0px; bottom:25px; width: 100%; padding: 5px 20px; height: 100px; background: rgba(0,0,0,0.7);}
.noticia_cada_header .overlay h2{color:#FFF;}
.noticia_cada_header .overlay .data{color:#FFF;}



.icon-time{width: 17px; height: 17px; background: url(../images/icon-time.png) no-repeat center center; float: left; margin-top: 4px; margin-left: 10px;}


.noticia_interna{float: left; padding-right: 40px;}
.noticia_interna .noticia_cada:hover h2{text-decoration: none;}
.noticia_interna .noticia_cada .imagem{height: auto;}
.noticia_interna .noticia_cada .imagem img{float: left; clear: both; width: 100%;}






.noticia_cada.noticia_video .imagem{height: 350px; position: relative;}
.noticia_cada.noticia_video .imagem .overlay{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; right: 0px; bottom:0px; background: rgba(0,0,0,0.4);}
.noticia_cada.noticia_video .imagem .overlay i{font-size: 30px; color: #FFF; float: left;}

.noticia_cada.noticia_video.grid6 .imagem{height: 200px;}
.noticia_cada.noticia_video.grid6 h2{font-size: 18px;}



.anuncio2 img{width: 100%; float: left;}
.anuncio2 img:hover{opacity: 0.8;}



.noticia_lista{width: 100%; float: left; clear: both; margin: 30px 0px;}
.noticia_lista .cada{width: 100%; float: left; clear: both; padding-left: 30px; margin-bottom: 20px; position: relative;}
.noticia_lista .cada:before{content: ""; width: 8px; height: 100%; position: absolute; left: 0px; top: 0px; background: #CCC; border-radius: 30px;}
.noticia_lista .cada h3{width: 100%; float: left; clear: both; font-size: 18px; padding-bottom: 2px;}
.noticia_lista .cada .data{width: 100%; float: left; clear: both; font-size: 14px; color: #666;}
.noticia_lista .cada:hover{opacity: 0.7;}


.icon-camera{width: 37px; height: 32px; background: url(../images/icon-camera.png) no-repeat center center; float: left;}

.ipaonline{width: 100%; float: left; clear: both; margin: 30px 0px;}
.ipaonline .header{width: 100%; float: left; clear: both; margin-bottom: 20px;}
.ipaonline .header h1{width: 100%; float: left; clear: both;}
.ipaonline .header h1 span{font-size: 24px; float: left; margin-left: 20px; margin-top: 3px;}
.ipaonline .header .descricao{width: 100%; float: left; clear: both; font-size: 16px; padding: 10px 0px;}



.tag_youtube{width: 100%; height: 150px; float: left; clear: both; margin-top: 150px; background: #ebebeb;}
.tag_youtube .lado1{width: 75%; height: 150px; float: left; background: #117bbc; padding:48px 30px;}
.tag_youtube .lado1 .cima{width: 100%; float: left; clear: both; font-size: 18px; font-weight: 100; color: #ffc600;}
.tag_youtube .lado1 .cima b{font-weight: bold; color: #FFF;}
.tag_youtube .lado1 .baixo{width: 100%; float: left; clear: both; font-size: 16px; color: #FFF; font-weight: 100; padding-top: 5px;}
.tag_youtube .lado2{width: 25%; float: left; height: 150px; position: relative;}
.tag_youtube .lado2 i{font-size: 40px; color: #000;}

.tag_youtube:hover{opacity: 0.8; cursor: pointer;}
.tag_youtube:hover .lado2 i{font-size: 45px;}


.icon-people{width: 49px; height: 32px; background: url(../images/icon-people.png) no-repeat center center; float: left;}
.icon-bio{width: 38px; height: 38px; background: url(../images/icon-bio.png) no-repeat center center; float: left;}
.icon-film{width: 30px; height: 30px; background: url(../images/icon-film.png) no-repeat center center; float: left;}
.icon-digital{width: 29px; height: 29px; background: url(../images/icon-digital.png) no-repeat center center; float: left;}
.icon-deda{width: 30px; height: 35px; background: url(../images/icon-deda.png) no-repeat center center; float: left;}
.icon-pet{width: 32px; height: 32px; background: url(../images/icon-pet.png) no-repeat center center; float: left;}

.titulo_normal{width: 100%; float: left; clear: both;}
.titulo_normal .icon{float: left;}
.titulo_normal span{font-size: 22px; float: left; margin-left: 10px; margin-top: 4px; font-weight: bold;}

img.versao-digital{width: 100%; float: left; margin: 26px 0px;}
img.versao-digital:hover{opacity: 0.7;}




.anuncio3{width: 100%; float: left; clear: both; padding: 30px 0px; background: url(../images/bg1.jpg) repeat center center;}
.anuncio3 img.img_anuncio{width: 100%; float: left; clear: both;}
.anuncio3 img.img_anuncio:hover{opacity: 0.8;}

.olhovivo{width: 100%; float: left; clear: both; height: 296px;}
.olhovivo h2{width: 80%; float: left; clear: both; padding: 60px 0px 0px 50px; font-size: 26px; color: #e9ba27;}
.olhovivo h2 b{color: #FFF;}
.olhovivo .descricao{width: 100%; float: left; clear: both; font-size: 16px; color: #FFF; font-weight: 100; padding: 5px 50px; line-height: 22px;}
.olhovivo .btn{float: left; clear: both; font-size: 16px; font-weight: bold; color: #000; background: #e9ba27; padding: 10px 25px; margin-top: 30px; margin-left: 50px;}
.olhovivo .btn:hover{cursor: pointer; opacity: 0.8;}




.anuncio4{width: 100%; float: left; padding: 40px 0px; background: url(../images/bg1.jpg) repeat center center;}
.anuncio4 .imagem{width: 100%; height: 400px; float: left; position: relative;}
.anuncio4 .informativos{width: 100%; float: left; clear: both; background: #FFF;}
.anuncio4 .informativos .logo{width: 20%; float: left; padding: 20px 0px;}
.anuncio4 .informativos .logo img{float: left; clear: both; max-width: 90%;}
.anuncio4 .informativos .texto{width: 70%; float: left; padding: 40px 50px; font-size: 18px; font-weight: 400; color: #fb6145;}
.anuncio4 .informativos .icon{width: 10%; float: left;}
.anuncio4 .informativos .icon i{font-size: 20px; background: #fb6145; border-radius: 100%; padding: 20px 25px; color: #FFF; margin-top: 30px;}
.anuncio4 .informativos .icon i:hover{opacity: 0.7; cursor: pointer;}




footer{width: 100%; float: left; clear: both; margin-top: 30px;}
footer .newsletter{width: 100%; float: left; clear: both; background: #196dae; padding: 20px 0px; color: #FFF;}
footer .newsletter .texto{width: 40%; float: left; font-weight: bold; font-size: 18px; line-height: 26px;}
footer .newsletter .texto b{color: #e9ba27;}
footer form{width: 40%; float: left; margin-left: 2%; margin-top: 8px;}
footer form input{width: 37%; float: left; font-size: 14px; padding: 10px; border: 2px solid transparent; outline: none; margin: 0px 2px;}
footer form input:focus{border: 2px solid #e9ba27;}
footer form button{float: left; margin-left: 2px; font-size: 14px; background: #e9ba27; color: #196dae; padding: 12px 15px; border:none; outline: none;}
footer form button:hover{cursor: pointer; opacity: 0.8;}
footer .topo{float: right;}
footer .topo span{float: left; font-size: 12px; font-weight: bold; color: #FFF; margin-top: 20px;}
footer .topo i{float: left; color: #000; background: #FFF; font-size: 20px; padding: 10px 15px; border-radius: 100%; margin-top: 8px; margin-left: 10px;}
footer .topo:hover{cursor: pointer; opacity: 0.8;}



footer .footer{width: 100%; float: left; clear: both; background: #1967a3; color: #FFF; padding: 50px 0px; font-weight: 100; font-size: 18px;}
/*footer .footer .coluna{width: 25%; padding: 0px 20px; float: left;}*/
footer .footer .coluna{width: 37%; padding: 0px 20px; float: left;}
footer .footer .coluna .title{width: 100%; float: left; clear: both; font-weight: bold; margin-bottom: 10px;}
footer .footer .coluna ul{width: 100%; float: left; clear: both; font-size: 16px;}
footer .footer .coluna ul li{float: left; clear: both;}
footer .footer .coluna ul li a{float: left; clear: both; padding: 2px 0px;}
footer .footer .coluna ul li a:hover{text-decoration: underline;}
footer .footer .coluna .texto{width: 100%; float: left; clear: both; margin-bottom: 10px;}
footer .footer .coluna .hr{width: 100%; height: 1px; background: #FFF; margin: 10px 0px; float: left; clear: both;}

footer .footer .coluna_anuncie{width: 25%; padding: 0px 20px; float: left;}
footer .footer .coluna_anuncie .title{width: 100%; float: left; clear: both; font-size: 18px; font-weight: bold; color: #e9ba27; margin-bottom: 10px;}
footer .footer .coluna_anuncie .texto{width: 100%; float: left; clear: both; margin-bottom: 10px; font-size: 16px;}
footer .footer .coluna_anuncie .btn{float: left; clear: both; margin: 10px 0px; font-size: 16px; font-weight: bold; padding: 10px; border:2px solid #e9ba27;}
footer .footer .coluna_anuncie ul.redes{float: left; clear: both; margin-top: 10px;}
footer .footer .coluna_anuncie ul.redes li{float: left;}
footer .footer .coluna_anuncie ul.redes li a{float: left; padding: 0px 5px;}
footer .footer .coluna_anuncie ul.redes li i{font-size: 16px;}


footer .copy{width: 100%; float: left; clear: both; padding: 10px 0px; text-align: center; background: #165e95; font-size: 14px; color: rgba(255,255,255,0.5);}






/** Tablet/Notebook **/
@media only screen and (max-width: 1200px) {
	.show-tablet{display:block!important}.hide-tablet{display:none!important}

	html, body{width: 100%; float: left; clear: both; overflow-x: hidden;}


	.menu{display: none;}
	.noticia_cada .imagem{height: 180px;}
	.noticia_cada{height: auto !important;}

	footer .footer .coluna{width: 100%; text-align: center;}
	footer .footer .coluna_anuncie{width: 100%; text-align: center;}
	footer .copy{padding: 10px;}

	footer .newsletter .texto{width: 100%; text-align: center;}
	footer form{width: 100%;}
	footer form input{width: 47%;}
	footer form button{width: 95%; margin-top: 5px;}
	footer .topo{display: none;}

	footer .footer .coluna ul li{width: 100%; text-align: center;}
	footer .footer .coluna ul li a{width: 100%; text-align: center;}

	footer .footer .coluna_anuncie .btn{width: 100%; text-align: center;}

	footer .footer .coluna_anuncie ul.redes{position: relative; left: 50%; margin-left: -51px;}


	.anuncio4 .imagem{height: 150px;}
	.anuncio4 .informativos .logo{width: 100%;}
	.anuncio4 .informativos .texto{width: 100%; padding: 10px 20px;}
	.anuncio4 .informativos .icon{width: auto; position: relative; left: 50%; margin-left: -30px; padding-bottom: 20px; margin-top: 5px;}


	header .box_info{display: none;}
	header .box_btn{position: relative; left: 50%; margin-left: -100px; display: none;}
	header ul.redes{display: none !important;}
	/*header ul.redes li{margin-top: 0px; position: relative; left: 50%; margin-left: -78px;}*/

	.buttons_share1{position: fixed; left: 0px; bottom:0px; background: #f1f1f1; padding: 10px; z-index: 999;}
	.buttons_share1 h3{font-size: 14px;}
	.buttons_share ul{width: 100%;}
	.buttons_share ul li{width: 16.666666667%;}
	.buttons_share ul li a{width: 100%; height: 35px; font-size: 20px;}
	.buttons_share ul li a:hover{width: 100%;}

	header img.logo{position: relative; left: 50%; margin-left: -150px;}

	.noticia_interna{padding:0px 10px;}

	.h2_principal{font-size: 30px !important;}

	.player{padding: 0px 20px 7px 20px;}

	.noticia_cada_header .overlay h2{font-size: 18px; margin-top: 0px;}
	.noticia_cada_header .imagem{height: 250px;}

	.noticia_cada h2{margin-top: 10px;}

	.noticia_cada .texto_geral p{padding: 10px 0px !important;}


	header .box_pesquisa{display: none !important;}



}
/** Celular Maior **/
@media only screen and (max-width: 768px) {
	.show-phone{display:block!important}.hide-phone{display:none!important}
}
@media only screen and (max-width: 470px) {
	.show-phone{display:block!important}.hide-phone{display:none!important}
}
@media only screen and (max-width: 350px) {
	.show-phone{display:block!important}.hide-phone{display:none!important}
}