*
{
padding:0;
margin:0;
border:0;
}

body
{
font-size:62.5%;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
background:#00247D url(Imagens/bg.gif) 90% 0 no-repeat;
}

a
{
color:#eacd07;
}

a:hover
{
text-decoration:none;
}

.clear
{
clear:both;
}

/* Conteúdo */

/* Header */
#header
{
position:relative;
margin:0 auto;
width:940px;
height:140px;
}

#header h1
{
position:absolute;
top:30px;
left:30px;
width:332px;
height:78px;
text-indent:-90000px;
}

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

#jpa #header h1
{
background:url(Imagens/logo_online_jpa.gif) no-repeat;
}
/* ---------------- fim do Header ------------------ */

/* Conteúdo */
#content
{
width:940px;
margin:0 auto;
}

/* Tire suas Dúvidas */
.tiraDuvidas
{
position:relative;
width:540px;
float:left;
color:#fff;
padding-top:32px;
}

/* Meu */
.navegacao
{
position:absolute;
top:0;
height:32px;
width:100%;
border-bottom:5px solid #eacd07;
}

.navegacao h2
{
position:absolute;
top:0;
left:5px;
font-size:13px;
line-height:32px;
height:32px;
}

ul.menu
{
position:absolute;
top:0;
left:130px;
list-style:none;
}

ul.menu li
{
line-height:32px;
height:32px;
float:left;
margin-right:3px;
}

ul.menu li a
{
display:block;
color:#403202;
text-decoration:none;
font-size:13px;
padding:0 10px;
background:url(Imagens/bg-menu.jpg) left top repeat-x;
}

ul.menu li a:hover
{
background:#fff;
}

.pais .menu .pais a, .alunos .menu .alunos a, .professores .menu .professores a, .coordenadores .menu .coordenadores a
{
font-size:15px;
font-weight:bold;
color:#00247d;
background:#eacd07;
}

.professores, .coordenadores
{
display:none;
}

/* Links dos Vídeos */
.links
{
background:#001341;
padding:25px 25px 0 25px;
overflow:hidden;
}

.links ul
{
list-style:none;
width:240px;
float:left;
}

.links ul li
{
font-size:12px;
line-height:18px;
}

.links ul li strong
{
display:block;
margin-bottom:5px;
}

.links ul li ul
{
margin:0 0 20px 10px;
padding-left:10px;
list-style:disc;
float:none;
width:auto;
}

.links ul li ul li
{
margin-bottom:5px;
}

.links ul.shadetabs li ul li a.selected
{
text-decoration:line-through;
font-weight:bold;
color:#fff;
}

/* Conteúdo das Abas */
.tabcontent
{
padding:30px 0;
}

.tabcontent h3
{
font-size:18px;
margin-bottom:10px;
}

/* Login */
#areaLogin
{
width:355px;
float:right;
}

#login
{
padding:10px;
border:5px solid #fff;
background:#F3F1E2;
color:#333;
}

#login p
{
margin-bottom:2em;
line-height:1.6em;
font-size:1.2em;
}

/* Form */
#login form p
{
margin-bottom:0;
clear:both;
}

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

input[type="text"], input[type="password"]
{
width:250px;
background:#DCD6A7;
border:1px solid #dcd6a7;
color:#333;
margin-bottom:10px;
padding:4px;
}

input[type="text"]:focus, input[type="password"]:focus
{
outline:none;
background:#fff;
border:1px solid #dcd6a7;
}

input[type="submit"]
{
font-size:1em;
color:#fff;
background:#565338;
font-weight:bold;
margin:0 0 10px 57px;
padding:5px 10px;
}

input[type="submit"]:hover
{
background:#f30;
}

/* Links de Ajuda */
ul.ajuda
{
list-style:none;
}

ul.ajuda li
{
font-size:14px;
margin-bottom:5px;
text-align:center;
}

ul.ajuda li a
{
display:block;
padding:10px;
background:#eacd07;
color:#00247d;
text-decoration:none;
}

ul.ajuda li a span
{
font-size:11px;
}

ul.ajuda li a:hover
{
background:#ffef84;
}