/* 
FOLHA DE ESTILOS PARA IMPRESSÃO
CLIENTE: CNI/IEL
PROJETO: Novo Mundo IEL
DATA: 22/01/2010
AUTOR: HENRIQUE PAULINO
*/

/*-------------------------------------------
	ESTE ARQUIVO ESTÁ DIVIDO DA SEGUINTE FORMA:
	
		1. ELEMENTOS HTML
		2. ESTRUTURA PRINCIPAL DAS PÁGINAS
		3. BOX DE CONTEUDO
		4. LISTAS
		5. PARAGRAFOS
		6. FORMULÁRIOS
		7. ITENS DE FORMULÁRIOS
		8. LINKS
		9. CABEÇALHOS
		10. IMAGENS
		11. ESTILOS ESPECÍFICOS
		
---------------------------------------------*/

/* 
1. ELEMENTOS HTML --------------------------------------------------- 
					TODAS AS TAGS HTML (apenas estilos que se aplicam a todos elementos da página)
*/

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

img{
	border:none;
}

label{
}

ul{
	list-style:none;
}





/* 2. 
ESTRUTURA PRINCIPAL DAS PÁGINAS ---------------------------------- 
					Todos os containers estruturais das páginas 
					(Corpo geral, Menu Principal, Topo da página, Rodapé, Container principal de conteúdos)												
*/
#overlay{
	display:none;
}

#geral{
	width:90%;
	margin:auto;
}

#tophead{
	display:none;
}

#corpo{
	padding-bottom:10px;
}

#leftbar{
	display:none;
}

#content{
	background:#fff;
	padding:8px;
}

#foot-content{
	display:none;
}

#foot{
	display:none;
}



/* 3. 
BOX DE CONTEUDO --------------------------------------------------
						Todos os box's que se repetem na página
						(Box de noticias, Box de categorias, Box de imagens, etc)							
*/

#box-menu-canal{
	display:none;
}

#box-avatar{
	display:none;
}

#box-flash-avatar{
	display:none;
}

#box-aceite{
	display:none;
}

.box-txt-aceite{
	display:none;
}

.box-texto-termo{
display:none;
}
	.box-texto-termo p{
		display:none;
	}


#box-escolha-cadastro{	
	display:none;
}

#box-content-cadastro{
	display:none;
}

#box-alerta-aceite{
	display:none;
}

.box-painel-oprtunidades{
	margin-top:15px;
}

.box-corpo-painel-oprtunidades{
	background:url(../../public/img/bg/bg_corpo_painel_oprtunidades.jpg);
	height:67px;
	color:#fff;
	font-weight:bold;
}
	.left-content-painel-oprtunidades{
		float:left;
		width:245px;
		margin:8px;
	}
	
	.right-content-painel-oprtunidades{
		float:left;
		width:245px;
		margin:8px 8px 8px 20px;
		_margin:8px 0px 8px 10px;
	}


.box-chat-home{
	background:url(../../public/img/bg/bg_chat_home.jpg);
	float:left;
	width:265px;
	height:112px;
	margin-top:8px;
}

.box-forum-home{
	background:url(../../public/img/bg/bg_forum_home.jpg);
	float:right;
	width:265px;
	height:112px;
	margin-top:8px;
}

.box-depoimentos-home{
	background:url(../../public/img/bg/bg_depoimentos_home.jpg);
	width:265px;
	height:112px;
	margin-top:8px;
}


.content-box-home{
	width:150px;
	float:right;
	margin:5px;
	_margin:5px 2px;
	_margin-left:0;
}

#migalhas{
	float:left;
	color:#999;
	margin-bottom:10px;
}

.txt-content{
	padding:15px 10px;
}

.box-bg-indent-txt-content{
	background:url(../img/bg/bg_lista_interna.jpg) no-repeat;
	padding:12px 12px 10px 12px;
}

.btns-content{
	display:none;
}

.btns-forum{
	text-align:right;
	border-bottom:1px solid #cbcbcb;
	padding-top:10px;
}

.btns-depoimentos{
	text-align:right;
	border-bottom:1px solid #cbcbcb;
	margin-top:-10px;
}

