/************************/
/*      HTML Tags       */
/************************/
* {
	font-family: Arial;
	font-size: 11px;
	line-height: 15px;
	padding: 0px;
	margin: 0px;
	color: #333;
	border: 0px;
}
body {
	background-color: #fff;
	text-decoration: none;
	text-align: left;
}
select{
	border: 1px solid #696969;
	padding: 1px 1px 1px 3px;
	margin-bottom: 10px;
}
input, textbox {
	border: 1px solid #696969;
	padding: 1px 1px 1px 3px;
	margin-bottom: 10px;
	height: 18px;
}
input.radio {
	margin-bottom: 10px;
	border: 0px;
	height: 15px;
}
label {
	padding-right: 4px;
	text-align: right;
	line-height: 18px;
	display: block;
	width: 180px;
	float: left;
}
label.naoFixo {
	height: 18px;
	vertical-align: top;
	padding-left: 4px;
	width: auto !important;
	float: none !important;
	display: inline !important;
	padding-bottom: 4px;
}
a {
	color: #1a417a;
	text-decoration: underline;
}
a:hover {
	color: #ccc;
}
ul.mensagemErro{
	margin-left: 0px;
	color: #f00;
	text-align: center;
}

ul.mensagemErro li{
	color: #f00;
}
ul.pagnet{
	color: white;
}
ul.pagnet li{
	color: white;
}
ul li {
	list-style: disc;
	list-style-position: inside;
}
span.campoObrigatorio{
	color: #f00;
	vertical-align: top;
}
img.imgCalendar{
	vertical-align: top;
	cursor: pointer;
	border: 0px;
}
textarea {
	margin-bottom: 10px;
	border: 1px solid #696969;
	font-size: 10px;
}
table {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
table.carta {
	border: 0px;
}
thead {
	background: #819DB0 url("../imagens/figuras/fundo_th.jpg") repeat-x;
}
thead.theadEscola {
	background: #8BC8A0 url("../imagens/figuras/fundo_th_escola.jpg") repeat-x;
}
thead.theadEstudante {
	background: #f49448 url("../imagens/figuras/fundo_th_estudante.jpg") repeat-x;
}
th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: 28px;
	color: #fff;
}
td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
	padding: 3px 5px;
}
form span{
	vertical-align: top;
}

.textoClaro{
	background-color: #f9f9f9;	
}
.textoEscuro{
	background-color: #eaeaea;	
}

div.vagasZebra{
	background-color: #f7f7f7;
}

/************************/
/*  Estrutura do Site   */
/************************/
#divSite {
	float: left;
	width: 776px;
}
#divCabecalho {
	float: left;
	width: 790px;
}
#divLogoCIEE{
	float: left;
	width: 166px;
	padding-top: 8px;
}
#divPublicoAlvo{
	float: left;
	width: 612px;
	padding-left: 8px;
	padding-bottom: 8px;
}
#divPublicoAlvo a{
	display: block;
	float: left;
}
#divCentral{
	float: left;
	width: 776px;
	min-height: 230px;
	_height: 230px;
}

/************************/
/*       Menu Topo      */
/************************/
#divMenuTopo{
	border: 0px solid #000;
	margin-bottom: 3px;
}
#divMenuTopo li{
	background: url("../imagens/cabecalho/separador.jpg") top left no-repeat;
	text-align: center;
	list-style: none;
	display: inline;
	height: 35px;
	float: left;
}
#divMenuTopo li.semSeparador {
	background-image: none;
}
#divMenuTopo a.naoAtivo{
	padding: 3px 2px 0px 19px;
	text-decoration: none;
	font-weight: bolder;
	font-size: 10px;
	display: block;
	float: left;
	height: 30px;
	color: #999;
}
#divMenuTopo a.ativo{
	padding: 3px 2px 0px 19px;
	text-decoration: none;
	font-weight: bolder;
	font-size: 10px;
	display: block;
	float: left;
	height: 30px;
	color: #1a417a;
}

/************************/
/*       Conteúdo       */
/************************/
#divConteudo{
	padding-left: 8px;
	float: left;
	width: 602px;
	border: 0px solid #000;
}
#divConteudo h2{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 4px;
}
#divConteudo h3{
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 4px;
}
#divConteudo p {
	margin: 8px 0px;
}
#divConteudo ul {
	margin-bottom: 16px;
}
#divConteudo img.botaoEnviar{
	cursor: pointer;
	border: 0px;
	width: 78px;
	height: 29px;
}
#divConteudo img.botaoEnviarMail{
	cursor: pointer;
	border: 0px;
}
#divConteudo img.botaoLimpar{
	cursor: pointer;
	border: 0px;
	width: 78px;
	height: 29px;
}
#divConteudo img.botaoListarEstudantes{
	cursor: pointer;
	border: 0px;
}

