/**
 * CSSReset.com - How To Keep Footer At Bottom of Page with CSS
 * 
 * Original Tutorial: http://www.cssreset.com/2010/css-tutorials/how-to-keep-footer-at-bottom-of-page-with-css/
 * License: Free - do whatever you like with it! Credit and linkbacks much appreciated.
 *
 * NB: Make sure the value for 'padding-bottom' on #content is equal to or greater than the height of #footer.
 */

 
 /* DICA >>  Applying CSS styles to all elements inside a DIV - Link: http://stackoverflow.com/a/27997807       --- (  #vin3_thread * { styles here.. } ) */
 /* 
 Para resetar os styles e evitar problemas:
    - Killer Collection of CSS Resets - Link: https://perishablepress.com/a-killer-collection-of-global-css-reset-styles/
    - CSS: Você deveria usar box-sizing: border-box em todas as suas páginas - Link: http://sergiolopes.org/css-box-sizing-border-box/
 */
 * { 
 /* Isso resolve o problema das bordas */
 -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; }
 
/* Quando tira o html dá problema no rodapé */
html,body{
margin:0 auto; 
/* background-color: #FFFFFF; */
/* background-color: #6FBF52; */
/* color:#333333; 11 03 */
color:#494949;
font-family:verdana, arial, sans-serif;

font-size:8.5pt;
font-style:normal;
height:100%;
letter-spacing:normal;

line-height:12.8pt;
word-spacing:normal;
/* background-color:#FAFAFA; */
/*background-color:#F1F1F1; */
/* background-image: url(../images/fundo_verde.jpg); */


margin:0;
padding:0;

/* text-align:center; */
/* vertical-align:baseline; */
}
br{
line-height:12.8pt; /* http://stackoverflow.com/a/1409742 */
}
h1{
line-height:22pt;
}
img{
border:0;
}
a:visited {
	/* color: #333333; 11 03 */
	color: #4F4A46;
	text-decoration: none;
}
a:link {
	/* color: #333333; 11 03 */
	color: #4F4A46;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#wrapper {
	min-height:100%;
	position:relative;
}
#header {
	background-color: #F1F1F1; /* background:#EEE; */
	/* padding:10px; */
	padding: 0px 0px 36px 6px; 
    height: 35px;
    /*overflow: hidden; */
    
    position: fixed;
    top: 0;
    width: 100%; /* width: 99.5%; */
	min-width: 50%; /* Se quiser sumir com o texto depois de determinado comprimento mínimo */
	box-shadow: 1px 1px 5px #494949;
	
    /* Se quiser sumir com o texto depois de determinado comprimento mínimo */
	/*overflow: hidden;
	min-width:50%;
	*/
	z-index: 100;
}

#sigla_site{
float:left;
   margin: 10px 0px 0px 6px;
}
#vin3 {
font-size:12.5pt;
font-weight:bold;
-moz-user-select: none;
}
#rosa_3{
color: #FFB5BE;
}

/* inicio busca */
#busca{
margin-left: 10px; width: 10%; float: left;
}
#procurar{
    border: 1px solid #ccc;
    padding: 6px;
    width: 400px;
}
/* Fim busca */

/* Inicio símbulo de segurança */
#seguranca{
    background-color: lightgreen;
    border: 1px none;
    margin-left: 25%;
    position: absolute;
    text-align: center;
    width: 5%;
	margin-top: 9px
}
#topo_botoes {
float:right;
margin-top: 9px;
margin-right: 4px;
direction: ltr;
}
/* Fim símbulo de segurança */

/* Início botão gerenciamento */
#botao_gerenciamento{
margin: 12px 0px; /* margin: 12px 6px; */
background-color: #FFF;
padding: 12px;
/* border: 1px solid #e8e8e8; */
border-bottom: 1px solid red;
font-weight: bold; 
font-size: 9pt; /*13pt; */
display: table;
line-height:25pt;
word-spacing:10pt;

