/*
  FIEB - Fundação Instituto de Educação de Barueri
  Estilo base para as páginas do novo site da instituição
  Marcos Vinícius da Silva Santos - 28/04/2010
*/

body{
	background-position:50% 0;
	background-repeat:no-repeat;
}

.bckg1{
	background-image:url(../img/backgrounds/background1440.jpg);
	background-position:50% 0;
	background-repeat:no-repeat;
}

.bckg2{
	background-image:url(../img/backgrounds/background1440_abctransp_antes.jpg);
	background-position:50% 0;
	background-repeat:no-repeat;
}

.bckg3{
	background-image:url(../img/backgrounds/background1440_hitech.jpg);
	background-position:50% 0;
	background-repeat:no-repeat;
}

.bckg4{
	background-image:url(../img/backgrounds/background1440.jpg);
	background-position:50% 0;
	background-repeat:no-repeat;
}

#root{
	font:12px/24px arial, verdana, tahoma, helvetica, sans-serif;
	left:50%;
	margin-left:-435px;
	position:absolute;
	top:0px;
	vertical-align:middle;
	width:870px;
	height:729px;
}

#header{
	color:#000000;
	font-size:10px;
	font-weight:bold;	
	line-height:2;
	padding:0px 0px;
	position:relative;
	text-align:center;
	vertical-align:-100%;
	width:868px;
	height:20px;	
}

#login{	
	color:#ffffff;	
	float:left;
	font-size:10px;
	font-weight:bold;	
	line-height:2;
	padding:0px 0px;
	text-align:center;
	vertical-align:-100%;
	width:418px;
	height:20px;	
}

#modifiquetemas{	
	float:left;
	font-size:9px;
	font-weight:bold;	
	line-height:2;
	padding:0px 0px;
	position:relative;
	text-align:right;
	vertical-align:-100%;
	width:175px;
	height:20px;		
}

.mdft1{
	color:#ffffff;
}

.mdft2{
	color:#000000;
}

.mdft3{
	color:#000000;
}

.mdft4{
	color:#ffffff;
}

#temas{		
	color:#ffffff;
	float:left;
	font-size:10px;
	font-weight:bold;	
	line-height:2%;	
	text-align:right;
	vertical-align:-100%;	
	width:75px;
	height:20px;	
}

#assinaturas{			
	color:#ffffff;
	float:left;
	font-size:10px;
	font-weight:bold;	
	line-height:2%;	
	text-align:right;
	vertical-align:-100%;	
	width:190px;
	height:20px;
}

#bannersuperior{
	width:868px;
	height:100px;	
}

.bnrsup1{
	background-image:url(../img/banners/bannersuperior03.jpg);
	width:868px;
	height:100px;
}

.bnrsup2{
	background-image:url(../img/banners/bannersuperior03_professores.jpg);
	width:868px;
	height:100px;
}

.bnrsup3{
	background-image:url(../img/banners/bannersuperior03_hitech.jpg);
	width:868px;
	height:100px;
}

.bnrsup4{
	background-image:url(../img/banners/bannersuperior03.jpg);
	width:868px;
	height:100px;
}

#navegacao{	
	background-color:#007cc3;
	border-bottom:2px solid #ffd800;	
	position:relative;
	width:868px;
	height:20px;	
}

ul.navegacao{ 
	margin:0; 
	padding:0;
}

ul.navegacao li{
	display:inline;
	float:left;	
	height:20px;
	line-height:20px;
	padding-left:7px;
	padding-right:7px;
}

ul.navegacao li a{
	background:#007cc3;
	border:none;
	color:#ffffff;
	font:12px arial, verdana, tahoma, helvetica, sans-serif;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;
	text-decoration:none;
	width:100px;
}

ul.navegacao a:hover{
	background-color:#004a75;
	border-bottom:medium #ffd800 solid;
	color:#ffffff;	
	padding-left:7px;
	padding-right:7px;
}

