/* CSS Document */

/* ############# Foto Noticia ############# */

#noticia {
text-align: justify;
width: 580px;
}

#fotoNoticia {
float: left;
margin: 0 10px 0 0;
}

#fotoNoticiaCentro {
width: 200px;
align: center;
}

#conteudoNoticia {
text-align: justify;
}

#fonteNoticia {
text-align: right;
}

#descricaoFotoNoticia {
width: 192px;
border: 1px solid #CCCCCC;
padding: 3px;
margin: 5px 5px 0 0;
background-color: #FAFAFA;
text-align: justify;
}


#ampliar {
width: 192px;
border: 1px solid #CCCCCC;
padding: 3px;
margin: 5px 5px 5px 0;
background-color: #E1F4E1;
text-align: center;
}

#descricaoFotoNoticiaMenor {
width: 192px;
border: 1px solid #CCCCCC;
padding: 3px;
margin: 5px 0 0 0;
background-color: #FAFAFA;
align: center;
}

#voltarNoticia {
text-align: center;
}

/* ############# Funções Notícia ############# */

#funcoesNoticia {
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
font-family: verdana;
font-size: 10px;
height: 18px;
padding: 8px 0 8px 0;
width: 584px;
text-align: center;
}

#funcoesNoticia div {
display: inline;
margin-left: 10px;
}

#funcoesNoticia img {
margin-right: 4px;
}

#funcoesNoticia a {
color: #999999;
text-decoration: none;
}

#funcoesNoticia a:hover {
text-decoration: underline;
}

#funcoesNoticiaSeparador {
font-weight: bold;
color: #999999;
}

/* ############# Funções Menu ############# */
#menu {
background-color: #D6EDCB;
/*width: 148px;*/
text-align: left;
margin: 0;
padding: 0;
font-family: verdana;
font-size: 12px;
}

#menu ul { list-style: none;} 

#colunas ul {
display: table;
/*width: 148px;*/
text-align: left;
margin: 0;
padding: 0;
}

#colunas ul li {
border-bottom: 1px solid #99CC99;
padding: 2px 0 2px 0;
}

#colunas ul li.semlinha {
padding: 0;
border: 0;
background-color: #267D51;
height:20px;
}

#colunas ul li a {
text-decoration: none;
color: #000000;
display: block;
margin-left: 1px;
}

#colunas ul li a.desativado {
color: #999999;
}

#colunas ul li a.destaque {
color: #990000;
font-weight: bold;
}

#colunas ul li a:hover {
color: #009900;
background-color: #BCDBBB;
font-size: 14px;
font-weight: bold;
}

/* ############################### Fotos ################################### */
a.tabelaFotos {
color:#666666;
text-decoration:none;
}
 
a.tabelaFotos:hover {
color:#CCCCCC;
}

.bordacinzamedio {
border: 1px solid #999999;
}

/* #################################### Links ################################## */

