@charset "utf-8";

#paginas { float: left; width: 80%; min-height: 500px; padding: 0 10% 40px;}

#titulo { float: left; width: 100%; margin: 0 0 10px; position: relative;}
#titulo h1 { float: left; padding: 0 12px 0 0; position: relative; z-index: 2; font-family: 'Playfair Display', serif; font-style: italic; font-weight: bold; text-align: center; font-size: 2.5em; line-height: 1;}
#titulo h2 { float: left; padding: 0 12px 0 0; position: relative; z-index: 2; font-family: 'Playfair Display', serif; font-style: italic; font-weight: bold; text-align: center; font-size: 2.5em; line-height: 1;}
#titulo strong { position: absolute; width: 100%; height: 3px; top: 26px; left: 0; z-index: 1;}
#titulo.branco h1 { background-color: #FFFFFF; color: #16181A;}
#titulo.branco h2 { background-color: #FFFFFF; color: #16181A;}
#titulo.branco strong { background-color: #16181A;}
#titulo.preto h1 { background-color: #16181A; color: #CCCCCC;}
#titulo.preto h2 { background-color: #16181A; color: #CCCCCC;}
#titulo.preto strong { background-color: #CCCCCC;}
#titulo.mg { margin: 40px 0 10px;}

#texto { float: left; width: 100%;}
#texto h1 { float: left; width: 89%; padding: 6px 5.5% 4px; margin: 30px 0 0; background-color: #EEEEEE; text-align: center; font-size: 1.1em; color: #222222;}
#texto h2 { float: left; width: 100%; padding: 15px 0; font-size: 1.2em; line-height: 1.8; color: #555555;}
#texto h5 { float: left; width: 100%; margin: 10px 0 0; font-size: 1em; color: #999999;}

#faixa { float: left; width: 100%; background-color: #FFFFFF; position: relative; z-index: 5;}
#faixa .links { float: left; width: 100%; padding: 14px 0 12px; text-align: center;}
#faixa .links .semsub { padding: 14px 7px 12px; border-left: 1px solid #DDDDDD; font-size: 1em; color: #16181A;}
#faixa .links .semsub:hover { color: #D2872A;}
#faixa .links .semsub.ativo { color: #D2872A;}
#faixa .links .semsub.ultimo { border-right: 1px solid #DDDDDD;}
#faixa .links .comsub { display: unset; position: relative; padding: 14px 0 25px; background-image: url('../imagens/comsub.png'); background-position: 50% 33px; background-repeat: no-repeat;}
#faixa .links .comsub .subs { display: none; position: absolute; width: 200%; top: 55px; left: -50%; background-color: #16181A; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#faixa .links .comsub .subs a { float: left; width: 100%; padding: 14px 0 12px; border-left: 0; border-bottom: 1px solid #555555; text-align: center; color: #CCCCCC;}
#faixa .links .comsub .subs a.ultimo { border: 0;}
#faixa .links .comsub:hover .subs { display: block;}

#busca { float: left; width: 100%; margin: 0 0 15px; background-color: #FAFAFA; border-bottom: 1px solid #DDDDDD; position: relative; z-index: 1;}
#busca .campo { float: left; width: 98%; height: 50px; padding: 3px 1% 0; background-color: rgba(0,0,0,0.00); text-align: center; font-size: 1.1em; color: #000000; position: relative; z-index: 2;}
#busca .botao { position: absolute; width: 25px; height: 25px; top: 15px; right: 8px; z-index: 3; background-color: rgba(0,0,0,0.00); background-image: url("../imagens/busca.png"); background-position: 50%; background-repeat: no-repeat;}

#carregar { float: left; width: 100%; height: 25px; margin: 20px 0 20px; background-image: url("../imagens/carregar.png"); background-position: 50% 100%; background-repeat: no-repeat; cursor: pointer;}
#carregar:hover { background-position: 50% 0;}

#destaques { float: left; width: 80%; margin: 0 10%;}
#destaques .lado1 { float: left; width: 65%;}
#destaques .lado2 { float: right; width: 30%;}
#destaques .lado3 { float: left; width: 100%;}

