/* CSS Document */

/* Regras Gerais
----------------------------------------------- */

* { padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

/* Altera a cor do fundo */
body { background: #fff url(../media/bg.gif) repeat-x; }

/* Muda as definições dos links */
a { text-decoration: none; color: 000; }

/* Muda as definições da lista */
ul { list-style: none; list-style-type: none; }

/* Definições dos header */
h1 { text-ident: -9000px; }

/* Div geral que segura tudo centralizado
----------------------------------------------- */

#geral {
background-color: #dfe9f3;
width: 770px;
margin: 0 auto;
}

/* Div #topo - navegação topo
----------------------------------------------- */

#topo {
width: 770px;
height: 65px;
background-image: url(../media/topo.jpg);
float:left;
}

/*
#topo a {
color: #153b63;
border-right: 1px solid #FF0000;
padding: 10px;
}

#topo ul {
width: 770px;
background-color: #b4c6d9;
list-style: none;
font-size:10px;
}

#topo li {
display: block;
float: left;
}
*/

#mainNav
{
margin: 0;
padding: 0;
width: 770px;
font-size: 10px;
}

#mainNav ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#mainNav li
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#mainNav a
{
color: #153b63;
display: inline;
width: auto;
text-decoration: none;
background: #b4c6d9;
margin: 0;
padding: 0px 10px;
border-right: 1px solid #FFF;
}

/* Div que segura o conteúdo da esquerda
----------------------------------------------- */

#contentEsquerda {
clear:both;
float:left;
width: 180px;
background-color: #fff;
color: #fff;
}
#contentEsquerda2 {
clear:both;
float:left;
width: 180px;
background-color: #153b63;
color: #fff;
}
#contentEsquerda2 p {
padding-left: 5px;
font-size: 12px;
}

#menu {
padding: 10px 0 10px 0px;
background-color: #153b63
}

#menu h2 {
font-size: 12px;
padding-left: 10px;
margin-bottom: 5px;
}

#menu a {
padding: 0 0px;
color: #fff;
font-size: 11px;
}

#menu ul {
list-style: none;
font-size:12px;
}

#menu li {
margin-left: 10px;
border-bottom: 1px solid #b4c6d9;
}

#menu li:hover {
background-color: #1b528c;
}

.login {
width: 160px;
background-color:#b4c6d9;
padding: 10px;
float:right;
margin-bottom: 0;
color: #153b63;
font-size: 12px;
}

/* Div que segura o conteúdo da direita
----------------------------------------------- */

#contentDireita {
float: left;
width: 590px;
color: #153b63;
background-color:#fff;
}

#contentDireita p {
padding: 10px;
}

/* Div #rodape
----------------------------------------------- */

#rodape {
width: 770px;
height: 20px;
background-color:#b4c6d9;
background-image: url(../media/rodape.jpg);
clear:both;
}

table {
margin-top: 10px;
}

.link {
font-size: 10px;
color: #FFFFFF;
}

.link:hover {
color: #153b63;
}

#checkbox {
background-color: #000;
width:auto;
}

/* Estilos dos forms
----------------------------------------------- */

form {
margin: 0;
padding: 0;
color: #153b63;
font-size: 10px;
}

fieldset {
width: 150px;
border: 0;
margin: 0 0 0px 0;
padding: 0px;
}

fieldset#testForm {
width: 150px;
border: 0;
margin: 0 0 0px 0;
padding: 10px;
}

legend {
font-weight: bold;
margin: 0px;
color: #000;
}

.login legend, #testForm legend {
display: none;
}

label {
display: none;
}

.login label {
display: block;
font-weight: bold;
}

input {
width: 145px;
margin-top:0;
margin-bottom: 5px;
padding: 1px;
border: 0;
background: #dfe9f3;
color: #333;
}

input.option {
width: auto;
}

table textarea { 
background-color: #dfe9f3;
color:#333;
}

#testForm label {
display: block;
font-weight: bold;
}


#testForm input{
width: 350px;
margin-top:0;
margin-bottom: 5px;
padding: 1px;
border: 0;
background: #dfe9f3;
color: #333;
}

textarea {
margin-top:0;
padding: 2px;
border: 0;
background: #D7E7E9;
color: #333;
}

.login input {
display: block;
}

input.submit {
margin-top: 10px;
border: 0;
color:#FFFFFF;
padding: 2px;
background: #153b63;
font-size: 9px;
width: 50px;
}

.clear {
width: 770px;
height: 20px;
background-color:#000;
display: block;
clear:both;
}