/*@import url(feedback.css);*/
@import url(cabecalho.css);
@import url(animacoes.css);
@import url(paginacao.css);
@import url(publicidade.css);
@import url(restrito.css);
@import url(popup.css);



#topo{display:flex;}
	select[name="linguagem"]{position:absolute; font-size:12px; color:var(--rosa-a); right:0; top:0; padding:9px; background:var(--rosa-b); outline:none;}
		select[name="linguagem"] option{padding:10px; font-size:12px; color:var(--rosa-a); background:none;}

#topo .logo{width:150px; z-index:2;}
	#topo .logo img{width:100%;}
	
#topo .dados{width:calc(100% - 150px);}



#topo .painel{padding-top:20px; padding-bottom:20px; width:calc(100% - 250px); z-index:2;}

	#topo .painel h3{font-size:24px; color:#333333; pointer-events:none;}

		#topo .painel a{font-size:14px;}


	#topo .painel .icones{width:calc(100% - 200px);}

	#topo .painel div[class*="ic-"], #topo .painel div[class*="ic-"] .numero{background:#e6e6e6;}
		#topo .painel div[class*="ic-"] img{width:50px;}
		
		#topo .painel div[class*="ic-"] .numero{
			font-size:16px; color:#666666;
			position:absolute; left:17px; top:10px;
			padding:1px; text-align:center;
		}
		
		#topo .painel .icones .ic-contos[class*="ativo"], #topo .painel .icones .ic-contos[class*="ativo"] .numero{background:#FFFF6E;}
			#topo .painel .icones .ic-contos[class*="ativo"]:hover, #topo .painel .icones .ic-contos[class*="ativo"]:hover .numero{background:#ffffaf;}



#topo .atalhos{position:absolute; right:20px; top:20px; text-align:right; width:calc(100% - 380px); height:126px; z-index:2;}

	#topo .atalhos li{display:inline-block; margin-left:20px; padding:10px; border:solid 1px #cc3366;}
		
		#topo .atalhos li:first-child{margin-left:0;}
		
		#topo .atalhos li:hover{background:#cc3366; cursor:pointer;}
		#topo .atalhos li:hover a{color:#ffffff;}
		
		#topo .atalhos li a{font-size:18px; color:#cc3366;}
			#topo .atalhos li a:hover{text-decoration:none;}



#topo .atalhos .busca{width:300px; float:right;}
	#topo .atalhos .busca input{padding:12px; padding-left:40px; background:url(../images/lupa.svg) no-repeat 12px 12px; background-size:20px 20px; color:#333333; font-size:18px; border:solid 1px #cc3366; width:100%;}
		#topo .atalhos .busca .ctitulo{left:42px; font-size:18px; color:#333333; top:12px;}





	#topo .menu nav{display:none; background:#333333; width:calc(100% + 150px); position:absolute; left:-150px; top:50px; z-index:1;}
		
		#topo .menu nav h2{font-size:24px; color:#ffffff; margin-bottom:20px;}
			#topo .menu nav h2 *{font-size:1em;}
			#topo .menu nav h2 a{color:var(--rosa-b);}
			
			#topo .menu nav .block a{font-size:18px; color:var(--rosa-b);}

		#topo .menu nav ul{display:inline-block; margin-right:20px;}		
			#topo .menu nav ul li{font-size:18px; color:#dfdfdf;}
				#topo .menu nav ul li a{font-size:18px; color:#ffffff;}

	#topo .menu .hover{padding:10px; margin-left:-10px; margin-top:-10px;}
	
	#topo .menu:hover .hover{background:#333333; cursor:pointer;}
	#topo .menu:hover nav{display:block;}
	
		#topo .menu .hover .icone{width:50px;}
			#topo .menu .hover .icone img{width:100%;}
		#topo .menu .hover .txt{font-size:36px; margin-left:20px; color:#cc3366;}

	
	#letras{display:flex; width:100%; justify-content: space-between;}
		#letras li{font-size:18px; color:var(--rosa-b);}
			#letras li *{font-size:1em; color:var(--rosa-b);}
			

.categorias article{margin-top:40px;}
	.categorias article .itens{display:flex; flex-wrap:wrap; justify-content:space-between;  align-items: flex-start;}
		
		.categorias article h1{display:block; width:100%; color:var(--rosa-a); border-bottom:solid 1px var(--cinza-a); margin-bottom:20px;}
		.categorias article .itens ul{flex:1;}
			.categorias article .itens ul li{font-size:18px;}
				.categorias article .itens ul li a{font-size:1em; color:var(--rosa-b);}



#onde{background:#f0f0f0; display:block; padding:10px;}
	#onde, #onde a{font-size:14px; color:#666666;}
	
	



	

