/* reset de margens */
* {
    margin: 0;
    padding:0;
}
 
/* para garantir que estes elementos ocuparão toda a tela */
body, html {
    width: 100%;
    height: 100%;
    font-family: Arial, Tahoma, sans-serif;
}

A:link {
     text-decoration:none;color:#000080;
}
A:visited {
     text-decoration:none;color:#000080;
}
A:active {
     text-decoration:none;color:#999999;
}
A:hover {
     text-decoration:underline;color:#FF0000;
     font-style: bold;
     font-size:14px;
}
 
#fundo-externo {
    overflow: hidden; /* para que não tenha rolagem se a imagem de fundo for maior que a tela */
    width: 100%;
    height: 100%;
    position: relative; /* criamos um contexto para posicionamento */
}
 
#fundo {
    position: fixed; /* posição fixa para que a possível rolagem da tela não revele espaços em branco */
    width: 100%;
    height: 100%;
}
 
#fundo img {
    width: 100%; /* com isso imagem ocupará toda a largura da tela. */
    height: 100%; /* Se colocarmos height: 100% também, a imagem irá distorcer */
    position: absolute;
}
 
#fundo-transparente {
    position: absolute;
    top: 10px; /* para navegador que não suporta CALC */
    top: calc((100% - 590px) / 2);
    left: 10px; /* para navegador que não suporta CALC */
    left: calc((100% - 80%) / 2);
    width: 80%;
    background: #FFF; /* fundo branco para navegadores que não suportam rgba */
    background: rgba(255,255,255,0.7); /* fundo branco com um pouco de transparência */
}

#texto-titulo {
    text-align:center;
    vertical-align: middle;
    font-size:26px;
    font-style: italic;
    color: #000080;
}

#texto-visitante {
    text-align:center;
    vertical-align: center;
    font-size:12px;
    color: #FF0000;
}

#texto-datahora {
    text-align:right;
    font-size:12px;
    color: #FF0000;
}

#texto-menu {
    text-align:left;
    vertical-align: top;
    font-size:14px;
    color: #000080;
}

#texto-home {
    text-align:justify;
    vertical-align: top;
    font-size:12px;
    color: #FF0000;
}

#texto-titulohome {
    text-align:center;
    vertical-align: middle;
    font-size:18px;
    font-style: italic;
    color: #FF0000;
}

#texto-formulario {
    text-align:right;
    vertical-align: middle;
    font-size:14px;
    color: #000080;
}

#texto-formulariocampo {
    text-align:left;
    vertical-align: middle;
    font-size:14px;
    color: #000080;
}

#texto-useronline {
    text-align:left;
    font-size:12px;
    color: #000080;
}

#texto-rodape {
    text-align:center;
    font-size:12px;
    color: #FF0000;
}

p {
   
}