#carrossel { float: left; width: 100%; position: relative; z-index: 1;}
#carrossel .item { float: left; width: 100%; margin: 0 0 20px;}
#carrossel .item .imagem { float: left; width: 100%; position: relative;}
#carrossel .item .imagem img { float: left; width: 100%;}
#carrossel .item .imagem obs { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.1);}
#carrossel .item .descricao { float: left; width: 100%;}
#carrossel .item .descricao h4 { float: left; width: 100%; margin: 15px 0 0; text-transform: uppercase; font-size: 0.8em; color: #555555;}
#carrossel .item .descricao h4 a:hover { color: #B93A3C;}
#carrossel .item .descricao h3 { float: left; width: 100%; height: 105px; margin: 10px 0 0; font-weight: bold; font-size: 2em; line-height: 1.1; overflow: hidden;}
#carrossel .item .descricao h3 a:hover { color: #306CA0;}
#carrossel .item .compartilhe { float: left; margin: 20px 0 0;}
#carrossel .item .compartilhe .ico { float: left; width: 20px; height: 20px; margin: 0 4px 0 0;}
#carrossel .item .compartilhe .ico:hover { -moz-transform: scale(1) rotate(-720deg); -webkit-transform: scale(1) rotate(-720deg); -o-transform: scale(1) rotate(-720deg); -ms-transform: scale(1) rotate(-720deg); transform: scale(1) rotate(-720deg);}
#carrossel .item .compartilhe .ico.zap2 { display: none;}
#carrossel .item .data { float: right; margin: 20px 0 0; font-size: 0.9em; color: #999999;}
#carrossel .slides, .slides > li, .flex-control-nav { float: left; margin: 0; padding: 0; list-style: none;}
#carrossel .slides > li { display: none; -webkit-backface-visibility: hidden;}
#carrossel .slides > li img { float: left; width: 100%;}
#carrossel .flex-control-nav { display: none;}
#carrossel .flex-direction-nav { margin: 0; padding: 0; list-style: none;}
#carrossel .flex-direction-nav a { display: block; width: 30px; height: 30px; position: absolute; top: 32%; z-index: 10; cursor: pointer; font-size: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#carrossel .flex-direction-nav a:before { width: 30px; height: 30px; font-size: 0; display: inline-block; content: '\f001'; background-image:url(../imagens/seta1.png);}
#carrossel .flex-direction-nav a.flex-next:before { content: '\f002'; background-image:url(../imagens/seta2.png); }
#carrossel .flex-direction-nav .flex-prev { left: 0; opacity: 0; }
#carrossel .flex-direction-nav .flex-next { right: 0; text-align: right; opacity: 0;}
#carrossel:hover .flex-direction-nav .flex-prev { left: 8px; opacity: 1;}
#carrossel:hover .flex-direction-nav .flex-next { right: 8px; opacity: 1;}

#blog { float: left; width: 100%;}
#blog .tab { float: left;}
#blog .tab.tab1 { width: 100%; margin: 0 0 20px;}
#blog .tab.tab2 { width: 49%;}
#blog .tab.tab2.t2 { float: right;}
#blog .tab.tab3 { width: 30%;}
#blog .tab.tab3.t2 { margin: 0 0 0 5%;}
#blog .tab.tab3.t3 { float: right;}
#blog .tab .imagem { float: left; width: 100%; position: relative;}
#blog .tab .imagem img { float: left; width: 100%;}
#blog .tab .imagem obs { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.1);}
#blog .tab .imagem obs.play { background-color: rgba(0, 0, 0, 0.30); background-image: url("../imagens/play.png"); background-position: 50%; background-repeat: no-repeat;}
#blog .tab .imagem obs h2 { position: absolute; width: 96%; left: 0; bottom: 0; padding: 20px 2%; background-color: rgba(0,0,0,0.35); text-align: center; font-size: 1.2em; color: #FFFFFF;}
#blog .tab .descricao { float: left; width: 100%;}
#blog .tab .descricao h4 { float: left; width: 100%; margin: 10px 0 0; text-transform: uppercase; font-size: 0.8em; color: #555555;}
#blog .tab .descricao h4 a:hover { color: #B93A3C;}
#blog .tab .descricao h3 { float: left; width: 100%; height: 44px; margin: 8px 0 0; font-size: 1em; line-height: 1.4; overflow: hidden;}
#blog .tab .descricao h3 a:hover { color: #306CA0;}
#blog .tab .compartilhe { float: left; margin: 8px 0 0;}
#blog .tab .compartilhe .ico { float: left; width: 20px; height: 20px; margin: 0 4px 0 0;}
#blog .tab .compartilhe .ico:hover { -moz-transform: scale(1) rotate(-720deg); -webkit-transform: scale(1) rotate(-720deg); -o-transform: scale(1) rotate(-720deg); -ms-transform: scale(1) rotate(-720deg); transform: scale(1) rotate(-720deg);}
#blog .tab .compartilhe .ico.zap2 { display: none;}
#blog .tab .data { float: right; margin: 9px 0 0; font-size: 0.8em; color: #999999;}
#blog .tab:hover .imagem obs { background-color: rgba(0,0,0,0.40);}
#blog .linha2 { float: left; width: 100%; height: 30px;}
#blog .linha3 { float: left; width: 100%; height: 30px;}

#barrapreta { float: left; width: 80%; margin: 30px 10%;}
#barrapreta .lado1 { float: left; width: 71%;}
#barrapreta .lado1 .descricao h3 { float: left; width: 100%; height: auto; margin: 10px 0 5px; font-weight: bold; font-size: 2em; line-height: 1.1;}
#barrapreta .lado2 { float: right; width: 24%;}
#barrapreta .tab { float: left; width: 100%;}
#barrapreta .tab .imagem { float: left; width: 100%; position: relative;}
#barrapreta .tab .imagem img { float: left; width: 100%;}
#barrapreta .tab .imagem obs { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.1);}
#barrapreta .tab .imagem obs h2 { position: absolute; width: 96%; left: 0; bottom: 0; padding: 20px 2%; background-color: rgba(0,0,0,0.35); text-align: center; font-size: 1.2em; color: #FFFFFF;}
#barrapreta .tab:hover .imagem obs { background-color: rgba(0,0,0,0.40);}