clear:both; /* separar os botões de gerenciamento dos do topo do página */
}
/* Fim botão gerenciamento */

#novo_artigo{
background-color:#ffb5be; 
padding: 0px 1px;
}

/* Início botão afiliação */

#botao_afiliacao{
float:right; 
border:1px solid #EEE; 
background-color:#F1F1F1;
padding:6px 18px;
}
#botao_afiliacao:hover {
	background-color:yellow; 
	text-decoration: none;
}

/* Fim botão afiliação */

#enquete_form{
border: 1px solid; 
/* width: 20%; */
width: 275px; 
margin: 36px 0px 12px 24px; 
padding:6px 12px; 
float:right; 
clear:right; 
display:inline;
}
#titulo_artigo{
line-height: 1.3;
}
#resumo{
   color: #7b7575; /* #b7b7b7; */
    font-size: 12pt;
    font-style: italic;
    font-weight: normal;
}

/* Sombra gradiente */
#shadow_top{
background-color:#f1f1f1;
position:absolute;
height: 400px; /* Não use padding, pois isso estraga o width no mobile */
z-index: -1;
right: 0;
left: 0;
top: 0;
background-image: linear-gradient(#f1f1f1, #FFF);
}

#artigo{
/* background-color: #FFF; */
padding:0px 12px; /* padding:6px 24px; */
/* border:1px solid #EEE; */
line-height: 1.8; /* 1.6 */
font-size: 1.2em;
overflow:hidden;
}

/* first-line and :first-letter Elements - http://www.hongkiat.com/blog/css-better-paragraph/ */
#fl p:first-child:first-letter { /* first-child pega a primeira ocorrência e o first-letter a primeira letra; obs; Existe também i first-word, que pega a primeira palavra, tem tb o first-line */
 /* text-transform:uppercase; */
 font-size:30pt;
 /*float:left; */ /* Usar float dá problema quando o character anterior não foi colocado dentro do <span> feito pelo código que coloca bold em palavras iguais do título */

 line-height:70%;
 margin:0px 12px 0px 0px;
}

/* #artigo p, #artigo br{ */
#artigo p{
/* margin-bottom: 18px;*/
 content: " ";
  display: block;
  margin: 12pt 0pt;
}
#artigo a{
color:#0645ad;
}

#content {
	padding-bottom:100px; /* Height of the footer element */
	text-align:left;
	margin: 0px 12px;
	clear:both;
	
	/*margin-top:50px; */
}

/* Início conteudo_interno */
#conteudo_interno{
padding-top:40pt;
}
/* Fim conteudo_interno */

#campo_direito{
/* float:right; */
float:left;
margin-top: 6px;
border-top:none;
border-bottom:none;
border-right:none;
border-left: 1px solid #EEE;
width:50%;

  margin-left: 1%;

    padding-left: 0.8%;
text-align:center;
}
.blocos_informacionais{
/* border: 1px solid #EEE; */
border-top: 3px solid;
/*
padding: 0.8%;
*/
margin: 1.3%; 
width: 30%; /* 29.6%; */
float:left;
font-size: 1em;

height:75pt; /* 49px */
min-height:65px; 
 overflow: hidden;              /* "overflow" value must be different from "visible" */ 
}
.blocos_lang{
/*border: 1px solid #EEE; */
/* padding: 6px; */
/*padding: 0.8%; */
/* margin: 6px; */
/*margin: 0.5%; */
/*width: 30%; */ /* 29.6%; */
float:left;
font-size: 1em;
text-align:center;
line-height:20pt;
margin-right:12px;
/*
height:49px; 
min-height:65px; 
 overflow: hidden; */             /* "overflow" value must be different from "visible" */ 
}
#campo_esquerdo{
float:left;