.corpo header{margin-bottom:20px; margin-top:20px;}
	.corpo header p{font-size:24px;}
	
	.corpo p{margin-bottom:20px;}
	.corpo h2:not(.lista h2){font-size:30px; margin-bottom:30px; margin-top:10px;}
		.corpo * *{font-size:1em; color: inherit;}
	.corpo h3{font-size:24px; margin-bottom:20px; margin-top:10px;}
	
	.corpo img{width:100%; margin-top:20px; margin-bottom:20px;}
	
	.corpo ul{margin-bottom:20px;}
		.corpo ul li{font-size:24px; color:#000000; margin-left:20px;}
	
.corpo .lista{width:calc(50% - 24px);
				margin-right:20px;
				margin-bottom:20px;
				background:#ffffff;
				border:solid 2px #cc3366;
				display:inline-block;
}

.corpo .lista:hover h2 a, .corpo .lista:hover p a{text-decoration:underline;}

	.corpo .lista h2, .corpo .lista h2 *{font-size:24px; color:#cc3366;}
	.corpo .lista p, .corpo .lista p *{font-size:18px; color:#333333;}
	
	.corpo .lista .dados{margin-bottom:10px;}
		.corpo .lista .dados, .corpo .lista .dados *{font-size:12px; color:#666666;}



article.frase{border:solid 1px #333333; text-align:center;}
	article.frase h2{text-align:left; margin-top:0 !important;}
	article.frase small{font-size:14px;}



.corpo h1, .corpo h1 *{font-size:50px;}

.corpo .dados{margin-bottom:20px;}
	.corpo .dados, .corpo .dados *{font-size:18px;}

.corpo p, .corpo p *{font-size:24px;}
	.corpo p a{text-decoration:underline;}

.corpo p.aviso{padding:10px; border:solid 1px var(--rosa-b); background:var(--rosa-a); color:var(--rosa-b);}


.corpo .a-sexo{position:absolute; right:20px; top:20px; display:flex;}
	.a-sexo li{font-size:16px; color:#cc3366; padding:5px; border:solid 1px #cc3366;}
		.a-sexo.adm li:hover{cursor:pointer;}
			.a-sexo.adm li:hover:before{content:''; position:absolute; width:100%; height:100%; left:0; top:0; background:#ffffff50;}
			
	.a-sexo .f{background:#FFECF2; color:#cc3366; border:none;}
	.a-sexo .m{background:#00AFEF; color:#ffffff; border:none;}

.corpo .status-c{position:absolute; top:0; right:0; padding:5px; background:#dfdfdf; color:#ffffff; font-size:16px;}



.videos{
		display:flex;
		space-between:center;
		justify-content:center;	
		flex-wrap:wrap;
}

	.videos h1{margin-bottom:20px; display:block; width:100%;}
	.videos .lista{width:auto; flex:1;}
	
	.videos .lista img{max-height:200px;}
	


.video-exibe{display:block;}

	.video-exibe iframe{width:100%; height:500px; margin-top:20px; background:#000000;}



.corpo .restricao{font-size:24px; color:#333333;}




.rodape{background:#cc3366; padding-top:20px; padding-bottom:20px;}

	.rodape h3{font-size:24px; color:#ffffff;}
		.rodape ul{margin-left:20px;}
		.rodape ul li *, .rodape ul li{font-size:14px; color:#ffffff; padding-bottom:5px; padding-top:5px;}

	.rodape .copy{margin-left:20px;}
		.rodape .copy, .rodape .copy *{font-size:12px; color:#ffffff;}
.newsletter{margin-top:20px; margin-bottom:20px; margin-left:20px;}
	.newsletter h3{margin-bottom:20px; font-size:24px; color:#ffffff;}
	.newsletter .formulario{display:flex; align-items: center;}
	.newsletter input{font-size:16px; color:#333333 !important; background:#ffffff50; padding:20px; outline:none;}
	.newsletter .botao{background:#00000020; display:flex; align-items:center; cursor:default; border-radius:0; margin-top:0;}
	.newsletter .botao > div{font-size:12px; padding:13px;}
	
	.newsletter .ativo{background:#00000080;}
		.newsletter .ativo:hover{background:#000000; cursor:pointer;}

	.newsletter .ctitulo{font-size:18px; color:var(--rosa-b);}


@media screen and (max-width: 850px) {
	
	.corpo .lista{display:block; width:calc(100% - 24px);}
	
}


@media screen and (max-width: 670px) {
	
	#topo .atalhos{width:calc(100% - 375px);}
	
		#topo .atalhos .busca{width:100%;}
	
}

@media screen and (max-width: 670px) {

	#topo .painel .icones{display:none;}
	
}

@media screen and (max-width: 580px) {
	#topo .atalhos .busca{display:none;}
	#topo .atalhos{width:100%; height:auto;}
}

@media screen and (max-width: 530px) {
	#topo .logo{width:150px;}	
	
	#topo .menu .hover .icone{width:40px;}
	#topo .menu .hover .txt{font-size:30px;}
}

@media screen and (max-width: 480px) {
	
	#topo .logo{width:130px;}
	
	#topo .menu nav{width:100%; top:35px; padding-left:20px;}
	
	#topo .painel h3{font-size:18px; color:#333333;}
	
	#topo .menu .hover .icone{width:30px;}
	#topo .menu .hover .txt{font-size:20px; margin-left:10px;}
}


@media screen and (max-width: 460px) {

	#topo .logo{width:124px;}	
	/*#topo .menu nav{margin-left:-124px;}*/


	#topo .atalhos{display:none;}
		
}