#videos { float: left; width: 80%; padding: 30px 10% 25px;}

#colunistas { float: left;}
#colunistas .navega { float: left; width: 100%;}
#colunistas .navega .item { float: left; width: 100%;}
#colunistas .navega .item .imagem { float: left; width: 100%; position: relative;}
#colunistas .navega .item .imagem img { float: left; width: 100%; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px;}
#colunistas .navega .item .imagem obs { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px;}
#colunistas .navega .item .descricao { float: left; width: 100%;}
#colunistas .navega .item .descricao h3 { float: left; width: 100%; padding: 5px 0 2px; margin: 10px 0 0; background-color: #111111; text-align: center; font-size: 1em; color: #8B8B8B; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#colunistas .navega .item:hover .descricao h3 { background-color: #999999; color: #111111;}
#colunistas .navega .owl-carousel { float: left; width: 100%; margin: 20px 0 0; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; display: none;}
#colunistas .navega .owl-carousel.owl-loaded { display: block;}
#colunistas .navega .owl-carousel.owl-loading { opacity: 0; display: block;}
#colunistas .navega .no-js .owl-carousel { display: block;}
#colunistas .navega .owl-stage-outer { position: relative; overflow: hidden;}
#colunistas .navega .owl-stage-outer .owl-item { float: left; position: relative;  -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden;}
#colunistas .navega .owl-nav { position: absolute; width: 100%; top: 35%; left: 0;}
#colunistas .navega .owl-nav button { position: absolute; width: 15px; top: 0; padding: 14px 0 18px; background-color: #CCCCCC; font-size: 2em; line-height: 0; color: #000000; cursor: pointer; border: 0; outline: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#colunistas .navega .owl-nav button.owl-prev { left: -35px;}
#colunistas .navega .owl-nav button.owl-next { right: -35px;}
#colunistas .navega .owl-nav button:hover { background-color: #FFFFFF;}
#colunistas .navega .owl-nav button.disabled { background-color: #333333; color: #555555;}
#colunistas .navega .owl-nav button.disabled:hover { background-color: #333333;}
#colunistas .navega .owl-dots { display: none;}
#colunistas .tabela { float: left; width: 100%;}
#colunistas .tabela .tab { float: left; width: 14.6666%; padding: 0 1% 30px;}
#colunistas .tabela .tab .imagem { float: left; width: 100%; position: relative;}
#colunistas .tabela .tab .imagem img { float: left; width: 100%; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px;}
#colunistas .tabela .tab .imagem obs { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px;}
#colunistas .tabela .tab .descricao { float: left; width: 100%;}
#colunistas .tabela .tab .descricao h3 { float: left; width: 100%; height: 25px; padding: 5px 0 2px; margin: 10px 0 0; background-color: #D6CFBA; text-align: center; font-size: 1em; color: #555555; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px;}
#colunistas .tabela .tab:hover .descricao h3 { background-color: #16181A; color: #AAAAAA;}
#colunistas.index { width: 80%; padding: 40px 10% 35px; background-color: #16181A;}
#colunistas.pag { width: 100%; padding: 20px 0 0;}

#concursos { float: left; width: 100%;}
#concursos .tab { float: left;}
#concursos .tab { width: 30%;}
#concursos .tab.t2 { margin: 0 0 0 5%;}
#concursos .tab.t3 { float: right;}
#concursos .tab .imagem { float: left; width: 100%; position: relative;}
#concursos .tab .imagem img { float: left; width: 100%;}
#concursos .tab .imagem obs { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.1);}
#concursos .tab .descricao { float: left; width: 100%;}
#concursos .tab .descricao h3 { float: left; width: 100%; height: 44px; margin: 10px 0 0; text-align: center; font-size: 1em; line-height: 1.4; overflow: hidden;}
#concursos .tab .descricao h3 a:hover { color: #306CA0;}
#concursos .tab:hover .imagem obs { background-color: rgba(0,0,0,0.2);}
#concursos .linha3 { float: left; width: 100%; height: 15px;}

#revistas { float: left;}
#revistas .tab { width: 15%; padding: 0 0 15px;}
#revistas .tab.t1 { float: left;}
#revistas .tab.t2 { float: left; margin: 0 0 0 2%;}
#revistas .tab.t3 { float: left; margin: 0 0 0 2%;}
#revistas .tab.t4 { float: left; margin: 0 0 0 2%;}
#revistas .tab.t5 { float: left; margin: 0 0 0 2%;}
#revistas .tab.t6 { float: right;}
#revistas .tab .imagem { float: left; width: 100%; position: relative;}
#revistas .tab .imagem img { float: left; width: 100%;}
#revistas .tab .imagem obs { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.1);}
#revistas .tab .descricao { float: left; width: 100%;}
#revistas .tab .descricao h3 { float: left; width: 100%; padding: 5px 0 2px; margin: 5px 0 0; background-color: #D6CFBA; text-align: center; font-size: 1em; color: #555555;}
#revistas .tab:hover .descricao h3 { background-color: #16181A; color: #AAAAAA;}
#revistas .tab:hover .imagem obs { background-color: rgba(0,0,0,0.40);}
#revistas .linha3 { float: left; width: 100%; height: 1px; display: none;}
#revistas .linha6 { float: left; width: 100%; height: 1px;}
#revistas.pag { width: 100%; padding: 10px 0 0;}
#revistas.index { width: 80%; padding: 0 0 20px 10%;}