width:48%;
/*padding:12px; */
/* margin-top:24px; */
clear:both;
}
#divulgacao_seguranca{
   /*border: 1px solid; */
    color: #ccc;
  
    font-size: 20pt;
    font-weight: bold;
    padding: 12px;
    text-align: center;
    width: 87%;
	
	padding:12px;
 /* letter-spacing: 0.01rem; */
    line-height: 1.5;
	padding-bottom:0;
}
#titulo_destaque{
padding:12px;
font-weight:bold;
font-size: 20pt;

    letter-spacing: 0.01rem;
    line-height: 1.5;
	padding-bottom:0;
	padding-top:0;

}
#texto_destaque{
padding:12px;
   font-size: 1.25rem;
    font-weight: normal;
    letter-spacing: 0.01rem;
    line-height: 1.5;
    margin-bottom: 1.4375rem;
    text-rendering: optimizelegibility;

/*font-size: 12pt; */
margin-top:5px;
padding-top:0;


/* Efeito blur/embaçado - https://css-tricks.com/snippets/css/blurry-text/ */
/*
    color: transparent;
    text-shadow: 0 0 3px rgba(0,0,0,0.5);
	*/
	
	
/* Fim Efeito blur/embaçado */
	
	/* Impedir selecionamento de texto */
	  -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   /* Fim Impedir selecionamento de texto */
}
#footer {
	background:#F1F1F1;
	width:100%;
	/*height:100px; */
	position:absolute;
	bottom:0;
	left:0;
	
	
}
#rodape{
margin: 6px 6px 30px;
}
#rodape_direito{
float:right;
}
#rodape_esquerdo{
float:left;
}
.clear{
clear:both;
}
.separacao_hr{
border: 1px solid goldenrod; /* #F1F1F1; */
}

#ads{
width:300px; 
float:right;
}

.button_for_link{

background:none!important;
     color:inherit;
     border:none; 
     padding:4px!important;
     font: inherit;
     /*border is optional*/
     /* border-bottom:1px solid #444; */
     cursor: pointer;
	 background-color:#e8e6e6!important;
}

.orange_button{
border:1px solid orange; 
background-color:#fbc769; 
padding:6px;
}

/* texto piscando - http://stackoverflow.com/questions/16344354/how-to-make-blinking-flashing-text-with-css3*/
/* Início blink */
.blink_me {
  animation: blinker 1s linear infinite;
}

.mark_red{
color:orangered;
}
.mark_green{
color:limegreen;
font-weight:bold;
}

@keyframes blinker {  
  50% { opacity: 0; }
}
/* fim blink */

/* Início menu vertical dropdown */  

/*
<style >body {
    background-color: #eee;
    text-align: center;
    padding-top: 50px;
}
*/
.nav {
    display: inline-block;
    /* font: 13px Helvetica, Tahoma, serif;
    text-transform: uppercase; */
    margin: 0; 
    padding: 0;
}

.nav li {
    display: inline-block;
    list-style: none;
}

.nav .button-dropdown {
    position: relative;
}

.nav li a {
    display: block;
	/* 
    color: #333;
    background-color: #fff;
   padding: 10px 20px;*/
    text-decoration: none;
}

.nav li a span {
    display: inline-block;
    margin-left: 5px;
    font-size: 10px;
    color: #999;
}

.nav li a:hover, .nav li a.dropdown-toggle.active {
    /*background-color: #289dcc;
    color: #fff;
	 */
}

.nav li a:hover span, .nav li a.dropdown-toggle.active span {
    color: #fff;
}

.nav li .dropdown-menu {
    display: none;
    position: absolute;
    /*left: 0;*/
    padding: 12px;
    margin: 0;
    margin-top: 9px;
    text-align: left;
	 border: 1px solid #EEE;
	 left: -30px;
	 line-height: 20pt;
	 background-color:#FFF;
}

.nav li .dropdown-menu.active {
    display: block;
}

.nav li .dropdown-menu a {
    /*width: 150px; */
}

/* Fim menu vertical dropdown */

