a 				{color:var(--fontes); text-decoration:none; outline:none}
p 				{color:var(--fontes); font-size:100%; line-height:130%}	
@media screen and (max-width:768px){p{font-size:100%; line-height:130%}} 	
h1, h2, h3, h4, h5, h6 {font-weight: 400;color: var(--fontes);}
h1 				{font-size: 180%; line-height: 1}
h2 				{font-size: 150%; line-height: 1}
h3 				{font-size: 130%; line-height: 110%}
h4 				{font-size: 105%; line-height: 130%}
h5 				{font-size:  95%; line-height: 140%}
h6 				{font-size:  80%; line-height: 100%}
.h1, .h2, .h3, .h4, .h5, .h6 {font-weight: 400;color: var(--fontes)}
.h1 			{font-size: 180%; line-height: 1}
.h2 			{font-size: 150%; line-height: 1}
.h3 			{font-size: 130%; line-height: 110%}
.h4 			{font-size: 105%; line-height: 130%}
.h5 			{font-size:  95%; line-height: 140%}
.h6 			{font-size:  80%; line-height: 100%}
.h7 			{color:#fff}

/* Flex container */
.flex         	{display: flex; }
.inline-flex  	{display: inline-flex; }

/* Direções */
.flex-row     	{display: flex; flex-direction: row; }
.flex-column  	{display: flex; flex-direction: column; }

/* Alinhamento no eixo X (horizontal) */
.justify-start  {justify-content: flex-start; }
.justify-center {justify-content: center; }
.justify-end    {justify-content: flex-end; }
.justify-between{justify-content: space-between; }
.justify-around {justify-content: space-around; }

/* Alinhamento no eixo Y (vertical) */
.items-start    {align-items: flex-start; }
.items-center   {align-items: center; }
.items-end      {align-items: flex-end; }
.items-stretch  {align-items: stretch; }

/* Centralização total */
.align-center   {display: flex; align-items: center; justify-content: center; }

/* Direções com centralização */
.row-center     {display: flex; flex-direction: row; justify-content: center; align-items: center; }
.column-center  {display: flex; flex-direction: column; justify-content: center; align-items: center; }

.align			{display: flex; align-items: center; justify-content: center}
.aligny			{display: flex; align-items: center}
.alignx			{display: flex; justify-content: center}
.alignBox		{width:100%; height:60px; display: flex; align-items: center; justify-content: center}
.alignBox div 	{width: 100px; height: 100px}
input[type="text"] {background-color:var(--typetexbkg); color:var(--typetexfont); border: 1px solid var(--typetexbor); font: 400 16px/18px "Lato"; padding: 7px; border-radius: 5px; outline: none;}

.box 			{background:var(--boxbkg); border:1px solid var(--boxbor); width:100%; margin:0 auto; padding:20px; border-radius:20px; text-align: left; overflow:hidden}
@media screen and (max-width: 600px) {.box {border:0px; padding:0px; border-radius: 0}}
.border 		{background:var(--borderbkg); border:1px dotted var(--border); padding:20px; border-radius: 15px; overflow: hidden}
@media screen and (max-width: 600px) {.border {border:0px; padding:0px; border-radius:0px;}}
.box-pag 		{background:var(--boxbkg); border:1px solid var(--boxbor); width:100%; margin:0 auto; padding:25px; border-radius:30px; text-align: left; overflow:hidden; box-shadow:-1px -1px 20px 11px rgba(0,0,0, 0.0)}
@media screen and (max-width: 600px) {.box {border:0px; padding:0px; border-radius: 0; box-shadow: 0}}

.line 			{background: linear-gradient(to right, transparent 10%, var(--line) 50%, transparent 90%); height:2px}
.linepad 		{background: linear-gradient(to right, transparent 10%, var(--linepad) 50%, transparent 90%); height:3px; margin:20px auto}

hr 				{margin:10px 0; border: 1px dotted var(--hrd)!important}
.hr 			{margin:10px 0; border: 1px dotted var(--hrc)}
.display-table 	{display:table}
.display-cell  	{display:table-cell; vertical-align:middle;}
.transition		{transition: background-color 0.5s ease}
.upper 			{text-transform: uppercase;}
.fright			{float:right;}
.fleft 			{float:left;}
.left 			{text-align:left;} 
.right 			{text-align:right;}
.center 		{text-align:center;} 
.bloco-center 	{display: block; margin-left: auto; margin-right: auto;}
.label 			{display: inline; background-color: #0aa4ae; margin-left:5px; padding:5px 10px 5px; font-size:65%; font-weight:600; line-height: 1; color: #fff; letter-spacing:0.03em; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em;}
.crd 			{cursor:default!important}
.crp 			{cursor: pointer}
.btf 			{width:100%}

.fadeInLeft		{animation-name: fadeInLeft}
.fadeInRight 	{animation-name: fadeInRight}
.fadeInDow 		{animation-name: fadeInDow}
.fadeInUp 		{animation-name: fadeInUp}
.animated 		{animation-duration: 1s; animation-fill-mode: both}

.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear:both;}
.clearfix   	{*zoom:1;}
.clear 			{clear:both;}

.copyLinkButton {display: flex; align-items: center; gap: 5px; padding: 6px 12px; border: none; background: linear-gradient(45deg, #F56040, #E4405F); color: white; border-radius: 5px; cursor: pointer; transition: transform 0.3s ease;}
.copyLinkButton:hover {transform: translateY(-5px);}
.copyLinkButton img {width:20px; height:20px}
.copyMessage	{display:none; margin-left:10px; color:green}

.block-center 		{display: block; margin-left: auto; margin-right: auto;}

/* borda para  aside */
.asidebox			{background:var(--asidebox); padding:10px; border-radius:15px; border: solid 1px var(--asiboxborder); box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15); transition: 0.5s}

.aside .bkg			{background:var(--blobkg); padding: 15px; border-radius: 5px} 
.block-center 		{display: block; margin-left: auto; margin-right: auto;}

/* xadrez para tabelas*/
.asidetab table  	{border-spacing: 0px; width:100%}
.asidetab td     	{padding:15px}
.asidetab tr:nth-child(odd) {background:var(--asidetab)}
.asidetab tr:nth-child(even){background:var(--asitabpar)}
.asidetab tr:hover 	{background:var(--asitabhov)}
.asidetab .icon i 	{font-size:30px; color:var(--asitabfont); margin-left: 20px}
.asidetab .text 	{width:100%; color:var(--asitabfont); padding:10px;}

.asidediv 			{width:100%}
.asidediv .row 		{height:60px; display: flex; align-items: center; transition: filter 0.3s ease;}
.asidediv .row:nth-child(odd) {background:var(--asidetab)}
.asidediv .row:nth-child(even) {background:var(--asitabpar)}
.asidediv .row.odd 	{background: var(--asidetab)}
.asidediv .row.even {background: var(--asitabpar)}
.asidediv .row:hover{background: var(--asitabhov)}
.asidediv .icon i 	{font-size:25px; color:var(--asitabfont)}
.asidediv .text 	{width:100%; color:var(--asitabfont); padding:10px}

/* xadrez divs e tabelas */
.divx:nth-child(odd) {background-color:#1a1c2d; padding:13px; overflow:hidden; transition: background-color 0.8s ease}
.divx:nth-child(even){background-color:#000; padding:13px; overflow:hidden; transition: background-color 0.8s ease}
.divx:hover 		{background-color:rgba(0,0,0,0.03); overflow:hidden; cursor:pointer;}
.divxx				{}

.asideimg a			{background: var(--asidecol); color: var(--asicfont); font: 700 14px/18px "Roboto", border-bottom: 1px solid var(--asipbot); sans-serif; padding:10px 10px; border-bottom: solid 1px var(--asicbot); border-left: solid 1px var(--asicleft); border-right: solid 0px var(--asicrig); display:block; width:100%; margin:0; overflow:hidden;}
.asideimg a:hover 	{background: var(--asichov)}
.asideimg img   	{float:left; margin:0 10px 0 0; width:80px; height:auto;}
.asideimg .ttaimg	{background: var(--asictta); font: 400 18px/18px "Roboto"; color: var(--asicttafont); padding:15px 15px; margin-bottom:4px; text-transform: uppercase;}
.asideimg .ttaimg:before {content: "\f013"; font-family: FontAwesome; margin-right:10px}

.asidecol a			{background: var(--asidecol); font: 400 14px/18px "Roboto", sans-serif; color: var(--asicfont); padding:10px 20px; border-left: solid 1px var(--asicleft); border-right: solid 1px var(--asicrig); border-bottom:solid 1px var(--asicbot); display:block; width:100%; margin:0; overflow:hidden;}
.asidecol a:hover 	{background: var(--asichov)}
.asidecol a:before 	{content: "\f0da"; font-family: FontAwesome; color: var(--asicfont); margin-right:5px}
.asidecol .ttacol	{background: var(--asictta); font: 400 18px/18px "Roboto"; color: var(--asicttafont); padding:15px 15px; margin-bottom:4px; text-transform: uppercase;}
.asidecol .ttacol:before {content: "\f013"; font-family: FontAwesome; margin-right:10px}

.asideplus .row     {background-color: var(--asideplus); padding: 5px; display: flex; align-items: center; border-bottom: 1px solid var(--asipbot); border-left: 1px solid var(--asipleft);; border-right: 1px solid var(--asiprig); cursor: pointer}
.asideplus .row:hover{background-color: var(--asiphov)}
.asideplus .icon    {font-size: 20px; color: var(--asipfont); margin: 0 10px}
.asideplus .text    {padding:7px;}
.asideplus .title 	{font: 400 16px/18px "Roboto"; color: var(--asipfont); text-transform: uppercase}
.asideplus .sub 	{font: 400 13px/15px "Roboto"; color: var(--asipfont)}
.asideplus .ttaplus	{background: var(--asiptta); font: 400 18px/18px "Roboto"; color: var(--asipttafont); padding:15px 15px; margin-bottom:4px; text-transform: uppercase;}
.asideplus .ttaplus:before {content: "\f013"; font-family: FontAwesome; margin-right:10px}

.midias-bkg 		{background:var(--midiasbkg)}
.midias-topo		{min-height: 30px; font-size:140%; font-weight: 400; color:var(--midiasfon); overflow:hidden; display: flex; align-items: center}
.midias-middle		{min-height:360px; font-size: 90%; font-weight: 400; color:var(--midiasfon); padding-top:10px;}
.midias-middle a 	{font-size: 90%; font-weight: 400; color:#fff}
.midias-botton 		{height: 40px}

.block				{background:var(--block); padding:10px; border-radius:15px; border: solid 1px var(--blborder); box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15); margin-bottom:15px; transition: 0.5s}
.block .min			{background:var(--block); padding:5px; border-radius:5px; margin-bottom:5px; border: solid 1px var(--blborder); margin-bottom:15px; transition: 0.5s}
.block:hover 		{background:var(--blhover); cursor:pointer; transform: translateY(-3px); /*transition: 0.5s*/}
.block .text 		{background:var(--bltext); padding:10px}
.block h1, .block h2, .block h3, .block h4, .block h5, .block h6, .block p {color:var(--blfont)}

.block-min			{background:var(--block); padding:5px; border-radius:5px; margin-bottom:5px; border: solid 1px var(--blborder); margin-bottom:15px; transition: 0.5s}
.block-min:hover 	{background:var(--blhover); cursor:pointer; transform: translateY(-3px); /*transition: 0.5s*/}
.block-min .text 	{background:var(--bltext); padding:10px}
.block-min h1, .block-min h2, .block-min h3, .block-min h4, .block-min h5, .block-min h6, .block-min p {color:var(--blfont)}

.block-plus 		{background:var(--block-plus); padding:10px; border-radius:15px; border: solid 2px var(--bpborder); border-bottom:solid 1px var(--bpborderbot); box-shadow: 1px 1px 0px var(--bpborshadow); margin-bottom:0px; transition: 0.5s}
.block-plus:hover 	{background:var(--bphover); transform: translateY(-3px); cursor:pointer; box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15); transition: 0.5s}
.block-plus .title	{background:var(--bpttbkg); font-size: 100%; border-bottom:1px solid #000; font-weight: 400; height: 40px; display: flex; align-items: center; width:100%; border-radius:7px}
.block-plus h1 		{color:var(--bpttfont); font-size:100%; font-weight: 400}
.block-plus h5 		{color:var(--bptexfont);  font: 400 15px/18px 'Roboto',sans-serif;}
.block-plus .space 	{height:120px}
.block-plus .col-5 	{width:19%; float:left; margin-left:0.5%; margin-right:0.5%; margin-bottom:0.5%; margin-top:0.5%}

.ttbkg 				{background:var(--ttbkg); width:100%; color:var(--ttbkgfont); font: 300 28px/56px 'Roboto',sans-serif; text-align: left; padding:0 10px; margin-bottom:10px; display: flex; align-items: center;}
.ttbkg a 			{padding: 0 10px;  height:56px; font: 300 13px/56px 'Roboto', sans-serif; color:var(--ttbkgfont); font-weight: 300; float:right; text-align:right; display: flex; align-items: center}
.ttbkg a:hover 		{cursor:pointer; font-weight:400}

.ttbkgdark 			{background:var(--ttbkgdark); width:100%; color:var(--ttbkgdarkfont); font: 400 20px/40px 'Roboto',sans-serif; text-align: left; padding:0 10px; margin-bottom:10px; display: flex; align-items: center;}
.ttbkgdark a 		{padding: 0 10px;  height:56px; font: 300 13px/56px 'Roboto', sans-serif; color:var(--ttbkgdarkfont); font-weight: 300; float:right; text-align:right; display: flex; align-items: center}
.ttbkgdark a:hover 	{cursor:pointer; font-weight:400}

.ttlinedark 		{border-bottom:var(--ttlinedark) dotted 1px; width:100%; color:var(--ttlinedarkfont); font: 400 23px/40px 'Roboto',sans-serif; text-align: left; padding:0; margin-bottom:10px; display: flex; align-items: center; text-transform:uppercase}
.ttlinedark a 		{padding: 0 10px;  height:56px; ; font-weight: 400; float:right; text-align:right; display: flex; align-items: center}
.ttlinedark a:hover {cursor:pointer; font-weight:400}

.ttline 			{border-bottom:var(--ttline) dotted 1px; width:100%; color:var(--ttlinefont); font: 400 23px/40px 'Roboto',sans-serif; text-align: left; padding:0; margin-bottom:20px; height: 40px; display: flex; align-items: center; text-transform:uppercase}
.ttline a 			{padding: 0 10px;  height:56px; font: 300 13px/56px 'Roboto', sans-serif; color:var(--ttlinefont); font-weight: 400; float:right; text-align:right; display: flex; align-items: center}
.ttline a:hover 	{cursor:pointer; font-weight:700}
.ttlinedark 		{border-bottom:var(--ttlinedark) dotted 1px; width:100%; color:var(--ttlinedarkfont); font: 400 23px/40px 'Roboto',sans-serif; text-align: left; padding:0; margin-bottom:10px; display: flex; align-items: center; text-transform:uppercase}
.ttlinedark a 		{padding: 0 10px;  height:56px; ; font-weight: 400; float:right; text-align:right; display: flex; align-items: center}
.ttlinedark a:hover {cursor:pointer; font-weight:400}

.boxIndex .ttindex 	{width:100%; color:var(--ttindexfont); border-bottom:var(--ttindexborda) dotted 1px; text-align:center; font: 400 23px/40px 'Roboto',sans-serif; text-align: left; margin-bottom:0; padding:10px 10px 5px 0px; margin-bottom: 20px}
.boxIndex h1 	  	{font-size:180%; color:var(--boxindexfont); margin:10px 0}
.boxIndex h5 	  	{font-size: 90%; color:var(--boxindexfont)}
.boxIndex p 	  	{font-size: 110%; color:var(--boxindexfont)}
.boxIndex .texto  	{width:58%; padding:2%; margin-bottom:4%}
.boxIndex .imagem 	{width:40%; padding:2%}
@media screen and (max-width:975px){.boxIndex .texto{width:50%;}.boxIndex .imagem{width:50%}}
@media screen and (max-width:835px){.boxIndex .texto{width:100%;}.boxIndex .imagem{width:100%; padding:2% 10%}}

.tta 				{background-color:var(--ttabkg); width:100%; min-height:45px; padding: 7px 7px 7px 10px; margin-bottom:15px; font-size:90%; font-weight: 700; color:var(--ttafont); text-transform:uppercase; display: flex; align-items: center; border-bottom: solid 1px var(--ttaborder)}
.tta:before 		{content: "\f101"; font-family: FontAwesome; margin-right:10px}
.ttb:before 		{border-top:11px solid var(--ttabkg); content: ""; display: inline-block; vertical-align: middle; margin-right: 30px; width: 0;  height: 0;  border-left:11px solid transparent; border-right:11px solid transparent; margin-left:30px; margin-top:-12px;}

.tt3 				{font-size:170%; color:var(--fonttt3); line-height:40px; font-weight:700; border-bottom: 1px dotted var(--hrd); margin:5px 0 25px 5px}
.tt3:before 		{content: "\f101"; font-family: FontAwesome; margin-right:10px}

.tts 				{background-color:var(--ttabkg); width:100%; min-height:45px; padding: 7px 7px 7px 10px; margin-bottom:0px; font: 700 13px/20px 'Roboto', sans-serif; color:var(--ttafont); text-transform:uppercase; display: flex; align-items: center; border-bottom: solid 0px var(--ttaborder)}
.tts:before 		{content: "\f101"; font-family: FontAwesome; margin-right:10px}
.ttsb:before 		{border-top:11px solid var(--ttabkg); content: ""; display: inline-block; vertical-align: middle; margin-right: 30px; width: 0;  height: 0;  border-left:11px solid transparent; border-right:11px solid transparent; margin-left:30px; margin-top:-12px;}

#ttabut				{background:var(--ttabkg); max-width:100%; min-height:40px; overflow:hidden}
.ttatex 			{color:var(--ttafont); height:40px; font-weight: 700; padding-left: 10px; text-transform:uppercase; display: flex; align-items: center; margin-bottom: 1px}
.ttabut a 			{color:var(--ttafont)!important; height:40px; font-weight: 700; margin-right: 10px; display: flex; align-items: center; text-transform:uppercase; cursor:pointer; transition: all .8s;}

.ttline             {border-bottom:var(--ttline) dotted 1px; width:100%; color:var(--ttlinefont); font: 400 20px/23px 'Roboto',sans-serif; text-align: left; padding:0; margin-bottom:10px; height: 30px; display: flex; align-items: center; text-transform:uppercase}
.ttline a           {padding: 0 10px;  height:56px; font: 400 13px/56px 'Roboto', sans-serif; color:var(--ttlinefont); font-weight: 400; float:right; text-align:right; display: flex; align-items: center}
.ttline a:hover     {cursor:pointer; font-weight:700}

/* ---------- button type="submit" class="btns" ---------- */ 
.btf 				{width:100%; text-align:center}
.btns, .btnm, .btng {background:var(--button); font: bold 13px 'Lato'; padding:0; border:0; display:inline-block; letter-spacing:0.01em; outline:0; cursor:pointer; transition: all .3s}
.btns:hover, .btnm:hover, .btng:hover {background: var(--buthover)}
.btns  	 			{color:var(--buttonfont)!important; height:23px; line-height:23px; padding-right:15px;}
.btnm 	 			{color:var(--buttonfont)!important; height:30px; line-height:30px; padding-right:15px;}
.btng 	 			{color:var(--buttonfont)!important; height:35px; line-height:35px; padding-right:15px;}
.btns i 			{color:var(--buttonfont)!important; height:23px; line-height:23px; width:23px; margin-right:10px; float:left; background-color:rgba(0,0,0,0.2); text-align:center}
.btnm i 			{color:var(--buttonfont)!important; height:30px; line-height:30px; width:28px; margin-right:10px; float:left; text-align:center; background-color:rgba(0,0,0,0.2)}
.btng i 			{color:var(--buttonfont)!important; height:35px; line-height:35px; width:35px; margin-right:10px; float:left; text-align:center; background-color:rgba(0,0,0,0.2)}

/* ---------- <button a href ---------- */ 
.btfa a				{width:100%; text-align:center}
.btas a, .btam a, .btag a, .btagg a {background:var(--button); font: bold 13px 'Lato'; border:0; display:inline-block; letter-spacing:0.01em; outline:0; cursor:pointer; transition: all .3s}
.btasr a, .btamr a, .btagr a, .btaggr a {background:var(--button); font: bold 13px 'Lato'; border:0; border-radius: 20px; display:inline-block; letter-spacing:0.01em; outline:0; cursor:pointer; transition: all .3s}
.btas a:hover, .btam a:hover, .btag a:hover, .btagg a:hover {color:#fff; background: var(--buthover)}
.btasr a:hover, .btamr a:hover, .btagr a:hover, .btaggr a:hover {color:#fff; background: var(--buthover)}
.btas a 			{color:var(--buttonfont)!important; height:23px; line-height:23px !important; padding:0 15px 0 0px}
.btam a 			{color:var(--buttonfont)!important; height:30px; line-height:30px !important; padding:0 15px 0 0px}
.btag a 			{color:var(--buttonfont)!important; height:40px; line-height:40px !important; padding:0 15px 0 0px}
.btagg a 			{color:var(--buttonfont)!important; height:44px; line-height:44px !important; font: bold 15px 'Lato'; padding:0 40px 0 40px}
.btaggr a 			{color:var(--buttonfont)!important; height:44px; line-height:44px !important; font: bold 14px 'Lato'; padding:0 40px 0 40px}
.btas i 			{color:var(--buttonfont); height:23px; line-height:23px; width:23px; margin-right:10px; float:left; background-color:rgba(0,0,0,0.2); text-align:center}
.btam i 			{color:var(--buttonfont); height:30px; line-height:30px; width:28px; margin-right:10px; float:left; text-align:center; background-color:rgba(0,0,0,0.2)}
.btag i 			{color:var(--buttonfont); height:40px; line-height:40px; width:35px; margin-right:10px; float:left; text-align:center; background-color:rgba(0,0,0,0.2)}
@media screen and (max-width:800px){.btagg a{padding:0 20}}

a:focus             {outline: none}

.clearfix:after     {content: '.'; height: 0; font-size: 0; line-height: 0; display: block; clear: both; overflow: hidden; visibility: hidden}
.tabs-content       {background: #eee; font-family: sans-serif}
.tabs-menu          {background: #0074a2}
.tabs-menu ul       {list-style: none}
.tabs-menu ul li    {float: left}
.tabs-menu ul li a  {display: block; padding: 10px 20px; text-decoration: none; color: #fff}
.tabs-menu ul li a.active-tab-menu {background: #eee; color: #000}
.tabs               {display: none; padding: 30px;}
.first-tab          {display: block;}

/* aba-pai */
.aba-box  			{background: var(--tta); overflow:hidden; border:1px solid #e7e9ea; padding:15px}
div.aba 			{overflow: hidden; border:0px solid #e4e4e4; padding:0; background-color: var(--tta)}
div.aba button 		{background-color:var(--tabbuttom); font-size:16px; color:#fff; width: 100%; padding:10px 16px; margin-bottom:0; float: left; border: none; outline: none; cursor: pointer; transition: 0.3s; border-bottom:none; border-radius:10px 10px 0 0}
div.aba button.active{background-color:var(--tabhover)}
div.aba button:hover{background-color:var(--tabbutactive); color:var(--tabbutfont); border-radius:9px 9px 0 0;}
.abacontent 		{display: none; padding: 6px 0; -webkit-animation: fadeEffect 1.5s; animation: fadeEffect 1.5s;}
.aba-conteiner 		{background-color:#FFF; border:1px solid #e7e7e7;	border-radius:0 0 6px 6px; box-shadow:0 0 0 0 rgba(0, 0, 0, 0.2); border-top: 0; padding: 0;}
.abalinks 			{float:left; }

/* xadrez divs e tabelas */
div.tab 			{overflow: hidden}
div.tab button 		{background-color:var(--tabbuttom); color:var(--tabbutfont); font-size:14px; margin-right: 1px;  padding:8px 16px; margin-bottom:2px; float: left; border: none; outline: none; cursor: pointer; transition: 0.3s; border-bottom:none;  border-radius:6px 6px 0 0;}
div.tab button.active {background-color:var(--tabbutactive)}
div.tab button:hover{background-color:var(--tabbuthover)}
.tabcontent 		{display: none; padding: 10px 0px; -webkit-animation: fadeEffect 1.5s; animation: fadeEffect 1.5s;}
.tab-conteiner 		{background:var(--tabconteiner); border:0px solid #e7e7e7;	border-radius:0 0 6px 6px; box-shadow:0 0 0 0 rgba(0, 0, 0, 0.2); border-top: 0; padding: 0px;}
@-webkit-keyframes fadeEffect {from {opacity: 0;} to {opacity: 1;}}
@keyframes fadeEffect {from {opacity: 0;} to {opacity: 1;}}
/* transition:2,0 opacity:0*/;

/* xadrez divs e tabelas */
.divx:nth-child(odd) {background-color:rgba(0,0,0,0.0); padding:13px; overflow:hidden; transition: background-color 0.8s ease}
.divx:nth-child(even){background-color:rgba(0,0,0,0.3); padding:13px; overflow:hidden; transition: background-color 0.8s ease}
.divx:hover 		{background-color:rgba(0,0,0,0.03); overflow:hidden; cursor:pointer;}
.divxx				{}

.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after 	{clear:both;}
.clearfix   		{*zoom:1;}
.clear 				{clear:both;}

/* Imagem com texto*/
.imagem-top 		{position:relative; max-width:1080px; margin: 0 auto; margin-bottom:20px}
.img-top #texto 	{font-size:320%; color:#fff; font-weight:400; height:120px; max-width:100%; margin-bottom:40px; padding-left:20px; line-height:1; text-shadow:2px 2px 2px #000; vertical-align: middle; display: table-cell;}
@media screen and (max-width:540px){.img-top #texto{font-size:235%;}}

.system 			{width:48.5%; float:left;}
.system .logo		{float:right; margin-right:1%; margin-bottom:2%;}
@media screen and (max-width:800px){.system{width:100%}}

/* Paginação */
.paginacao a  		{background:transparent; font:bold 12px verdana; color:var(--paginacao); padding:10px 12px; margin:2px 1px 2px 0; height:50px; text-decoration:none; border: 1px solid var(--pgnborder); border-radius:4px}
.paginacao a:hover, .paginacao a.atual {background:#36c6d3; color:var(--pgnohover)}

.busca label 		{display:block;}
.busca input 		{width:200px; height:30px; margin-bottom:0; border-radius:5px;}
.busca input, button {margin-bottom:0}
.busca button 		{position: absolute; height:30px; width:40px; border:1px solid #e4e4e4; top: 0; right: 0;} 
.label 				{display: inline; background-color: #0aa4ae; margin-left:5px; padding:5px 10px 5px; font:13px verdana; line-height: 1; color: #fff; letter-spacing:0.05em; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em;}
.busca 				{width:200px; position: relative; float:right;}
.busca .right 		{float:right}

.enquetes 			{width: 100%; height: 40px; display: flex; align-items: center; position: relative; margin-top: 5px; margin-bottom: 5px; }
.enquetes-barra 	{background-color: var(--tta); height: 100%; color: var(--tfo); display: flex; align-items: center; padding-left: 10px; font: bold 14px Verdana, sans-serif; }
.enquetes-btn 		{background-color: var(--tta); height: 40px; color: var(--tfo); display: flex; align-items: center; justify-content: center; padding: 0 15px; margin-left: auto; border-radius: 5px; cursor: pointer}
.enquetes-btn:hover {background-color: var(--thv)}

/********* GRID *********/
.grid-2 			{display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; width: 100%}
.grid-2-x 			{min-height: 100px;}
@media (max-width: 600px) {.grid-2 {grid-template-columns: 1fr;}}

.grid-3 			{display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; width: 100%}
.grid-3-x 			{min-height: 100px;}
@media (max-width: 800px) {.grid-3 {grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 600px) {.grid-3 {grid-template-columns: 1fr;}}

.grid-4 			{display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; gap: 15px; width: 100%}
.grid-4-x 			{min-height: 100px;}
@media (max-width: 1000px){.grid-4 {grid-template-columns: repeat(3, 1fr);}}
@media (max-width: 800px) {.grid-4 {grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 600px) {.grid-4 {grid-template-columns: 1fr;}}

.grid-5 			{display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; width: 100%}
.grid-5-x 			{min-height: 100px;}
@media (max-width: 1250px){.grid-5 {grid-template-columns: repeat(4, 1fr);}}
@media (max-width: 1000px){.grid-5 {grid-template-columns: repeat(3, 1fr);}}
@media (max-width: 800px) {.grid-5 {grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 600px) {.grid-5 {grid-template-columns: 1fr;}}

.grid-6 			{display: grid; grid-template-columns: repeat(6, 1fr); gap: 15px; width: 100%}
.grid-6-x 			{min-height: 100px;}
@media (max-width: 1400px){.grid-6 {grid-template-columns: repeat(5, 1fr);}}
@media (max-width: 1250px){.grid-6 {grid-template-columns: repeat(4, 1fr);}}
@media (max-width: 1000px){.grid-6 {grid-template-columns: repeat(3, 1fr);}}
@media (max-width: 800px) {.grid-6 {grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 600px) {.grid-6 {grid-template-columns: 1fr;}}

.col-2 				{width:49%; float:left; margin-right:2%; margin-bottom:1%}
.col-2:nth-child(even) {margin-right: 0;}
@media screen and (max-width:767px){.col-2{width:100%}.col-2:nth-child{margin-right: 0;}}

.col-2-3-1-emin 	{width:32%; float:left; margin-right:2%; margin-bottom:2%}
.col-2-3-2-dmax		{width:66%; float:right;}
.col-2-3-1-dmax:last-child {margin-right: 0;}
@media screen and (max-width:767px){.col-2-3-1-emin{width:30%;}.col-2-3-2-dmax{width:68%;}}
@media screen and (max-width:703){.col-2-3-1-emin{width:100%;}.col-2-3-2-dmax{width:100%;}}

.col-2-3-2-emax   {width:66%; float:left; margin-right:2%; margin-bottom:1%}
.col-2-3-1-dmin	  {width:32%; float:right;}
.col-2-3-1-dmin:last-child {margin-right: 0;}
@media screen and (max-width:767px){.col-2-3-2-emax{width:68%;}.col-2-3-1-dmin{width:30%;}}
@media screen and (max-width:703px){.col-2-3-2-emax{width:100%;}.col-2-3-1-dmin{width:100%;}}

/* PÁGINAS E HOME */
.col-2-4-1-emin   {width:23.5%; float:left; margin-right:2%; margin-bottom:2%}
.col-2-4-3-dmax	  {width:74.5%; float:right;}
.col-2-4-3-dmax:last-child {margin-right: 0;}
@media screen and (max-width:1300px){.col-2-4-1-emin{width:28%;}.col-2-4-3-dmax{width: 70%;}}
@media screen and (max-width:1200px){.col-2-4-1-emin{width:33%;}.col-2-4-3-dmax{width: 65%;}}
@media screen and (max-width:1024px){.col-2-4-1-emin{display:none}.col-2-4-3-dmax{width:100%;}}

.col-2-4-3-emax   {width: 73%; float: left; margin-right: 2%; margin-bottom: 5px;}
.col-2-4-1-dmin   {width: 25%; float: right;}
.col-2-4-1-dmin:last-child {margin-right: 0;}
@media screen and (max-width:1300px) {.col-2-4-3-emax {width: 70%;}.col-2-4-1-dmin {width:28%;}}
@media screen and (max-width:1200px) {.col-2-4-3-emax {width: 65%;}.col-2-4-1-dmin {width:33%;}}
@media screen and (max-width: 979px) {.col-2-4-3-emax {width:100%;}.col-2-4-1-dmin {width:100%}}

.col-2-5-1-emin   {width:18.4%; float:left; margin-right:2%; margin-bottom:2%}
.col-2-5-4-dmax	  {width:79.6%; float:right;}
.col-2-5-4-dmax:last-child {margin-right: 0;}
@media screen and (max-width:980px){.col-2-5-1-emin{width:23%;}.col-2-5-4-dmax{width:75%;}}
@media screen and (max-width:768px){.col-2-5-1-emin{width:25%;}.col-2-5-4-dmax{width:73%;}}
@media screen and (max-width:703px){.col-2-5-1-emin{width:26%;}.col-2-5-4-dmax{width:72%;}}
@media screen and (max-width:640px){.col-2-5-1-emin{width:28%;}.col-2-5-4-dmax {width:70%;}}
@media screen and (max-width:414px){.col-2-5-1-emin{width:100%;}.col-2-5-4-dmax {width:100%;}}

.col-2-5-4-emax   {width:79.6%; float:left; margin-right:2%; margin-bottom:2%}
.col-2-5-1-dmin	  {width:18.4%; float:right;}
.col-2-5-1-dmin:last-child {margin-right: 0;}
@media screen and (max-width:980px){.col-2-5-4-emax{width:75%;}.col-2-5-1-dmin{width:23%;}}
@media screen and (max-width:768px){.col-2-5-4-emax{width:73%;}.col-2-5-1-dmin {width:25%;}}
@media screen and (max-width:703px){.col-2-5-4-emax{width:72%;}.col-2-5-1-dmin {width:26%;}}
@media screen and (max-width:640px){.col-2-5-4-emax{width:70%;}.col-2-5-1-dmin {width:28%;}}
@media screen and (max-width:414px){.col-2-5-4-emax{width:100%;}.col-2-5-1-dmin {width:100%;}}

.col-3 		  	  {width: 32%; float: left; margin-right: 2%;}
.col-3:nth-child(3n) {margin-right: 0;}
@media screen and (max-width: 980px){
	.col-3 {width:49%; float:left; margin-right:2%}
	.col-3:nth-child(3n-1){margin-right:0}
	.col-3:nth-child(4n-1){margin-right:2%}
	.col-3:nth-child(5n-1){margin-right:0}
	.col-3:nth-child(6n-1){margin-right:2%}
	.col-3:nth-child(7n-1){margin-right:0}
	.col-3:nth-child(8n-1){margin-right:2%}
	.col-3:nth-child(9n-1){margin-right:0}
	.col-3:nth-child(10n-1){margin-right:2%}
	.col-3:nth-child(11n-1){margin-right:0}
	.col-3:nth-child(12n-1){margin-right:2%}
	.col-3:nth-child(13n-1){margin-right:0}}
@media screen and (max-width: 540px){.col-3 {width:100%; float:left; margin-right:0%; margin-bottom: 20px}}

.col-4 {width: 23.5%; float: left; margin-right: 2%; margin-bottom:1%}
.col-4:nth-child(4n) {margin-right: 0;}
@media screen and (max-width: 979px){.col-4{width: 49%; margin-right:2%;}.col-4:nth-child(2n){margin-right:0;}}
@media screen and (max-width: 540px){.col-4{width:100%; margin-right:2%;}}

.col-5 {width:18.4%; float:left; margin-right:2%; margin-bottom:1%}
.col-5:last-child {margin-right: 0;}
@media screen and (max-width:980px){.col-5{width:32%; margin-right:2%;}.col-5:nth-child(5n-2){margin-right:0}}
@media screen and (max-width:768px){.col-5{width:49%; margin-right:2%;}.col-5:nth-child(3n-1){margin-right:0}.col-5:nth-child(4n-1){margin-right:2%}.col-5:nth-child(5n-1){margin-right:0}}
@media screen and (max-width:414px){.col-5{width:100%; margin-right:2%;}}

.col-5x {width:19.40%; float:left; margin:0.3%; margin-bottom:1%}
.col-5x:last-child {margin-right: 0;}
@media screen and (max-width: 970px){.col-5x {width:24.40%}}
@media screen and (max-width: 800px){.col-5x {width:32.73%}}
@media screen and (max-width: 640px){.col-5x {width:49.40%}}
@media screen and (max-width: 414px){.col-5x {width:100%}}

.col-6 {width: 16%; float:left; margin:0.3%; margin-bottom:1%}
.col-6:last-child {margin-right: 0;}
@media screen and (max-width: 980px){.col-6 {width:32%; float:left; margin-right:2%}.col-6:nth-child(6n-3){margin-right:0}}
@media screen and (max-width: 768px){.col-6 {width:49%; float:left; margin-right:2%}.col-6:nth-child(3n-1){margin-right:0;}.col-6:nth-child(4n-1){margin-right:2%;}.col-6:nth-child(5n-1){margin-right:0;}.col-6:nth-child(6n-1){margin-right:2%;}.col-6:nth-child(7n-1){margin-right:0;}}
@media screen and (max-width: 414px){.col-6 {width:100%;}}

.col-6x {width: 16%; float:left; margin:0.3%; margin-bottom:0.3%}
.col-6x:last-child {margin-right: 0;}
@media screen and (max-width: 970px){.col-6x {width:19.4%}}
@media screen and (max-width: 800px){.col-6x {width:32.7%}}
@media screen and (max-width: 640px){.col-6x {width:49.4%}}
@media screen and (max-width: 414px){.col-6x {width:100%}}

.col-8 		  {width:23.5%; float:left; margin-right:2%; margin-bottom:0.3%}
.col-8:nth-child(5n-1){margin-right: 0;}
.col-8:nth-child(9n-1){margin-right: 0;}
@media screen and (max-width:980px){.col-8{width:49%}.col-8:nth-child(even){margin-right:0}}
@media screen and (max-width:540px){.col-8{width:100%}}

/* min-height de 10/10 até 500 */
.mh10 { min-height: 10px; } .mh20 { min-height: 20px; } .mh30 { min-height: 30px; } .mh40 { min-height: 40px; } .mh50 { min-height: 50px; } .mh60 { min-height: 60px; } .mh70 { min-height: 70px; } .mh80 { min-height: 80px; } .mh90 { min-height: 90px; } .mh100 { min-height: 100px; } .mh110 { min-height: 110px; } .mh120 { min-height: 120px; } .mh130 { min-height: 130px; } .mh140 { min-height: 140px; } .mh150 { min-height: 150px; } .mh160 { min-height: 160px; } .mh170 { min-height: 170px; } .mh180 { min-height: 180px; } .mh190 { min-height: 190px; } .mh200 { min-height: 200px; } .mh210 { min-height: 210px; } .mh220 { min-height: 220px; } .mh230 { min-height: 230px; } .mh240 { min-height: 240px; } .mh250 { min-height: 250px; } .mh260 { min-height: 260px; } .mh270 { min-height: 270px; } .mh280 { min-height: 280px; } .mh290 { min-height: 290px; } .mh300 { min-height: 300px; } .mh310 { min-height: 310px; } .mh320 { min-height: 320px; } .mh330 { min-height: 330px; } .mh340 { min-height: 340px; } .mh350 { min-height: 350px; } .mh360 { min-height: 360px; } .mh370 { min-height: 370px; } .mh380 { min-height: 380px; } .mh390 { min-height: 390px; } .mh400 { min-height: 400px; } .mh410 { min-height: 410px; } .mh420 { min-height: 420px; } .mh430 { min-height: 430px; } .mh440 { min-height: 440px; } .mh450 { min-height: 450px; } .mh460 { min-height: 460px; } .mh470 { min-height: 470px; } .mh480 { min-height: 480px; } .mh490 { min-height: 490px; } .mh500 { min-height: 500px; }
@media screen and (max-width: 769px) {.mh50,.mh60,.mh70,.mh80,.mh90,.mh110,.mh120,.mh130,.mh140,.mh150,.mh160,.mh170,.mh180,.mh190,.mh200,.mh200,.mh210,.mh220,.mh230,.mh240,.mh250,.mh260,.mh270,.mh280,.mh290,.mh300,.mh310,.mh320,.mh330,.mh340,.mh350,.mh360,.mh370,.mh380,.mh390,.mh400,.mh410,.mh420,.mh430,.mh440,.mh450,.mh460,.mh470,.mh480,.mh490,.mh500 {min-height:10px}}

/* MARGIN HEIIGHT */
.mgh1 { height: 1px; }
.mgh2 { height: 2px; }
.mgh3 { height: 3px; }
.mgh4 { height: 4px; }
.mgh5 { height: 5px; }
.mgh10 { height: 10px; }
.mgh20 { height: 20px; }
.mgh30 { height: 30px; }
.mgh40 { height: 40px; }
.mgh50 { height: 50px; }
.mgh60 { height: 60px; }
.mgh70 { height: 70px; }
.mgh80 { height: 80px; }
.mgh90 { height: 90px; }
.mgh100 { height: 100px; }
.mgh150 { height: 150px; }
.mgh200 { height: 200px; }
.mgh250 { height: 250px; }
.mgh300 { height: 300px; }

/* MARGIN E PADDING */
.mt1 { margin-top: 1px; }
.mt2 { margin-top: 2px; }
.mt3 { margin-top: 3px; }
.mt4 { margin-top: 4px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }
.mt150 { margin-top: 150px; }
.mt200 { margin-top: 200px; }

/* Margem Bottom */
.mb1 { margin-bottom: 1px; }
.mb2 { margin-bottom: 2px; }
.mb3 { margin-bottom: 3px; }
.mb4 { margin-bottom: 4px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }
.mb150 { margin-bottom: 150px; }
.mb200 { margin-bottom: 200px; }

/* Margem Left */
.ml1 { margin-left: 1px; }
.ml2 { margin-left: 2px; }
.ml3 { margin-left: 3px; }
.ml4 { margin-left: 4px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml100 { margin-left: 100px; }
.ml150 { margin-left: 150px; }
.ml200 { margin-left: 200px; }

/* Margem Right */
.mr1 { margin-right: 1px; }
.mr2 { margin-right: 2px; }
.mr3 { margin-right: 3px; }
.mr4 { margin-right: 4px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }
.mr100 { margin-right: 100px; }
.mr150 { margin-right: 150px; }
.mr200 { margin-right: 2000px; }

/* Margem Geral */
.mg1 { margin: 1px; }
.mg2 { margin: 2px; }
.mg3 { margin: 3px; }
.mg4 { margin: 4px; }
.mg5 { margin: 5px; }
.mg10 { margin: 10px; }
.mg15 { margin: 15px; }
.mg20 { margin: 20px; }
.mg25 { margin: 25px; }
.mg30 { margin: 30px; }
.mg35 { margin: 35px; }
.mg40 { margin: 40px; }
.mg45 { margin: 45px; }
.mg50 { margin: 50px; }
.mg100 { margin: 100px; }
.mg150 { margin: 150px; }
.mg200 { margin: 200px; }

/* Preenchimento Topo */
.pt1 { padding-top: 1px; }
.pt2 { padding-top: 2px; }
.pt3 { padding-top: 3px; }
.pt4 { padding-top: 4px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 25px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }
.pt100 { padding-top: 100px; }
.pt150 { padding-top: 150px; }
.pt200 { padding-top: 200px; }

/* Preenchimento Baixo */
.pb1 { padding-bottom: 1px; }
.pb2 { padding-bottom: 2px; }
.pb3 { padding-bottom: 3px; }
.pb4 { padding-bottom: 4px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }
.pb100 { padding-bottom: 100px; }
.pb150 { padding-bottom: 150px; }
.pb200 { padding-bottom: 200px; }

/* Preenchimento Esquerdo */
.pl1 { padding-left: 1px; }
.pl2 { padding-left: 2px; }
.pl3 { padding-left: 3px; }
.pl4 { padding-left: 4px; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
.pl40 { padding-left: 40px; }
.pl45 { padding-left: 45px; }
.pl50 { padding-left: 50px; }
.pl100 { padding-left: 100px; }

/* Preenchimento Direito */
.pr1 { padding-right: 1px; }
.pr2 { padding-right: 2px; }
.pr3 { padding-right: 3px; }
.pr4 { padding-right: 4px; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pr40 { padding-right: 40px; }
.pr45 { padding-right: 45px; }
.pr50 { padding-right: 50px; }
.pr100 { padding-right: 100px; }

/* Preenchimento Geral */
.pd1 { padding: 1px; }
.pd2 { padding: 2px; }
.pd3 { padding: 3px; }
.pd4 { padding: 4px; }
.pd5 { padding: 5px; }
.pd10 { padding: 10px; }
.pd15 { padding: 15px; }
.pd20 { padding: 20px; }
.pd25 { padding: 25px; }
.pd30 { padding: 30px; }
.pd35 { padding: 35px; }
.pd40 { padding: 40px; }
.pd45 { padding: 45px; }
.pd50 { padding: 50px; }
.pd100 { padding: 100px; }
.pd150 { padding: 1w50px; }
.pd200 { padding: 200px; }

.radius3  		{border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px;}
.radius6  		{border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius:6px;}
.radius10 		{border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.radius15 		{border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
.radius20 		{border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
.radius30 		{border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;}

/* NORMALIZE */
*, *:before, *:after 	{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img, picture, video, embed {max-width: 100%;}
div,span,p,a,img,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote{margin:0; padding:0; border:0; outline:0;}
ul,li,ol 			{list-style:none;}
dl, menu, ol, ul 	{margin:0; padding:0; list-style: none;} 
menu, ol, ul 		{padding:0; list-style: none;}
p 					{margin:0; padding:0;}
button 				{margin-bottom: 0; padding:0;}
/********* normalize *********/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none; height: 0;}
[hidden] {display: none;}
a:focus {outline: none}
a:active, a:hover {outline: 0!important}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
mark {background: #ff0; color: #000;}
code, kbd, pre, samp {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em;}
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
q {quotes: none;}
q:before, q:after {content: ''; content: none;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dd {margin: 0 0 0 40px;}
nav ul, nav ol {list-style: none; list-style-image: none;}
img {border: 0; -ms-interpolation-mode: bicubic;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
form {margin: 0;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0; white-space: normal; *margin-left: -7px;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset {border: 0; margin: 0; padding: 0;}
textarea {resize: vertical;}
nav ul, nav li {margin: 0; padding: 0;}