.box-interna{
	background:url(../../public/img/bg/bg_box_interna.jpg) repeat-x;
	padding:12px;
}

.box-comentario{
	background:url(../../public/img/bg/bg_comentario.jpg) repeat-x;
	padding:12px;
	margin-top:1px;
}

.box-paginacao{
	background:url(../../public/img/bg/bg_paginacao.jpg) top center no-repeat;
	text-align:center;
	padding:5px;
}

.box-enquete{
	background:url(../../public/img/bg/bg_enquete.jpg);
	height:158px;
	padding:15px;
	line-height:20px;
}

.box-dows-bitec{
	background:url(../../public/img/bg/bg_dows_bitec.jpg) no-repeat;
	height:97px;
	padding-top:24px;
}

.box-depoimento{
	width:285px;
	float:right;
}

.box-dica{
	background:url(../../public/img/bg/bg_box_dica.jpg) repeat-x;
	border-bottom:1px solid #cbcbcb;
	padding:15px 15px 10px 15px;
	margin-top:8px;
}

.txt-dica{
	padding:10px 0;
	display:none;
}

.box-down-dicas{
	background:url(../../public/img/bg/bg_box_donw_dicas.jpg);
	height:71px;
	margin:10px 0;
}

.box-endereco-iel{
	background:#f1f1f1;
	font-weight:bold;
	border:1px solid #c7c6c6;
	padding:15px;
	margin:10px 0;
}

.box-download-ini{
	width:240px;
	background:url(../../public/img/bg/bg_download_ini.jpg) repeat-x;
	margin-top:12px;
	padding:10px;
}

td{
	padding:4px;
}


.head-table{
	background:url(../../public/img/bg/bg_head_table.jpg);
	font-size:12px;
	font-weight:bold;
}
.linha-clara{
	background:#eaeaea;
}
.linha-escura{
	background:#d6d6d6;
}

.box-wallpaper{
	float:left;
	width:131px;
	margin:10px 24px;
	_margin:10px 18px;
	height:108px;
	overflow:hidden;
}

.box-down-wallpaper{
	background:#000;;
	text-align:center;
	color:#fff;
	font-weight:bold;
	height:74px;
	padding:10px 0;
	position:relative;
	margin-top:-94px;
	*margin-top:-97px;
	display:none;
}

.box-descanso{
	background:url(../../public/img/bg/bg_download_ini.jpg) repeat-x;
	width:211px;
	padding:18px;
	float:left;
	margin:0 10px;
	_margin:0 7px;
}

.box-down-descanso{
	background:url(../../public/img/bg/bg_down_descanso.jpg);
	padding:10px;
	height:90px;
	text-align:center;
	font-weight:bold;
}

.box-icone{
	float:left;
	margin:10px 16px;
	_margin:10px 14px;
}

.box-celular{
	width:85px;
	height:115px;
	margin:10px;
	_margin:9px;
	float:left;
}

.box-link-down-celular{
	display:block;
	width:85px;
	height:115px;
	background:#000;
	margin-top:-115px;
	*margin-top:-118px;
	display:none;
}

.box-head-lista{
	background:url(../../public/img/bg/bg_head_tabela_lista.jpg);
	padding:10px;
	*padding:9px 10px;
	margin-top:15px;
}

.box-corpo-lista{
	background:#dfdfdf;
	border-left:1px solid #c7c7c7;
	border-right:1px solid #c7c7c7;
	padding:0 3px;
}

.box-indice-lista{
	padding:9px;
	background:url(../../public/img/bg/bg_indice_lista.jpg);
	text-align:center;
}

.linha-lista{
	background:url(../../public/img/bg/bg_linha_lista.jpg) repeat-x;
	padding:10px 15px;
}

.foot-lista{
	background:url(../../public/img/bg/bg_foot_lista.jpg);
	height:17px;
	padding:12px 15px;
	font-weight:bold;
}





/* 
4. 
LISTAS ----------------------------------------------------------- 
						Todas os elementos de listas (li eu ul) 
						[O menu principal é definido na seção 2, mas seus elementos internos são definidos nesta seção]
*/
		