#title_manager{
   font-size: 30pt;
    font-weight: bold;
    margin-bottom: 12px;
    padding: 12px;
	padding-left:0px;
	margin-top: 18px;
	line-height:30pt;
}

.left_position{
direction: ltr !important;
}

  /* Inicio Criar os contornos da tabelas */
	  
table#formato_tabela{
  /*
	border-right:1px solid #A6AFC2;
		
	border-top:1px solid #EEE;
*/
background-color:white; 
border:1px solid #e8e8e8; 
margin-top:12px;
}

table#formato_tabela td{
	border-left:1px solid #EEE;
	/* border-bottom:1px solid #A6AFC2; */
	border-bottom:1px solid #A6AFC2;
}

table#formato_tabela tr:hover:not(.titulo){ /* :not(.titulo) cria uma exceção */
	background-color:lightyellow; /* background-color:#f0f0f0; */
}

table#formato_tabela tr.titulo_tabela{
	background-color:#EEE;
	/*
	font-weight:bold;
	height:24px;
	text-transform: uppercase; */
}
table#espaco_tabela input{
padding:5px;
border:1px solid #A6AFC2;
}
table#espaco_tabela textarea{
padding:5px;
border:1px solid #A6AFC2;
}
#button{
background-color:#0b5c9c;
border:1px outset #607D8B;
padding:12px;
color: #FFF;
}
.titulo{
/*background-color:#ECF5E0; */
background-color:lightskyblue;
}
.titulo td{
border:1px solid #EEE;
border-top:none;
border-right:none;
}
.titulo2{
background-color:#F3F3F3;
}
/* Fim Criar os contornos da tabelas */

.botao_lixeira{
background-color:#EEE; 
padding:3px;
}

.enquete{
margin-bottom: 6px;
}

/* Inicio paginacao */ /* link - http://www.awcore.com/dev/1/3/Create-Awesome-PHPMYSQL-Pagination_en */

ul.pagination{
	margin:0px;
	padding:0px;
	height:100%;
	overflow:hidden;
    font-size:12px; /* font:12px 'Tahoma';  */
	list-style-type:none;	
}

ul.pagination li.details{
    padding:7px 10px 7px 10px;
    font-size:14px;
}

ul.pagination li.dot{padding: 3px 0;}

ul.pagination li{
	float:left;
	margin:0px;
	padding:0px;
	margin-left:5px;
}

ul.pagination li:first-child{
	margin-left:0px;
}

ul.pagination li a{
	color:black;
	display:block;
	text-decoration:none;
	padding:7px 10px 7px 10px;
}

ul.pagination li a img{
	border:none;
}

ul.pagination li.details{
   color:#888888;
}

ul.pagination li a
{
	color:#FFFFFF;
	border-radius:3px;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

ul.pagination li a
{
	color:#474747;
	border:solid 1px #B6B6B6;
	padding:6px 9px 6px 9px;
	background:#E6E6E6;
	background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6);
	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6));
}	

ul.pagination li a:hover,
ul.pagination li a.current
{
	background:#FFFFFF;
}

/* Fim paginacao */

/* Inicio Agenda/Calendario */

.tabela{

background:#fff;

/* width:200px;

padding:0px;
*/
/* width:190px; */
width:100%;  /* 187px */

border-spacing: 10px;
    border-collapse: separate;
	

/*estava dando problema no IE6*/

/* margin:0px 0px 6px 6px; */
/* margin:0px 0px 6px; */ /* Caso queira criar uma borda no calendário */
/*display:inline; */
/*clear:both; */


/*border:1px solid #f0f0f0; */

/* float:left; */

/* margin-right:20px; */

}

.td{

background:#f8f8f8;

/*
width:20px;

height:20px;
*/
padding: 2%;

text-align:center;



}

.hj{

/* background: #FFFFCC; */
background: #FFB6C1;
/*
width:20px;

height:20px;
*/
text-align:center;

}

.dom{

/* background: #FFCC99; */
background: #ADD8E6;
/*
width:20px;

height:20px;
*/
text-align:center;
padding: 2%;
}

