@charset "utf-8"; 

#paginas { float: left; width: 100%; min-height: 400px; padding: 0 0 50px;}
#paginas .titulo { float: left; width: 100%; padding: 5px 0;}
#paginas .titulo h1 { float: left; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 3em;}
#paginas .titulo em { float: left; width: 100px; height: 5px; margin-left: 2px; background-color: #000000;}
#paginas .texto { float: left; width: 100%; padding: 10px 0 0;}
#paginas .texto h5 { float: left; width: 100%; line-height: 1.8; font-size: 1em;}
#paginas .texto h5 strong { text-transform: uppercase;}
#paginas .texto h5 em { color: #EE0000;}
#paginas .texto h5.centralizado { text-align: center;}

#menu { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.80); z-index: 200; display: none;}
#menu .tab { float: left; width: 90%; margin: 145px 3% 0; padding: 20px 2%; background-color: #FFFFFF; position: relative;}
#menu .tab.margin { margin: 125px 3% 0;}
#menu .tab.estilo { width: 94%; margin: 110px 0 0; padding: 20px 3% 200px;}
#menu .tab .links { float: left; width: 100%;}
#menu .tab .links a { float: left; width: 100%; padding: 7px 0; border-bottom: 2px dotted #CCCCCC; text-align: center; font-size: 1.2em;}
#menu .tab .links a:hover { color: #FE342A;}
#menu .tab .links a.ativo { color: #FE342A;}
#menu .tab .fechar { position: absolute; width: 40px; height: 40px; top: 10px; right: 10px; background-image: url(../imagens/icoFechar.png);}
#menu.mobile { display: block;}

#cmm { float: left; width: 100%; padding: 30px 0;}
#cmm .lado1 { float: left; width: 65%;}
#cmm .lado2 { float: right; width: 30%;}

#cds { float: left; width: 100%;}
#cds .tab { width: 15%; position: relative;}
#cds .tab.ta1 { float: left;}
#cds .tab.ta2 { float: left; margin-left: 2%;}
#cds .tab.ta3 { float: left; margin-left: 2%;}
#cds .tab.ta4 { float: left; margin-left: 2%;}
#cds .tab.ta5 { float: left; margin-left: 2%;}
#cds .tab.ta6 { float: right;}
#cds .tab .img { float: left; width: 100%;}
#cds .tab .img img { float: left; width: 100%;}
#cds .tab .obs { position: absolute; padding: 4px 9px 2px; top: -11px; left: -11px; border: 5px solid #FFFFFF; background-color: #EB1D20; font-weight: bold; font-size: 1em; color: #FFFFFF; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#cds .tab h3 { float: left; width: 100%; height: 45px; margin: 8px 0 0; border-bottom: 1px solid #CCCCCC; font-size: 0.9em; color: #CD0000;}
#cds .tab h4 { float: left; width: 100%; height: 45px; margin: 10px 0 0; font-size: 0.9em; color: #CD0000;}
#cds .tab h5 { float: left; width: 100%; padding: 0 0 10px; border-bottom: 1px solid #CCCCCC; font-size: 0.9em; color: #555555;}
#cds .linha2 { float: left; width: 100%; height: 1px; display: none;}
#cds .linha6 { float: left; width: 100%; height: 1px;}
#cds.margin { margin-top: 30px;}
#cds.margin .tab { margin-bottom: 20px;}

#cds.download-geral { display: none;}
#cds.download-mes { display: block;}
#cds.download-semana { display: none;}
#cds.download-dia { display: none;}

#cds.play-geral { display: none;}
#cds.play-mes { display: block;}
#cds.play-semana { display: none;}
#cds.play-dia { display: none;}

#estourados { float: left; width: 100%; padding: 30px 0; background-color: #990000;}
#estourados .subtitulo { margin-bottom: 0;}
#estourados .subtitulo h2 { color: #FFFFFF;}
#estourados .tab { float: left; width: 100%;}
#estourados .tab .imagem { float: left; width: 100%;}
#estourados .tab .imagem .img { float: left; width: 100%;}
#estourados .tab .texto { float: left; width: 100%;}
#estourados .tab .texto h3 { float: left; width: 100%; margin: 5px 0 0; text-align: center; font-weight: bold; font-size: 0.9em; color: #FFFFFF;}

#destaques { float: left; width: 100%; padding: 30px 0;}
#destaques .subtitulo { margin-bottom: 10px;}
#destaques .tab { float: left; width: 100%;}
#destaques .tab .imagem { float: left; width: 100%;}
#destaques .tab .imagem .img { float: left; width: 100%;}
#destaques .tab .texto { float: left; width: 100%;}
#destaques .tab .texto h3 { display: none;}
#destaques .carrosel .owl-nav { top: 14px;}