.lista-bullet{
	list-style:disc;
	padding-left:15px;
}

.menu-downloads{
	border-top:1px solid #cbcbcb;
	padding-top:1px;
	height:26px;
}
	.menu-downloads li{
		float:left;
	}


/* 5. 
PARAGRAFOS ------------------------------------------------------- 
						Todos os páragrafos
*/
.txt-content p{
	padding-bottom:10px;
}

.box-depoimento p{
	padding-bottom:8px;
}

.box-down-dicas p{
	padding-top:23px;
}

.box-endereco-iel p{
	padding-bottom:7px;
}

.txt-download-ini{
	float:right;
	width:100px;
}






/* 6. 
FORMULÁRIOS ------------------------------------------------------ 
						Formulários
*/
.form-painel-oprtunidades{
}

.form-comentario{
	font-size:12px;
	padding:20px;
	border-bottom:1px solid #cbcbcb;
}

.form-cadastro{
	margin-top:15pox;
	padding:10px 0 0 0;
	border-bottom:1px solid #cbcbcb;
	border-top:1px solid #cbcbcb;
}



/* 7. 
ITENS DE FORMULÁRIOS --------------------------------------------- 
						Itens de formulários (inputs, selects, radios, text-areas)
*/
select{
	font-size:11px;
	margin-right:6px;
	padding:1px;
}

.select-uf{
	width:57px;
}

.select-profissao{
	width:160px;
}

.btn-ir-painel-oportunidades{
	border:none;
	background:none;
	font-weight:bold;
	color:#99ccff;
	cursor:pointer;
}

.txt-comentario{
	width:250px;
	border:1px solid #797979;
	color:#797979;
	padding:2px;
	display:block;
	margin-bottom:7px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.txt-area-comentario{
	width:500px;
	_width:480px;
	height:60px;
	border:1px solid #797979;
	color:#797979;
	padding:2px;
	display:block;
	margin-bottom:7px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.radio{
	vertical-align:-2px;
	margin-right:5px;
}

.txt-busca-depoimento{
	border:1px solid #a2a2a2;
	border-right:none;
	height:14px;
	padding:1px;
	font-size:11px;
	vertical-align:5px;
	*vertical-align:2px;
}

.tit-depoimentos{
	padding-bottom:6px;
}

.lbl-cadastro{
	display:block;
	float:left;
	width:110px;
	margin-right:8px;
	text-align:right;
	padding-top:2px;
}

.txt-grande-cadastro{
	background:url(../../public/img/bg/bg_longer_cadastro.jpg) no-repeat;
	padding:2px 5px 2px 2px;
	color:#666;
	font-size:11px;
	display:block;
	float:left;
	width:289px;
	border:none;
	margin-bottom:5px;
}

.txt-cidade-cadastro{
	background:url(../../public/img/bg/bg_cidade_cadastro.jpg) no-repeat;
	padding:2px;
	color:#666;
	font-size:11px;
	display:block;
	float:left;
	width:165px;
	border:none;
	margin-bottom:5px;
}

.txt-ddd-cadastro{
	background:url(../../public/img/bg/bg_ddd_cadastro.jpg) no-repeat;
	padding:2px;
	color:#666;
	font-size:11px;
	display:block;
	float:left;
	width:28px;
	border:none;
	margin-bottom:5px;
}

.txt-telefone-cadastro{
	background:url(../../public/img/bg/bg_telefone_cadastro.jpg) no-repeat;
	padding:2px;
	color:#666;
	font-size:11px;
	display:block;
	float:left;
	width:90px;
	border:none;
	margin-bottom:5px;
}




/* 
8. LINKS ------------------------------------------------------------ 
						Links (inclusive os que se comportarao como box [dysplay: block])
*/
.link-fff{
	color:#fff;
}
	.link-fff:hover{
		color:#999;
	}

.link-333{
	color:#333;
}
	.link-333:hover{
		color:#666;
	}
	
.link-999{
	color:#999;
}
	.link-999:hover{
		color:#666;
	}

.btn-menu-tophead{
	display:block;
	padding:0 5px;
	border-right:1px solid #a4a4a4;
	line-height:10px;
	color:#0071C1;
}
	.btn-menu-tophead:hover{
		color:#a4a4a4;
	}
	.btn-iel-tophead{
		color:#a4a4a4;
		border:none;
	}
	
.tit-geral a{
	display:none;
}

	
#btn-avatar{
	display:none;
}

#btn-avatar{
	display:none;
}