#cinema { float: left; width: 100%; display: flex; flex-wrap: wrap;}
#cinema .tab { float: left; width: 18%; margin: 1%;}
#cinema .tab .imagem { float: left; width: 100%; position: relative;}
#cinema .tab .imagem img { float: left; width: 100%;}
#cinema .tab .imagem obs { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.1);}
#cinema .tab:hover .imagem obs { background-color: rgba(0,0,0,0.40);}

#exibiblog { float: left; width: 54%; padding: 30px 23% 25px;}
#exibiblog .subtitulo { float: left; width: 100%;}
#exibiblog .subtitulo h1 { float: left; width: 100%; font-weight: bold; line-height: 1.1; font-size: 3em;}
#exibiblog .subtitulo h2 { float: left; width: 100%; margin: 10px 0; line-height: 1.1; font-size: 1.1em; color: #555555;}
#exibiblog .tags { float: right; margin: 2px 0 0;}
#exibiblog .tags a:hover { color: #B93A3C;}
#exibiblog .compartilhe { float: left; margin: 2px 0 0;}
#exibiblog .compartilhe .ico { float: left; width: 20px; height: 20px; margin: 0 4px 0 0;}
#exibiblog .compartilhe .ico:hover { -moz-transform: scale(1) rotate(-720deg); -webkit-transform: scale(1) rotate(-720deg); -o-transform: scale(1) rotate(-720deg); -ms-transform: scale(1) rotate(-720deg); transform: scale(1) rotate(-720deg);}
#exibiblog .compartilhe .ico.zap2 { display: none;}
#exibiblog .imagem { float: left; width: 100%; position: relative;}
#exibiblog .imagem img { float: left; width: 100%;}
#exibiblog .imagem obs { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.1);}
#exibiblog .video { float: left; width: 100%;}
#exibiblog .video .iframe { position: relative; width: 100%; padding-bottom: 56%; overflow: hidden;}
#exibiblog .video .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#exibiblog .texto { float: left; width: 100%; margin: 20px 0 0; line-height: 1.8em; overflow: hidden;}
#exibiblog .texto a:hover { text-decoration: underline;}
#exibiblog .texto img { max-width: 100%;}
#exibiblog .linha { float: left; width: 100%; height: 1px; margin: 10px 0; background-color: #DDDDDD;}
#exibiblog .fotos { float: left; width: 100%;}
#exibiblog .fotos .tab { float: left; width: 24%; margin: 0.5%; position: relative; overflow: hidden;}
#exibiblog .fotos .tab img { float: left; width: 100%;}
#exibiblog .fotos .tab a.baixar { position: absolute; width: 28px; height: 28px; top: 5px; right: -35px; z-index: 2; background-image: url("../imagens/baixar.png"); background-position: 50%; background-repeat: no-repeat;}
#exibiblog .fotos .tab a.obs { position: absolute; width: 100%; height: 100%; top: 0; left: -100%; z-index: 1; background-color: rgba(0, 0, 0, 0.50); background-image: url("../imagens/zoom.png"); background-position: 50%; background-repeat: no-repeat;}
#exibiblog .fotos .tab:hover a.baixar { right: 5px;}
#exibiblog .fotos .tab:hover a.obs { left: 0;}
#exibiblog .fotos .linha2 { float: left; width: 100%; height: 1px; display: none;}
#exibiblog .fotos .linha4 { float: left; width: 100%; height: 1px;}
#exibiblog .colunista { float: left; width: 100%; padding: 10px 0; margin: 10px 0 0;}
#exibiblog .colunista .img { float: left; width: 30%;}
#exibiblog .colunista .img img { float: left; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#exibiblog .colunista .descricao { float: right; width: 68%;}
#exibiblog .colunista .descricao h3 { float: left; width: 100%; font-weight: bold; font-size: 2em;}
#exibiblog .colunista .descricao h3:hover { text-decoration: underline;}
#exibiblog .colunista .descricao h4 { float: left; width: 100%; margin: 10px 0 0; line-height: 1.5; font-size: 1em;}