.navwrap{
	float:right;
	left:-50%;
	position:relative;	
}

.navwrap ul.navegacao{
	left:50%;
	position:relative;	
}

#menu{
	float:left;
	padding:0;
	width:194px;
	height:559px;
}

ul.menu {
	background-color:#004a75;
	list-style-type:none;
	margin:0;
	padding:0;
	width:194px;
	height:559px;
}

ul.menu li{	
	border-bottom:1px solid #0099cc;
	height:20px;
	line-height:1.7;
	vertical-align:-100%;	
}

ul.menu li a{
	border-left:10px solid #91a9be;
	color:#ffffff;
	display:block;
	font:10px arial, verdana, tahoma, helvetica, sans-serif;
	padding-left:5px;
	padding-bottom:3px;
	text-decoration:none;
	vertical-align:middle;
	line-height:1.7;	
}

ul.menu li a:link, ul.menulateral li a:visited{
	border-left:10px solid #91a9be;
	color:#ffffff;	
	display:block;
	font:10px arial, verdana, tahoma, helvetica, sans-serif;
	padding-left:5px;
	padding-bottom:3px;
	text-decoration:none;
	vertical-align:middle;
	line-height:1.7;
}

ul.menu li a:hover{
	background-color:#fff200;
	border-left:10px solid #ffc800;
	color:#0000ff;
	display:block;
	font:10px arial, verdana, tahoma, helvetica, sans-serif;
	padding-left:5px;
	padding-bottom:3px;
	text-decoration:none;	
	vertical-align:middle;
	line-height:1.7;
}

ul.menu li.tituloDoMenu{	
	color:#ffffff;
	font:14px arial, verdana, tahoma, helvetica, sans-serif;
	font-weight:bolder;	
	text-align:center;
	vertical-align:middle;
	height:20px;
}

#principal{	
	color:#333;
	float:left;	
	background-color:#ffffff;
	padding:0;
	width:501px;
	height:559px;
}

#noticias{
	/*border:1px solid #ffd800;*/
	border:1px solid #d7d7d7;
	margin-top:7px;
	margin-left:9px;
	margin-right:9px;
	margin-bottom:7px;
	overflow:hidden;
	width:482px;
	height:196px;
}

#publicacoes, #publicacoes01, #publicacoes02, #publicacoes03{
	/*border:1px solid #d7d7d7;*/
	margin-top:7px;
	margin-left:9px;
	margin-right:9px;
	margin-bottom:1px;
	text-align:justify;
	overflow:hidden;
	width:482px;
	height:532px;
}

#historia{
	/*border:1px solid #d7d7d7;*/
	/*font:11px arial, verdana, tahoma, helvetica, sans-serif;*/
	margin-top:7px;
	margin-left:9px;
	margin-right:9px;
	margin-bottom:5px;
	text-align:justify;
	overflow:hidden;
	width:482px;	
	height:532px;
}

#contato{
	margin-top:7px;
	margin-left:9px;
	margin-right:9px;
	margin-bottom:1px;
	text-align:justify;
	overflow:hidden;
	width:482px;
	height:532px;
}

.tituloDoContato{	
	font-weight:bold;	
	width:482px;
	height:20px;
}

.campoInvalido{
	background-color:#ffff00;
	border:2px solid #ff0000;
}

.campoValido{
	background-color:#ffffff;
	border:1px solid #007cc3;
}

#contato label{
	float:left;
	font-weight:bold;
	margin-left:45px;
	width:120px;
}

#contato input, #contato textarea{
	width:180px;
	margin-bottom:5px;
}

#contato textarea{
	width:250px;
	height:150px;
}

.boxes{
	width:1em;
}

input#btnEnviar {
	color:#ffffff;
	background-color:#007cc3;
	margin-left:165px;
	margin-top:5px;
	width:90px;
}

input#btnLimpar {
	color:#ffffff;
	background-color:#007cc3;		
	width:90px;
}

