/*1. ESTRUTURA BÁSICA*/
body {margin:0;padding:0;font: 11px Arial, Helvetica, sans-serif;background:#fff;}

img { border:0; }

a { text-decoration:none; }

a:hover { text-decoration:underline; }

th, td { font-size: 11px; }

.esquerda {float:left;}
.centro {clear:both;}
.direita {float:right!important;}

/*1.1 TOPO (Faixa superior, com um megaBanner, menu horizontal e banners pequenos)*/

#megabanner { /* A imagem mede 728x90px */
	padding:10px 0 7px 12px;
}

#topo {
	width: 753px;
	height: 158px;
}

 @media screen {
  #topo .impressao {
    display:none;
  }
 }

#topo h1 {
	margin: 0;
	padding: 0;
}

#topo h1 a {
	width: 200px;
	height: 58px;
	margin: 26px 0 0 0;
	float: left;
	overflow: hidden;
	text-indent: -5000px;
}

/*1.1 TOPO (Faixa superior, com um megaBanner, menu horizontal e banners pequenos para o Uai)*/

#topo_uai {
	width: 753px;
	height: 158px;
}

 @media screen {
  #topo_uai .impressao {
    display:none;
  }
 }

#topo_uai h1 {
	margin: 0;
	padding: 0;
}

#topo_uai h1 a {
	width: 200px;
	height: 58px;
	margin: 26px 0 0 0;
	float: left;
	overflow: hidden;
	text-indent: -5000px;
}

.menu {
	margin: 7px 6px 0;  /*margin: 7px 0 0; Alterado em 21/06/2007 por Diogo */
	padding: 0;
	float: right;
	list-style: none;
}

.menu li {
	float: left;
}

.menu li a {
	width: 114px;
	/*padding: 5px 8px 4px; Alterado em 20/06/2007 por Diogo*/
        background-repeat: no-repeat;
      padding: 5px 10px 0px 8px; /* padding: 5px 20px 4px -5px;Alterado  Alterado em 21/06/2007 por Diogo*/
	display: block;
}

.menu li a,
.menu li a:hover {
        background-repeat: no-repeat;
	text-align: center;
	font: bold 15px "Arial Narrow", Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.menu li a:hover, .menu li a.atual { }

/* #minibanners { 
	width: 550px;
	height:75px;
	float: right;
	text-align:right;
}
#minibanners {margin:-40px 15px 0 0;} */

#minibanners { /* As imagens medem 468x60 ou 2x 234x60 */
	margin: 0;
	width: 550px;
	height:75px;
	float: right;

	text-align:right;
    background: url(http://concursos.correioweb.com.br/imgs/publicidade.gif) top right no-repeat;
}

#pos_minibanner {margin: 7px 25px 0 0; position:relative;}

/*1.2 BARRA DE MIGALHAS (Exclusivo das páginas de Captação de Anúncios)*/
.barrademigalhas {
	float:right;
	padding:0;
	margin:2px 0 0;
	list-style-type: none;
}
.barrademigalhas li {
	width:68px;
	padding:38px 5px 0;
	float:left;
   font: 10px Arial, sans-serif;
	text-align:center;
}

#passo01 .passo01, #passo02 .passo02, #passo03 .passo03,
#passo04 .passo04, #passo05 .passo05,
#passo06 .passo06 { color:#000;font:bold 11px Arial, sans-serif; }


/*1.3 MEIO DA PÁGINA (Contém o menu vertical e o conteúdo jornalístico)*/

#meio {

	width: 760px;
	margin-top: -64px;
        _padding: 0 0 0 9px;

}


/*1.4 CONTEÚDO jornalístico da página (no html, vêm antes do menu vertical)*/

#conteudo {
        position: relative;
	width: 590px;
	padding: 5px 7px 0 0;
	float: right;
}

#concursos #conteudo {_margin-top:25px; }

* html #conteudo { /* Hack para IE */
	width:597px;
	margin-top:12px;
}


/*1.5 MENU VERTICAL (Canais do portal à esquerda da página)*/

div#menuvertical {
        position: relative ;
	width: 154px;
	margin-left: 5px;
}

div#menuvertical img { float:right; }

div#menuvertical h5 {
	width: 147px;
	margin: 10px 0 0;
	margin-left: 4px;
	padding:2px 0;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-align: left;
	text-indent: 10px;
}
* html div#menuvertical h5 { padding:3px 0 0px; } /* Hack para IE */

div#menuvertical div {
	width:142px;
        _width:142px;/* Hack pro IE */
	margin:0 0 0 4px;
	padding:2px 0;
}

#corr_banner_relogio div {
	margin:0 !important;
	padding:0 !important;
	border-left:0px !important;
}

div#menuvertical a {
  padding-left:11px;
  display:block;
}

div#menuvertical form {
	padding-left:10px;
}

div.especial input {
	width: 116px;
}


/*1.6 RODAPÉ ( ASSOCIADOS | CORREIO WEB | PORTAL UAI | FALE CONOSCO )*/

#rodapefloat {
	width: 772px;
	float: left;
}

#rodape {
	height: 19px;
	padding: 24px 0 5px 20px;
}

#rodape a {
	padding:0 6px;
   font-weight:bold;
}

.assinaturaf5 {float:right;margin:-18px 15px 5px;}

/*2. ESTRUTURA DE CONTEÚDO*/

.esquerda {	float:left;margin-right:8px; }
.direita { float:right;margin-left:8px; }
.clear {	clear: both; }

/* Títulos grandes das matérias jornalísticas. */
h1 {
   margin:10px 0;
	font-size:20px;
	font-weight:bold;
}

