.overlay {background:
    linear-gradient(to top right, rgba(0,0,0, 1) 0%, transparent 40%),
    linear-gradient(to bottom left, rgba(208,17,192, 0.2) 0%, transparent 60%),
    linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 20%); }

:root{--logo-min:url('../imagens/logo-min.png'); --logo-close:url('../imagens/logo-min.png')}

/* HEADER, MENUS, SOCIAIS */
:root {--headermin:         #000000; --headerclose:  var(--hea); --minmobile:       #000000; --mobileclose:     #000000}
:root {--headerminpag:   var(--hea);--headerclosepag:var(--hea); --minmobile:       #000000; --mobileclose:     #000000}
:root {--menu:              #2b529d; --menuhov:         #2b529d; --menufont:        #ffffff; --submenu:         #ffffff; --submenuhov:      #e3e3e3; --menufonthov:     #ffffff; --submenufont:     #000000}
:root {--menu-portais:      #2b529d; --pmhover:         #2b529d; --pmsub:           #04259f; --pmsubhover:      #2b529d; --pmfont:          #ffffff; --pmsubfont:       #cccfff; --pmbortop:    transparent}
:root {--sociais:       var(--stta); --solicons:    var(--sfon); --solhover:    var(--shov); --solbor:          #4b4b62} 
:root {--sidebarmenu:   var(--stta); --smenufont:   var(--sfon); --smenuhov:    var(--shov); --smenuicon:       #ffffff}

/* --- DARK --*/
:root {--tta: #09313e; --thv: #44537a; --tfo: #dfdff0; --thf: #dfdff0; --twk: #dfdff0}
:root {--hrd: #222222; --hrc: #000000} /*hr*/
:root {--fon: #dfdff0; --fop: #dfdff0; --foa: #b506ab}
:root {--but: #3c4a6d; --bhv: #44537a; --bfo: #ffffff}
:root {--odd: #111725; --par: #1c263d; --ohv: #1c263d}
:root {--hea: #000000}

/* BODY, GERAL, BORDER, BOX, LINE, HR, SCROL, MARQUEE */
:root {--bodybkg:linear-gradient(to top right, #0f0520 0%, #0f0520 55%, #0f0520 70%, #0f0520 100%)}
:root {--geralbkg: 		    #0f0520; --boxbkg: 		transparent; --boxbor: 		transparent; --carousel:	  	#030303}
:root {--border:      	transparent; --borderbkg:	transparent; --borderDark:  	#aaa8a8; --borderDarkbkg: 	#000000}
:root {--line: 				#2d2b2b; --linepad:			#747470}
:root {--ttbkg: 	   	transparent; --ttbkgfont: 		#000000; --ttbkgtxtfont: 	#ffffff; --ttbkgdark: 	 var(--tta); --ttbkgdarkfont: 	#ffffff}
:root {--ttline: 			#3c3c3c; --ttlinefont: 		#ffffff; --ttlinedark: 		#3a3636; --ttlinedarkfont: 	#ffffff}
:root {--ttindexfont: 		#b3c4f1; --ttindexborda:  	#b3c4f1; --boxindexfont:	#b3c4f1; --ttindexborda:  	#b3c4f1}
:root {--scrollbkg: 		#000000; --scrollmov:		#444444; --scrollhover: 	#555555}
:root {--scrollnews:		#000000; --scrollnewsmov:	#444444; --scrollnewshover:	#555555}
:root {--scrollsidebar:     #111111; --scrolsidemov:    #222222; --scrolsidehov:    #333333}
:root {--marqueebkg:        #022239; --marfont:         #ffffff; --marbor:          #222222}
:root {--hrdefault:      var(--hrd); --hrcontrast:   var(--hrc)}

/* BANNER */
:root {--banner:    rgba(0,0,0,0.0); --banfonth1:       #ffffff; --banfonth2:       #ffffff; --banfonth3:       #ffffff; --banbtn:          #ffffff; --banbtnhover:     #555000}
:root {--tbanner:  rgba(0,0,0, 0.0); --tbanfonth1:      #afb2d8; --tbanfonth2:      #ffffff; --tbanfonth3:      #cccfff; --tbanbtn:     transparent; --tbanbtnhover:    #e90909; --tbanbtnfont:      #ffffff; --tbanbtnbor:     #ffffff}

/* FOOTER, COPYRIGHT */
:root {--footer:            #22192f; --footfont:        #dfdff0; --foothover:       #ffffff; --foottitle:       #ffffff}
:root {--copy:              #1c1427; --copyfont:        #dfdff0; --copyhover:       #ffffff} 

/* APPS COMUNS */
:root {--block: 			#2a2238; --bltext: 			#222222; --blhover: 		#1a1919; --blfont: 			#ffffff; --blborder: 	  	#3b3b3b; --blshadow:	transparent}
:root {--block-plus:    	#2a2238; --bphover:	   	 var(--bhv); --bpttbkg: 		#98cce1; --bpttfont: 		#000000; --bptexfont: 	  	#ffffff; --bpborder: 		#3b3b3b}
:root {--tablink:       transparent; --tabconteiner:transparent; --tabbuttom:    var(--tta); --tabhover:     var(--thv); --tabactive:    var(--thv); --tabbutfont:      #a4a4a4}

/* TABELAS, DOWN, FAQ */
:root {--asidetab:       var(--odd); --asitabpar:    var(--par); --asitabhov:    var(--ohv); --asitabfont:      #ffffff}

/* ASIDES */
:root {--asidebox:          #1a1919; --asiboxborder:    #222222}
:root {--asidecol:          #111725; --not:         transparent; --asichov:         #182034; --asicfont:        #ffffff; --asictta:         #09313e; --asicttafont:     #cccfff; --asicbot:         #072a35; --asicleft:transparent; --asicrig: transparent}
:root {--asideplus:         #111725; --not:         transparent; --asiphov:         #182034; --asipfont:        #ffffff; --asiptta:         #09313e; --asipttafont:     #cccfff; --asipbot:         #072a35; --asipleft:transparent; --asiprig: transparent}
:root {--asideacormenu: transparent; --asiacormenu: transparent; --asiacorhov:      #282855; --asiacorfont:     #ffffff; --asiacorbot:      #3a3a45}
:root {--not:           transparent; --asiacorsub:      #1a1d4b; --asiacorsubhov:   #282855; --asiacorsubfont:  #ffffff; --asiacorsubbot:   #343e64}

/* ABAS */
:root {--midias:            #010b17; --midiasbkg:       #002f67; --midiastopo:      #3b3b3d; --midiasfont:      #ffffff}

/* BUTTONS, NAVBAR, NAVLINK, PAGINAÇÃO, TTAS, ABAS, FONT */
:root {--abasbkg: 		 var(--tta); --abashover:    var(--thv); --abasfont:	 var(--tfo); --abashovfont:  var(--tfo)}
:root {--button: 		 var(--tta); --buthover: 	 var(--thv); --buttonfont: 	 var(--bfo)}
:root {--ttabkg: 		 var(--tta); --ttahover:	 var(--thv); --ttafont: 	 var(--tfo)}
:root {--fontes: 		 var(--fon); --fonp: 		 var(--fop); --fonact: 		 var(--foa)}
:root {--pagin: 		 var(--tta); --paginhover: 	 var(--thv); --paginfont: 	 var(--tfo)}
:root {--navbar: 		 var(--tta); --navhover: 	 var(--thv); --navfont:	   	 var(--tfo)}
:root {--navlinks:     	 var(--tta); --navlinhov:    var(--thv); --navlinfont:	 var(--tfo); --navlink:			#060f25}
:root {--enquetesbar:    var(--tta); --efont: 	 	 var(--tfo)}

/* SIDEBAR ESTRUTURA E ASIDES */
:root {--stta: 				#003358; --sfon: 			#dfdff0; --shov:            #013e6b; --sbot: 			#666666}
:root {--dropbkg:           #ffffff; --dropfont:        #333333; --drophover:       #f1f1f1; --solsearch:       #000000} 
:root {--sidebarbkg:		#000000; --sidefont: 	var(--sfon); --sidebot:		var(--sbot)}
:root {--sidebarbut:   	var(--stta); --sidebutfont: var(--sfon); --sidebuthov:  var(--shov); --sidebutbor: 		#555555}
:root {--asidebarmenu:	var(--stta); --asimenufont:	var(--sfon); --asimenuhov:	var(--shov)}
:root {--asidebarcol: 	transparent; --asicolfont:	var(--sfon); --asicolhov:	var(--shov); --asicoltta:	var(--stta)}
:root {--asideacortit:	var(--stta); --asiacorfont: var(--sfon); --asideacortith: 	#1c5902}

/* FORMS, MODAIS */
:root {--searchbkg:     transparent; --searchbtn:       #333333; --searchbtnhov:    #555555; --searchfont:      #ffffff; --searchbor:       #404040; --searchwebkit:    #afafaf}
:root {--searchboxbkg:      #222222; --searchbbtn:      #333333; --searchbbtnhov:   #555555; --searchbfont:     #ffffff; --searchbbor:      #404040; --searchbwebkit:   #afafaf}
:root {--searchsidbkg:  transparent; --searchsidbtn:    #333333; --searchsidbtnhov: #555555; --searchsidfont:   #ffffff; --searchsidbor:    #404040; --searchsidwebkit: #afafaf}
:root {
    --modalbody:            #000000;
    --modalclose:           #000000;
    --modalclosehov:        #000000;
    --modaisbkg:            #d7d7d7;
    --modcamposbkg:         #ffffff;
    --modfont:              #000000;
    --modbutton:            #0415fc;
    --modbuttonhov:         #ff014c;
    --modbuttonfont:        #ffffff;
    }

/* TRANSPARÊNCIA */
/*:root {--block-trans:    	#222222; --btransttfont: 	#cccfff; --btranstexfont:	#cccfff; --btranstit:		#444444; --btransbor: 		#cccfff; --btransshadow: transparent}*/
:root {--geraltrans: 		#000000}
:root {--blocklink:         #13151d; --blocklinkhov:    #3d464d; --blockcircle:     #555555; --blocklinkfont:   #ffffff}
:root {--lineboxtab:        #13151d; --lineboxpar:      #0f1016; --lineboxfont:     #ffffff; --linebut:         #2b3135; --linebuthov:      #3d464d; --linebutfont:     #ffffff}
:root {--tbanner:  rgba(0,0,0, 0.0); --tbanfonth1:      #afb2d8; --tbanfonth2:      #ffffff; --tbanfonth3:      #ffffff; --tbanbtn:     transparent; --tbanbtnhover:    #e90909; --tbanbtnfont:      #a4a4a4; --tbanbtnbor:    #a4a4a4}
:root {--boletim:			#000000; --bolbkg:			#0f34f0; --bolblock: 		#747cf4; --bolfontes: 		#ffffff}
:root {--ttatr:				#222222; --ttatrfont:		#ffffff; --ttlinetr:		#000000; --ttlinetrfont:	#ffffff; --bordertrbkg:	transparent; --bordertr:	 	#333333}
:root{
	--tselect:		 	 var(--tta);
	--tinput:		 	 var(--tta);
	--tglente:		 	 var(--tta);
	--tinputfont:		 var(--tfo);
	--tfont: 			 var(--tfo);
	--tlentehov:		 var(--thv);
	--twebkit:			 var(--tfo);
	--typetexbkg:	    transparent;
	--typetexfont:	 		#000000;
	--typetexbor:			#999999;
}