/******************************************************/
/*					INICIAIS						  */
/******************************************************/
* {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}

body {background: #FCFCFC url(http://www.qi.com.br/img/bg.jpg) repeat-x top}

body, h1, h2, h3, h4, h5, h6, p, form, img, ul, ol, li, dl, dt, dd { /* essencial para o IE não adicionar um espaçamento*/
	margin:0;
	padding:0;
	border:0;
}

a {color: #B8241C; font-size:inherit}

strong, em, span {font-size:inherit; color:inherit}
	
.none {display:none}
.block {display:block}


/******************************************************/
/*				DECLARACOES PRINCIPAIS / GERAIS	  	  */
/******************************************************/

#container {width: 100%;height: 100%;position: relative}

#top{
	z-index:1; /* usar sem position */
	width: 970px;
	height: 187px;
	margin:0 auto;
}

#top #topUnidade{
	/*color: #B8241C;
	font-size: 10px;
	width: 150px;
	padding-top: 88px;
	text-align:center;*/
	width: 150px;
	height: 110px;
	cursor: pointer;
}

#center{
	z-index: 10; /* IE6 tem que ser valor maior que os filhos, sem position tb */
	width: 970px;
	margin:0 auto;
	background: url(http://www.qi.com.br/img/bg_center.png) repeat-y;
}

#leftContent{
	margin-top: -55px; /* Para compensar a quebra necessaria devido ao topo*/	
	width: 193px;
	background: url(http://www.qi.com.br/img/bg_left.gif) no-repeat 0px 215px;
	float: left;
	position: relative; /* position e com valor menor que o #center */
	z-index: 7;
}

#conceitual{
	width: 760px;
	height:238px;
	margin-top: -110px; /* Para compensar a quebra necessaria devido ao topo*/		
	float: left;
	position: relative; /* position e com valor menor que o #center e menor que leftContent para exibir o bg das <li> */
	z-index: 5;
}

#content{
	width: 771px;
	float: left;
	background: url(http://www.qi.com.br/img/bg_content.jpg) no-repeat 0 0;
	margin-top: 32px;
}

#clearFix, .clearBoth {clear:both}
.displayNone {display:none}
.displayBlock {display:block}

#bottom{
	clear:both;
	width: 970px;
	margin:0 auto;		
	background-image: url(http://www.qi.com.br/img/bg_bottom.png);
	height:18px;
	z-index: 3;
	position: relative;
}

.cursoPagina #leftContent, .conteudoSimples #leftContent {background-position:0 210px}
.cursoPagina #content, .conteudoSimples #content {margin-top:11px; overflow:hidden}
.cursoPagina li, .conteudoSimples li {list-style:none}