/************************/
/*       Templates      */
/************************/
#home{
	width: 602px;
	float: left;
}
#home h2, #home h3, #home a {
	text-decoration: none;		
}
#home a:hover {
	text-decoration: underline;
	color: #000;
}
#institucional{
	width: 602px;
	float: left;
}
#institucional h2, #institucional h3, #institucional a {
	color: #1f4e94;
}
#institucional a:hover {
	color: #ccc;
}
#institucional h4.separador {
	background: #fff url(../imagens/institucional/separadorConteudoCadastro.gif) no-repeat;
	padding: 3px 0 0 8px;
	margin: 8px 0 8px;
	display: block;
	height: 22px;
	width: 600px;
	color: #fff;
}
#externo{
	width: 602px;
	float: left;
}
#externo h2, #externo h3, #externo a {
	color: #1f4e94;
}
#externo a:hover {
	color: #ccc;
}
#externo h4.separador {
	background: #fff url(../imagens/institucional/separadorConteudoCadastro.gif) no-repeat;
	padding: 3px 0 0 8px;
	margin: 8px 0 8px;
	display: block;
	height: 22px;
	width: 600px;
	color: #fff;
}


#escola{
	width: 602px;
	float: left;
}
#escola h2, #escola h3, #escola a {
	color: #008f30;
}
#escola a:hover {
	color: #ccc;
}
#escola h4.separador {
	background: #fff url(../imagens/escola/separadorConteudoCadastro.gif) no-repeat;
	padding: 3px 0 0 8px;
	margin: 8px 0 8px;
	display: block;
	height: 22px;
	width: 600px;
	color: #fff;
}
#estudante{
	width: 602px;
	float: left;
}
#estudante h2, #estudante h3, #estudante a {
	color: #ee6a00;
}
#estudante h4.separador {
	background: #fff url(../imagens/estudante/separadorConteudoCadastro.gif) no-repeat;
	padding: 3px 0 0 8px;
	margin: 8px 0 8px;
	display: block;
	height: 22px;
	width: 600px;
	color: #fff;
}


#estudante a:hover {
	color: #ccc;
}
#empresa{
	width: 602px;
	float: left;
}
#empresa h2, #empresa h3, #empresa a {
	color: #1f4e94;
}
#empresa h4.separador {
	background: #fff url(../imagens/empresa/separadorConteudoCadastro.gif) no-repeat;
	padding: 3px 0 0 8px;
	margin: 8px 0 8px;
	display: block;
	height: 22px;
	width: 600px;
	color: #fff;
}
#empresa a:hover {
	color: #ccc;
}
.menu_home_fundo {
	background: #fff url("../imagens/home/menu_home_fundo.jpg") repeat-y;
}
.menu_institucional_fundo {
	background: #fff url("../imagens/institucional/menu_institucional_fundo.jpg") repeat-y;
}
.menu_estudante_fundo {
	background: #fff url("../imagens/estudante/menu_estudante_fundo.jpg") repeat-y;
}
.menu_empresa_fundo {
	background: #fff url("../imagens/empresa/menu_empresa_fundo.jpg") repeat-y;
}
.menu_escola_fundo {
	background: #fff url("../imagens/escola/menu_escola_fundo.jpg") repeat-y;
}
.menu_externo_fundo {
	background: #fff url("../imagens/institucional/menu_institucional_fundo.jpg") repeat-y;
}