ul.listas{
	list-style-type:none;
	margin-top:0px;
	margin-left:15px;
	margin-right:15px;
	padding:0;
	width:452px;	
}

ul.listas li a{
	text-decoration:none;
}

ul.listas li a:link, ul.listas li a:visited{
	color:#004a75;
}

#bloco01, #bloco02, #bloco03, #bloco04, #bloco05, #bloco06, #bloco07, #bloco08{
	/*border:1px solid #ffd800;*/
	border:1px solid #d7d7d7;
	margin-top:7px;
	margin-left:9px;
	margin-right:9px;
	margin-bottom:7px;
	width:482px;
	height:58px;
}

#bloco01 a, #bloco02 a, #bloco03 a, #bloco04 a,
#bloco05 a, #bloco06 a, #bloco07 a, #bloco08 a{
	text-decoration:none;
}

#bloco01 a:visited, #bloco02 a:visited, #bloco03 a:visited, #bloco04 a:visited,
#bloco05 a:visited, #bloco06 a:visited, #bloco07 a:visited, #bloco08 a:visited{
	color:#0000ff;
}

.imagemdobloco{
	/*border-right:1px solid #ffd800;*/
	border-right:1px solid #d7d7d7;
	float:left;
	width:61px;
	height:58px;	
}

.titulodobloco{
	float:left;	
	font-family:arial, verdana, tahoma, helvetica, sans-serif;
	font-size:12px;	
	font-weight:bold;
	line-height:1.5;
	margin:2px;
	overflow:hidden;
	width:413px;
	height:17px;
}

.textodobloco{
	float:left;	
	font-family:arial, verdana, tahoma, helvetica, sans-serif;
	font-size:10px;	
	line-height:100%;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:2px;
	overflow:hidden;
	text-align:justify;
	width:413px;
	height:22px;
}

.publicadopor{
	float:left;	
	font-family:arial, verdana, tahoma, helvetica, sans-serif;
	font-size:9px;
	font-style:italic;
	font-weight:bold;	
	line-height:130%;
	margin-left:2px;
	vertical-align:-100%;
	width:77px;
	height:10px;
}

.quempublicou{
	float:left;	
	font-family:arial, verdana, tahoma, helvetica, sans-serif;
	font-size:9px;
	font-style:italic;	
	font-weight:bold;
	line-height:130%;
	margin-left:-8px;
	vertical-align:-100%;	
	width:263px;
	height:10px;
}

.leiamaisbloco{	
	float:left;
	font-family:arial, verdana, tahoma, helvetica, sans-serif;
	font-size:9px;
	line-height:130%;
	margin-left:2px;
	margin-right:2px;
	text-align:right;
	vertical-align:-100%;
	width:80px;
	height:10px;
}

.leiamaisbloco a{
	text-decoration:none;
}

#blocoduplo01{
	/*border:1px solid #ffd800;*/
	/*border:1px solid #d7d7d7;*/
	margin-top:7px;
	margin-left:9px;
	margin-right:9px;
	margin-bottom:7px;
	width:482px;
	height:123px;
}

#blococentral00,
#blococentral01, #blococentral02, #blococentral03, #blococentral04, #blococentral05,
#blococentral06, #blococentral07, #blococentral08, #blococentral09, #blococentral10,
#blococentral11, #blococentral12, #blococentral13, #blococentral14 {
	font:10px arial, verdana, tahoma, helvetica, sans-serif;
	margin-top:7px;
	margin-left:9px;
	margin-right:9px;
	margin-bottom:7px;
	width:482px;
	height:188px;
}