A:link {text-decoration:none;}
A:visited {text-decoration:none;}
A:active {text-decoration:none;}
A:hover {text-decoration:none; color: #009900;}

A:link.nulo {text-decoration:underline; color: #000000;}
A:visited.nulo {text-decoration:underline; color: #000000;}
A:active.nulo {text-decoration:underline; color: #000000;}
A:hover.nulo {text-decoration:underline; color: #000000;}

A:link.branco {text-decoration:none; color: #FFFFFF;}
A:visited.branco {text-decoration:none; color: #FFFFFF;}
A:active.branco {text-decoration:none; color: #FFFFFF;}
A:hover.branco {text-decoration:underline; color: #FFFFFF;}

A:link.destaque {text-decoration:none; color: #000000;}
A:visited.destaque {text-decoration:none; color: #000000;}
A:active.destaque {text-decoration:none; color: #000000;}
A:hover.destaque {text-decoration:underline; color: #000000;}

A:link.destaque_menu {text-decoration:none; color: #990000;}
A:visited.destaque_menu {text-decoration:none; color: #990000;}
A:active.destaque_menu {text-decoration:none; color: #990000;}
A:hover.destaque_menu {text-decoration:none; color: #009900;}

A:link.azul {text-decoration:none; color: #0000FF;}
A:visited.azul {text-decoration:none; color: #0000FF;}
A:active.azul {text-decoration:none; color: #0000FF;}
A:hover.azul {text-decoration:none; color: #000000;}

A:link.underline {text-decoration:underline; color: #006600;}
A:visited.underline {text-decoration:underline; color: #006600;}
A:active.underline {text-decoration:underline; color: #006600;}
A:hover.underline {text-decoration:underline; color: #006600;}



/* ################################### Tabelas ################################# */

td.linha_baixo {
border-bottom-width: 1px; 
border-bottom-style: solid;
}

td.linha_cima {
border-top-width: 1px; 
border-top-style: solid;
}

table.borda {
border-width: 1px; 
border-style: solid;
/*border-color: #CCCCCC;*/
border-color: #9eb096;
}

.borda_marrom {
border-width: 1px; 
border-style: solid;
border-color: #E1E19F;
}

td.menu {
border-bottom-width: 1px; 
border-bottom-style: solid;
border-bottom-color: #99CC99;
}

/* ################################# Formulários ############################### */

input.form { 
background-color: #FFFFFF; 
border:1px solid #7F9DB9;
}

input.enquete {
font-family: Verdana;
font-size: 13px;
}

textarea.form-textarea { 
background-color: #FFFFFF; 
border:1px solid #7F9DB9;
}

select.menu_lista {
font-family: Verdana;
font-size: 12px;
}

select.menu_lista_entrada {
font-family: arial;
font-size: 12px;
height: 20;
}

.linha-dotted-baixo {
border-bottom: 1px dotted #CCCCCC;
}

.linha-dotted-baixo-marrom {
border-bottom: 1px dotted #E1E19F;
}

.linksManchetes {
position:relative;
display:block;
text-decoration:none;
padding: 3px;
}
 
.linksManchetes:hover {
background-color: #E2EBCF;
}

.tabMaisLidas {
position:relative;
display:block;
text-decoration:none;
padding: 3px;
}
 
.tabMaisLidas:hover {
background-color: #E1E395;
color: #993300;
}

.linkAbreFotos {
text-decoration: none;
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #666666;
}

.linkAbreFotos:hover {
text-decoration: none;
color: #000000;
}

.MaisBuscadosCor1 {
color: #006600;
}

.MaisBuscadosCor2 {
color: #996600;
}

.MaisBuscadosCor3 {
color: #999966;
}


#linhaVertical {
width: 20px;
}

#linhaHorizontal {
height: 15px;
}

.formularioGuiaRuas {
border: 1px solid #CCCCCC; 
font-family: verdana; 
font-size: 12px;
}

.fundoTopo {
	
	background-image: url("../img/titulos/titulo-topo-1.png");
	background-repeat: no-repeat;

}

.inputBusca {
   
   border: 1px solid #063;
   width: 90%;
	
}

/* ############################### Abas ################################### */

.Abasmenu {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	background-color: #E2EBCF;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px;
	cursor: hand;
	cursor: pointer;
}

.Abasmenu-sel {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #F4F8ED;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	padding: 5px;
	cursor: hand;
	cursor: pointer;
}

.Abastb-conteudo {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.Abasconteudo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	background-color: #F4F8ED;
	padding: 1px;
	width: 400px;
	height: 150px;
}
/* ############################### Outros Destaques ################################### */
.outrosDestaques_tudo { display: table; width: 430px;}
.outrosDestaques_semcensura { float: left; width: 200px; }
.outrosDestaques_medidor { float: left; width: 200px;}
/*.outrosDestaques_medidor { margin-left: 215px; }
.outrosDestaques_fotosDestaque { margin-left: 215px; margin-top: 20px;}*/
.outrosDestaques_fotosDestaque { float: right;}

/* ############################### TCE ################################### */
.tceFonte1 {
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

.tceFonteD {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #FF2D00;
	color: #FFFFFF;
	padding: 2px;
}

.tceFonteS {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #000FFF;
	color: #FFFFFF;
	padding: 2px;
}

.tceFonte2 {
	font-family: verdana;
	font-size: 11px;
	text-align: center;
}

.tceFonte3 {
	font-family: verdana;
	font-size: 7px;
	text-align: justify;
}

.tceTable {
	width: 126px;
	border-width: 0px;
	padding: 2px;
	border-spacing: 0px;
}

.tceLinha {
	border-bottom: 3px solid #00BCE5;
	height: 25px;
}

.tceTDFundo {
	height: 25px;
	background-color: #FEDF00;
}

.tceDiv {
	width: 132px;
	margin: auto;
	border-width: 4px;
	border-color: #00BCE5;
	border-style: solid;
	background-color: #FFFFFF;
	padding:2px;
	text-align:center;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}


/* ############################### Medidor ################################### */

@keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}

.divMedidor {
	text-align: center;
	padding: 2px;
	border-color: #6FA10A;
	border-width: 1px;
	border-style: solid;
	background-color: #E0EBDB;
}

.divMedidor1 {
	text-align: center;
	font-family: 'Rubik', sans-serif;	
	font-size: 12px;
	font-weight: bold;
}

.divMedidor2 {
		
	margin-top: 10px; 
	margin-bottom: 10px;
	text-align: center;
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	font-weight: bold;
	
	animation-name: blinker;
	animation-duration: 1s;
	animation-iteration-count:100;
	animation-timing-function:cubic-bezier(1,0,0,1);
	animation-direction: alternate;
	
}

.divMedidor3 {
	text-align: center;
	font-family: 'Rubik', sans-serif;
	font-size: 10px;
}

#divMedidorCor1 {
	background-color: #FF2D00;
	padding: 4px;
}
#divMedidorCor2 {
	background-color: #FFA911;
	padding: 4px;	
}
#divMedidorCor3 {
	background-color: #FFF3C4; 
	padding: 4px;
}
#divMedidorCor4 {
	background-color: #D3FFA6; 
	padding: 4px;
}

/* ############################### Notícias ################################### */

.divNoticias {
	
	text-align: center;
	padding: 2px;
	border-spacing: 0px;
	border-color: #6FA10A;
	border-width: 1px;
	border-style: solid;
	background-color: #E0EBDB;
}

/* ############################### Destaques topo ################################### */
#destaques_topo {
    width: 450px;
    position: relative;
}

#eleicoes_45010 {
	visibility: hidden;
    width: 210px;
    height: 110px;
    position: absolute;
    top: 2px;
    left: 10px;
}

#coronavirus_painel {
    width: 200px;
    height: 50px;
    position: absolute;
    bottom: 10px;
    left: 15px;

}

#coronavirus_caieiras {
    width: 200px;
    height: 50px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

#eleicoes_2020 {
    width: 200px;
    height: 110px;
    position: relative;
    top: 2px;
    left: 25%;

}

#titulo_coronavirus {
	width: 404px;
    height: 20px;
    position: absolute;
    top: 113px;
    left: 10px;
    
}

#anuncios_topo {
    width: 450px;
    position: relative;
	margin: auto;
	text-align: center;
}

/* ###################################### Fim ################################# */