.campoPadrao {
	background: url(http://www.qi.com.br/img/bg_mais_info_campos.png) repeat-x;
	border: 1px solid #ccc;
}

.leiaMais{
	display: block;
	text-align: right;
	background-image:url(http://www.qi.com.br/img/leia_mais_on.gif);
	background-position:100% 50%;
	background-repeat:no-repeat;
	padding-right: 12px;
}

.leiaMais:hover{
	color: black;
	background-image:url(http://www.qi.com.br/img/leia_mais.gif);
}

.tituloArea {
	line-height:1em;
	font-size:25px;
	margin:15px 0 10px 20px;
	color:#B8241C;
	padding-bottom:5px;
}
.tituloItemPeq {
	line-height: 1em;
	font-size: 13px;
}
.subtituloArea {
	font-size: 18px;
	margin: 15px 0 10px 20px;
	color:#B8241C;
}

.colorTitle{
	font-size: 12px;
	color: #B0211B;
	font-weight: bold;
}

.white{color: #FFF}

#breadcrumb {
	margin:3px 0 0 10px;
	float:left;
	overflow:hidden;
	width:740px
}
#breadcrumb li, #breadcrumb a {
	font-size:10px;
	font-weight:bold;
	color:#AF221B;
	list-style:none;
	float:left;
	padding-right:8px;
	margin-right: -2px
}
#breadcrumb a {background:url(/img/seta_mini_dir.gif) no-repeat 100% 50%}
#breadcrumb a:hover {color:#AF221B}

/******************************************************/
/*					MENU							  */
/******************************************************/

#menu{
	width: 155px;
	padding-top: 10px;
}
#menu ul li{
	margin-left: 20px;
	list-style:none;
	/*line-height: 200%;*/
	background: url(http://www.qi.com.br/img/line_bottom_menu.gif) no-repeat bottom;
	padding: 5px 0;
}

#menu ul li a{
	padding-left: 12px;
	background: url(http://www.qi.com.br/img/bullet_grande.gif) no-repeat left;
	color: #666;
	font-weight: bold;
	text-decoration:none;
	display: block;
}
#menu ul li a:hover{
	color: #B8241C;
	background: url(http://www.qi.com.br/img/bullet_grande_hover.gif) no-repeat left;
}

#menu .submenu {padding-bottom: 6px;display:none}
#menu .submenu li {
	margin-left: 6px;
	list-style:none;
	line-height: 100%;
	background: none;
	padding: 2px 0;
	margin-top: 2px;
}
#menu .submenu li a {
	padding-left: 7px;
	background: url(http://www.qi.com.br/img/seta_mini_dir.gif) no-repeat left 3px;
	color: #AE211A;
	font-weight: normal;
	text-decoration:none;
	display: block;
	font-size:10px;
}
#menu .submenu li a:hover {
	text-decoration: underline;
	background: url(http://www.qi.com.br/img/seta_mini_dir.gif) no-repeat left 3px;
}

#menu #social-icons{
	width: 150px;
	height: 30px;
	margin-left: 20px;
	margin-top: 20px;
}

/******************************************************/

#search{
	background:url(http://www.qi.com.br/img/menu_glow.jpg) no-repeat 5px 0px;
	height: 100px;
	padding-left: 13px;
	margin-top: -25px;
}

#tituloSearch{
	font-weight: bold;
	font-size: 12px;
	color: #000;
	margin-bottom:5px;
	padding-top: 50px;
}

#searchForm{
	color: #999;
	font-size: 11px;
	width: 117px;
	padding: 3px 3px 1px 3px;
	height: 15px;
}

.formRed{
	border: 1px solid #991E17;
	background: url(http://www.qi.com.br/img/bg_form_color.jpg) repeat-x;
	height: 17.5px;
}

#searchButton{
	margin-bottom: -5px;
	margin-left: 2px;
}

#banners{padding-left:15px}
#banners div{margin-top: 15px}



/******************************************************/
/*					FOOTER							  */
/******************************************************/
#footer {
	height: 99px; /* 136 - 37 */
	background: url(http://www.qi.com.br/img/bg_footer.jpg) repeat-x;
	margin-top: -37px;
	padding-top: 37px;
	z-index: 0;
}

#footer-wrap {
	width: 790px; /*970-180*/
	margin: 0 auto;
	padding: 10px 0 0 180px;
}
#footer-wrap p, #footer-wrap img {float:left}
#footer-wrap p {
	color:#fff;
	font-size: 10px;
	padding: 7px 13px 0;
	line-height: 160%;
}

#footer-wrap a {color:#fff;font-size:10px}
#footer-wrap a:hover {color:#FFB9BB}

#footerTexto1 {text-align:right; width:234px}
#footerTexto2 {width:376px; line-height:1.4!important}

#fd {float:right !important;margin: 7px 20px 0 0}



/*##############################################################################################################*/