#exibicinema { float: left; width: 50%; padding: 30px 25% 25px; position: relative;}
#exibicinema .imagem { position: absolute; width: 200px; top: 30px; left: 2%; text-align: center;}
#exibicinema .imagem img { max-width: 100%;}
#exibicinema .subtitulo { float: left; width: 100%;}
#exibicinema .subtitulo h1 { float: left; width: 100%; font-weight: bold; line-height: 1.1; font-size: 3em;}
#exibicinema .linha { float: left; width: 100%; height: 1px; margin: 10px 0; background-color: #DDDDDD;}
#exibicinema .compartilhe { float: left; margin: 2px 0 0;}
#exibicinema .compartilhe .ico { float: left; width: 20px; height: 20px; margin: 0 4px 0 0;}
#exibicinema .compartilhe .ico:hover { -moz-transform: scale(1) rotate(-720deg); -webkit-transform: scale(1) rotate(-720deg); -o-transform: scale(1) rotate(-720deg); -ms-transform: scale(1) rotate(-720deg); transform: scale(1) rotate(-720deg);}
#exibicinema .compartilhe .ico.zap2 { display: none;}
#exibicinema .video { float: left; width: 100%;}
#exibicinema .video .iframe { position: relative; width: 100%; padding-bottom: 56%; overflow: hidden;}
#exibicinema .video .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#exibicinema .texto { float: left; width: 100%; line-height: 1.8em;}
#exibicinema .texto a:hover { text-decoration: underline;}
#exibicinema .texto img { max-width: 100%;}

#exibiconcurso { float: left; width: 100%;}
#exibiconcurso .informacoes { float: left; width: 100%; margin: 0 0 20px;}
#exibiconcurso .informacoes .temtexto { float: left; width: 49.5%; margin: 0 0 5px;}
#exibiconcurso .informacoes .temregulamento { float: right; width: 49%; margin: 0 0 5px;}
#exibiconcurso .informacoes .botao { float: left; width: 96%; padding: 16px 2% 13px; background-color: #16181A; cursor: pointer; text-align: center; font-size: 1.2em; color: #AAAAAA; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#exibiconcurso .informacoes .botao:hover { background-color: #000000;}
#exibiconcurso .informacoes .exibitexto { float: left; width: 95.5%; padding: 2%; border: 2px dashed #CCCCCC; line-height: 1.5; font-size: 1.1em; display: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#exibiconcurso .informacoes .t100 { float: left; width: 100%;}
#exibiconcurso .tab { width: 30%; margin: 0 0 20px;}
#exibiconcurso .tab.t1 { float: left;}
#exibiconcurso .tab.t2 { float: left; margin: 0 0 20px 5%;}
#exibiconcurso .tab.t3 { float: right;}
#exibiconcurso .tab .imagem { float: left; width: 100%; position: relative;}
#exibiconcurso .tab .imagem img { float: left; width: 100%;}
#exibiconcurso .tab .imagem obs { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0.1);}
#exibiconcurso .tab .descricao { float: left; width: 100%;}
#exibiconcurso .tab .descricao .nome { float: left; width: 100%; margin: 10px 0 7px;}
#exibiconcurso .tab .descricao .nome h3 { float: left; width: 100%; text-transform: uppercase; text-align: center; font-size: 0.9em; line-height: 1.3; color: #8A8A8A;}
#exibiconcurso .tab .descricao .opcoes { float: left; width: 100%; padding: 10px 0; border-top: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;}
#exibiconcurso .tab .descricao .opcoes .dedinho { float: left; margin: 0 20px 0 0;}
#exibiconcurso .tab .descricao .opcoes .dedinho b { float: left; width: 20px; height: 20px; background-size: 20px; background-image: url("../imagens/dedinho.png"); background-position: 50%; background-repeat: no-repeat;}
#exibiconcurso .tab .descricao .opcoes .dedinho em { float: left; margin: 2px 0 0 5px; font-style: normal; color: #8A8A8A;}
#exibiconcurso .tab .descricao .opcoes .compartilhe { float: right;}
#exibiconcurso .tab .descricao .opcoes .compartilhe .ico { float: left; width: 20px; height: 20px; margin: 0 4px 0 0;}
#exibiconcurso .tab .descricao .opcoes .compartilhe .ico:hover { -moz-transform: scale(1) rotate(-720deg); -webkit-transform: scale(1) rotate(-720deg); -o-transform: scale(1) rotate(-720deg); -ms-transform: scale(1) rotate(-720deg); transform: scale(1) rotate(-720deg);}
#exibiconcurso .tab .descricao .opcoes .compartilhe .ico.zap2 { display: none;}
#exibiconcurso .linha3 { float: left; width: 100%; height: 1px;}

