﻿/* Global */
body				{border-style: none; border-color: inherit; border-width: 0px; font-family: Arial; font-size: 14px; margin: 1px 0px 0px 0px; background-position: center top; background-color: #f8f8f8; }
h1					{font-size:24px; line-height:120%;color:#333;}
h2					{font-size:16px; line-height:130%;color:#555;}
h3					{font-size:16px;}
img					{border: 0px; }
textarea,input,select	{font-family:Arial;font-size: 13px; margin:0px; padding:0 3px;  border:1px solid #DDD;}
tr:hover		    {background-color:#F9F9F9}

a:link				{text-decoration:none;} 

.Corpo				{width: 990px; display: table; margin: 0 auto;}
.Topo				{width: 990px; height:60px; display: inline-block;}
.Logo				{float:left; width:190px; height:28px; margin:10px; display: block; }
.Busca				{float:left; width:400px; height:28px; padding-top:20px; padding-left:70px;vertical-align:top;}
.btBusca			{float:left; height:22px; margin:0 3px;}

.Redes				{float:right;}	
.Redes		div		{float:right;}
.Redes		a		{width: 34px; height: 34px; margin-right:3px; background-image: url('/CSS/Mosaico.png'); display: block;  background-repeat: no-repeat; }
.Facebook	a		{background-position: 0px 0px;}
.Facebook	a:hover	{background-position: 0px -34px;}
.YouTube	a		{background-position: -34px 0px;}
.YouTube	a:hover	{background-position: -34px -34px;}
.Twitter	a		{background-position: -68px 0px;}
.Twitter	a:hover	{background-position: -68px -34px;}
.Mail		a		{background-position: -136px 0px;}
.Mail		a:hover	{background-position: -136px -34px;}
.Rss		a		{background-position: -170px 0px;}
.Rss		a:hover	{background-position: -170px -34px;}
.Instagram	a		{background-position: -202px 0px;}
.Instagram	a:hover	{background-position: -202px -34px;}

.bnMenuH			{margin:10px;}

.Tags			    {display:inline-block; width:100%; margin:20px 0; padding:0; font-size:13px;}
.Tags		a	    {display:inline-block; padding:1px 5px; margin:1px; color:#999; border:1px solid #DDD; border-radius:2px; }
.Tags		a:hover	{color:#666; background-color:#F9F9F9;}

.Conteudo			{float:left; width:640px; margin-left:15px; color:#333; line-height:140%;}
.Conteudo	a		{color:#0055AA;}
.Conteudo	a:hover	{text-decoration:underline;}
.ConteudoFull	    {width:960px; margin:0 15px;}/*joão mexendo aqui*/

.c					{text-align:center;}
.u					{text-decoration:underline;}
.d				    {float:right;}
.e					{float:left;}
.nf					{float:none;}
.b					{font-weight:bold}
.sp				    {margin:8px;}
.p					{font-size: 9px; }
.cx					{padding: 8px; margin:8px; border: #d1d0d4 1px solid;  border-radius:3px; box-shadow: 3px 3px 1px #eee; background-color: #FFFFFF;  }
.EsqPad		{padding-left:8px;}
.DirPad			{padding-right:8px;}
.Dir					{float: right;}
.Ed					{margin-bottom:20px; padding:2px 4px 2px 22px; font-size:12px; font-weight:bold; color:#999; background-color:#FFF; background-image: url('');  background-repeat: no-repeat; background-position:2px 2px; border:1px solid #DDD; }

.Amarelo				{color:#FCB736;}
.Verde					{color: #00aa00;}
.Verde	a:link		{color:#398D07;}
.Verde	a:visited	{color:#398D07;}
.Azul					{color:#0000FF;}
.Azul	a:link		{color:#0055AA;}
.Azul	a:visited	{color:#0055AA;}
.Laranja			{color:Orange;}
.Laranja  a:link	{color:Orange;}
.Laranja  a:visited {color:Orange;}
.Rosa				{color:#EB008C;}
.Rosa	a:link		{color:#EB008C;}
.Rosa	a:visited   {color:#EB008C;}
.Vermelho			{color: #B20000}
.Cinza			    {color:#d1d1d1 ;}
.Cinza	a:link		{color:Gray;}
.Cinza	a:visited	{color:Gray;}
.Preto						{color: black;}

.Chamada			{display:inline-block; width:300px; font-size:12px; text-align:left; color:#766; padding:10px 5px; border-bottom:1px dotted #EEE;}
.Chamada	span	{display:inline-block; float:left; width:200px;}
.Chamada	a		{color:#666;}
.Chamada    img		{float:left; width:90px; height:52px; margin-right:8px; border-radius:4px;}
.Painel 			{float: right; width: 300px; display:block; margin:0 20px 0 0}
.PainelTit			{width:280px; height:22px; margin:15px 0; padding:6px 15px 0 20px; color:#666; font-weight:bold; background-color:#EEE; border-radius:3px 0 0 3px; box-shadow: 0px 1px 0 #d9d9d9; text-shadow: 0px 1px 1px #FFF;}
.PainelTit	a		{color:#666;}
.PainelTitGrupo2	{width:280px; height:22px; margin:15px 0; padding:6px 15px 0 20px; color:#FFF; font-weight:bold; background-color:#0088CE;  border-radius:3px 0 0 3px; box-shadow: 0px 1px 0 #d9d9d9; text-shadow: 0px 1px 1px #666;}
.PainelTitGrupo2  a	{color:#FFF;}
.PainelTitGrupo3    {width:280px; height:22px; margin:15px 0; padding:6px 15px 0 20px; color:#FFF; font-weight:bold; background-color:#00A859;  border-radius:3px 0 0 3px; box-shadow: 0px 1px 0 #d9d9d9; text-shadow: 0px 1px 1px #666;}
.PainelTitGrupo3  a	{color:#FFF;}

.Separa				{width:100%; height:1px; border-bottom: 1px dotted #DDD; margin-bottom:10px; padding-bottom:12px; display:table;}
.Borda				{padding: 7px; border-radius: 4px; font-size: 13px; background-color: #FFFFFF; }
.Lista				{float: left;border: 1px solid #DADADA; display:table}
.Lista			p	{margin-top:-6px}

.Mais				{float: left; width: 640px; height: 20px; margin:10px 0 20px 0; border-width: 1px; padding:6px 4px;  color:Gray; font-size: 11px; border-top-style: solid; border-top-color: #e0D6D6; border-bottom-color: #D6D6D6; background-color: #FFFFFF; border-bottom-style: solid;}
.Mais		a:hover {text-decoration:underline;}
.Quando				{margin-right:15px; color:Gray;}
.Plus				{float:left; width:70px;}
.Curto			{float:left; width:200px ; display:inline-block}
.MaisAces			{float:left; margin-right:15px;}
.Print				{float:right; width:42px; margin:0 15px 0 0; padding:0 0 0 27px; background-image: url(''); background-position: -315px -80px; background-repeat: no-repeat; border:1px solid #DDD; -webkit-border-radius:3px; -moz-border-radius:3px; }

/* ELEMENTOS DE FORMULÁRIO */
.cmpTabela	        {display:table; font-family: verdana; font-size: 12px; margin: 6px; border:1px solid #d1d0d4; }
.cmpMsg			    {font-size:16px; color:Green;}
.cmpCel			    {height:40px; border: 1px solid #e0e0e0; padding: 3px; background-color: #FFFFFF; margin: 5px; display:table }
.cmpCel		d	    {}
.cmp				{height: 14px; padding: 3px; margin: 2px; display: block; background-color: white; }
.cmpCx				{padding: 3px; margin: 2px; display: block; background-color: white; }
.cmpOff			    {padding: 3px; margin: 2px; height:18px; color:Gray;}
.cmpErro			{font-size:13px; color:Red; font-weight:bold}
.cmpBotao		    {margin: 4px; float: left; padding: 3px; border-right: 1px solid #a0a0a0; border-top: 1px solid #F8F8F8; border-left: 1px solid #F7F7F7; border-bottom: 1px solid #a0a0a0; font-family: Verdana; font-size: 12px; }
/* FORM */

/* ESTRUTURAS DAS CHAMADAS*/
.Capa				{font-size:15px; font-family:Trebuchet MS;}
.Capa		h1		{font-size:22px; -webkit-margin-before:0;}															
.Capa		h2		{font-size:22px; padding:8px 0; border-top: 2px solid;}			/*  Grupos da capa e titulo lado direto de similares nas materias */
.Capa		h3		{float:left;  margin-top:-5px; font-size:16px;}
.Capa		img		{width:144px; height:84px; -moz-border-radius: 3px;}

.CapaDestaque		        {width: 630px; padding:15px 0 0 15px;}
.CapaDestaque   h1          {color:#398D07; margin:0 0 10px 0;}
.CapaDestaque   img         {width:160px; height:132px; float:left; margin-right: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.CapaDestaque   a:link      {color:#002DB2;}
.CapaDestaque   a:visited   {color:#002DB2;}

.CapaDestaqueSub				{width: 300px; height:200px; font-size:14px;}
.CapaDestaqueSub	h3			{width:100%; height:30px;}
.CapaDestaqueSub	img			{float:left; width:160px; height:132px; margin-right: 10px; -moz-border-radius: 3px;}
.CapaDestaqueSub	a			{text-decoration:none;}

.CapaPequeno					{width: 300px; height:100px; margin:0;}
.CapaPequeno		img			{float:left; margin-right:10px; -moz-border-radius:3px;}

.CapaPequeno		a:link		{color:#333;}
.CapaPequeno		a:visited	{color:#333;}

.CapaSemImg						{width: 300px; min-height:40px; margin-bottom:10px;}
.CapaSemImg:before              {content:"▪ "; color:#DDD;}

.CapaThumbsEsq					{float:left; width:144px; margin-right: 10px; margin-bottom:15px;}
.CapaThumbsEsq	a:link			{color:#333;}
.CapaThumbsEsq	a:visited	    {color:#333;}

.CapaThumbsDir					{float:left; width:144px; margin-bottom:15px;}
.CapaThumbsDir	a:link			{color:#333;}
.CapaThumbsDir	a:visited	    {color:#333;}
/* ESTRUTURAS DAS CHAMADAS*/

/* ESTRUTURAS DE COLUNAS*/
.CapaColunaCinza				{float:left; width:300px; margin-left:15px; margin-right:15px; font-family:Trebuchet MS;}
.CapaColunaCinza	img			{-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.CapaColunaCinza	h2			{color:#444;}
.CapaColunaCinza	h3			{width:100%; color:#444;}
.CapaColunaCinza	a:link		{color:#444;}
.CapaColunaCinza	a:visited	{color:#444;}

.CapaColunaVerde				{float:left; width:300px; margin-left:20px; margin-right:10px; font-family:Trebuchet MS;}
.CapaColunaVerde	img			{-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.CapaColunaVerde	h2			{color:#398D07;}
.CapaColunaVerde	h3			{color:#398D07;}
.CapaColunaVerde	a:link		{color:#398D07;}
.CapaColunaVerde	a:visited	{color:#398D07;}

.CapaColunaAzul					{float:left; width:300px; margin-left:20px; margin-right:10px; font-family:Trebuchet MS;}
.CapaColunaAzul	img				{-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.CapaColunaAzul	h2				{color:#0055AA;}
.CapaColunaAzul	h3				{color:#0055AA;}
.CapaColunaAzul	a:link			{color:#0055AA;}
.CapaColunaAzul	a:visited   	{color:#0055AA;}

.CapaColunaLaranja						{float:left; width:300px; margin-left:15px; margin-right:10px; font-family:Trebuchet MS;}
.CapaColunaLaranja		img				{-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.CapaColunaLaranja		h2				{color:Orange;}
.CapaColunaLaranja		h3				{color:Orange;}
.CapaColunaLaranja		a:link			{color:Orange;}
.CapaColunaLaranja		a:visited   	{color:Orange;}

.CapaColunaRosa						{float:left; width:300px; margin-left:15px; margin-right:10px; font-family:Trebuchet MS;}
.CapaColunaRosa		img				{-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.CapaColunaRosa		h2				{color:#EB008C;}
.CapaColunaRosa		h3				{color:#EB008C;}
.CapaColunaRosa		a:link			{color:#EB008C;}
.CapaColunaRosa		a:visited	    {color:#EB008C;}
/* ESTRUTURAS DE COLUNAS*/

.ImgDestaq			{float:right; width:340px; height:auto; padding:0; margin:0 0 0 15px;}
.ImgDestaq	img	    {width: 340px; height:auto; margin:0; padding:0;}
.ImgP				{float:left; width: 144px; height: 84px; overflow:hidden;}
.ImgDescricao		{margin-top:-5px; padding:2px 6px; background-color:#F4F4F4; font-size:11px; color:#666; line-height:120%; font-weight:normal; border-bottom:1px solid #EEE;}

.NavMenu				{float:left; width:auto; margin-bottom:20px; margin-right:15px; padding:5px 0; font-size:13px; color:#666; background-color:#EEE; border-radius:4px; box-shadow: 0px 1px 0 #DDD;}
.NavMenu			a	{padding:0 10px; color:#666;}
.NavAtivo				{font-weight:bold; text-shadow: 0px 1px 1px #FFF;}
.NavAtivo:after		    {content:" ▼";}

.NavThumbs				{clear:both; width: 100%; margin:10px;}

.LinhaFina				{color:#333;}
.LinhaFina      a:link	{color:#333;}
.ListaAcessos			{display:block; color:#999; font-size:x-small; font-weight:bold; }
.NavDetalhes			{width:100%; margin-bottom:10px; display: table}
.NavDetalhes	img     {float:left; width:144px; height:84px; margin-right:15px; border-radius:4px; margin-bottom:25px;}
.NavDetalhes	h3	    {margin-top:0; margin-bottom:3px; padding-top:0;}
.NavDetalhes	a		{color:Black}
.NavDetInfos			{color: #006000; font-size:10px;}
.NavLarg 				{margin:0 10px 4px 0; width: 240px; font-weight:bold; color:#999;}

.NavListagem			{clear:both; width: 100%; margin-top: 10px; border-color: #DADADA; border-bottom-color:#d0d0d0; background-color:White }
.NavMosaico			    {display:table}
.NavMosaicoBloco        {float:left; display:block; width:144px; height:170px; margin-right:15px;}
.NavMosaico	    img	    {width: 144px; height: 84px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.NavPager				{display:inline-block; font-size:11px; width:16px; padding:2px; text-align:center; color:#666; background-color:#EEE; border:1px solid #999;}
.NavPager:hover	        {background-color:#DDD;}
.NavPager		a		{color:#666;}
.NavPagerActive	        {font-size:11px; width:16px; padding:3px 5px; text-align:center; color:#DDD; background-color:#EEE; border:1px solid #DDD;}

.Texto1			{font-size: 11px; font-family: Tahoma }
.Texto2			{font-size: 13px; font-family: Tahoma }
.Texto3			{font-size: 15px; font-family: Tahoma }
.Borda2			{margin:0; padding:2px 4px; font-size:11px; color:White; background-color:#ADD78E; border:1px solid #80C24F;}

.Rodape			{float: left; width:100%; height:60px; padding-top:30px; display:table; background-color: #EFEFEF; }
.Rodape	    a	{margin-left:20px;}
.peCadari		{float: left; margin-left: 16px; width: 180px; height: 28px; background-position: 0px -85px; background-image: url(''); display:block }

.Login					{margin-left:30px; width:270px; height:28px;}
.Login	input		{font-size:10px;}
.LoginBotao	   {font-size:9px; font-family:Tahoma; background-color:#EEE; color:#333; border:1px solid #999;}