.evt{

/* background: #CCFF99; */
background: #C4E1A1;

/*
width:20px;

height:20px;
*/
text-align:center;

}

.mes{

background:#fff;
/*
width:auto;

height:20px;
*/
text-align:center;

}

/* mostrar_agenda.php */
.distancia{
margin:0px 6px;
}

.show{

/* background:#202020; */

background:#ECF5E0;

/* width:300px; */
width:581px;

/* height:30px; */

/* height:27px; */

text-align:left;

/* font-size:12px; */

font-weight:bold;

/* color:#CCFF00; */
color:#333333;

/* padding-left:5px; */
padding:6px;
margin:0px 1px;


}

.linha{

/* background:#404040; */

/* background-color:#F7F7F7; */

width:300px;

height:20px;

text-align:left;

/* font-size:11px; */

/*color:#000000; */

/* color:#f0f0f0; */

padding:1px 1px 1px 10px;
line-height:120%;

}

.sem{

background: #ECE6D9;

width:auto;

height:20px;

text-align:center;

font-size:12px;

font-weight:bold;

font-family:Verdana;

}

#mostrames{

width:300px;

padding:5px;

}


/*Cookie Consent Begin*/
#cookiesWarning {
  position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    
    z-index: 9999;
	}
#cookiesWarningActive {
	background: orange; /* #FFF; */
	border: 1px solid #EEE;
	margin: 5px;
	padding: 5px;
	box-shadow: 8px 8px 4px #999;
	border-radius: 7px;
}

#cookiesWarningActive small {
	background: #FA5528;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 3px;
	color: #fff;
	border: none;
	border-radius: 7px;
	box-shadow: 4px 4px 2px #233e5b;
}

#readMoreURL  a:link {
	text-decoration: underline;
	color: #000;
}
#readMoreURL  a:visited {
	text-decoration: underline;
	color: #000;
}
#readMoreURL  a:hover {
	text-decoration: none;
	color: #FA5528;
}

.acceptance {
	padding-left: 10px;
	padding-right: 10px;
}

/*Cookie Consent End*/



/*
body,td,th {

    font-family: Verdana;

    font-size: 11px;

    color: #000000;

}

a:link {

    color: #000000;

    text-decoration: none;

}

a:visited {

    text-decoration: none;

    color: #000000;

}

a:hover {

    text-decoration: underline;

    color: #FF9900;

}

a:active {

    text-decoration: none;

}
*/

/* fim calendario */


/* Início google adsense */     

/* How to Hide Empty AdSense Slots When No Ads are not Available 
link - https://support.google.com/adsense/answer/10762946?hl=pt-BR
link 2- https://www.labnol.org/hide-adsense-ad-units-220130

*/

  ins.adsbygoogle[data-ad-status='unfilled'] {
    display: none !important;
  }
  
  /* Se o anúncio for preenchido, remove a imagem vulture */
  ins.adsbygoogle[data-ad-status='filled'] div {
    display: none !important;
  }

/* fim google adsense */


/* smartphones */
 @media (max-device-width: 768px){ #espaco_tabela{width:100% !important;} #espaco_tabela input,textarea{width:100% !important;} #conteudo_interno { padding-top:60pt !important;} #artigo{ padding:0px;} #campo_direito{ float: none !important; width:100% !important;} #campo_esquerdo{float: none !important; width:100% !important;} .blocos_informacionais{float: none !important; width:100% !important;} #ads{width:100%;} #wrapper{ background-position: 0% 70%;} } /* -- OU você usa o !important ou coloca esse código sempre abaixo dos outros styles, para evitar que mudem o dado */
	
	/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#ads_home_show { /* Isso remove a imagem do abutre nos ipads */
    background-image:none !important;
}
}
/*
@media only screen and (max-width: 600px) {
#ads_home_show {
   width: 100pt; 
}
}
*/