@charset "utf-8";

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



#cabecalho {
        background-image: url("imagens/layout/cabecalho_fdo.jpg");         /* id header - IMAGEM FUNDO DO cabecalho */
        height: 258px;
}

#cabecalho_banner {
        background-image: url("imagens/layout/cabecalho_banner.jpg");     
        height: 258px;
        background-repeat: no-repeat;
}

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

#cabecalho_relogios {                                                    /* (A) Relógios que se movimentam */
            float: right;        
            width: 0px;
}


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


#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;
}

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

#menu_abaixo {
        float: left;      
        width: 100%;
        height: 200px;
        padding-left: 30px;
        background-image: url("imagens/layout/menu_baixo_fdo.jpg");
        background-size: cover;
        background-position: left top;
}

#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 ***************/


.artigo_index_novidades {
    float: left;
    width: 330px;
    border: 4px solid #ffffff;			                                /* ESPESSURA DA BORDA E COR    #ident, #ident2 { } */
	background-color: #ff8900; 			                                /* 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 #b7b7b7;			                                /* ESPESSURA DA BORDA E COR */
	background-color: #7f7f7f; 			                                /* 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 #b7b7b7;			                                /* ESPESSURA DA BORDA E COR */
	background-color: #7f7f7f; 			                                /* 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_youtube {
    float: left;
    border: 2px solid #b7b7b7; 
    width: 410px;
    height: 728px;
    margin: 0px 12px 25px 0px;

}

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

.artigo_solo {
    float: left;
    border: 4px solid #ffffff;			                                /* ESPESSURA DA BORDA E COR */
	background-color: #ff8900; 			                                /* 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% - 70px);
	margin: 10px 15px 10px 10px;
    padding: 2px 15px 15px 15px;
}

.artigo_full_central{
    float: left;
    border: 2px solid #b7b7b7;			                                /* ESPESSURA DA BORDA E COR */
	background-color: #7f7f7f; 			                                /* 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% - 70px);
    margin: 10px;
    padding: 2px 15px 15px 15px;  
}

.artigo_full_ultima{
    float: left;
    border: 2px solid #b7b7b7;			                                /* ESPESSURA DA BORDA E COR */
	background-color: #7f7f7f; 			                                /* 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% - 70px);
    margin: 10px;
    padding: 2px 15px 15px 15px;  
}

.artigo_full_extra{
    float: left;
    border: 2px solid #b7b7b7;			                                /* ESPESSURA DA BORDA E COR */
	background-color: #7f7f7f; 			                                /* 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% - 70px);
    margin: 10px;
    padding: 2px 15px 15px 15px;  
}


.sem_padding {
    
 padding-left: 0px;
    
}


/*** 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: 12pt;
}

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


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

.paginacao_ativa{
    color: #000000;
    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: 30px;
    padding-top: 20px;
    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 do Relógio */
    color: #000000;
    font-family: "Calibri", "Arial", "Candara";
    font-size: 12pt;
}
h4:hover{
    color: #ffffff;
}

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

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


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


.fotos_relogios {
    float: left;
    padding: 0px;
    margin: 0px 12px 5px 0px;
}


.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", "Candara";
   text-decoration: none;
   }
.menu_final:hover {
   color: #EE7A00;
   }



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

/* Botão para Link */

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

/* 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 #281312;
     background: #512524;
     padding: 12px 25px;
     border-radius: 8px;
     color: white;
     font-size: 14px;
}
.botao_formulario:hover {
    cursor: pointer;
    color: #EE7A00;
   }



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

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