#background { float: left; width: 100%; margin: 116px 0 20px; position: relative; overflow: hidden;}
#background img { float: left; width: 100%;}

#banners { float: left; width: 70%; position: relative; overflow: hidden; z-index: 50;}
#banners .slides, .slides > li, .flex-control-nav { float: left; margin: 0; padding: 0; list-style: none;}
#banners .slides > li { display: none;}
#banners .slides > li img { float: left; width: 100%;}
#banners .flex-control-nav { display: none;}
#banners .flex-direction-nav { margin: 0; padding: 0; list-style: none;}
#banners .flex-direction-nav a { position: absolute; width: 40px; height: 60px; top: 44%; z-index: 10; display: block; 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;}
#banners .flex-direction-nav a:before { width: 40px; height: 60px; display: inline-block; content: '\f001'; background-image:url(../imagens/seta1.png);}
#banners .flex-direction-nav a.flex-next:before { content: '\f002'; background-image:url(../imagens/seta2.png); }
#banners .flex-direction-nav .flex-prev { left: 0; opacity: 0; outline: 0;}
#banners .flex-direction-nav .flex-next { right: 0; opacity: 0; outline: 0;}
#banners:hover .flex-direction-nav .flex-prev { left: 25px; opacity: 1;}
#banners:hover .flex-direction-nav .flex-next { right: 25px; opacity: 1;}

#sociais { float: left; width: 100%; padding: 30px 0 90px; background-color: #FFFFFF;}
#sociais .nome { float: left; width: 100%; padding: 8px 0 5px; margin: 0 0 15px; background-color: #EEEEEE; border: 1px solid #DDDDDD; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.3em; color: #444444; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#sociais .lado1 { float: left; width: 65%; margin: 0 2%;}
#sociais .lado1 a { float: left; width: 31.333%; padding: 14px 0 11px; margin: 0 1% 5px; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.4em; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#sociais .lado1 a.instagram { background-color: #000000; color: #FFFFFF;}
#sociais .lado1 a.facebook { background-color: #3A5897; color: #FFFFFF;}
#sociais .lado1 a.youtube { background-color: #BB0106; color: #FFFFFF;}
#sociais .lado1 a.whatsapp { background-color: #008739; color: #FFFFFF;}
#sociais .lado1 a.tiktok { background-color: #161618; color: #FFFFFF;}
#sociais .lado1 a.spotify { background-color: #64d15e; color: #FFFFFF;}
#sociais .lado2 { float: right; width: 27%; margin: 0 2%;}
#sociais .lado2 a { float: left; width: 48%; margin: 0 1% 5px;}
#sociais .lado2 a img { float: left; width: 100%;}

#videos { float: left; width: 100%;}
#videos .tab { float: left; width: 21%; margin: 20px 2% 0 0;}
#videos .tab img { float: left; width: 100%;}
#videos .tab h3 { float: left; width: 100%; margin-top: 10px; font-weight: bold; text-align: center; font-size: 1em; color: #222222;}
#videos .linha2 { float: left; width: 100%; height: 1px; display: none;}
#videos .linha4 { float: left; width: 100%; height: 1px;}

#contato { float: left; width: 100%; padding: 10px 0;}
#contato .infor { float: left; width: 42%; margin-top: 28px; line-height: 1.5; font-size: 1.1em;}
#contato .infor img { float: left; max-width: 96%; border: 5px solid #FFFFFF; margin: 0 0 15px;}
#contato .infor h5 { float: left; width: 100%; line-height: 1.5; font-size: 1.1em;}
#contato .infor h5 strong { text-transform: uppercase; font-size: 1.2em;}
#contato .infor h5 a { color: #129A94;}
#contato .infor h5 a:hover { text-decoration: underline;}
#contato .form { float: right; width: 50%; padding: 0 0 0 4%; margin-top: 25px; border-left: 4px solid #EFEBEB;}
#contato .form .nomecampo { float: left; width: 100%; padding: 0 0 2px; font-size: 1.3em;}
#contato .form .nomecampo em { margin-left: 0; color: #FF0000; font-style: normal;}
#contato .form .c1 { float: left; width: 100%; margin-bottom: 25px;}
#contato .form .c1.bottom10 { margin-bottom: 10px;}
#contato .form .c2a { float: left; width: 48%; margin-bottom: 25px;}
#contato .form .c2b { float: right; width: 48%; margin-bottom: 25px;}
#contato .form .todos { float: left; background-color: #FFFFFF; border: 1px solid #AAAAAA; font-family: 'Yantramanav', Arial; font-size: 1.1em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: 0;}
#contato .form .campo { width: 98%; height: 55px; padding: 0 1%; font-size: 1.1em;}
#contato .form .textarea { width: 98%; height: 120px; padding: 10px 1%;}
#contato .form .botao { padding: 17px 15px 16px; background-color: #097749; text-transform: uppercase; font-weight: bold; font-size: 1em; color: #FFFFFF; cursor: pointer; outline: 0; border: 0;}
#contato .form .botao:hover { background-color: #05442A;}