/************************/
/*     Menu Lateral     */
/************************/
#menuLateral {
	text-align: right;
	width: 165px;
	float: left;
	padding-top: 10px;
}
.menu_home_topo {
	background: url("../imagens/home/menu_home_topo.jpg") top no-repeat;
}
.menu_institucional_topo {
	background: url("../imagens/institucional/menu_institucional_topo.jpg") top no-repeat;
}
.menu_estudante_topo {
	background: url("../imagens/estudante/menu_estudante_topo.jpg") top no-repeat;
}
.menu_empresa_topo {
	background: url("../imagens/empresa/menu_empresa_topo.jpg") top no-repeat;
}
.menu_escola_topo {
	background: url("../imagens/escola/menu_escola_topo.jpg") top no-repeat;
}
.menu_externo_topo {
	background: url("../imagens/institucional/menu_institucional_topo.jpg") top no-repeat;
}
#menuLateral h4 {
	font-size: 14px;
	font-weight: bold;
	padding-right: 15px;
	margin-bottom: 16px;
	color: #fff;
}
#menuLateral ul {
	list-style-type: none;
	padding-bottom: 20px;
	line-height: 18px;
	padding-right: 8px;
}
#menuLateral ul li {
	font-size: 11px;
	list-style: none;
}
#menuLateral a {
	text-decoration: none;
	color: #fff;
}
#menuLateral a.destaque {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}
#divFaleConosco{
	padding-right: 14px;
	color:#fff;
}
#divFaleConosco b{
	color:#fff;
}
#divFaleConosco .duvidas{	
	padding: 0px 0px 14px 0px;
}
/************************/
/*     Login Empresa    */
/************************/
#frmLoginEmpresa {
	background: url("../imagens/home/separador.jpg") bottom no-repeat;
	padding-bottom: 8px;
	text-align: left;
}
#frmLoginEmpresa h2 {
	padding: 0px 0px 10px 10px;
	font-weight: bold;
	font-size: 14px;
	color: #1a417a;
}
#frmLoginEmpresa label {
	display: inline !important;
	float: left !important;
	vertical-align: top;
	font-size: 10px;
	color: #7b7b7b;
	width: 60px;
}
#frmLoginEmpresa input {
	border: 1px solid #ccc;
	width: 70px;
	float: left;
}
#frmLoginEmpresa a.imgBotao {
	padding-right: 3px;
	float: right;
}
#frmLoginEmpresa a.linkSenha {
	font-weight: bold;
	font-size: 9px;
	color: #1a417a;
}
#divErro{
	text-align:center;
	height: 96px;
	padding: 23px 0px;
	color: #fff;
}
#divErro a{
	clear: both;
	font-weight: bold;
}

/************************/
/*     Acesso Rápido    */
/************************/
#menuAcessoRapido {
	padding: 8px 4px 0px 0px;
	width: 165px;
	float: left;
}
#menuAcessoRapido h3 {
	font-size: 10px;
	padding-bottom: 12px;
	padding-right: 8px;
}
#menuAcessoRapido h4 {
	padding-right: 8px;
	margin: 0px;
}
#menuAcessoRapido .duvidas, #menuAcessoRapido ul.duvidas a {
	color: #666;
}
#menuAcessoRapido .estudante, #menuAcessoRapido ul.estudante a {
	color: #ee6a00;
}
#menuAcessoRapido .empresa, #menuAcessoRapido ul.empresa a {
	color: #1a417a;
}
#menuAcessoRapido .escola, #menuAcessoRapido ul.escola a{
	color: #008f30;
}
#menuAcessoRapido .default{
	color: #666666;
	
}