#popcandidato { float: left; width: 90%; padding: 30px 5%; margin: 0 0 15px; background-color: #F5F5F5; border-bottom: 1px solid #DDDDDD; position: relative;}
#popcandidato .fechar { position: absolute; width: 25px; height: 25px; top: 20px; right: 20px; cursor: pointer; background-image: url("../imagens/fecharAlerta.png"); background-position: 50%; background-repeat: no-repeat;}
#popcandidato .imagem { float: left; width: 30%; position: relative; background-color: #FFFFFF;}
#popcandidato .imagem img { float: left; width: 96%; margin: 2%;}
#popcandidato .descricao { float: right; width: 68%;}
#popcandidato .descricao .nome { float: left; width: 100%; padding: 10px 0 7px;}
#popcandidato .descricao .nome h3 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 1.5em; line-height: 1.3; color: #8A8A8A;}
#popcandidato .descricao .opcoes { float: left; width: 100%; padding: 10px 0; border-top: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;}
#popcandidato .descricao .opcoes .dedinho { float: left; margin: 0 20px 0 0;}
#popcandidato .descricao .opcoes .dedinho b { float: left; width: 20px; height: 20px; background-size: 20px; background-image: url("../imagens/dedinho.png"); background-position: 50%; background-repeat: no-repeat;}
#popcandidato .descricao .opcoes .dedinho em { float: left; margin: 2px 0 0 5px; font-style: normal; color: #8A8A8A;}
#popcandidato .descricao .opcoes .compartilhe { float: right;}
#popcandidato .descricao .opcoes .compartilhe .ico { float: left; width: 20px; height: 20px; margin: 0 4px 0 0;}
#popcandidato .descricao .opcoes .compartilhe .ico:hover { -moz-transform: scale(1) rotate(-720deg); -webkit-transform: scale(1) rotate(-720deg); -o-transform: scale(1) rotate(-720deg); -ms-transform: scale(1) rotate(-720deg); transform: scale(1) rotate(-720deg);}
#popcandidato .descricao .opcoes .compartilhe .ico.zap2 { display: none;}
#popcandidato .descricao .form { float: left; width: 100%;}
#popcandidato .descricao .form .g-recaptcha { float: left; width: 100%; margin-top: 10px; overflow: hidden;}
#popcandidato .descricao .form .botao { float: left; padding: 20px 40px; margin: 15px 0 0; background-color: #1CAF50; font-size: 1.3em; color: #FFFFFF; cursor: pointer;}
#popcandidato .descricao .form .botao:hover { background-color: #0D903C;}
#popcandidato .descricao .aviso { float: left; width: 96%; padding: 10px 2% 8px; margin: 20px 0 0; text-align: center; font-size: 1em; color: #FFFFFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#popcandidato .descricao .aviso.sucesso { background-color: #4CAF50;}
#popcandidato .descricao .aviso.erro { background-color: #D06767;}

#alerta { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10;}
#alerta .fechar1 { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.60); z-index: 1;}
#alerta .tab { float: left; width: 46%; padding: 20px 2% 15px; margin: 180px 25% 0; background-color: #FFFFFF; position: relative; z-index: 2;}
#alerta .tab .msg { float: left; width: 100%;}
#alerta .tab .msg li { float: left; width: 96%; padding: 15px 2% 12px; border-bottom: 1px solid #EEEEEE; font-size: 1.1em;}
#alerta .tab .msg li b { color: #FF0000;}
#alerta .tab .msg li em { font-style: normal; font-size: 0.8em; color: #AAAAAA;}
#alerta .tab .fechar2 { float: left; width: 100%; margin: 30px 0 20px; text-align: center;}
#alerta .tab .fechar2 strong { padding: 14px 20px 12px; background-color: #17AB5F; text-transform: uppercase; font-weight: normal; font-size: 1.3em; color: #FFFFFF; cursor: pointer; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#alerta .tab .fechar2 strong:hover { background-color: #148F50;}
#alerta .tab .fechar3 { position: absolute; width: 25px; height: 25px; top: 12px; right: 10px; background-image: url("../imagens/fecharAlerta.png"); background-position: 50%; background-repeat: no-repeat; cursor: pointer;}

#formContato { float: left; width: 50%; margin: 0 0 50px 25%;}
#formContato .c1 { float: left; width: 100%;}
#formContato .nomecampo { float: left; width: 99%; margin: 40px 0.5% 5px; text-transform: uppercase; font-size: 0.9em; color: #222222;}
#formContato .nomecampo em { font-style: normal;}
#formContato .campo { float: left; width: 96%; height: 60px; padding: 1px 2% 0; border: 1px solid #AAAAAA;}
#formContato .campo.invalido { border: 1px solid #FF0000;}
#formContato .campo:focus { border: 1px solid #5BB6E3; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);}
#formContato .textarea { float: left; width: 96%; height: 130px; padding: 20px 2% 0; border: 1px solid #CCCCCC;}
#formContato .textarea:focus { border: 1px solid #5BB6E3; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);}
#formContato .botao { float: left; padding: 20px 40px; margin: 15px 0 0; background-color: #333333; text-transform: uppercase; font-weight: bold; font-size: 1.4em; color: #FFFFFF; cursor: pointer;}
#formContato .botao:hover { background-color: #16181A;}

#sucessoContato { float: left; width: 100%; margin: 100px 0 250px; display: none;}
#sucessoContato h2 { float: left; width: 100%; text-align: center; font-size: 2em; color: #1CAF50;}

#anuncios_top { float: left; width: 100%; margin: 30px 0; position: relative;}
#anuncios_top .imagem { float: left; width: 100%; text-align: center; font-size: 0;}
#anuncios_top .imagem .img { max-width: 90%;}

#anuncios_meio1 { float: left; width: 100%; margin: 30px 0; position: relative;}
#anuncios_meio1 .imagem { float: left; width: 100%; text-align: center; font-size: 0;}
#anuncios_meio1 .imagem .img { max-width: 90%;}

#anuncios_meio2 { float: left; width: 100%; margin: 30px 0; position: relative;}
#anuncios_meio2 .imagem { float: left; width: 100%; text-align: center; font-size: 0;}
#anuncios_meio2 .imagem .img { max-width: 90%;}