#comentarios { padding: 20px 2% 0; background-color: #FFFFFF; position: relative;}
#comentarios .apresenta { float: left; width: 100%;}
#comentarios .apresenta h2 { float: left; width: 100%; font-weight: bold; font-size: 1.5em; color: #000000;}
#comentarios .add { float: left; width: 100%;}
#comentarios .add .c1 { float: left; width: 100%;}
#comentarios .add .c2 { float: left; width: 35%; margin: 12px 0 0;}
#comentarios .add .c2.a { float: left;}
#comentarios .add .c2.b { float: left; margin: 12px 0 0 5%;}
#comentarios .add .c2.c { float: right; width: 20%;}
#comentarios .add .c3 { float: left; width: 100%; margin: 12px 0 0;}
#comentarios .add .nomecampo { float: left; width: 100%; font-size: 0.9em; color: #000000;}
#comentarios .add .nomecampo em { font-style: normal; color: #EE0000;}
#comentarios .add .campo { float: left; width: 95.2%; height: 30px; padding: 1px 2%; border: 1px solid #CCCCCC; font-family: 'Roboto Condensed', sans-serif; font-size: 0.9em; color: #000000; outline: 0;}
#comentarios .add .campo:focus { border: 1px solid #08BBE7; -webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px -5px rgba(0,0,0,0.4); box-shadow: 0 0 10px -5px rgba(0,0,0,0.4);}
#comentarios .add .escolha { float: left; width: 100%; height: 34px; padding: 1px 2%; background-color: #FFFFFF; border: 1px solid #CCCCCC; font-family: 'Roboto Condensed', sans-serif; font-size: 0.9em; color: #000000; outline: 0;}
#comentarios .add .escolha.p { float: left; width: 38%;}
#comentarios .add .escolha.g { float: right; width: 60%;}
#comentarios .add .escolha:focus { border: 1px solid #08BBE7; -webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px -5px rgba(0,0,0,0.4); box-shadow: 0 0 10px -5px rgba(0,0,0,0.4);}
#comentarios .add .textarea { float: left; width: 97.5%; height: 40px; padding: 15px 1%; border: 1px solid #CCCCCC; font-family: 'Roboto Condensed', sans-serif; font-size: 0.9em; color: #000000; outline: 0;}
#comentarios .add .textarea:focus { border: 1px solid #08BBE7; -webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 10px -5px rgba(0,0,0,0.4); box-shadow: 0 0 10px -5px rgba(0,0,0,0.4);}
#comentarios .add .botao { float: left; width: 100%; height: 55px; padding: 2px 0 0; margin: 10px 0 0; background-color: #129A94; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: bold; font-size: 1.2em;color: #FFFFFF; cursor: pointer; border: 0; outline: 0;}
#comentarios .add .botao:hover { background-color: #0A7A75;}
#comentarios .lista { float: left; width: 100%; border-top: 2px dashed #CCCCCC;}
#comentarios .lista .tab { float: left; width: 100%; margin: 20px 0 0; position: relative;}
#comentarios .lista .tab .ico { position: absolute; width: 60px; height: 60px; top: 0; left: 0; background-color: #ECECEC; background-image: url("../imagens/comentario-masculino.png"); background-repeat: no-repeat; background-position: 50%; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#comentarios .lista .tab .ico.Feminino { background-color: #ECECEC; background-image: url("../imagens/comentario-feminino.png");}
#comentarios .lista .tab .comentario { padding: 0 0 0 70px;}
#comentarios .lista .tab .comentario h2 { float: left; width: 100%; line-height: 1.2; font-weight: bold; font-size: 1.5em; color: #282E2F;}
#comentarios .lista .tab .comentario h3 { float: left; width: 100%; margin: 10px 0; font-size: 1em; color: #282E2F;}
#comentarios .lista .tab .comentario h4 { float: left; width: 100%; font-size: 0.9em; color: #555555;}
#comentarios .lista .tab .comentario h5 { float: left; font-size: 1em; color: #0815A3; cursor: pointer;}
#comentarios .lista .tab .comentario h5:hover { text-decoration: underline; color: #00086A;}
#comentarios .lista .tab .comentario linha { float: left; width: 100%; height: 1px; margin: 20px 0 0; background-color: #9A2812;}
#comentarios .lista .tab.resposta { float: right; width: 90%;}
#comentarios .sucesso { float: left; width: 98%; padding: 14px 1% 10px; margin: 12px 0 0; background-color: #CDF1DA; text-transform: uppercase; text-align: center; font-size: 1em; color: #38403B;}
#comentarios .erro { float: left; width: 98%; padding: 14px 1% 10px; margin: 12px 0 0; background-color: #F7B9B9; text-transform: uppercase; text-align: center; font-size: 1em; color: #AD5959;}
#comentarios .vazio { float: left; width: 100%; margin: 12px 0 0; font-style: italic; font-size: 1em; color: #555555;}
#comentarios .aviso { float: left; width: 100%;}
#comentarios .paginacao { cursor: pointer; padding: 10px 20px 8px; margin: 12px 0 0; color: #222222; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#comentarios .paginacao.avancar { float: right; background-color: #8FDDBD;}
#comentarios .paginacao.recuar { float: left; background-color: #ECA1A1;}
#comentarios .paginacao.avancar:hover { background-color: #7ac0a3;}
#comentarios .paginacao.recuar:hover { background-color: #d38b8b;}
#comentarios .rolagem { float: left; width: 100%; height: 1px;}
#comentarios .espacao { float: left; width: 100%; position: relative; padding: 0 0 10px; margin: 20px 0 10px;}
#comentarios .loader { position: absolute; width: 104%; height: 100%; display: none; top: 0; left: -2%; z-index: 50; background-color: rgba(0,0,0,0.30); background-image: url("../imagens/loader.gif"); background-position: 50%; background-repeat: no-repeat;}
#comentarios.comvideo { float: right; width: 58%;}
#comentarios.semvideo { float: left; width: 96%;}

