﻿/* 
Design by:
www.jcnet.com.br
*/

/* Geral */
	body * {margin:0px; padding:0px; -webkit-font-smoothing: antialiased;}
	a, a:hover , a:focus, a:active, p, strong, span, h1, h2, h3, h4, h5, h6, label, input, button {text-decoration:none; color:#000; font-family:'Lato', Arial, sans-serif; font-weight:400; line-height:18px; text-rendering: optimizeLegibility;}
	.container {width:970px; margin:0 auto; display:table; padding:0px;}
	.adsbygoogle {background:#f1f1f1;}

/* Commons */
	.text-center{text-align:center;}
	.text-left{text-align:left;}
	.text-right{text-align:right;}	
	.timeago {color:#B3B3B3; display:inline-block; line-height:14px;}
	a:hover h3 {text-decoration:underline;}
	strong {font-weight:700}
	.clear{clear:both}
	.lb-data .lb-caption {color:#FFF !important;  font-family:'Lato', Arial, sans-serif !important; font-weight: normal !important;}
	.lb-data .lb-caption a{color:#4FCEF3 !important;}
	
	
/*AUDIMA*/
#audimaBanner{margin:20px auto; width:320px;}
	
/* OWL Custom*/

	.owl-stage .owl-item .item{
		background: #e9ecef !important;
	}
	.owl-stage .owl-item .item img{
		width: auto !important;
		max-width: 100%;
		max-height: 500px;
		margin:0 auto;
	}

/* Portal */

	#portal-topo-barra {
		background:#434343;	
		font-size:12px;
		width: 100%;
		padding: 1px 0;
	}
	#portal-topo-barra .row {
		max-width: 970px;
		margin:0 auto;
	}
	#portal-topo-barra ul li a {
		font-size:13px;
	}
	#portal-topo-barra ul li a i {
		margin-top:2px;
		font-size:16px;
	}

	#portal-topo-barra, #portal-topo-barra a {color:#CCC;}

	#portal-topo-barra #social ul { opacity: 1; filter: alpha(opacity=60);}
	#portal-topo-barra #social ul li {float: right; margin:0 3px; }
	#portal-topo-barra #social ul li a {display: block;}

	#portal-topo-barra #links {text-align: center;}
	#portal-topo-barra #links:hover {text-align: center;}


/* OWL Carousel */



/* Header */
	
	header {display:block; overflow:hidden; box-sizing:border-box; padding:15px 0px; background:#035493;}
	header.fixa {margin:53px 0 0 0;}

		header #logo {float:left; overflow:hidden; margin-right:20px; width:190px}
				header #logo a {display:block; overflow:hidden;}
					/*header #logo span {width:201px; height:68px; display:block; overflow:hidden; background:url(../img/logo-jcnet.png) center center no-repeat; text-indent:-9999px;}*/
				
		header #clima {float:left; overflow:hidden; margin-right:20px; padding:7px 0px;}
			header #clima p.data {font-size:12px; text-align:center; margin-bottom:5px;}
			header #clima p.temperatura {font-size:17px; font-weight:900; display:table; margin:0 auto;}
			
		header #busca {float:left; margin-right:20px; width:330px; display:block;}
			header #busca form {margin:0px;}
			header #busca label {font-size:14px; font-weight:900; display:block; margin:7px 0px 1px 0; color:#FFF}
			header #busca span {display:block; position:relative; width:100%;}
				header #busca input {border:1px #e5e5e5 solid; margin:0px; border-radius:4px; width:100%; box-sizing:border-box; padding:10px; height:35px;}
				header #busca button {position:absolute; right:8px; bottom:8px; width:20px; height:20px; overflow:hidden; background:url(../img/icone-lupa.png) #fff center center no-repeat; background-size:contain; border:0px; text-indent:-99999px; display:block; cursor:pointer;position: relative;float: right;margin-top: -19px;margin-right: -5px;}
				
		
		header #app {width:110px; float:left; overflow:hidden; border:1px solid #f5f5f5}
			header #app p {text-align:center; margin-bottom:5px; font-size:12px}
			header #app a {width:50%; float:left; display:block; text-align:center; padding-top:25px; font-size:12px}
			header #app a.android {background:url(../img/icon-android.png) center top no-repeat;}
			header #app a.ios {background:url(../img/icon-ios.png) center top no-repeat;}
				
		header #publ {width:190px; float:right; margin-right:40px; }
			header #publ a {background:url(../especialnatal/static/natal_botao.png); background-size:50px 50px; color:#fff; text-transform:uppercase; text-align:center; border-radius:3px; box-sizing:border-box; padding:0px; display:block; font-size:11px;background-size: cover; height:40px;}
			/*header #publ a:hover {background:#00aeee;}*/
			header #publ a:hover {background:url(../especialnatal/static/natal_botao.png);background-size: cover;}
			header #publ a:nth-child(1) {margin-bottom:2px;}							

		header #assine {width:190px; float:right; margin-right:40px;  height:25px;}
			header #assine a:nth-child(1) {margin-bottom:10px;}							

		header #funcoes {width:110px; float:right;}
			header #funcoes a {background:#f7921e; color:#fff; text-transform:uppercase; text-align:center; border-radius:3px; box-sizing:border-box; padding:5px; display:block; font-size:11px;}
			header #funcoes a:hover {background:#00aeee;}
			header #funcoes a:nth-child(1) {margin-bottom:10px;}
			
			
/* Menu Principal */
	nav {background:#044e88; border-bottom:5px #035493 solid; position:relative; z-index:1030;}
	nav.fixa {position:fixed; top:0px; width:100%;}
	nav .logo {display:none;}
	nav .container-menu {display:block; overflow:hidden; width:970px; margin:0 auto}
	nav ul {margin:0px;}
		nav ul.menu {display:block; width:100%; height:auto;}
			nav ul.menu li {float:left;}
				nav ul.menu li.drop {}
				nav ul.menu li.item_menu_mob { display:none; } /*alexandre somente mobile*/
				nav ul.menu > li > a {color:#fff; font-weight:900; font-size:14px; padding:10px 11px; padding-right:25px; display:block; float:left;}
				nav ul.menu > li:not(.drop) > a {padding:10px 12px;}
					nav ul.menu li.drop a {background:url(../img/menu-icone-drop.png) 90% center no-repeat;}
			
			nav ul.menu li.home a{padding: 10px 10px}
			
			nav #sub {display:none; z-index:99999;}
			nav #sub .container {position:relative;}
			

			/* alteração alexandre de 768 para 936*/
			@media screen and (min-width: 936px) /* Desktop */ {
				nav ul.menu > li:hover > a {background:#035493;}
					nav ul.menu > li.drop:hover > a {background:url(../img/menu-icone-drop.png) 90% center no-repeat #035493;}
				nav ul.menu li.drop:hover #sub {display:table; position:absolute; top:100%; left:0px; background:#eee; width:100%; overflow:hidden; border-bottom:10px #035493 solid; border-top:5px #035493 solid; box-shadow:#000000; -webkit-box-shadow: 0px 6px 5px -1px rgba(0,0,0,0.3);-moz-box-shadow: 0px 6px 5px -1px rgba(0,0,0,0.3);}
					nav ul.menu li.drop:hover ul.sub {width:200px; min-height:100%; float:left; background:#e4e4e4; padding:10px 0px; overflow:hidden; display:block; top:0px; left:0px;}
					nav ul.menu li.drop:hover ul.sub li {display:block; width:100%;}
						nav ul.menu li.drop:hover ul.sub li a {background:transparent; display:block; width:100%; font-size:14px; padding:5px 10px; box-sizing:border-box; font-weight:600; color:#000;}
						nav ul.menu li.drop:hover ul.sub li a:hover {background:#035493; color:#fff;}
						nav ul.menu li.drop:hover ul.sub li a:before {content:'\00bb'; padding-right:5px; float:left;}	

		
				/* Interno Menu */
					#blocos-menu {margin:20px 30px; float:right; width:710px;}
						#blocos-menu h3 {font-size:24px; color:#0056a0; line-height:24px; margin-bottom:15px; font-weight:900;}
						
						#blocos-menu .bloco-megasena {width:250px; float:left;}
							#blocos-menu .bloco-megasena ul {display:block; overflow:hidden; width:250px; box-sizing:border-box; border:1px #cccccc solid; padding:10px; background:#ddd; margin-bottom:10px;}
							#blocos-menu .bloco-megasena ul li {box-sizing:border-box; width:29px; padding:8px 0px; text-align:center; background:#CCC; float:left; line-height:14px; margin-right:10px;}
							#blocos-menu .bloco-megasena ul li:last-child {margin:0px;}
						
						#blocos-menu .js-bloco-horoscopo {width:420px; float:right;}
							#blocos-menu .js-bloco-horoscopo ul {display:block; overflow:hidden;}
								#blocos-menu .js-bloco-horoscopo ul li {width:16.6%; float:left; overflow:hidden; margin-bottom:10px;}
								#blocos-menu .js-bloco-horoscopo ul li a {display:block; background:transparent;}
								#blocos-menu .js-bloco-horoscopo ul li a:hover p {text-decoration:underline;}
									#blocos-menu .js-bloco-horoscopo ul li p {display:block; margin:10px 0px; text-align:center; text-transform:uppercase; font-size:10px;}
									#blocos-menu .js-bloco-horoscopo ul li img {width:auto; height:36px; display:block; margin:0 auto;}
									
						#blocos-menu .bloco-destaque {width:180px; float:left; overflow:hidden; margin-right:20px;}
							#blocos-menu .bloco-destaque a {display:block; overflow:hidden;}
							#blocos-menu .bloco-destaque img {width:100%; height:auto; margin-bottom:10px; border-radius:3px;}
							#blocos-menu .bloco-destaque h4 {color:#0056a0; font-weight:900; font-size:18px; margin-bottom:5px;}
							#blocos-menu .bloco-destaque p {font-size:16px; font-weight:600;}
						
						#blocos-menu .bloco-charge {width:180px; float:left; overflow:hidden; margin-right:20px;}
							#blocos-menu .bloco-charge a {display:block; overflow:hidden;}
							#blocos-menu .bloco-charge img {width:100%; height:auto; margin-bottom:10px; border-radius:3px;}
							
						#blocos-menu .bloco-banner300 {width:300px; float:right; overflow:hidden; margin-top:39px;}
							#blocos-menu .bloco-banner300 a {display:block; overflow:hidden;}
							#blocos-menu .bloco-banner300 img {width:100%; height: auto;}
						
						#blocos-menu .bloco-maislidas {width:390px; float:left;}
							#blocos-menu .bloco-maislidas .noticia {width:180px;}
							#blocos-menu .bloco-maislidas .noticia:nth-child(1) {float:left;}
							#blocos-menu .bloco-maislidas .noticia:nth-child(2) {float:right;}
								#blocos-menu .bloco-maislidas .noticia img {border-radius:4px; margin-bottom:10px;}
								#blocos-menu .bloco-maislidas .noticia h3 {font-size:18px; line-height:24px;}
								#blocos-menu .bloco-maislidas .noticia .title {color:#000}
					
						#blocos-menu .bloco-digital {width:710px;}
							#blocos-menu .bloco-digital ul {display:block; overflow:hidden;}
								#blocos-menu .bloco-digital ul li {float:left; text-align:center; width:20%; box-sizing:border-box; padding:10px;}
									#blocos-menu .bloco-digital ul li img {max-width:120px; border:1px #486a8d solid; display:block; margin:0 auto; margin-bottom:10px; }
									#blocos-menu .bloco-digital ul li p {display:block; text-align:center; font-weight:900; font-size:12px;}
			
				nav.slim .logo {display:block; width:90px; float:left; margin:8px 20px 0 0;}
					nav .slim .logo img {width:100px;}
					nav .slim ul.menu {display:block; width:calc(100% - 120px); height:auto; float:left;}
					nav.slim ul.menu > li > a {font-size:14px; padding:15px 10px; padding-right:25px;}
					nav.slim ul.menu > li:not(.drop) > a {padding:15px 10px; }
			
			
			}
	
	
/* PUBLICIDADE */
	
	.container-publicidade .editoria-publi-3{margin-bottom: 30px}
	
	
	.publicidade{display:table; text-align:center;}
		.publicidade span{font-size:10px; color:#ABABAB}
		.leaderboard {margin:20px 0px; display:block; overflow:hidden; background:#EEE;padding:5px;}
	
	#home-publi-2 {margin: 20px 0 0 0}
	#home-publi-3 {margin:20px 0}
	#home-publi-4 {width:300px; height:600px;}
	#home-publi-5 {margin:20px 0 0 0;}
	#home-publi-mobile-topo {display:none}
	
	
	#editoria-publi-2 {margin:50px 0 !important}
	#noticias-publi-3 {margin:0 0 30px 0}
	#noticias-publi-4 {margin:20px 0 0 0}

/* Lista de Notícias */
	.noticias {}
	.noticias ul, .noticias li{overflow:hidden; display:block;}
		.noticias li {padding-bottom:10px; margin-bottom:10px; border-bottom:2px #e6e6e6 solid;}
			.noticias li:last-child {margin-bottom:0px; padding-bottom:0px; border:0px;}
			.noticias li p.editoria {color:#0071BC; font-weight:400; font-size:14px; line-height:14px; display:inline; margin-right:5px;}
			.noticias li p.linha-fina {color:#676767; font-size:14px;}
			.noticias li h3 {font-size:18px; font-weight:900; line-height:24px; margin-bottom:5px;}
				.noticias a:hover h3 {text-decoration:underline;}
			.noticias li h4.desc {color:#666; line-height:18px; font-size:14px;}
			.noticias li :not(span.fivelive) img {float:left; margin:0 15px 0 0; border-radius:3px}
			.noticias li :not(span.fivelive) a {display:block; overflow:hidden}

		.noticias .foto-left{float:left; margin:0 15px 0 0; border-radius:3px}
		.noticias .foto-center{margin:0 0 10px 0; border-radius:3px; float:none;}
		
		.noticias .icon-clock{display:inline-block; width:14px; height:12px;}
	
	.noticias-relacionadas { margin:5px 0 0 0;}
		.noticias-relacionadas li{padding: 0px; margin:5px 0 0 0; border:0px;}
		.noticias-relacionadas li a{font-weight:500; font-size:14px;}
		.noticias-relacionadas li a:hover{text-decoration:underline}
		 
		.noticias-relacionadas li:before {content: "\25AA"; color: red; float:left; margin:0 5px 0 0; font-size:30px; line-height:21px}
	
	.btnContinuarLendo{background:#00AFEF; color:#FFF; width:70%; margin:10px auto 60px auto; padding:10px; display:none; text-align:center;}
		.btnContinuarLendoDegrade{ margin-top:-25px; width:100%; height:25px; display:none}

	
/* Widget Editorias */
	.widget-editorias {display:block; overflow:hidden; box-sizing:border-box; border:1px #1976d3 solid; margin-bottom:30px;}
	.widget-editorias:last-child {margin-bottom:0px;}
		.widget-editorias h3 {padding:15px; background:#1976d3;}
		.widget-editorias h3 a{font-size:18px; font-weight:900; color:#fff; line-height:26px;}
		.widget-editorias ul {padding:15px;}
			.widget-editorias ul h4 {font-size:20px; font-weight:800; line-height:22px;}
			.widget-editorias ul h5 {font-size:16px; font-weight:600; color:#1976d3; line-height:18px;}

	
	
/* Opinião - Herdado de Noticias*/
	.opiniao { }
	.opiniao li h4{ font-size: 20px; color: #0071BC; line-height:1.2em}
	.opiniao li h3{ font-size: 30px; line-height:1.2em}
	.opiniao li p{ font-size: 14px; line-height:1.1em; color: #494949;}
	.opiniao li time{ font-size: 14px; margin:5px 0 0 0; color: #9A9A9A; display:block;}
	

/* Principal Home */
	#principal-home {display:block; overflow:hidden;}
		.coluna {width:300px; float:left; overflow:hidden;}
		.coluna-direita {width:300px; float:right; overflow:hidden;}
		.coluna-grande {width:635px; float:left;}
		.coluna-grande-patr {width:635px; float:left; margin-left:17%;}
		.margin {margin:0 25px;}
		.margin-left {margin-left:25px;}
		.margin-right {margin-right:25px;}
		.mini-coluna {width:132px; float:left;}
		
		
		.title-box {border-bottom:2px #1976D2 solid; margin-bottom:20px; width:100%; overflow:hidden;}
			.title-box h1, .title-box h3, .title-box h1{font-size:30px; font-weight:900; color:#1976D2; line-height:35px; padding-bottom:10px; display:table; border-bottom:5px #1976D2 solid;}
			.title-box h1 a, .title-box h3 a, .title-box h1 a{font-size:30px; font-weight:900; color:#1976D2; line-height:35px;}
			
		
		/* Bloco 1/2 */
		#principal-home #left {width:640px; float:left;}	
		
			#principal-home #left #nivel1 {overflow:hidden;}
				#principal-home #left #nivel1 h1 {font-size:35px; line-height:37px; text-align:center; font-weight:900; margin-bottom:5px;}
					#principal-home #left #nivel1 a:hover h1 {text-decoration:underline;}
				#principal-home #left #nivel1 p {text-align:center;}
				#principal-home #left #nivel1 h4 {text-align:center; font-weight:600; color:#666; line-height:18px; font-size:14px; width:80%; display:table; margin:0 auto;}
			
			
            /* alteração alexandre */
			@media screen and (min-width: 939px) /* Tablet */ {
				#destaques-home{display:block !important}
				#destaques-home-mobile{display:none !important}
			}
			
			#destaques-home{width:100%; overflow:hidden; clip: rect(0px,468px,225px,0px); margin:17px 0px; height:295px;}
			#destaques-home #main{position:relative;overflow:hidden;width:435px; height:295px;float:left;}
			#destaques-home #pages{position:absolute}
			#destaques-home .scrollable{position:relative; overflow:hidden; width:435px; height:300px; hanging:20000em;}
				#destaques-home .scrollable img {width:100%; height:auto;}
			
			#destaques-home #main_navi {width:205px; float:right;  box-sizing:border-box; background:#f2f2f2; min-height:100%; height:100%; border-right:#b4b4b4 1px solid;}
			#destaques-home #main_navi li {box-sizing:border-box; display:block; border-bottom:#b4b4b4 1px solid; height:25%; cursor:pointer;}
			#destaques-home #main_navi li:nth-child(1) {border-top:#b4b4b4 1px solid;}
			#destaques-home #main_navi li:hover {background:#f7921e;}
			#destaques-home #main_navi li.active{color:#FFF; font-weight:500; background:#f7921e;}	
				#destaques-home #main_navi li.destaques {text-align: right; padding: 8px 10px; box-sizing: border-box; line-height: 1.2em; font-weight: 700; font-family:'Lato', Arial, sans-serif; font-size:16px;}
				#destaques-home #main_navi li:hover, #destaques-home #main_navi li.active a {color:#fff; font-weight: 700; font-family:'Lato', Arial, sans-serif; font-size:16px;}
				
				
				
			
			
			#principal-home #left #nivel2 {overflow:hidden; height:300px; margin:20px 0px;}
				#principal-home #left #nivel2 .imagem {width:435px; float:left;}
					#principal-home #left #nivel2 .imagem img {width:100%; height:auto;}
				
				#principal-home #left #nivel2 ul {width:205px; float:right;  box-sizing:border-box; background:#f2f2f2; min-height:100%; height:100%; border-right:#b4b4b4 1px solid;}
					#principal-home #left #nivel2 ul li {box-sizing:border-box; display:block; border-bottom:#b4b4b4 1px solid; height:25%;}
					#principal-home #left #nivel2 ul li:nth-child(1) {border-top:#b4b4b4 1px solid;}
						#principal-home #left #nivel2 ul li a {display:block;}
						#principal-home #left #nivel2 ul li:hover {background:#f7921e;}
						#principal-home #left #nivel2 ul li a p {font-weight:600; text-align:right; padding:10px 15px; box-sizing:border-box;}
						#principal-home #left #nivel2 ul li:hover a p {color:#fff;}
		
		/* Bloco 3 */
		#principal-home #right {width:300px; float:right; overflow:hidden;}
			
			#principal-home #right #nivel1 {overflow:hidden; padding-bottom:10px; margin-bottom:10px; border-bottom:2px #f5f5f5 solid;}
				#principal-home #right #nivel1 a {display:block; overflow:hidden;}
					#principal-home #right #nivel1 h2 {font-size:27px; font-weight:900; line-height:28px; margin-bottom:10px;}
						#principal-home #right #nivel1 a:hover h2 {text-decoration:underline;}
					#principal-home #right #nivel1 h4 {font-size:14px; color:#666; font-weight:600;}
			
			#principal-home #right ul#nivel2 {overflow:hidden;}
				#principal-home #right ul#nivel2 li {padding-bottom:10px; margin-bottom:10px; border-bottom:2px #e5e5e5 solid; overflow:hidden;}
					#principal-home #right ul#nivel2 li a {display:block; overflow:hidden;}
						#principal-home #right ul#nivel2 li.imagem img {float:left; margin:15px 0px; width:115px; height:85px; border-radius:3px;}
						#principal-home #right ul#nivel2 li.imagem .desc {float:right; width:170px;}
						
						
/* Secundario Home */
	#secundario-home {display:block; margin:10px 0 0 0; overflow:hidden;}
				
		/*#secundario-home #bloco-noticia a {display:block; overflow:hidden;}
		#secundario-home #bloco-noticia a {padding-bottom:10px; margin-bottom:10px; border-bottom:2px #e5e5e5 solid;}
		#secundario-home #bloco-noticia a:last-child {padding-bottom:0; margin-bottom:0; border-bottom:none;}
		#secundario-home #bloco-noticia .noticia img {float:left; margin:0 15px 0 0; border-radius:3px}*/
				
		#secundario-home #bloco-destaque a {display:block; overflow:hidden; padding-bottom:10px; margin-bottom:10px; border-bottom:2px #e5e5e5 solid;}
			#secundario-home #bloco-destaque img {margin-bottom:10px; width:100%; height:auto; border-radius:3px;}
			#secundario-home #bloco-destaque a:hover h3 {text-decoration:underline;}
			
		#secundario-home #bloco-publicidade {overflow:hidden;}
			#secundario-home #bloco-publicidade img {width:100%; height:auto;}
			#secundario-home #bloco-publicidade span {float:right; color:#666; font-size:11px;}
		
		
			
/* Terceario Home */
	#terceario-home {display:block; overflow:hidden;}
	
		/*#terceario-home #bloco-noticia .noticia {padding-bottom:10px; margin-bottom:10px; border-bottom:2px #e5e5e5 solid;}
		#terceario-home #bloco-noticia .noticia img {float:left; margin:0 15px 0 0; border-radius:3px}
			#terceario-home #bloco-noticia li:last-child .noticia {margin-bottom:0px; padding-bottom:0px; border:0px;}*/
			
		#terceario-home #bloco-digital {display:block; overflow:hidden; background:url(/imagens/fundo-assine-home.jpg) no-repeat; margin:0 auto; width:300px; height:540px;text-align:center; padding:60px 0 0 0;}
			#terceario-home #bloco-digital button{margin: 30px 0 0 0;}
			#terceario-home #bloco-digital .js-bloco-digital-destaque a img{max-width:200px;}
			#versao-digitais {box-sizing:border-box; padding:22px; border:1px #d9d9d9 solid; overflow:hidden; border-radius:3px; margin-bottom:20px;}
				#versao-digitais h4 {font-weight:700; font-size:20px; text-align:center; margin:0 0 20px 0}
				#versao-digitais .box {width:50%; float:left; overflow:hidden;}
					#versao-digitais .box img {display:block; margin:0 auto; max-width:100%;}
						#versao-digitais .box a {background:#f7921e; margin:0 auto; color:#fff; text-transform:uppercase; text-align:center; border-radius:3px; box-sizing:border-box; padding:5px 10px; display:table; font-size:12px; margin-top:10px;}
			
		#mais-compartilhadas {display:block; overflow:hidden; box-sizing:border-box; border:1px #1976d3 solid;}
			#mais-compartilhadas h3 {font-size:18px; font-weight:900; color:#fff; line-height:26px; background:#1976d3; padding:20px;}
				#mais-compartilhadas ul {overflow:hidden; padding:15px;}
					#mais-compartilhadas ul li a {display:block; overflow:hidden; margin-bottom:10px;}
					#mais-compartilhadas ul li span {color:#fff; background:#1976d3; font-size:24px; font-weight:900; float:left; padding: 10px 12px; border-radius: 50%; margin-top:2px;}
					#mais-compartilhadas ul li h4 {float:left; margin-left:10px; width:210px; font-size:16px; line-height:22px;}
						#mais-compartilhadas ul li a:hover h4 {text-decoration:underline;}
	
	

	
	/* Bloco Home Opiniao */
		#opiniao-home {
			background: #e8e8e8;
			border-bottom: 4px solid #cccccc;
		}
		
		#opiniao-home .col-left {width:640px; float:left;}	
		#opiniao-home .col-right {width:300px; float:right; overflow:hidden;}

		#opiniao-home .title-box h3 {

		}


		#opiniao-home #container{
			width: 970px;
			margin: 0 auto;
			display: table;
		}
		
		#opiniao-home #colunistas ul li figure{}

		#opiniao-home #colunistas ul li figure .img-crop{
			width: 100%;
			position: relative;
			overflow: hidden;
			border-radius: 5%;
		}
		
		#opiniao-home #colunistas ul li figure img {
			border-radius: 50%;
			border: 2px solid #67b1e8;
		}
		#opiniao-home #colunistas ul li figure figcaption {
			font-weight:900;
			font-size:16px;
			line-height:1.2em;
		}
		#opiniao-home #colunistas ul li figure figcaption span {
			color: #67b1e8;
			display: inline-block;
			width: 100%;
			font-size:16px;
		}
		
		    

	/*Opiniao - Articulistas*/
		
		#opiniao-home #articulistas {
			font-weight:900;
		}

		#opiniao-home #articulistas li a{
			font-weight:900;
			font-size:18px;
			line-height:1.2em;
		}

		#opiniao-home #articulistas span{
			font-size: 16px;
			color: #67b1e8;
			display: inline-block;
			width: 100%;
			
		}



/* Branded Content */
		#branded-home {display:block; overflow:hidden;}
		#branded-home #container {
			width: 970px;
			margin: 0 auto;
			display: table;
			border-bottom: 4px solid #cccccc;
		}

		#branded-home #container li figcaption{
			font-weight: bold;
		}

		#branded-home #container li figcaption span{
			font-weight: bold;
			color: #67b1e8;
		}


/* Store Way */
	#store-box {display:block; overflow:hidden; margin:40px 0px; padding-bottom:5px;}
		#store-box .container {padding:15px; box-sizing:border-box; border:2px #e5e5e5 solid; box-shadow:0px 3px 3px #ccc;}
			#store-box .item {border-left:2px #e5e5e5 solid; padding:10px 0}
			#store-box h3 {font-size:24px; font-weight:900; display:block; margin:10px 0 0 0; padding-bottom:15px; border-bottom:2px #e5e5e5 solid; text-transform:uppercase;}
			#store-box img {width:auto; height:auto; display:block; margin:0 auto; margin-bottom:10px;}
			#store-box p {text-align:center;}
			#store-box p.txt1 {display:block; margin:0 0 10px 0; color:#000; font-size:14px; font-weight:900}
			#store-box p.txt2 {display:block; margin:5px 0px; color:#666; font-size:14px;}
			#store-box span.txt3 {font-weight:900; font-size:15px;}
			#store-box span.txt-riscado {color:#909090; font-size:12px; text-decoration: line-through;}
			#store-box button {color:#fff; background:#1876ce; text-transform:uppercase; font-size:12px; font-weight:900; text-align:center; padding:10px; border-radius:3px; margin:0 auto;  margin-top:15px; display:table; border:0px; line-height:1em}
			#store-box a:hover button {background:#f7921e;}
			#store-box a:hover .txt2, #store-box a:hover .txt3 {text-decoration:underline}
			#store-box a:hover .item {background:#E5E5E5}
			#store-box .owl-buttons {position: absolute; top: -45px; right: 0px;}
			#store-box .owl-buttons .owl-prev {width:24px; height:24px; text-indent:-9999px; padding:0px; display:block; background:url(../img/prev-store.png) center center no-repeat; float:left;}
			#store-box .owl-buttons .owl-next {width:24px; height:24px; text-indent:-9999px; padding:0px; display:block; background:url(../img/next-store.png) center center no-repeat; float:left; margin-left:5px;}
			
			#store-box .progressbar{ width: 100%; height:2px; clear: both; margin:0 0 15px 0}
			#store-box .progressbar .bar{ width: 0%; background: #3C95E8; height: 2px; max-width: 100%;}
			

			
			
/* Quaternario Home */
	#quaternario-home {display:block; overflow:hidden; margin-bottom:40px;}
		/*#quaternario-home #lista-bloco1 a:nth-child(1) {display:block; padding-bottom:10px; margin-bottom:10px; border-bottom:2px #e5e5e5 solid;}
		#quaternario-home #lista-bloco1 a:nth-child(2) {margin-bottom:20px; display:block;}*/
		
		/*#quaternario-home #lista-bloco2 a {display:block; padding-bottom:10px; margin-bottom:10px; border-bottom:2px #e5e5e5 solid;}
		#quaternario-home #lista-bloco2 a:last-child {border:0px;}*/
			#quaternario-home #lista-bloco2 a img {margin-bottom:10px; border-radius:3px;}
		
		#quaternario-home #em-cartaz iframe {width:100%; display:block;}
			#quaternario-home #em-cartaz h4 {font-size:18px; color:#1876ce; text-transform:uppercase; margin:10px 0px; display:block; line-height:24px;}
			#quaternario-home #em-cartaz p {line-height:18px;}
		
		
/* Quinternario Home */
	#quinternario-home {display:block; overflow:hidden; margin-bottom:40px;}
	
	
	
/* Galeria Fotos Dia */
	.galeria-fotos-dia li{float:left; margin:0 5px 10px 5px; display:block; overflow:hidden; text-align:center}
	.galeria-fotos-dia .fluid{ width:calc(25% - 10px)}
	
				
/* Noticia -> Página */
	#container-noticia article .container-texto {display:inline-block; width: 100%; overflow:hidden;}
	
	#container-noticia article .topo-noticia {display:block; overflow:hidden;}
		#container-noticia article .topo-noticia a.editoria {font-size:24px; color:#1976d3; line-height:24px; display:block; overflow:hidden; margin:10px 0px;}
		#container-noticia article .topo-noticia h1 {font-size:40px; line-height:42px; font-weight:700; margin-bottom:15px;}
		#container-noticia article .topo-noticia h2 {text-align:left; width:100%; color:#666; line-height:21px; font-size:18px; font-style:italic; display:table; margin:0 auto;}
		
	#container-noticia article .sub-topo {display:block; overflow:hidden; margin:40px 0 50px 0px;}
	#container-noticia article .sub-topo .left {float:left;}
		#container-noticia article .sub-topo .left span {color:#666; font-weight:600;}
	#container-noticia article .sub-topo .right {float:right; margin:0px 0px;}
		#container-noticia .social-noticia {width:40%;}
		#container-noticia .social-noticia li {float:left; width:calc(16% - 10px); margin:0px 5px;}
		
		
		#container-noticia .social-noticia li:last-child {float:left; width:calc(16% -5px); margin:0px 0 0 5px;}
				#container-noticia .social-noticia li a {display:block; overflow:hidden;}
				#container-noticia .social-noticia li a img {width:100%; height:auto;}
		#container-noticia .social-noticia .whatsapp {display:none;}
			
	
	#container-noticia article .content-noticia {display:inline-block; margin-bottom:20px; width: 100%; overflow:hidden;}
		#container-noticia article .content-noticia p {font-size:18px; line-height:1.3em; margin-bottom:20px;}
		#container-noticia article .content-noticia div {font-size:16px; line-height:24px; margin-bottom:20px;}
		/*#container-noticia article .content-noticia div:not(.foto-alinhar-esquerda):first-of-type:first-letter {display:block; margin: 0.3rem 2px 0 0; line-height:.8; float:left;color:#3B3B3B;font-size:80px; font-weight:100 !important}*/
		
		
		#container-noticia article .content-noticia h3 {font-size:30px; line-height:32px; margin:10px 0px;}
		#container-noticia article .content-noticia h4 {font-size:22px; line-height:24px; margin:40px 0px 15px 0; font-weight:700}
		#container-noticia article .content-noticia h5 {font-size:20px; line-height:22px; margin:10px 0px;}
		#container-noticia article .content-noticia h6 {font-size:18px; line-height:20px; margin:10px 0px;}
		
		#container-noticia article .content-noticia .foto-alinhar-esquerda {display:block; max-width:300px; float:left; margin:0 15px 10px 0}
		#container-noticia article .content-noticia .foto-alinhar-esquerda p.credito {display:block; text-align:right; font-size:12px; margin:0px; line-height:20px; font-style:italic}
		#container-noticia article .content-noticia .foto-alinhar-esquerda p.legenda {display:block; font-size:14px; margin:0px; border-bottom:3px solid #1976d3; line-height:1.2em; padding:5px 10px}
		#container-noticia article .content-noticia .foto-alinhar-esquerda img {width:100%; height:auto}
		#container-noticia article .content-noticia .foto-alinhar-direita {display:block; max-width:300px; float:right; margin:0 0 0 15px}
	
		#container-noticia article .galeria-fotos-noticias {width: 100%; max-width:calc(100vw - 20px); border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); margin:40px 0;}
		#container-noticia article .galeria-fotos-noticias .owl-stage-outer { margin: 20px 0 0 0;}
		#container-noticia article .galeria-fotos-noticias .legenda { display:block; padding: 10px;}
		#container-noticia article .galeria-fotos-noticias .legenda span { color: #434343;}
		#container-noticia article .galeria-fotos-noticias .legenda span.credito-foto { color: #9b9b9b;}
		#container-noticia article .galeria-fotos-noticias .owl-nav { position:absolute; width: 100%; top: calc(50% - 75px); left: 0; right: 0; z-index: 100;}

		#container-noticia article .galeria-fotos-noticias .owl-nav .owl-prev,
		#container-noticia article .galeria-fotos-noticias .owl-nav .owl-next { position: absolute; height: 100px; background: none; border: none; z-index: 100; background: #000; width: 50px; }

		#container-noticia article .galeria-fotos-noticias .owl-nav .owl-prev,
		#container-noticia article .galeria-fotos-noticias .owl-nav .owl-next { opacity: 0.3; }
		#container-noticia article .galeria-fotos-noticias .owl-nav .owl-prev:hover,
		#container-noticia article .galeria-fotos-noticias .owl-nav .owl-next:hover {opacity: 0.7;	}

		#container-noticia article .galeria-fotos-noticias .owl-nav .owl-prev i,
		#container-noticia article .galeria-fotos-noticias .owl-nav .owl-next i {
			font-size: 2.5rem;
			color: #cecece;
		}

		#container-noticia article .galeria-fotos-noticias .owl-nav .owl-prev { left: 0; -webkit-border-top-right-radius: 10px;-webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; margin:0px}

		#container-noticia article .galeria-fotos-noticias .owl-nav .owl-next { right: 0; -webkit-border-top-left-radius: 10px;-webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; margin:0px}
		#container-noticia article .galeria-fotos-noticias .btn-fullscreen {display:block; color: #000; cursor: pointer};

			/*FULL SCREEN OWL CAROUSEL - IMPLEMENTAR*/
			.owl-carousel .galeria-fotos-noticias.fullscreen{
				position: fixed;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				background: rgba(0,0,0,0.8);
			}
			
			.owl-carousel .galeria-fotos-noticias.fullscreen .owl-stage-outer{
				position: relative;
				overflow: hidden;
				max-width: 800px;
				transform: translate(-50%, -50%);
				top: 50%;
				left: 50%;
			}

	
	#container-noticia  .cometario {display:block; margin:30px 0px; border:3px #e5e5e5 solid; padding:15px; box-sizing:border-box; overflow:hidden;}
		#container-noticia  .cometario p {float:left; padding-left:40px; background:url(../img/comentario.svg) left center no-repeat; background-size:30px;}
		#container-noticia  .cometario ul {float:right; width:230px; margin:6px 0px;}
		
	#container-noticia  .whatsapp {display:block; overflow:hidden; margin-bottom:30px;}
	
	#container-noticia  #recomendadas {display:block; overflow:hidden;}
		#container-noticia  #recomendadas .line {overflow:hidden; display:block; margin-bottom:35px;}
		#container-noticia  #recomendadas .line img {margin-bottom:10px; width:100%; height:auto;}
		#container-noticia  #recomendadas .line h3 {font-size:15px; font-weight:600}
		#container-noticia  #recomendadas .line .editoria {color:#1976d3; font-size:14px; font-weight: 400;}
		
	#sidebar {}	
	#sidebar #mais-compartilhadas {margin-bottom:30px;}	


	.leia-mais-embed{display:block; overflow:hidden; border-top:3px solid #1976d3;}
		.leia-mais-embed li{border-bottom:1px solid #DCDCDC; padding:5px;}

    .banner-audima-mob {display:none;}
	.banner-audima-desk {display:block;}


/* Editoria */
	#principal-editoria {margin-bottom:0; overflow:hidden;}
		#principal-editoria #coluna1 .noticia-principal {padding-bottom:10px; margin-bottom:10px; border-bottom:2px #f1f1f1 solid; overflow:hidden;}
			#principal-editoria #coluna1 .noticia-principal h1 {font-size: 30px; font-weight: 900; line-height: 30px; margin-bottom: 10px;}
			#principal-editoria #coluna1 .noticia-principal a:hover h1 {text-decoration:underline;}
			#principal-editoria #coluna1 .noticia-principal p {color:#666;}
		/*#principal-editoria .noticia {padding-bottom:10px; margin-bottom:10px; border-bottom:2px #f1f1f1 solid; overflow:hidden;}
			#principal-editoria .noticia h3 {font-size:18px; line-height:24px; color:#000; font-weight:900;}
			#principal-editoria .noticia img {border-radius:4px; float:left; margin:0 15px 0 0 }*/
			
			
	#ultimas-editoria {overflow:hidden;}
		#ultimas-editoria li {padding-bottom:20px; margin-bottom:20px;}
			#ultimas-editoria li .timeago, #ultimas-editoria li .site {color:#1976d3; font-weight:700}
			#ultimas-editoria li .linha-fina {font-size:16px !important}
			#ultimas-editoria li .dt {font-size:16px; color: #9c9c9c; margin: 10px 0 0 0}
		
		button.loadMore {margin:20px 0; width:100%; padding:15px 20px; font-size:20px; background:#0090D7; color:#FFFFFF; border:0px;}
		button.loadMore:hover {background:#00A9FD;}

	
/* Materia -> Site-Materia */
	#container-pagina-materia article .topo-noticia {display:block; overflow:hidden;}
		#container-pagina-materia article .topo-noticia a.editoria {font-size:24px; color:#1976d3; text-align:center; line-height:24px; display:block; overflow:hidden; margin:10px 0px;}
		#container-pagina-materia article .topo-noticia h1 {font-size:35px; line-height:37px; text-align:center; font-weight:700; margin-bottom:15px;}
		#container-pagina-materia article .topo-noticia h2 {text-align:center; color:#666; line-height:21px; font-size:18px; font-style:italic; display:table; margin:0 auto;}
		
	#container-pagina-materia article .sub-topo {display:block; overflow:hidden; margin:50px 0px;}
	#container-pagina-materia article .sub-topo .left {float:left;}
		#container-pagina-materia article .sub-topo .left span {color:#666; font-weight:600;}
	#container-pagina-materia article .sub-topo .right {float:right; margin:6px 0px;}
		#container-pagina-materia .social-noticia {float:left; width:100%;}
		#container-pagina-materia .social-noticia li {float:left; width:16%;}
				#container-pagina-materia .social-noticia li a {display:block; width:30px; height:30px; overflow:hidden; margin:0px 5px;}
				#container-pagina-materia .social-noticia li a img {width:30px; height:30px;}
				
	#container-pagina-materia article .content-pagina {display:block; overflow:hidden;}
		#container-pagina-materia article .content-pagina p {font-size:16px; line-height:24px; margin-bottom:20px;}
		#container-pagina-materia article .content-pagina div {font-size:16px; line-height:24px; margin-bottom:20px;}
		#container-pagina-materia article .content-pagina h3 {font-size:30px; line-height:32px; margin:10px 0px;}
		#container-pagina-materia article .content-pagina h4 {font-size:27px; line-height:30px; margin:10px 0px;}
		#container-pagina-materia article .content-pagina h5 {font-size:20px; line-height:24px; margin:10px 0px;}
		#container-pagina-materia article .content-pagina h6 {font-size:18px; line-height:20px; margin:10px 0px;}
		
		#container-pagina-materia article .content-pagina .foto-alinhar-esquerda {display:block; max-width:400px; float:left; margin:0 15px 10px 0}
		#container-pagina-materia article .content-pagina .foto-alinhar-esquerda p.credito {display:block; text-align:right; font-size:12px; margin:0px; line-height:20px; font-style:italic}
		#container-pagina-materia article .content-pagina .foto-alinhar-esquerda p.legenda {display:block; font-size:12px; margin:0px; border-bottom:3px solid #1976d3; line-height:20px;}
		#container-pagina-materia article .content-pagina .foto-alinhar-esquerda img {width:100%; height:auto}
		#container-pagina-materia article .content-pagina .foto-alinhar-direita {display:block; max-width:300px; float:right; margin:0 0 0 15px}
	
	
	#container-pagina-materia  .cometario {display:block; margin:30px 0px; border:3px #e5e5e5 solid; padding:15px; box-sizing:border-box; overflow:hidden;}
		#container-pagina-materia  .cometario p {float:left; padding-left:40px; background:url(../img/comentario.svg) left center no-repeat; background-size:30px;}
		#container-pagina-materia  .cometario ul {float:right; width:230px; margin:6px 0px;}
		
	#container-materia  .whatsapp {display:block; overflow:hidden; margin-bottom:30px;}
	
	#container-pagina-materia  #recomendadas {display:block; overflow:hidden;}
		#container-pagina-materia  #recomendadas .line {overflow:hidden; display:block; margin-bottom:35px;}
		#container-pagina-materia  #recomendadas .line img {margin-bottom:10px; width:100%; height:auto;}
		#container-pagina-materia  #recomendadas .line h3 {font-size:15px; font-weight:600}
		#container-pagina-materia  #recomendadas .line .editoria {color:#1976d3; font-size:14px; font-weight: 400;}
	
	#container-pagina-materia #mais-compartilhadas {margin: 30px 0}
	
	#sidebar {}	
	#sidebar #mais-compartilhadas {margin-bottom:30px;}	



/*CLASSIFICADOS*/
.classificados{display:table}
	.classificados li{float:left; margin:0 5px 10px 5px; display:block; overflow:hidden; padding:5px; border:1px solid #9EB6C7; text-align:center;}
	 
		.classificados li:hover{background:#1976d3; color:#FFFFFF;}
	.classificados{ width:100%;}
	.classificados .fluid{ width:calc(25% - 22px); list-style:none;}
	.classificados .fluid div{width: 100%; text-align: center; font-weight: 700}
	
.classificados .lista-tipo li{
	float:left;
	
}


/* CINEMA */
	.filmes{}
		.filmes .filme{ border:1px solid #A4B4FF; border-top:6px solid #A4B4FF; padding:15px; margin:15px 0 50px 0}
			.filmes .filme h2{font-size:20px; line-height:22px; font-weight:900; text-align:center; border-bottom:2px solid #A4B4FF; padding:0 0 15px 0}
			.filmes .filme .cover{float:left; width:150px; margin:20px 20px 10px 0}
			.filmes .filme .descricao{float:left; font-size:14px; line-height:20px; width:calc(100% - 170px); margin:20px 0 0 0;}
				.filmes .filme .descricao .sinopse{}
				.filmes .filme .descricao .ficha{margin:15px 0 0 0}
				
		.filmes .filme .cinemas{width:100%}
			.filmes .filme .cinemas .cinema{float:left; margin:20px 15px 0 0; background:#D5D5D5; width:100%;}
			.filmes .filme .cinemas .cinema:last-child{margin-right:0px;}
			
				.filmes .filme .cinemas .cinema .titulo{padding:10px; background:#000000; color:#FFFFFF; text-align:center; font-weight:700}
				.filmes .filme .cinemas .cinema .detalhes{padding:10px;}
		
		.filmes .filme .treiler{ text-align:center; margin:30px 0 0 0}	
			
	.filmes, .filmes .filme, .filmes .filme .content, .filmes .filme .cinemas, .filmes .filme .cinemas .cinema{display:block; overflow:hidden}
	
	.treiler {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
		.treiler iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
	
	.cinema-widget {margin:0 0 0 35px;}
		.cinema-widget h4{margin:10px 0; font-weight:700}
	

/* AGENDA */
	.agenda{clear:both; margin:20px 0 40px 0}
		.agenda .eventos {margin:0 0 30px 0}
			.agenda .eventos h2 {line-height:1.4em; font-weight:800}
			.agenda .eventos .evento {padding:20px; border:1px solid #D5D5D5;}
				.agenda .eventos .evento li {margin:0 0 30px 0; padding:0 0 10px 0; border-bottom:3px solid #D5D5D5;}
				.agenda .eventos .evento .col1 {float:left; width:calc(100% - 140px)}
					.agenda .eventos .evento .col1 .linha1 {padding:0 0 10px 0; border-bottom:2px solid #D5D5D5}
						.agenda .eventos .evento .col1 .linha1 .data-hora {color:#1976D2; font-size:18px;}
						.agenda .eventos .evento .col1 .linha1 h3 {line-height:1.3em}
						
					.agenda .eventos .evento .col1 .linha2 {padding:10px 0 0 0;}
						.agenda .eventos .evento .col1 .linha2 img {float:left; margin:0 10px 0 0}
					
				.agenda .eventos .evento .map {float:left; width:130px; height:120px;margin:0 0 0 10px; }
				.agenda .eventos .evento .map-button {float:right; width:130px; padding:10px 0; margin:10px 0 0 0; color:#FFFFFF; background:#f7921e; display:table; text-align:center; }
	
	.agenda, .agenda .eventos .evento, .agenda .eventos .evento li {display:block; overflow:hidden;}


/* Footer */
	footer {background:#00559d; padding:30px 0px; margin: 30px 0 0 0; max-width: 100vw;}
		footer .col-one {width:190px; float:left; overflow:hidden;}
		footer .col-two {width:390px; float:right;}
		
		footer .submenu {margin-bottom:10px;}
		footer .submenu li a {color:#fff; display:block; line-height:24px;}
			footer .submenu li  a:hover {text-decoration:underline; color:#fff; line-height:24px;}
			footer .submenu li  a:before {content:'\00bb'; padding-right:5px; float:left;}		
		footer h3 a {font-size:18px; font-weight:900; display:block; line-height:30px; color:#fff;}
		footer h3 a:hover {font-size:18px; font-weight:900; display:block; line-height:30px; color:#fff; text-decoration:underline;}
		
		footer #associado {width:40%; overflow:hidden;}
			footer #associado p {color:#fff; margin-bottom:15px; padding-bottom:5px; border-bottom:1px #80aace solid; width:95%} 
			/*footer #associado a#apj {float:left;}*/
			footer #associado a#anj {float:right;}
			
		footer #app {width:60%; overflow:hidden;}
			footer #app p {color:#fff; margin-bottom:15px; padding-bottom:5px; border-bottom:1px #80aace solid;}
			footer #app a#goog {float:left;width:50%;}	
			footer #app a#appl {float:right;width:50%;}	
		
		footer #social {margin: 20px 0;}
		footer #social ul li {float: left; margin: 0 3px; font-size: 18px; list-style:none;}
			footer #social ul li a {display: block; color: #FFF}
			
	#copyright {background:#00447e; padding: 15px 0px; color:#fff; text-align:center}
		#copyright .logo {width:75px}
		#copyright p {display:table; margin:0 auto; overflow:hidden;}
			#copyright p span {color:#fff; font-size:14px; margin-left:10px;}

/* busca */
.gsc-control-cse{padding: 0 !important;}

.charges-dia { text-align:center;}
.charges-dia h2{font-size:20px; font-weight:700;}
.charges-dia img{margin:15px 0 0 0}


.charges {margin:20px 0 50px 0}
.charges li{float:left; width:calc(25% - 20px); margin:10px 10px; font-size:12px; text-align:center;}
.charges li:nth-child(4n+1){clear:both;}
.charges li img{width:100%}

.charges-dia, .charges{display:block; overflow:hidden}






/* Menu Lateral Teste - Alexandre */

/*.overlay {
    height: 100vh;
    width: 0;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    opacity: 0;
    transition: opacity 1s;
	overflow:hidden;
}
.menu-lateral-open{

}
.menu-lateral {
    overflow: hidden;
    background:#1976d3;
    padding: 40px 0 0 40px;
    position: fixed;
    top: 0;
    right: -290px;
    height: 100%;
    z-index: 2;
    transition: 0.5s;
    width: 250px;  
}
.menu-lateral ul{
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    width: 200px;
    height: 95%;
	overflow: hidden;
}
.menu-lateral ul li a {
color:#FFFFFF; 
font-size:20px; float:none; padding:0px;
background-image:none;
background: #1976d3;
float:none; width:calc(100% - 20px); 
margin:15px 10px 5px 10px;
  
  
}
.menu-lateral a.menu-lateral-close {
    padding: 8px 0 4px 23px;
    color: #FFFFFF;
    display: block;
    margin: -30px 0 -10px -20px;
    font-size: 35px;
    text-decoration: none;
}


.menu-lateral #sub {display:block; z-index:99999; margin:10px 0 0 0;}
.menu-lateral #sub .container {position:relative; padding:0px; width:100%}
.menu-lateral #sub ul li {float:none; width:100%; margin:3px 0; padding:4px 0}
.menu-lateral #sub ul li a { color:#FFFFFF; font-size:18px;}	
.menu-lateral #sub ul li a:before {content:'\00bb'; padding-right:5px;       float:left;}	*/


/* fim menu lateral */









/* RESPONSIVE - Tablet */

@media screen and (min-width: 501px) and (max-width: 939px) {

/* Container */
	/*.container {width:calc(100% - 40px); margin:0 auto; display:block; padding:0 20px;}
	
	nav ul.menu > li > a {font-size:14px; padding:10px 20px; padding-left:2px; }
	nav ul.menu li.drop a {background-position:95% center}
	
	#principal-home #left{width:calc(50% - 10px); margin:0 20px 0 0; float:left;}
	#principal-home #left #nivel1 h1 {font-size:32px; line-height:34px; margin:0 0 5px 0;}
	#principal-home #right {width:calc(50% - 10px); float:right;}
		#principal-home #right #nivel1 h2 {font-size:25px; line-height:26px}
	.coluna-grande {width:100%; float:none;}
	.coluna-grande-patr {width:100%; float:none;}
	#secundario-home {display:block; overflow:hidden; padding:0; width:100%}
	#secundario-home .coluna {display:block; float:left; width:calc(50% - 10px)}
	#secundario-home .margin {margin:0 0 0 20px;}
	
	#terceario-home .coluna {display:block; float:left; width:calc(50% - 10px)}
	#terceario-home .margin {margin:0 0 0 20px;}
	#terceario-home #versao-digitais, #terceario-home #mais-compartilhadas {float:left; width:calc(50% - 10px)}
	
	#bloco-digital {width:100% !important; margin:20px 0 0 0;}
	
	#mais-compartilhadas {margin:0 0 0 20px;}*/
 
 	/* CINEMA */
	/*.cinema-widget {margin:0; width:100%}*/
	
	
	#destaques-home-mobile{display:block; margin:20px 0; width:100%; max-width:calc(100vw - 10px);}

	/* Publicidade */
	#home-publi-2 {display:none}
	#noticias-publi-1 {display:none;}
	#ad-unit-0 {display:none;}
	#ad-unit-1 {display:none;}

	/*footer #app {display:none;}*/

}


/* RESPONSIVE TABLET E MOBILE*/
/*	@media screen and (max-width: 768px) {*/
		/* Destaques Home Mobile */
/*		#destaques-home-mobile{margin:20px 0; width:100%; max-width:calc(100vw - 10px);}
		#destaques-home-mobile .owl-caption{position: absolute; bottom: 0; text-align: left; background-color: rgba(0,0,0,0.7); color: #fff; font-size: 16px;padding: 6px; margin: 0px; width: auto; left: 0; right: 0;}
	
		#portal-topo-barra {display:none;}
		
		#opiniao-home #container, #branded-home #container{padding:0 20px; width:100%;}
		
		#opiniao-home .col-left, #opiniao-home .col-right{width:100%}
	
	}*/

	


/* MOBILE RESPONSIVE */
@media screen and (max-width: 939px) /* Mobile */ {
  
	/* Header */
	body, html {width: 100vw !important;}
	/*body {margin:59px 0 0 0;}*/
	header {padding:10px; width:100%; display:none;}
	header.fixa {margin-bottom:59px;}
  	
	section {padding: 0 10px 20px 10px;}
	article {width: 100%;}
	#home-publi-mobile-topo {display: block; width: 100vw; text-align:center; margin: 0 auto 0 -10px;}
	#home-publi-1 {display:none;}
	#home-publi-2 {margin: 20px auto 0 auto}
	#home-publi-5 {display:none;}
	
	.banner-audima-mob { display:block; }
	.banner-audima-desk { display:none; }

	/*footer #app {display:none;}*/


		#destaques-home-mobile{margin:20px 0; width:100%; max-width:calc(100vw - 10px);}
		#destaques-home-mobile .owl-caption{position: absolute; bottom: 0; text-align: left; background-color: rgba(0,0,0,0.7); color: #fff; font-size: 16px;padding: 6px; margin: 0px; width: auto; left: 0; right: 0;}
	
		#portal-topo-barra {display:none;}
		
		#opiniao-home #container, #branded-home #container{padding:0 20px; width:100%;}
		
		#opiniao-home .col-left, #opiniao-home .col-right{width:100%}



	.container {width:100%;}
	.coluna-direita {width:100%; float:none;}
	#container-noticia article .content-noticia {max-width: 100vw;}
  
	/* Publicidade */
	#home-publi-4 {display:none;}
	#noticias-publi-3 {width: 100%; text-align: center;}
	#home-layer {display:none;}
  
	/* Menu Principal */
		/*nav {position:fixed; height:59px; top:0px; width:100vw; z-index:1030; background:#1976d3; border-bottom:5px #035493 solid;}*/
		nav {height:59px; width:100vw; background:#1976d3; border-bottom:5px #035493 solid;}
		nav .container-menu {display:block; overflow:hidden; width:100%;}
		nav.fixa {}
		nav .logo {display:block; width:100px; float:left; margin:10px 5px 10px 10px;}
			nav .logo img {width:100px;}
			
			nav .menu-search {width:calc(100% - 20px); margin:10px; display:block !important; clear:both; overflow:hidden}
			nav .menu-search input[type=text] { border-radius:15px; width:100%; padding:15px; float:left;}
			nav .menu-search button {margin:6px 0 0 -30px; float:left; width:20px; height:20px; overflow:hidden; background:url(../img/icone-lupa.png) #fff center center no-repeat; background-size:contain; border:0px; text-indent:-99999px; display:block; cursor:pointer;}
			
			nav ul.menu {display:none; clear:both; width:100%; height:calc(100vh - 59px); overflow:hidden; overflow-y:visible; background: #1976d3}
				nav ul.menu > li > a {font-size:20px; float:none; padding:0px}
					nav ul.menu li.drop a {background-image:none;}
				nav ul.menu li {float:none; width:calc(100% - 20px); margin:15px 10px 5px 10px}
                    nav ul.menu li.item_menu_mob { display:block; }		/*alexandre somente mobile*/		
			
			nav #sub {display:block; z-index:99999; margin:10px 0 0 0;}
			nav #sub .container {position:relative; padding:0px; width:100%}
				nav #sub ul li {float:none; width:100%; margin:3px 0; padding:4px 0}
					nav #sub ul li a { color:#FFFFFF; font-size:18px;}	
					nav #sub ul li a:before {content:'\00bb'; padding-right:5px; float:left;}	
				
						
			/* Interno Menu */
				#blocos-menu {display:none;}
		
			nav.slim .logo {display:block; width:100px; float:left; margin:10px;}
				nav .slim .logo img {width:100px;}
		
		nav #menu-btn-mobile{display:block !important; color:#FFFFFF; background:#00AFEF; font-weight:bold; padding:7px 10px;float:right;margin:12px 10px 0 0;cursor:pointer; border:0px;}
		nav #menu-btn-mobile-vj{display:block !important; color:#FFFFFF; background:url(../vamosjuntosbauru/static/botao_mobile.png); padding:7px 10px;float:right;margin:12px 10px 0 0;cursor:pointer; border:0px; width:150px;background-size: cover;}
		nav #menu-btn-assine{ vertical-align: middle;color:white;border: solid 3px white;border-radius: 10px;text-align: center; padding:5px 5px;float:right;margin:12px 5px 0 0;cursor:pointer; width:115px; height:35px;}
	
	
	/* Principal Home */
	#principal-home {display:block; overflow:hidden; padding:10px 10px 0 10px; width: 100%;}
		.coluna {width:100%; float:none; overflow:hidden;}
		.coluna-grande {width:100%; float:none;}
		.coluna-grande-patr {width:100%; float:none; margin-left:0px;}
		.margin {margin:20px 0 0 0;}
		.margin-left {margin-left:0px;}
		.margin-right {margin-right:0px;}
		.mini-coluna {width:132px; float:left; margin:15px 0 0 0; margin-left:calc(100% - 264px)}
		.mini-coluna:first-child {margin-left:0}
		
		
		.title-box {border-bottom:2px #1976D2 solid; margin-bottom:20px; width:100%; overflow:hidden;}
			.title-box h1, .title-box h3 {font-size:30px; font-weight:900; color:#1976D2; line-height:35px; padding-bottom:10px; display:table; border-bottom:5px #1976D2 solid;}
			
		
		/* Bloco 1/2 */
		#principal-home #left {width:calc(100% - 20px); float:none;}	
		
			#principal-home #left #nivel1 {overflow:hidden; margin:0 0 10px 0}
				#principal-home #left #nivel1 h1 {font-size:35px; line-height:35px; text-align:left;}
					#principal-home #left #nivel1 a:hover h1 {text-decoration:underline;}
				#principal-home #left #nivel1 p {text-align:left;}
				#principal-home #left #nivel1 h4 {text-align:left; font-weight:600; color:#666; line-height:18px; font-size:14px;}
				
				
		/* Bloco 3 */
		#principal-home #right {width:calc(100% - 20px); float:none; margin:20px 0 0 0}
			
			#principal-home #right #nivel1 {}
				#principal-home #right #nivel1 a {display:block;}
					#principal-home #right #nivel1 h2 {font-size:27px; line-height:28px; margin-bottom:10px;}
						#principal-home #right #nivel1 a:hover h2 {text-decoration:underline;}
					#principal-home #right #nivel1 h4 {font-size:14px; color:#666; font-weight:600;}
			
			#principal-home #right ul#nivel2 {overflow:hidden;}
				#principal-home #right ul#nivel2 li {padding-bottom:10px; margin-bottom:10px; border-bottom:2px #f5f5f5 solid; overflow:hidden;}
					#principal-home #right ul#nivel2 li a {display:block; overflow:hidden;}
						#principal-home #right ul#nivel2 li.imagem img {float:left; margin:15px 0px; width:115px; height:85px; border-radius:3px;}
						#principal-home #right ul#nivel2 li.imagem .desc {float:right; width:170px;}
				
				
	
	
	/* Secundario Home */
		#secundario-home {display:block; overflow:hidden; padding:10px 10px 0 10px; width: 100%;}
					
			#secundario-home #bloco-destaque a {display:block; overflow:hidden; padding-bottom:10px; margin-bottom:10px; border-bottom:2px #e5e5e5 solid;}
				#secundario-home #bloco-destaque img {margin-bottom:10px; width:100%; height:auto; border-radius:3px;}
				#secundario-home #bloco-destaque a:hover h3 {text-decoration:underline;}
				
			#secundario-home #bloco-publicidade {overflow:hidden;}
				#secundario-home #bloco-publicidade img {width:100%; height:auto;}
				#secundario-home #bloco-publicidade span {float:right; color:#666; font-size:11px;}
				
				
		#opiniao-home #container, #branded-home #container{padding:0px; width:100%;}
		#opiniao-home {background: none;}
			
		#opiniao-home #colunistas ul li figure{}

		#opiniao-home #colunistas ul li figure figcaption {font-size:20px;line-height:1.2em;}
		#opiniao-home #colunistas ul li figure figcaption span {font-size:16px;}
		
		    

	/*Opiniao - Articulistas*/
		#opiniao-home #articulistas li a{font-size:20px;line-height:1.2em;}
		#opiniao-home #articulistas span{font-size: 16px;}
		
		
	/* Terceario Home */
		#terceario-home {display:block; overflow:hidden; padding:10px 10px 0 10px; width: 100%;}
				
	/* Quaternario Home */
		#quaternario-home {display:block; overflow:hidden; padding:10px 10px 0 10px; width: 100%;}
		
		#quaternario-home .cinema-widget{margin:20px 0 0 0}

	
	/* Quinternario Home */
		#quinternario-home {margin-bottom:40px; padding:10px 0; width:100%}
				
	/* Galeria Fotos Dia */
		.galeria-fotos-dia li{float:left; margin:0 5px 10px 5px; display:block; overflow:hidden; text-align:center}
		.galeria-fotos-dia .fluid{ width:calc(50% - 10px)}


	/*CLASSIFICADOS*/
		.classificados .fluid{ width:calc(50% - 10px)}



	/* Lista de Noticias */
		.noticias li h3{font-size:20px;}
		.noticias li:last-child {padding-bottom:10px; margin-bottom:0; border-bottom:2px #f5f5f5 solid;}
		.ultimas-editoria li p {display:inline; overflow:auto;}


	/* PUBLICIDADE */
	.leaderboard {text-align:center; width:100%;}
	.publicidade {text-align:center; margin-right:auto; margin-left: auto;}
	
	
	
	/* Editoria */
	#principal-editoria {margin:0;}
	#principal-editoria #coluna1 {margin:10px 0 0 0;}
	#principal-editoria #coluna2 {margin:10px 0 0 0;}
	
	
	
	/* Noticia -> Pagina */
			
		#container-noticia article .sub-topo {display:block; overflow:hidden; margin:20px 0px; width: 100%;}
		#container-noticia article .sub-topo .left {float:none;}
			#container-noticia article .sub-topo .left span {color:#666; font-weight:600;}
		#container-noticia article .sub-topo .right {width: 100%; float:none; margin:15px 0 10px 0; padding:10px 0; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5}
		#container-noticia article .topo-noticia h1 {font-size:35px; line-height:35px; font-weight:800; margin-bottom:15px;}
		#container-noticia article .content-noticia div {font-size:18px; line-height:26px; margin-bottom:20px;}
			
			#container-noticia .social-noticia {float:none; margin:15px 0 0 0; width:100%; display:block; overflow:hidden}
			#container-noticia .social-noticia li {float:left; width:50px; margin:0px 5px;}
			#container-noticia .social-noticia .whatsapp {display:inherit}
			#container-noticia .social-noticia li:last-child {float:left; width:50px; margin:0 0 0 5px;}
					#container-noticia .social-noticia li a {display:block; width:100%; height:auto; overflow:hidden;}
					#container-noticia .social-noticia li a img {width:100%; height:auto; margin:0px}
			
			#container-noticia article .content-noticia p {font-size:21px; line-height:1.3em;}
			#container-noticia article .content-noticia .foto-alinhar-esquerda {display:block; max-width:100%; width:100%; float:none; margin:0 15px 10px 0}
			#container-noticia article .content-noticia .foto-alinhar-esquerda p.credito {display:block; text-align:right; font-size:12px; margin:0px; line-height:20px; font-style:italic}
			#container-noticia article .content-noticia .foto-alinhar-esquerda p.legenda {display:block; font-size:14px; margin:0px; border-bottom:3px solid #1976d3; line-height:1.2em; padding:5px 10px}
			#container-noticia article .content-noticia .foto-alinhar-esquerda img {width:100%; height:auto}
			#container-noticia article .content-noticia .foto-alinhar-direita {display:block; max-width:300px; float:right; margin:0 0 0 15px}
		
		
		#container-noticia  .cometario {width:100%; display:block; margin:30px 0px; border:3px #e5e5e5 solid; padding:15px; box-sizing:border-box; overflow:hidden;}
			#container-noticia  .cometario p {float:left; padding-left:40px; background:url(../img/comentario.svg) left center no-repeat; background-size:30px;}
			#container-noticia  .cometario ul {float:none; margin:0; padding:20px 0 0 0; clear:both; width:100%}
			
		#container-noticia  .whatsapp {width:100%; display:block; overflow:hidden; margin-bottom:30px;}
		#container-noticia  .whatsapp img {width:100%;}
		
		#container-noticia  #recomendadas {display:block; overflow:hidden;}
			#container-noticia  #recomendadas .line {overflow:hidden; display:block; margin-bottom:35px;}
			#container-noticia  #recomendadas .line img {margin-bottom:10px; width:100%; height:auto;}
			#container-noticia  #recomendadas .line h3 {font-size:15px; font-weight:600}
			#container-noticia  #recomendadas .line .editoria {color:#1976d3; font-size:14px; font-weight: 400;}

		#sidebar {}	
		#sidebar #mais-compartilhadas {margin-bottom:30px;}	
	
	
		.leia-mais-embed{display:block; overflow:hidden; border-top:3px solid #1976d3;}
			.leia-mais-embed li{border-bottom:1px solid #DCDCDC; padding:5px;}
			
		
	
	
	/* CINEMA */
		.filmes .filme .cinemas .cinema{float:none; margin:20px 0 0 0; background:#D5D5D5; width:100%;}
		
	
	
	
	
	/* AGENDA */
		.agenda .eventos .evento .col1{float:none; width:100%; display:block; overflow:hidden}
		.agenda .eventos .evento .map{float:none; margin:10px 0; width:100%; height:120px; background:#DBDBDB; max-height:120px;}
		.agenda .eventos .evento .map-button {float:none; width:100%; padding:10px 0; margin:10px 0 0 0; color:#FFFFFF; background:#f7921e; display:table; text-align:center; }


	
	/* Footer */
		footer {background:#00559d; padding:30px 0; width:100%}
			footer .col-one {width:calc(50% - 20px); margin:0 10px 0 10px; float:left; overflow:hidden;}
			footer .col-one:last-child {margin-top:20px;margin-left:0}
			footer .col-two {width:calc(100% - 20px); float:none; position:relative; display:inline-block}
		
		footer #social, /*footer #associado,*/ footer #app {padding: 0 10px; width: 100%;}
		footer #social ul li{font-size:17px; margin-right:20px;}
		/*footer #social ul li:last-child{font-size:22px; float:none; display:inline-block; margin-top:10px; width:100%;}*/

		
                #copyright {width:100%; padding:10px; text-align:center;}
	
	
				
}

.loading-load{    background-image: url(/imagens/loading.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    font-size: 0.0001em !important;
    text-indent: -9999px !important;}