html, body {
    height: 98%;
    padding: 0px;
    margin: 0px;
}

body {
    font-family: Arial;
    font-size: 16px;
    color: #555;
}

/*******************************************************************/
/*******************************************************************/
/* Estilos Genéricos */


/* Grid */
/*******/

.canvasTable
{
    display: table;
    height: 100%;
    width: 100%;
}

.canvasTable .canvasTableCell 
{
    display: table-cell;
    vertical-align: middle;
}

.canvasTable .canvasTableCell .conteudo 
{
    display: table;
    margin: auto;
}

.canvasTable .canvasTableCell .conteudo > div
{
    display: table-cell;
    vertical-align: middle;
}


/* Areas */
/*********/

.conteudo .wrapImagem 
{
    width: 120px;
    text-align: center;
    padding-right: 20px;
}

.conteudo .wrapImagem .imagemDoErro {
    width: 160px;
    height: 160px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.conteudo .wrapErro .codigoDoErro {
    font-size: 72px;
    font-weight: bold;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 15px;
}

.conteudo .wrapErro .textoDoErro {
    
}

.conteudo .wrapErro .textoDoErro .mensagem
{
    font-size: 22px;
}

.conteudo .wrapErro .textoDoErro .subMensagem
{
    font-size: 14px;
    padding: 5px 0px;
}

/*******************************************************************/
/*******************************************************************/
/* Estilos Especificos */

/* 401 */
/*******/

.conteudo.erro401 {
   
}

.conteudo.erro401 .wrapImagem .imagemDoErro {
    background-image: url("images/icones/hand86.png");
}

.conteudo.erro401 .wrapErro .codigoDoErro {
    color: #339999;
}

.conteudo.erro401 .wrapErro .textoDoErro .mensagem {
    color: #339999;
}

.conteudo.erro401 .wrapErro .textoDoErro {
    
}

/* 404 */
/********/

.conteudo.erro404 {
    
}

.conteudo.erro404 .wrapImagem .imagemDoErro {
    background-image: url("images/icones/magnifier13.png");
}

.conteudo.erro404 .wrapErro .codigoDoErro {
    color: #999;
}

.conteudo.erro404 .wrapErro .textoDoErro .mensagem {
    color: #999;
}

.conteudo.erro404 .wrapErro .textoDoErro {
    
}


/* 500 */
/********/

.conteudo.erro500 {
    
}

.conteudo.erro500 .wrapImagem .imagemDoErro {
    background-image: url("images/icones/triangle38.png");
}

.conteudo.erro500 .wrapErro .codigoDoErro {
    color: #CC6600;
}

.conteudo.erro500 .wrapErro .textoDoErro {
    
}

.conteudo.erro500 .wrapErro .textoDoErro .mensagem {
    color: #CC6600;
}

.conteudo.erro500 .wrapErro .detalhesDoErro {
    border-top: 1px solid #eeeeee;
    margin-top: 25px;
    padding: 15px;
    background: #F6F6F6;
    font-size: 12px;
}

.conteudo.erro500 .wrapErro .detalhesDoErro pre {
 
}

.conteudo .wrapErro .textoDoErro .idDoErro 
{
    font-size: 11px;
    color: #ccc;
    margin-top: 15px;
}