#paginacao { float: left; width: 100%; margin: 0 0 30px; line-height: 4; text-align: center;}
#paginacao .nun { padding: 15px 15px 14px; background-color: #FFFFFF; border: 1px solid #AAAAAA; font-weight: bold; font-size: 1.2em; color: #222222;}
#paginacao .nun.ativo { background-color: #E93337; border: 1px solid #E93337; color: #FFFFFF;}
#paginacao .nun.desativa { background-color: #CCCCCC; border: 1px solid #CCCCCC; color: #222222;}
#paginacao .nun.desativa:hover { background-color: #CCCCCC; border: 1px solid #CCCCCC; color: #222222;}
#paginacao .nun:hover { background-color: #000000; border: 1px solid #000000; color: #FFFFFF;}

@media only screen and (max-width: 1000px) {
	#sociais .lado1 { width: 92%; margin: 0 4%;}
	#sociais .lado1 a { width: 48%;}
	#sociais .lado2 { float: left; width: 92%; margin: 20px 4% 0;}
}
@media only screen and (max-width: 900px) {
	#background { margin: 120px 0 20px;}
}
@media only screen and (max-width: 800px) {
	#cmm .lado1 { width: 100%;}
	#cmm .lado2 { float: left; width: 100%;}

	#cds .tab { width: 48%; margin-bottom: 20px;}
	#cds .tab.ta1 { float: left;}
	#cds .tab.ta2 { float: right; margin-left: 0;}
	#cds .tab.ta3 { float: left; margin-left: 0;}
	#cds .tab.ta4 { float: right; margin-left: 0;}
	#cds .tab.ta5 { float: left; margin-left: 0;}
	#cds .tab.ta6 { float: right;}
	#cds .linha2 { display: block;}
	#cds .linha6 { display: none;}

	#videos .tab { width: 46%;}
	#videos .linha2 { display: block;}

	#contato .infor { width: 100%; margin-top: 0;}
	#contato .form { width: 100%; margin-top: 20px;}
}
@media only screen and (max-width: 700px) {
	#comentarios { margin: 20px 0 0;}
	#comentarios.comvideo { float: left; width: 96%;}
}
@media only screen and (max-width: 600px) {
	#estourados { padding: 10px 0;}
	#destaques { padding: 10px 0;}

	#paginas .titulo h1 { font-size: 2em;}

	#comentarios .add .c2 { float: left; width: 100%; margin: 20px 0 0;}
	#comentarios .add .c2.b { margin: 20px 0 0;}
	#comentarios .add .c2.c { width: 100%;}
}
@media only screen and (max-width: 550px) {
	#contato .form .c2a { width: 100%;}
	#contato .form .c2b { width: 100%;}
}
@media only screen and (max-width: 400px) {
	#background { margin: 0 0 20px;}
}
@media only screen and (max-width: 350px) {
	#paginas .titulo h1 { font-size: 1.4em;}
	#videos .tab { width: 100%; margin: 20px 0 0;}
}