/* Divisões do Setor de Estágio */
#estagiodepartamento,
#estagiooportunidadesmaisrecentes, #estagiooportunidadesvagasefetivas, #estagiooportunidadesvagasestagio,
#estagiopraticasprofissionais,
#estagiopraticatccoqueeh, #estagiopraticatccformalizacao, #estagiopraticatccrequisitos, #estagiopraticatccduracao,
#estagiopraticaestagiooqueeh, #estagiopraticaestagiodocumentacao, #estagiopraticaestagiorequisitos,
#estagiopraticaestagioduracao,
#estagiolegislacao,
#estagiomodelos, #estagiomodelosmt, #estagiomodelosbf, #estagiomodelosmj, #estagiomodelosms, #estagiomodelosdeclaracoes,
#estagioempresaenviavaga {
	/*border:1px dotted black;*/
	margin-top:7px;
	margin-left:9px;
	margin-right:9px;
	margin-bottom:5px;
	text-align:justify;
	overflow:hidden;
	width:482px;
	height:538px;
}

.navsuperiorestagio {	
	/*border:1px dotted black;*/
	font-weight:bold;
	overflow:hidden;
	text-align:center;
	width:480px;
	height:25px;
}

.navsuperiorestagio a:link, .navsuperiorestagio a:visited {
	color:#004a75;
}

.navsuperiorestagio a:hover {
	color:#007cc3;
	background-color:#ffd800;
}

.tituloblocoestagio {
	/*border:1px dotted black;*/
	font-weight:bold;
	overflow:hidden;
	text-align:justify;
	width:480px;
	height:25px;
}

.oqueehodepartamentoestagio {
	/*border:1px dotted black;*/
	font-size:11px;	
	line-height:1.2em;
	overflow:hidden;
	text-align:justify;
	width:480px;
	height:511px;
}

.praticasprofissionais {
	/*border:1px dotted black;*/
	font-size:11px;	
	line-height:1.2em;
	overflow:hidden;
	text-align:justify;
	width:480px;
	height:486px;
}

.praticasprofissionaisinternas {
	/*border:1px dotted black;*/
	font-size:11px;	
	line-height:1.2em;
	overflow:hidden;
	text-align:justify;
	width:480px;
	height:461px;
}

.oportunidadesestagio {
	border:1px solid #d7d7d7;
	margin-top:7px;
	margin-left:9px;
	margin-right:9px;
	margin-bottom:18px;
	width:464px;
	height:97px;
}

.titulooportunidadesestagio {
	border-bottom:1px solid #d7d7d7;
	font-size:14px;
	font-weight:bold;
	line-height:1.8;
	position:relative;
	vertical-align:-100%;
	width:464px;
	height:24px;
}

.empresaoportunidadesestagio {
	/*border-right:1px solid #d7d7d7;*/
	border-bottom:1px solid #d7d7d7;
	float:left;
	font-size:11px;
	font-weight:bolder;
	line-height:1.6;
	position:relative;
	vertical-align:-100%;
	width:323px;
	height:18px;
}

.localidadeoportunidadesestagio {
	border-bottom:1px solid #d7d7d7;
	float:left;
	font-size:11px;
	font-weight:bolder;
	line-height:1.6;
	position:relative;
	text-align:right;
	vertical-align:-100%;
	width:140px;
	height:18px;
}

.remuneracaooportunidadesestagio, .beneficiosoportunidadesestagio,
.regimeoportunidadesestagio, .jornadaoportunidadesestagio {
	/*border-bottom:1px solid #d7d7d7;*/
	float:left;
	font-size:11px;
	line-height:1.7;
	position:relative;
	vertical-align:-100%;
	width:231px;
	height:18px;					
}

.datapublicacaooportunidadesestagio, .datavalidadeoportunidadesestagio {
	border-top:1px solid #d7d7d7;	
	float:left;
	font-size:10px;
	font-style:italic;
	line-height:1.5;
	position:relative;
	vertical-align:-100%;
	width:231px;
	height:15px;	
}

#enviarvaga{
	/*text-align:justify;*/
	overflow:hidden;
	width:482px;
	height:532px;
}

#enviarvaga label{
	float:left;
	font-size:10px;
	font-weight:bold;
	line-height:1.7;
	width:120px;
}