#anuncios_bottom { position: fixed; width: 100%; bottom: 0; left: 0; z-index: 21; padding: 20px 0; background-color: #FFFFFF;}
#anuncios_bottom .fechar { position: absolute; width: 20px; top: 20px; right: 2%; z-index: 2; padding: 2px 0 3px; background-color: #D82427; cursor: pointer; text-align: center; color: #FFFFFF; line-height: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#anuncios_bottom .fechar:hover { background-color: #C10E11;}
#anuncios_bottom .imagem { float: left; width: 100%; text-align: center; font-size: 0;}
#anuncios_bottom .imagem .img { max-width: 90%;}

#anuncios_bottom_right { position: fixed; width: 400px; bottom: 0; right: 0; z-index: 22; padding: 10px 15px 15px; background-color: #FFFFFF;}
#anuncios_bottom_right .fechar { position: absolute; width: 20px; top: 10px; right: 15px; z-index: 2; padding: 0 0 1px; background-color: #D82427; cursor: pointer; text-align: center; color: #FFFFFF; line-height: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#anuncios_bottom_right .fechar:hover { background-color: #C10E11;}
#anuncios_bottom_right .acessar { float: left; margin: 0 0 5px;}
#anuncios_bottom_right .acessar:hover { text-decoration: underline; color: #185DD7;}
#anuncios_bottom_right .video { float: left; width: 100%; position: relative;}
#anuncios_bottom_right .video .iframe { position: relative; width: 100%; padding-bottom: 56%; overflow: hidden;}
#anuncios_bottom_right .video .iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

#pop_blog { position: fixed; width: 400px; bottom: 0; right: 0; z-index: 23; padding: 15px 15px 0; background-color: #FFFFFF;}
#pop_blog .fechar { position: absolute; width: 20px; top: -10px; right: 15px; z-index: 2; padding: 2px 0 3px; background-color: #D82427; cursor: pointer; text-align: center; color: #FFFFFF; line-height: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#pop_blog .fechar:hover { background-color: #C10E11;}
#pop_blog .conteudo { float: left; width: 100%; position: relative;}

