@charset "utf-8";

/******************* ESTRUTURA E CONTEÚDO DA TELA ***************/

/*** CABEÇALHO CAMADAS, MOVIMENTACAO E LOGOTIPO ***/


.camada_ceu {
	width: 100%;
	height: 205px;
	line-height: 0px;
	background: url(imagens/layout/cabecalho_ceu.jpg) repeat-y;
	-webkit-animation: backgroundScroll 40s linear infinite;
	animation: backgroundScroll 40s linear infinite;
	animation-direction: reverse;
}
 
@-webkit-keyframes backgroundScroll {
	from {background-position: 0 0;}
	to {background-position: -1920px 0;}
}

@keyframes backgroundScroll {
	from {background-position: 0 0;}
	to {background-position: -1920px 0;}
}


.camada_arvore {
        background: url("imagens/layout/cabecalho_arvore.png"); 
        height: 205px;
}



#cabecalho {
        height: 205px;
}



.cabecalho_logo {
            padding-top: 20px;
            padding-left: 20px;
	        max-width: 90%;
            height: auto;
            align: left;
}


#cabecalho_aviao {                                                    /* (A) Avião que se movimenta */
            float: right;        
            width: 0px;
}


/*** MENU  SUPERIOR ***/


#menu {
        width: 100%;    
        background-image: url("imagens/layout/menu_fdo.jpg");              /* id nav - IMAGEM FUNDO DO menu */
        text-align: center;
        height: 112px;
}



/*** PRINCIPAL ***/


#principal {
    float:left;
    width: 100%; 
    margin-left: 3px;   /* id main - Aumenta 7px de margem na esquerda para deixar igual espaçamento dos quadros de conteúdo  */
    margin-top: 10px;
    padding-bottom: 30px;
}


/*** PAGINAÇÃO ***/

#menu_paginacao {
        float: left;      
        width: 100%;
        height: 140px;
        text-align: center;
}


/*** MENU INFERIOR ***/

#menu_abaixo {
        /* 258px (Tamanho Total do fundo) */
        float: left;      
        width: 100%;
        height: 258px;
        background-image: url("imagens/layout/menu_baixo_fdo.jpg");
        background-position: left top;
}

#menu_abaixo_personagens {
        /* 176px + 82px ==> 258px (Tamanho Total da Imagem) */
        float: left;      
        width: 1105px;
        height: 176px;
        padding-left: 30px;
        padding-top: 82px;
        background-image: url("imagens/layout/menu_abaixo_personagens.png");
        background-position: left top;
}

/*** RODAPÉ ***/


#rodape {
        clear: both;
        background-image: url("imagens/layout/rodape_fdo.jpg");            /* id footer - IMAGEM FUNDO DA BODY */
        height: 130px;
        padding-top: 5px;
}

#rodape_logo {                                                             /* 250px, 390px ou 700px */ 
            float: left;        
            background-image: url("imagens/layout/rodape-tecnologia.gif");   
            background-repeat: no-repeat;        
            width: 700px;
            height: 125px;
            margin-left: calc((100% - 700px)/2);
            overflow: hidden;
}


/******************* ESTRUTURA DAS TELAS DE NOTICIAS E ARTIGOS EM GERAL NA "PRINCIPAL" ***************/


.artigo_index_novidades {
    float: left;
    width: 330px;
    border: 2px solid #104000;			                                /* ESPESSURA DA BORDA E COR    #ident, #ident2 { } */
	background-color: #7EB514; 			                                /* Cor de Fundo para artigos */
	background-image: url("imagens/layout/quadros_textos.jpg");
    background-repeat: no-repeat;
    border-radius: 6px 6px 6px 6px;                                     /* ARREDONDAMENTO DO TRAÇOS DA BORDA */
	margin: 10px;
    padding: 2px 15px 15px 15px;  
    margin-right: 15px;

}


.artigo_index_projetos {
    float: left;
    width: 33%;
    border: 2px solid #1C6B00;			                                /* ESPESSURA DA BORDA E COR */
	background-color: #7EB514; 			                                /* Cor de Fundo para artigos */
	background-image: url("imagens/layout/quadros_textos_status.jpg");
    background-repeat: no-repeat;
    border-radius: 6px 6px 6px 6px;                                     /* ARREDONDAMENTO DO TRAÇOS DA BORDA */
	margin: 10px;
    padding: 2px 15px 15px 15px;  
}


