/* CSS Document */
body
{
font-size:62.5%;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
margin:0 auto;
text-align:center;
background:#00247D url(Imagens/bg.gif) 750px 0 no-repeat;
}

/* Itens Globais */
*
{
padding:0;
margin:0;
font-size:1em;
line-height:1.5em;
border:0;
}

/* Links Gerais */
a
{
color:#039;
}

a:hover
{
text-decoration:none;
color:#039;
}

/* Clear */
.clear
{
clear:both;
}

/* Conteúdo */

/* Topo */
#topo
{
margin:0 auto;
text-align:center;
width:720px;
height:115px;
}

#topo h1
{
margin:20px auto;
text-align:center;
width:332px;
height:78px;
text-indent:-90000px;
}

.login-centro #topo h1
{
background:url(Imagens/logo_online_centro.gif) no-repeat;
}

.login-jpa #topo h1
{
background:url(Imagens/logo_online_jpa.gif) no-repeat;
}

#topo h1 a
{
width:332px;
height:78px;
display:block;
text-decoration:none;
}

#container
{
margin:0 auto;
width:300px;
padding:10px;
border:5px solid #fff;
background:#F3F1E2;
color:#333;
}

#container p
{
margin:0 0 2em 0;
line-height:1.6em;
font-size:1.2em;
text-align:left;
}

#container p.opcoes
{
margin-left:53px;
}

#container p.opcoes2
{
margin-left:57px;
font-size:14px;
font-weight:bold;
}

#container p.opcoes2 span
{
font-size:13px;
}

/* Form */
form
{
margin:2em 0 3em 0;
}

#container form p
{
margin-bottom:1em;
}

label
{
display:block;
width:50px;
text-align:right;
float:left;
padding-right:5px;
}

input
{
width:200px;
height:16px;
background:#DCD6A7;
border:none;
color:#333;
font-size:1.2em;
line-height:16px;
}

input:focus, textarea:focus
{
background:#fff;
}

input.button
{
width:3em;
height:2em;
font-size:0.9em;
color:#fff;
background:#565338;
font-weight:bold;
clear:left;
margin-left:57px;
}

input.button:hover
{
background:#f30;
}