@media only screen and (max-width: 1100px){
     #exibiblog { width: 70%; padding: 30px 15% 25px;}
}
@media only screen and (max-width: 1000px){
     #paginas { width: 90%; padding: 0 5% 20px;}

     #faixa { display: none;}
     #faixa .links { padding: 0;}
     #faixa .links .semsub { float: left; width: 90%; padding: 18px 5% 15px; border-left: 0; border-bottom: 1px solid #DDDDDD;}
     #faixa .links .semsub.ultimo { border-right: 0;}

     #faixa .links .comsub { float: left; width: 100%; padding: 0; border-bottom: 1px solid #DDDDDD; background-position: 50% 38px;}
     #faixa .links .comsub .semsub { border-bottom: 0;}
     #faixa .links .comsub .subs { float: left; width: 80%; margin: 0 10% 10px; position: relative; top: 0; left: 0;}

     #destaques { width: 90%; margin: 0 5%;}

     #carrossel .item .descricao h3 { height: 75px; margin: 10px 0 0; font-size: 2em;}
     #carrossel .item .compartilhe .ico.zap1 { display: none;}
     #carrossel .item .compartilhe .ico.zap2 { display: block;}

     #blog .tab .compartilhe .ico.zap1 { display: none;}
     #blog .tab .compartilhe .ico.zap2 { display: block;}
     #blog .tab .descricao h4 { font-size: 0.8em;}
     #blog .tab .descricao h3 { height: 40px; font-size: 0.9em;}

     #barrapreta { width: 90%; margin: 10px 5%;}
     #videos { width: 90%; padding: 0 5%;}

     #colunistas .tabela .tab { width: 18%;}
     #colunistas .tabela .tab .descricao h3 { height: 22px; font-size: 0.9em;}

     #revistas.index { width: 90%; padding: 20px 5% 0;}

     #exibiblog .compartilhe .ico.zap1 { display: none;}
     #exibiblog .compartilhe .ico.zap2 { display: block;}

     #exibicinema { width: 60%; padding: 30px 0 25px 30%;}

     #alerta .tab { float: left; width: 86%; margin: 150px 5% 0;}

     #anuncios_top { margin: 14px 0 11px;}
     #anuncios_meio1 { margin: 14px 0 11px;}
     #anuncios_meio2 { margin: 14px 0 11px;}

     #pop_blog{ display: none;}
}
@media only screen and (max-width: 800px){
     #destaques .lado1 { width: 100%;}
     #destaques .lado2 { width: 100%; margin: 0;}

     #carrossel .item .descricao h3 { height: auto;}

     #blog .tab.tab1 { width: 100%;}
     #blog .tab.tab2 { width: 100%; margin: 0 0 20px;}
     #blog .tab.tab3 { width: 100%; margin: 0 0 20px;}
     #blog .tab.tab3.t2 { margin: 0 0 20px;}
     #blog .tab .imagem { width: 40%;}
     #blog .tab.tab2 .imagem { width: 100%;}
     #blog .tab .descricao { float: right; width: 58%;}
     #blog .tab .descricao h4 { margin: 0; font-size: 0.8em;}
     #blog .tab .descricao h3 { height: auto; font-size: 1em;}
     #blog .tab .compartilhe { margin: 8px 0 0 2%;}
     #blog .tab .data { margin: 12px 0 0;}
     #blog .linha2 { display: none;}
     #blog .linha3 { display: none;}

     #videos { margin: 20px 0 0;}

     #colunistas.index { margin: 10px 0 0;}

     #colunistas.pag { padding: 0;}
     #colunistas .tabela .tab { width: 31.3333%;}

     #concursos .tab .descricao h3 { height: 35px; font-size: 0.9em; line-height: 1.2;}
     #concursos .linha3 { height: 10px;}

     #barrapreta .lado1 { width: 100%;}
     #barrapreta .lado2 { display: none;}

     #exibiblog { width: 90%; padding: 30px 5% 25px;}

     #exibicinema { width: 65%; padding: 30px 0 25px 33%;}

     #popcandidato .imagem { width: 30%; margin: 0 35%;}
     #popcandidato .descricao { width: 100%;}
     #popcandidato .descricao .nome h3 { text-align: center;}
}
@media only screen and (max-width: 700px){
     #revistas .tab { width: 32%;}
     #revistas .tab.t3 { float: right; margin: 0;}
     #revistas .tab.t4 { margin: 0;}
     #revistas .tab .descricao h3 { font-size: 0.9em;}
     #revistas .linha3 { display: block;}
     #revistas .linha6 { display: none;}
     #revistas.pag { padding: 0;}

     #cinema .tab { width: 23%;}

     #exibiblog .colunista { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
     #exibiblog .colunista .img { width: 100%; text-align: center;}
     #exibiblog .colunista .img img { float: none; width: auto;}
     #exibiblog .colunista .descricao { width: 100%;}
     #exibiblog .colunista .descricao h3 { text-align: center;}
     #exibiblog .colunista .descricao h4 { text-align: center;}

     #exibicinema { width: 96%; padding: 20px 0 25px 2%;}
     #exibicinema .imagem { float: left; width: 100%; position: relative; top: 0; left: 0; margin: 0 0 30px;}

     #anuncios_bottom .fechar { top: -8px;}
}
@media only screen and (max-width: 600px){
     #titulo h1 { font-size: 2em;}
     #titulo h2 { font-size: 2em;}
     #titulo strong { top: 20px;}
     #titulo.mg { margin: 25px 0 10px;}

     #revistas { padding: 5px 0 0;}

     #exibiconcurso .tab { width: 60%; margin: 0 0 20px 20%;}
     #exibiconcurso .tab.t1 { float: left;}
     #exibiconcurso .tab.t2 { float: left; margin: 0 0 20px 20%;}
     #exibiconcurso .tab.t3 { float: left;}

     #formContato { width: 90%; margin: 0 0 50px 5%;}
}
@media only screen and (max-width: 500px){
     #barrapreta .tab .imagem obs h2 { padding: 10px 2%; font-size: 1em;}

     #blog .tab .imagem obs h2 { padding: 10px 2%; font-size: 1em;}
     #blog .tab .descricao h4 { font-size: 0.7em; line-height: 1;}
     #blog .tab .descricao h3 { font-size: 0.9em;}

     #cinema .tab { width: 48%;}

     #exibiblog .subtitulo h1 { font-size: 1.5em;}
     #exibicinema .subtitulo h1 { font-size: 1.5em;}

     #exibiconcurso .informacoes .temtexto { width: 100%;}
     #exibiconcurso .informacoes .temregulamento { width: 100%;}
     #exibiconcurso .tab { width: 100%; margin: 0 0 20px;}
     #exibiconcurso .tab.t2 { float: left; margin: 0 0 20px;}

     #popcandidato .imagem { width: 60%; margin: 0 20%;}

     #anuncios_bottom_right { width: 90%; padding: 10px 5% 15px;}
     #anuncios_bottom_right .fechar { right: 5%;}

     #pop_blog { width: 90%; padding: 15px 5%;}
     #pop_blog .fechar { right: 5%;}
}
@media only screen and (max-width: 450px){
     #colunistas .navega .owl-nav button.owl-prev { left: -20px;}
     #colunistas .navega .owl-nav button.owl-next { right: -20px;}

     #concursos .tab { width: 100%; margin: 0 0 20px;}
     #concursos .tab.t2 { margin: 0 0 20px;}
     #concursos .tab .descricao h3 { height: auto; font-size: 1em; line-height: 1.4;}
     #concursos .linha3 { height: 0;}
}
@media only screen and (max-width: 400px){
     #carrossel .item .descricao h3 { margin: 5px 0 0; font-size: 1.5em;}
     #carrossel .item .compartilhe { margin: 10px 0 0;}

     #blog .tab .imagem { width: 100%;}
     #blog .tab .descricao { width: 100%;}
     #blog .tab .descricao h4 { margin: 15px 0 0;}
     #blog .tab .descricao h3 { font-size: 1.1em;}
     #blog .tab .compartilhe { margin: 8px 0 0;}

     #colunistas .tabela .tab { width: 48%;}
}