/*********************************************************************/
/**** NAO ALTERAR ESTE ARQUIVO ***************************************/
/*********************************************************************/
/*** INICIO DO CODIGO PARA PADRONIZAR PROPRIEDADES NOS NAVEGADORES ***/
/*********************************************************************/
/* Padronizacao do tamanho dos heads */
h1 { font-size: 250%; font-weight: normal;}
h2 { font-size: 200%; font-weight: normal;}
h3 { font-size: 150%; font-weight: normal;}
h4 { font-size: 120%; font-weight: normal;}
h5 { font-size: 110%; font-weight: normal;}
h6 { font-size: 100%; font-weight: bold;}

p { margin-bottom: 0.5em; }
ul, ol { margin-left: 1.5em; list-style-position: outside; }

hr { clear: both; float: none; width: 100%; }
* html body hr { margin: -7px; display: block;}  /* HR tem uma altura extra misteriosa no IE */
fieldset { display: block; border: 2px ridge #FFF; padding: 10px; } /* fieldset não é block em todos */
li { vertical-align: top; line-height: 1.2em;}  /* IE: posição vertical do marcador no IE  e espaço extra fantasma em lis*/
li a { zoom: 1; line-height: 1.2em; }  /* complemento do anterior */
input[type=hidden]{ display: none !important; visibility: hidden !important;} /* input hidden no FF */
button { border: 1px outset #AAA; }
legend { margin-bottom: 1.4em; } /* Fixes incorrect styling of legend in IE6 fieldsets. */
label { display: block;}
table { border-collapse: separate; border-spacing: 0; }
caption, th, thead, tfoot { text-align: center; font-weight: bold; }
blockquote:before, blockquote:after,q:before, q:after { content: “”; }
blockquote, q { quotes: "" ""; }
pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* FF 1999 */
      white-space: -pre-wrap; /* OP 4-6 */ white-space: -o-pre-wrap; /* OP 7 */  word-wrap: break-word; /* IE 5.5+ */
}
/*********************************************************************/
/*** FIM DO CODIGO PARA PADRONIZAR PROPRIEDADES NOS NAVEGADORES ******/
/*********************************************************************/

/********************************************/
/*** INICIO DO CODIGO PARA FIXAR O RODAPE ***/
/********************************************/
html, body { height:100%; }
* html #area_util { height: 100%; }
#area_util { position: relative; margin:0px auto; min-height:100%; text-align:left; border-width:0 1px; }
body { margin: 0px; padding: 0px; text-align: center; }
#cabecalho { left: 0px; right: 0px; width: auto;}
#corpo { left: 0px; right: 0px; width: auto;}
#rodape {left: 0px; right: 0px; width: auto; position: absolute; bottom: 0; }
/********************************************/
/*** FIM DO CODIGO PARA FIXAR O RODAPE ******/
/********************************************/


/**************************************************/
/*** INICIO DO CODIGO PARA O PSEUDOCLASS NO IE6 ***/
/**************************************************/
/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6   */
/* http://elmicox.blogspot.com/2008/03/ativando-hover-e-first-child-no-ie-6-um.html */
* html * { color: expression( (function(who){ if(!who.MXPC){
    who.MXPC = '1';
    if(who.nodeName != 'A'){
        who.onmouseenter=function(){ who.className += ' hover'};
        who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
    (who==who.parentNode.firstChild) ? who.className += ' first-child' : '';
} } )(this) , 'auto') }
/**************************************************/
/*** FIM DO CODIGO PARA O PSEUDOCLASS NO IE6 ******/
/**************************************************/



/*******************************************************/
/* OBRIGATORIO TER ESSAS 5 AREAS PARA FIXAR O RODAPE:  */
/* #area_util, #topo, #conteudo, #rodape e #rodapeTemp */
/*******************************************************/
#area_util {
    width: 100%px; /* LARGURA DA AREA UTIL DO SITE */
}
#cabecalho {
    text-align:center;
}
#corpo {
    text-align:left;
}
#rodape {
    height:34px; /* ALTURA DO RODAPE - Lembrar de alterar tambem no "rodapeTemp"(logo abaixo) */
}
#rodapeTemp { /*ESTA AREA DEVE TER SOMENTE UMA PROPRIEDADE: padding-bottom */
    padding-bottom:20px;  /* Valor igual a altura(height) definida no "rodape"(logo acima). Obs.: tavez precise de algum ajuste se o rodape utilize bordas */
}



body {
    padding: 0px;
    margin: 0px;
    background-color: #cccccc;
    background-image:url(images/bg_site.jpg);
    background-repeat:repeat-y;
    background-position: center;
    font-family: arial;
    font-size:12px;
    color:#333333;
}
img {
    border: 0px;
}
h1 {
    font-size:23px;
    font-family: arial;
    color:#000055;
    font-weight:bold;
}
.corpo {
    font-family: arial;
    font-size: 13px;
    color: #000000;
    padding:20px;
    text-align: justify;
}
.form {
    font-family:arial;
    font-size:11px;
    color:#333333;
}
.formadd {
    font-family:arial;
    font-size:11px;
    font-weight:bold;
    color:#333333;
}
.texto12 {
    font-family:arial;
    font-size: 12px;
    color: #222222;
}
.link {
    color:#ff0000;
    text-decoration:none;
}
.aff {
    text-decoration:none;
    color: #ffffff;
    font-family:arial;
}
.aff11 {
    text-decoration:none;
    color: #ffffff;
    font-family:arial;
    font-size:11px;
}
.titulo {
    font-size:14px;
    color:#000080;
    font-family:arial;
    font-weight:bold;
    text-decoration:none;
}
.subtitle {
    font-size:14px;
    color:#333333;
    font-family:arial;
    font-weight:bold;
    text-decoration:none;
}
.sub {
    margin-left:25px;
    list-style:none;
}