#btn-cadastro-topo{
	display:none;
}


.btn-fecha-avatar{
	display:none;
}

.btn-fecha-aceite{
	display:none;
}

.btn-fecha-cadastro{
	display:none;
}

#foot-content a{
	margin:0 20px;
}

.btn-voltar{
	display:none;
}

.btnCtrDica{
	display:block;
	width:19px;
	height:19px;
	background:url(../../public/img/btn/btn_ctr_dicas.jpg);
	background-position:top;
}

.btn-down-dicas{
	float:right;
	display:block;
	margin:28px 57px 0 0;
	_margin:28px 27px 0 0;
}

.btn-menu-download{
	height:26px;
	display:block;
	background-position:top;
}
	.btn-menu-download:hover{
		background-position:bottom;
	}
	
	.menu-downloads li a.ativo{
		background-position:bottom;
	}
	
.btn-menu-download-wallpapers{
	background:url(../../public/img/btn/btn_download_wall.jpg);
	width:106px;
}
.btn-menu-download-descanso{
	background:url(../../public/img/btn/btn_download_descanso.jpg);
	width:154px;
}
.btn-menu-download-icones{
	background:url(../../public/img/btn/btn_download_icones.jpg);
	width:134px;
}
.btn-menu-download-celular{
	background:url(../../public/img/btn/btn_download_celular.jpg);
	width:143px;
}

.btn-ver-todos{
	display:block;
	float:right;
	clear:both;
	margin-top:-17px;
}

.link-down-celular{
	display:block;
	width:85px;
	height:115px;
}

.box-indice-lista a{
	margin:0 4px;
	font-weight:bold;
}

.btnCtrAceite{
	color:#333;
	text-decoration:underline;
}
	.btnCtrAceite:hover{
		color:#666;
	}






/* 
9. CABEÇALHOS ------------------------------------------------------- 
						h1, h2, h3, h4, h5, h6
						(apenas os que tiverem estilos especificos, os globais devem ser informados na seção 1)
*/
.tit-geral{
	display:none;
}

.tit-pagina{
	font-size:23px;
	float:none;
	clear:both;
}

.tit-box-home{
	font-size:16px;
	font-weight:normal;
	margin-bottom:5px;
}

#content h3{
	font-size:14px;
}

.tit-download{
	background:url(../../public/img/bg/bg_tit_download.jpg);
	padding:12px;
	font-size:12px;
}




/* 
10. IMAGENS --------------------------------------------------------- 
						Imagens estruturais
*/
.img-logo-cni{
	float:left;
}

.img-industria-top-head{
	float:right;
}

.pic-box-home{
	float:left;
	margin:4px;
}

.btns-forum img{
	vertical-align:-3px
}

.box-paginacao img{
	vertical-align:-2px;
}

.pic_autor_depoimento{
	float:left;
	display:block;
	margin:0 10px 0px 0;
}

.pic_depoimentos_interna{
	float:left;
	display:block;
	margin:0 7px 7px 0;
}






/* 
11. ESTILOS ESPECIFICOS E UNICOS --------------------------------------------------------- 
*/
.float-left{
	float:left;
	display:block;
}

.float-right{
	float:right;
	display:block;
}

.hide{
	display:none;
}

.font12{
	font-size:12px;
}

.font13{
	font-size:13px;
}

.font14{
	font-size:14px;
}

.font20{
	font-size:20px;
}

.cor-azul{
	color:#0f3f7c;
}

.cor-fff{
	color:#fff;
}

.clear{
	line-height:0;
	clear:both;
}

.no-border{
	border:0px;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

.obrigatorio{
	color:#bf000f;
}