input#nomeempresa, input#nomerepresentante, input#localidade, input#emailempresa, input#vaga, input#escolaridade {
	float:left;
	font:12px arial, verdana, tahoma, helvetica, sans-serif;	
	padding:0;
	width:355px;
}

input#telefone, input#regimecontratacao, input#valorremuneracao, input#jornada {
	float:left;
	font:12px arial, verdana, tahoma, helvetica, sans-serif;	
	padding:0;
	width:200px;
}

input#vagas {
	float:left;
	font:12px arial, verdana, tahoma, helvetica, sans-serif;	
	padding:0;
	width:50px;
}

textarea#textobeneficios, textarea#textoperfil {
	float:left;
	font:12px arial, verdana, tahoma, helvetica, sans-serif;
	margin-bottom:5px;
	padding:0;
	width:355px;
	height:50px;
}

#btnEnviarVaga {
	color:#ffffff;
	background-color:#007cc3;
	margin-left:120px;
	margin-top:5px;
	width:90px;
}

/* Fim das Divisões do Setor de Estágio */

/* RESERVA DE VAGAS ITB 2011 */
#btnReservaVagas {
	color:#ffffff;
	background-color:#007cc3;
	text-align:center;
	width:300px;
}
/* FIM DOS ELEMENTOS DA RESERVA DE VAGAS ITB 2011 */

.voltaraotopo{	
	/*border:1px dotted black;*/
	float:left;
	font-family:arial, verdana, tahoma, helvetica, sans-serif;
	font-size:9px;
	line-height:130%;
	margin-top:-2px;
	margin-left:9px;	
	text-align:left;
	vertical-align:-100%;
	width:100px;
	height:10px;
}

.voltaraotopo a{
	text-decoration:none;
}

.voltaraotopo a:visited{
	color:#0000ff;
}

.todasasnoticias{
	/*border:1px dotted black;*/
	float:right;
	font-family:arial, verdana, tahoma, helvetica, sans-serif;
	font-size:9px;
	line-height:130%;
	margin-top:-2px;
	margin-left:0px;
	margin-right:9px;
	text-align:right;
	vertical-align:-100%;
	width:100px;
	height:10px;
}

.todasasnoticias a{
	text-decoration:none;
}

.todasasnoticias a:visited{
	color:#0000ff;
}

#todasasnoticias01, #todasasnoticias02, #todasasnoticias03 {
	float:right;
	font-family:arial, verdana, tahoma, helvetica, sans-serif;
	font-size:9px;
	line-height:130%;
	margin-top:-2px;
	margin-left:0px;
	margin-right:9px;
	text-align:right;
	vertical-align:-100%;
	width:100px;
	height:10px;
}

#todasasnoticias01 a, #todasasnoticias02 a, #todasasnoticias03 a {
	text-decoration:none;
}

#todasasnoticias01 a:visited, #todasasnoticias02 a:visited, #todasasnoticias03 a:visited {
	color:#0000ff;
}

#bannerlateral{
	background-color:#f1f1f1;
	float:left;
	padding:0;	
	width:173px;
	height:559px;
}

.noticia_futsal {
	margin-top:10px;
	margin-left:36px;
	margin-right:37px;
	width:100px;
	height:75px;
}

#bannerlateral01{
	background-color:#f1f1f1;
	float:left;	
	width:173px;
	height:279px;	
}

#bannerlateral02{
	background-color:#f1f1f1;
	float:left;
	width:173px;
	height:280px;
}

#bannerlateralhometresquartos{
	background-color:#f1f1f1;
	float:left;	
	width:173px;
	height:420px;	
}

#bannerlateralhomeumquarto{
	background-color:#f1f1f1;
	float:left;
	width:173px;
	height:139px;
}

#footer{
	border-top:2px solid #ffd800;
	color:#333;
	font-size:9px;
	padding:0px 0px;
	position:relative;
	text-align:center;
	vertical-align:-100%;
	width:868px;
	height:20px;
}

.limparFlutuacao{
	clear:both;
	font-size:6px;
	height:0;
	line-height:0px;
}