.artigo_index_contato {
    float: left;
    width: 33%;
    border: 2px solid #1C6B00;			                                /* ESPESSURA DA BORDA E COR */
	background-color: #7EB514; 			                                /* Cor de Fundo para artigos */
	background-image: url("imagens/layout/quadros_textos_status.jpg");
    background-repeat: no-repeat;
    border-radius: 6px 6px 6px 6px;                                     /* ARREDONDAMENTO DO TRAÇOS DA BORDA */
	margin: 10px;
    padding: 2px 15px 15px 15px;  
}

/*** PAGINAS FULL - GRANDE 100% ***/

.artigo_solo {
    float: left;
    border: 2px solid #104000;			                                /* ESPESSURA DA BORDA E COR */
	background-color: #7EB514; 			                                /* Cor de Fundo para artigos */
	background-image: url("imagens/layout/quadros_textos_noticia.jpg");
    background-repeat: no-repeat;
    border-radius: 6px 6px 6px 6px;                                     /* ARREDONDAMENTO DO TRAÇOS DA BORDA   */
    width: calc(100% - 60px);
	margin: 10px 15px 10px 10px;
    padding: 2px 15px 15px 15px;
}

.artigo_full_central{
    float: left;
    border: 2px solid #1C6B00;			                                /* ESPESSURA DA BORDA E COR */
	background-color: #7EB514; 			                                /* Cor de Fundo para artigos */
	background-image: url("imagens/layout/quadros_textos_status.jpg");
    background-repeat: no-repeat;
    border-radius: 6px 6px 6px 6px;                                     /* ARREDONDAMENTO DO TRAÇOS DA BORDA */
    width: calc(100% - 60px);
    margin: 10px;
    padding: 2px 15px 15px 15px;  
}

.artigo_full_ultima{
    float: left;
    border: 2px solid #1C6B00;			                                /* ESPESSURA DA BORDA E COR */
	background-color: #7EB514; 			                                /* Cor de Fundo para artigos */
	background-image: url("imagens/layout/quadros_textos_status.jpg");
    background-repeat: no-repeat;
    border-radius: 6px 6px 6px 6px;                                     /* ARREDONDAMENTO DO TRAÇOS DA BORDA */
    width: calc(100% - 60px);
    margin: 10px;
    padding: 2px 15px 15px 15px;  
}

.artigo_full_extra{
    float: left;
    border: 2px solid #1C6B00;			                                /* ESPESSURA DA BORDA E COR */
	background-color: #7EB514; 			                                /* Cor de Fundo para artigos */
	background-image: url("imagens/layout/quadros_textos_status.jpg");
    background-repeat: no-repeat;
    border-radius: 6px 6px 6px 6px;                                     /* ARREDONDAMENTO DO TRAÇOS DA BORDA */
    width: calc(100% - 60px);
    margin: 10px;
    padding: 2px 15px 15px 15px;  
}


.sem_padding {
    
 padding-left: 0px;
    
}


/*** RELAÇÃO ***/

#menu_relacao { /* somente em desenhos_relacao_categorias.php */
        float: left;      
        width: 285px;
        height: 40px;
        text-align: left;
}



/*** Texto titulo / médio ***/

h1 {
	margin: 0px;
    color: #ffffff;
    font-family: "Arial", "Candara";
    font-weight: bold;
    line-height: 0px;
    font-size: 16pt;
    padding-left: 30px;
    padding-top: 20px;
    margin-bottom: 50px;
}

h2 {
	margin: 0px;
    color: #ffffff;
    font-family: "Tahoma", "Arial", "Candara";
    font-weight: normal;
    line-height: 20px;
    font-size: 13pt;
}

.lnk_externo {
    color: #ffffff;
    font-family: "Tahoma", "Arial", "Candara";
    font-weight: bold;
    font-size: 13pt;
}
.lnk_externo:hover{
    color: #50750E;
    font-family: "Tahoma", "Arial", "Candara";
    font-weight: bold;
    font-size: 13pt; 
}