/************************/
/*         Home         */
/************************/
div.divNoticia {
	width: 190px;
	float: left;	
	padding-left: 6px;
}
div.divNoticia img {
	margin-top: 6px;
}
div.divTextoBanner {
	width: 380px;
	height: 250px;
	float: left;	
	padding-left: 6px;
}
div.divBanner {
	margin-bottom: 8px;
	width: 301px;
	float: left;
}
#divUltimasNoticias {
	padding-left: 6px;
	width: 395px;
	float: left;	
}
#divUltimasNoticias h5 {
	padding-top: 8px;
	font-size: 12px;
	color: #1a417a;
}
#divUltimasNoticias a{
	font-weight: bolder;
	line-height: 10px;
}
a.vejaMais {
	padding-left: 6px;
	text-decoration: underline;
	padding-top: 8px;
	font-size: 10px;
	color: #666;
	display: block;
	width: 395px;
	float: left;	
}
/************************/
/*   Vagas Estágio      */
/************************/
#divVagasEstagio {
	background-color: #fff;
	margin-right: 3px;
	width: 195px;
	float: right;	
}
#divVagasEstagio h3 {
	padding-left: 12px;
	font-weight: bolder;
	font-size: 15px;
}
#divVagasEstagio h3.home {
	color: #1a417a;
}
#divVagasEstagio h3.estudante {
	color: #ee6a00;
}
#divVagasEstagio h4 {
	padding: 0px 12px;
	font-weight: bolder;
	font-size: 10px;
	color: #666;
}
#divVagasEstagio div.conteudo{
	background: #fff url("../imagens/home/vagasEstagioCentro.gif") repeat-y;
	width: 195px;
	float: left;
}
#divVagasEstagio div.topo {
	background: #e6e6e6 url("../imagens/home/vagasEstagioTopo.gif") no-repeat;
	width: 195px;
	height: 8px;
	float: left;	
}
#divVagasEstagio div.base {
	background-image: url("../imagens/home/vagasEstagioBase.gif");
	background-repeat: no-repeat;
	margin-bottom: 4px;
	width: 195px;
	height: 8px;
	float: left;
}
#divVagasEstagio ul {
	padding: 4px 0px 0px 0px;
	margin: 4px 0px 0px 0px;
	font-size: 10px;
	width: 195px;
	float: left;
}
#divVagasEstagio ul.vaga {
	font-size: 11px;
}
#divVagasEstagio ul.vaga li {
	background: url("../imagens/home/separadorVagasEstagio.jpg") bottom no-repeat;
	padding-top: 2px;
	padding-bottom: 10px;
	list-style: none;
	list-style-position: outside;
}
#divVagasEstagio ul.vaga li a {
	text-decoration: none;
	font-weight: bolder;
	padding-top: 3px;
	font-size: 10px;
	display: block;
	color: #666;
}
#divVagasEstagio ul.vaga li a:hover {
	text-decoration: underline;
	color: #666;
}
#divVagasEstagio ul li {
	list-style-position: inside;
	padding: 0px 0px 0px 12px;
}
#divVagasEstagio ul.mais_home li {
	color: #1a417a;
}
#divVagasEstagio ul.mais_estudante li {
	color: #ee6a00;
}
#divVagasEstagio ul li a {
	text-decoration: none;
}
#divVagasEstagio ul li a:hover {
	text-decoration: underline;
}
#divVagasEstagio ul.mais_home li a {
	color: #1a417a;
}
#divVagasEstagio ul.mais_home li a:hover {
	color: #1a417a;
}
#divVagasEstagio ul.mais_estudante li a {
	color: #ee6a00;
}
#divVagasEstagio ul.mais_estudante li a:hover {
	color: #ee6a00;
}

div.divDetalhaVagasEstagio{
	border: 1px dashed #ccc;
	margin-bottom: 8px;
	padding: 10px;
	width: 580px;
	float: left;
}
div.divCIEEResponsavel{
	font-weight: bold;
	text-align: right;
	float: right;
	width: 580px;
}

/************************/
/*         Wait         */
/************************/
#divWait
{
	background: #fff url("../imagens/loading.gif") no-repeat;
	padding: 13px 10px 0 50px;
	border: 1px solid #999;
	position: absolute;
	font-weight: bold;
	display: none;
	height: 28px;
	_height: 41px;
	left: 355px;
	color: #999;
	top: 350px;
}

/************************/
/*       Rodape         */
/************************/
#divRodape{
	background-color: #1a417a;
	font-size: 10px;
	width: 776px;
	height: 40px;
	float: left;
}
#divRodape ul{
	display: inline; 
}
#divRodape ul li{
	display: inline;
	float: left;
}
#divRodape a{
	text-decoration: none;
	display: inline;
	color: #fff;
}
#divRodape a:hover{
	text-decoration: underline;
}
#divRodape div.adornoRodape{
	background: #1a417a url("../imagens/rodape/adorno_rodape.jpg") top no-repeat;
	height: 23px;
	width: 15px;
	float: left;
}
#divRodape div.item{
	padding: 8px;
	color: #fff;
	float: left;
}

.mensagemErro, .mensagemDetalhe{
	color: #f00;
}

/************************/
/*       Beneficios     */
/************************/
p.categoria{
	color:#ee6a00; 
	font-weight: bolder;
}
span.logotipo{
	width: 150px; 
	float:left; 
	vertical-align: middle;
}
span.beneficio{
	float:left; 
	width: 70%; 
	padding-bottom: 10px;
}

/*****************************/
/*     Login Acesso Exerno   */
/*****************************/
#frmLoginExterno {
	padding-bottom: 8px;
	text-align: left;
	color: #fff;
}

#frmLoginExterno label {
	display: inline !important;
	float: left !important;
	vertical-align: top;
	font-size: 9px;
	width: 80px;
	color: #666;
	font-weight: bold;
}

#frmLoginExterno input {
	border: 1px solid #fff;
	width: 50px;
	float: left;
}

#frmLoginExterno h2 {
	padding: 0px 0px 10px 10px;
	font-weight: bold;
	font-size: 14px;
	color: #666666;
}