/******************************************************/
/*				PAGINAS - CENTRAL DE VAGAS			  */
/******************************************************/
#divImagem{
	float: left;
	padding-left:50px;
	margin: 0 25px;
}
#divImagem #centralImagem{
	float:left;
	border-right:7px solid #AF221B;
}
#divImagem p{
	text-align:left;
	font-size:10px;
	line-height:160%;
}
#centralVagas #contentWrap2 h3, #centralVagas #contentWrap2 h4 {color:#B0211B; font-size:18px; font-weight:700; margin:20px 20px 7px}
#centralVagas #contentWrap2 h4 {font-size:14px; margin:20px 20px 4px}
#centralVagas #contentWrap2 .souAgente {width:240px}
#centralVagas #contentWrap2 p {
	font-size:12px;
	margin:0 20px 7px;
	line-height:1.4;
	text-align:justify
}
#centralVagas #contentWrap2 span {font-size:inherit; color:#B0211B}
#centralVagas #contentWrap2 strong, #centralVagas #contentWrap2 em {font-size:inherit; color:inherit}
#centralVagas #contentWrap2 .imagem-links {margin-bottom:30px}
#centralVagas #contentWrap2 ul {margin: 7px 20px 10px 20px}
#centralVagas #contentWrap2 ul li {background: url(http://www.qi.com.br/img/bullet_grande.gif) no-repeat 0 50%; padding:2px 0 3px 7px; font-size:12px; margin-left:20px}

#centralVagas #contentWrap2 .aluno, #centralVagas #contentWrap2 .empresa, #centralVagas #contentWrap2 .agente {
	background:url(http://www.qi.com.br/img/central_vagas_aluno_bg.jpg) no-repeat;
	width:470px;
	height:190px;
	float:right;
	margin:0 20px 10px 20px
}
#centralVagas #contentWrap2 .empresa {background:url(http://www.qi.com.br/img/central_vagas_empresa_bg.jpg) no-repeat}
#centralVagas #contentWrap2 .agente {background:url(http://www.qi.com.br/img/central_vagas_agente_bg.jpg) no-repeat}
#centralVagas #caFormLogin p {
	color:#fff;
	font-size:10px;
	text-align:left;
	width:195px;
	margin:14px 0 10px 18px;
	line-height:1.3
}
#centralVagas #caFormLogin form {width:195px; margin:0 0 5px 18px; overflow:visible; border:0; padding:0}
#centralVagas #caFormLogin label {font-weight:700; color:#fff; font-size:12px; display:block; margin-top:5px}
#centralVagas #caFormLogin input {width:139px; height:16px; padding:0}
#centralVagas #caFormLogin #caFormEmail {width:190px}
#centralVagas #caFormLogin .botao {
	background:url(http://www.qi.com.br/img/btn_enviar_menor_2.png) no-repeat;
	width:46px;
	height:18px;
	border:0;
	text-indent:-9999em;
	cursor:default;
	margin:0;
	padding-bottom:2px;
	line-height:0; /*IE6 & 7*/
}
#centralVagas #caFormLogin ul {width:195px; clear:both}
#centralVagas #caFormLogin li {
	background:url(http://www.qi.com.br/img/bullet_pequena_branca.png) no-repeat 0 4px!important;
	padding:0 0 0 7px!important;
	margin-bottom:3px;
	margin-left:0!important
}
#centralVagas #caFormLogin a {color:#fff; text-decoration:none; font-size:10px; line-height:1}
#centralVagas #caFormLogin a:hover {text-decoration:underline}

#centralVagas #mensagem {
	float:right;
	clear:right;
	margin:-10px 30px 10px;
	background:#AF221B;
	padding:10px;
	width:430px;
	color:#fff;
	font-weight:700;
}

#centralVagas #caFormEsqueci {margin:10px 0 0 150px}
#centralVagas #caFormEsqueci label  {
	color:#B8241C;
	display:block;
	font-size:12px;
	font-weight:700;
	margin:3px 0;
	width:40px;
}
#centralVagas #caFormEsqueci .campoPadrao {height:17px; font-size:12px; width:250px}
#centralVagas #caFormEsqueci img {display:block}