.paginacao_lnk {
    color: #ffffff;
    font-family: "Tahoma", "Arial", "Candara";
    font-weight: bold;
    font-size: 16pt;
    margin-top: 10px;
}
.paginacao_lnk:hover{
    color: #AFD828;
    font-family: "Tahoma", "Arial", "Candara";
    font-weight: bold;
    font-size: 16pt; 
}

.paginacao_ativa{
    color: #104000;
    font-family: "Tahoma", "Arial", "Candara";
    font-weight: bold;
    font-size: 16pt; 
}

h3 {
	margin: 0px;
    color: #ffffff;
    font-family: "Arial", "Candara";
    font-weight: bold;
    line-height: 0px;
    font-size: 16pt;
    padding-left: 40px;
    padding-top: 25px;
    margin-bottom: 20px;
}

.texto_informativo {
    color: #ffffff;
    font-family: "Arial", "Candara";
    font-weight: bold;
    font-size: 16pt;
    margin-top: 0px;
    margin-bottom: 15px;
}

hr {
    border-color: #ffffff;
    border-style: dashed;     /* Traços : dotted, double, dashed, inset, outset */
    border-width: thin;
}




h4 { 
	/* Descrição */
    color: #ffffff;
    font-family: "Calibri", "Arial", "Candara";
    font-size: 12pt;
}
h4:hover{
    color: #50750E;
}


.ver_desenho{
	/* Descrição - Igual h4 sem link*/
    color: #ffffff;
    font-family: "Arial", "Candara";
    font-size: 11pt;  
    margin-top: 15px;
    line-height: 20px; 
}

h5 {
    /* nome do relógio */
    color: #ffffff;
    font-family: "Calibri", "Arial", "Candara";
    font-weight: bold;
    line-height: 0px;    
    font-size: 12pt;
    margin: 0px;
    margin-top: 20px;    
    margin-bottom: 20px;
}

h6 {
   	/* datas */
    color: #ffffff;
    font-family: "Arial", "Candara", "Calibri";
    font-weight: bold;
    line-height: 0px;    
    font-size: 9pt;
    margin: 0px;
}


.limpa_linha {
    clear:both;
    margin: 0px;
}


.imagem_miniatura {
    float: left;
    padding: 0px;
    margin: 0px 12px 5px 0px;
    border: 2px solid #1C6B00;			                                /* ESPESSURA DA BORDA E COR */
    border-radius: 6px 6px 6px 6px;                                     /* ARREDONDAMENTO DO TRAÇOS DA BORDA */
}

.imagem_grande {
    border: 2px solid #1C6B00;			                                /* ESPESSURA DA BORDA E COR */
    border-radius: 6px 6px 6px 6px;                                     /* ARREDONDAMENTO DO TRAÇOS DA BORDA */
}

.fotos_informativo {
    float: right;
    padding: 0px;
    margin: 0px 12px 5px 0px;
}


/*** Fonte menu_final ***/

.menu_final {   
   color: white;
   font-size: 11pt;
   font-weight: bold;
   font-family: "Arial", "Calibri";
   text-decoration: none;
   }
.menu_final:hover {
   color: #AFD828;
   }



/*** Botões Gerais do Site ***/

/* Botão para Link */

.botao {
   border: 1px solid #104000;
   background: #1C6C00;
   padding: 12px 25px;
   border-radius: 8px;
   color: white;
   font-size: 14px;
   font-weight: bold;
   font-family: "Arial", "Calibri";
   text-decoration: none;
   }
.botao:hover {
   color: #AFD828;
   }

/* Formulário de E-mail */


.formulario_texto {
  border-radius: 10px;
  height: 40px;
  font-size: 17px;
  font-weight: bold;
  margin-top: 10px;
}

.formulario_caixa {
  border-radius: 10px;
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  width: 95%;
  height: 300px;
}

.formulario_texto_adaptavel{
    width: 95%;
}

.botao_formulario {
     font-weight: bold;
     border: 1px solid #104000;
     background: #1C6C00;
     padding: 12px 25px;
     border-radius: 8px;
     color: white;
     font-size: 14px;
}
.botao_formulario:hover {
    cursor: pointer;
    color: #AFD828;
   }



/*** Mensagens (Erro ou Aviso) ***/

.mensagem_resultado {
	color: #ffffff;
    font-family: "Tahoma", "Arial", "Calibri";
    font-weight: normal;
    line-height: 20px;
    font-size: 12pt;
    padding: 30px;
}