/* Chancela/título dos boxes. Existe configuração diferente para BOX Nível 1 */
h2 {
	margin:0;
	padding:0 0 3px 11px;
	display:block;
	font-size: 12px;
	font-weight: bold;
}

/* H3 - Título COM quebra de linha.
   H4 - Título SEM quebra de linha.
Existem configurações diferentes de h3 e h4 para o BOX Nível 1
As classes .h3 e .h4 são usadas para textos semelhantes dentro de parágrafos, ondem não podem haver as tags h3 e h4. */
h3, h4, .h3, .h4 {
	padding:0;
        margin:0;
	font-size: 12px;
	font-weight: bold;
}

/* Título vermelho SEM quebra de linha */
h4, .h4 { display:inline; }

p { margin:0 0 10px; }

ul {
   padding:0;
   margin:0;
   margin-left:12px;
}

/*2.1 BOXES - CAIXAS DELIMITADORAS DE CONTEÚDO (se subdividem em colunas)*/

/* 2.1.1 ESTRUTURA (Configuração genérica dos Boxes)*/

div.box { /*Caixa principal com cor de fundo e borda (especificado em "Cores")*/
	width:587px; /* Há casos específicos em que o width muda */
	padding:3px 0;
	margin:3px 0;
	float:left;
}

div.box2 { /* Box com metade do tamanho do anterior para caberem 2 por linha*/
	width:293px; /* Há casos específicos em que o width muda */
	padding:3px 0;
	margin:3px 0;
	float:left;
}
* html div.box2 {	margin-right:5px; } /* Hack para IE */


/* Variaçõoes de título para os Boxes de Nível 1 */
div.box.nivel1 h2 {
	padding:2px 0 5px;
	font-size: 12px;
	font-weight: bold;
	background: transparent!important;
}
div.oferta h3 { color: #2f649b; }
div.feirao h4 { color:#2f649b; }

/* 2.1.2 COLUNAS INTERNAS DOS BOXES (Considerando largura total do conteúdo)*/
.coluna1 { /* Divisão interna do Box em 1 única coluna.
Esta classe é usada também para subdividir conteúdo dentro dos boxes */
	margin:0 10px;
   clear:both;
}
.coluna2 { /* Divisão interna do Box em 2 colunas */
        width:280px;
	margin:0 5px;
	float:left;
}
.coluna3 { /* Divisão interna do Box em 3 colunas */
	width:185px;
	margin-left:9px;
	float:left;
        display: inline; /* Soluciona Bug "IE Doubled Float-Margin"*/	
}
.coluna4 { /* Divisão interna do Box em 3 colunas */
	width:137px;
	margin-left:9px;
  margin-right:-3px;/* Soluciona Bug "IE Duplicate Characters" */
	float:left;
   display: inline; /* Soluciona Bug "IE Doubled Float-Margin" */
}

/*2.2 FORMULÁRIOS*/

form { margin: 0;	padding: 0; }

td { vertical-align:top; }

label { margin:2px 5px 0 0;padding:0;float:left;font-size:11px;}
select { margin-bottom:3px;padding:0;font-size:9px; }

.radiobutton { margin-bottom:-3px; }

/* Configurações para os Botões de BUSCAR e ENVIAR */
.buscar { display:block;clear:both;margin-top:14px;float:left; }
input.buscar {
	width:80px;
	height:22px;
  	padding-left:20px;
	border:0;
	font:11px Arial, Helvetica, sans-serif;
   cursor: pointer;
}

input.menuverticalok {
	width:28px!important;
	height:18px!important;
  	margin: 3px 0 0 90px!important;
	border:0!important;
	font:11px Arial, Helvetica, sans-serif!important;
        cursor: pointer!important;
}

.duassetas { letter-spacing: -5px; }

/*2.3 MENUS INTERNOS (01-superior e 02-inferior)*/
.menuinterno,
.menuinterno02 {
	width:590px;
	height:24px;
	padding:2px 0 0;
	margin:0;
	list-style:none;
	text-indent:6px;
	background:#fff url(http://concursos.correioweb.com.br/imgs/menu_interno.png) bottom left no-repeat;
}

* html .menuinterno02 { margin-bottom:5px; } /* Hack para IE */

.menuinterno02 {
	padding:8px 0 0;
   clear:both;
	background:#fff url(http://concursos.correioweb.com.br/imgs/menu_interno02.png) top left no-repeat;
}

.menuinterno li,
.menuinterno02 li {
	display:inline;
}
.menuinterno li a {
	padding:0 4px 0 10px;
	margin:7px 3px 5px 0;
	border-right:1px solid #f7f7e7;
	color:#f7f7e7;
	text-decoration: none;
	background: url(http://concursos.correioweb.com.br/imgs/item_menuinterno.gif) left no-repeat;
}

.menuinterno02 li a  {
	padding:0 10px 0;
	color:#f7f7e7;
	text-decoration: none;
}

.menuinterno li a:hover,
.menuinterno02 li a:hover  { color:#f7f7e7;text-decoration:underline; }

/* Posiciona os links do menu02 */
.menuinterno02 li.anterior { padding-right:118px; }
.menuinterno02 li.proximo { padding-left:120px; }
.menuinterno02 li.meio {
   margin-left:-4px;
   border-right:1px solid #f7f7e7;
   border-left:1px solid #f7f7e7;
}
* html .menuinterno02 li.anterior { padding-right:104px; } /* Hack para IE */
* html .menuinterno02 li.meio { margin-left:0px; } /* Hack para IE */

.alfabeto .selecao{ background: #A22F03; color: white; font-weight: bold; }

#capa_menu{
   background:none!important;
   margin:0!important;
   padding:0!important;
   border:none!important;
   width:auto!important;
}