/* Propriedades Globais */
html
{
background:#006564;
}

body
{
background:#006564 url(../imagens/bg-raios.jpg) center top no-repeat;
font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
font-size:62.5%; text-align:left;
}

.clear
{
clear:both;
}

a:hover
{
text-decoration:none;
}

#header
{
position:relative; margin:0 auto;
width:960px; height:265px;
background:url(../imagens/bg-barao-curso.jpg) center top no-repeat;
}

#header h1
{
position:absolute; top:62px; left:50px;
width:200px; height:105px;
text-indent:-90000px;
}

#header h1 a
{
display:block;
width:100%; height:100%;
background:url(../imagens/logo.png) no-repeat;
}

/* Header Carreira */
#carreira #header
{
background:url(../imagens/bg-header-carreira.jpg) center top no-repeat;
}

#carreira #header h1
{
top:56px;
height:113px;
}

#carreira  #header h1 a
{
background:url(../imagens/logo-carreira.png) no-repeat;
}

/* Header Espaço do Aluno */
#espacoAluno #header, #diplomatizando #header, #mapaSite #header, #trabalheConosco #header, #indiqueAmigo #header
{
background:none;
}

#espacoAluno #header h1, #diplomatizando #header h1, #faleConosco #header h1
{
top:56px;
height:113px;
}

#espacoAluno  #header h1 a
{
background:url(../imagens/logo-espaco-aluno.png) no-repeat;
}

/* Header Diplomatizando */
#diplomatizando  #header h1 a
{
background:url(../imagens/logo-diplomatizando.png) no-repeat;
}

/* Header Fale Conosco */
#faleConosco #header
{
background:url(../imagens/bg-header-barao-02.jpg) center top no-repeat;
}

/* Botão Feed RSS */
p.feed
{
position:absolute; top:0; right:0;
width:122px; height:40px;
text-indent:-90000px;
}

p.feed a
{
display:block;
width:100%; height:100%;
background:url(../imagens/btn-feed-combo.png) no-repeat;
}

p.feed a:hover
{
background:url(../imagens/btn-feed-combo.png) 0 -40px no-repeat;
}

/* Área de Login - Entrar */

/* Botão Dúvidas */
p.entrarDuvidas
{
position:absolute; top:13px; right:10px;
width:16px; height:15px;
}

p.entrarDuvidas a, p.entrarDuvidas a:hover
{
background:none;
}

/* CSS Tooltip */
a.info
{
position:relative; /*this is the key*/
z-index:24;
color:#000;
text-decoration:none
}

a.info:hover
{
z-index:25;
}

a.info span
{
display:none
}

a.info:hover span
{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:1.2em; left:1.5em; width:15em; padding:5px;
border:1px solid #c1a423;
background:#f9e070; color:#006665;
text-align:left; line-height:1.5em;
}

#formEntrar a.info:hover span
{
left:-16em;
}

/* Form Login */
#formEntrar
{
position:absolute; top:48px; right:33px;
width:206px; height:145px;
background:url(../imagens/bg-entrar.png) no-repeat;
color:#fff; font-size:12px;
}

#formEntrar legend
{
display:block;
padding:13px 0 15px 10px;
font-size:18px; font-weight:bold; color:#f9e070;
}

#formEntrar a
{
color:#fff;
}

#formEntrar label
{
display:block;
width:63px;
margin-right:7px;
float:left;
text-align:right; line-height:20px;
}

#formEntrar input
{
float:left;
width:112px; height:13px;
margin-bottom:5px; padding:2px;
font-size:11px; color:#666;
border:1px solid #67b3b0;
}

#formEntrar input:focus
{
border:1px solid #006564;
background:#fff1b3;
}

/* Recuperar Senha */
#formEntrar p.recuperarSenha
{
clear:both;
margin-left:70px;
font-size:10px;
}

/* Botão Entrar */
#formEntrar p.btnEntrar
{
margin:10px 0 0 70px;
}

#formEntrar p.btnEntrar input
{
border:0;
text-indent:-90000px;
width:59px; height:21px; padding:0;
cursor:pointer;
background:url(../imagens/btn-entrar.gif) no-repeat;
}

#formEntrar p.btnEntrar input:hover
{
background:url(../imagens/btn-entrar.gif) 0 -20px no-repeat;
}

/* Busca */
#formBusca
{
position:absolute; bottom:8px; right:0;
clear:both;
}

#formBusca legend
{
display:none;
}

#formBusca input
{
font-size:12px; color:#666;
border:1px solid #67b3b0; padding:2px;
width:175px;
margin-right:7px;
float:left;
}

#formBusca input:focus
{
border:1px solid #006564;
background:#fff1b3;
}

/* Botão Buscar */
#formBusca p.btnBuscar
{
float:left;
margin-top:-1px;
}

#formBusca p.btnBuscar input
{
border:0;
text-indent:-90000px;
width:70px; height:20px; padding:0;
cursor:pointer;
background:url(../imagens/btn-buscar.gif) no-repeat;
}

#formBusca p.btnBuscar input:hover
{
background:url(../imagens/btn-buscar.gif) 0 -20px no-repeat;
}

/* Footer */
#footer
{
position:relative;
width:940px; height:52px;
clear:both;
margin:0 auto;
font-size:11px; color:#fff;
background:url(../imagens/bg-footer.gif) no-repeat;
}

#footer a
{
color:#f9e070;
}

#sombra
{
position:relative;
width:940px; height:24px;
clear:both;
margin:0 auto;
font-size:11px; color:#fff;
background:url(../imagens/bg-sombrinha.gif) no-repeat;
}

#ranking
{
position:relative;
width:940px;
/* height:52px; */
clear:both;
margin:0 auto;
font-size:11px; color:#fff;
background: #004140;
}

#ranking h1
{
	font-size:12px; color:#f9e070; weight: bold;
}

#ranking h2
{
	font-size:11px; color:#fff;
}

#ranking li
{
float:left;
margin:0 24px 24px 0;
text-align: left;
}


p.copyright
{
position:absolute; top:22px; left:19px;
}

p.copyright span.logo
{
display:block;
width:79px; height:14px; margin:-4px 10px 0 0;
float:left;
text-indent:-90000px;
background:url(../imagens/logo-clio-footer.gif) no-repeat;
}

/* Navegação Footer */
ul#footerNav
{
position:absolute; top:22px; left:530px;
list-style:none;
}

ul#footerNav li
{
float:left;
}

/* Créditos */
p.creditos
{
position:absolute; top:20px; right:20px;
width:9px; height:15px;
text-indent:-90000px;
}

p.creditos a
{
display:block; width:100%; height:100%;
background:url(../imagens/3.gif) no-repeat;
}

#pop{
display:block;
position:absolute;
top: 0; left:50%;
margin-left:-482px;
width:965px;
height:540px;
z-index: 100;
}