/* Step 10 - Clearing the float */
#cabecalho_menu {display:block; width:374px; height:42px;}

/* Step 3 - get rid of the bullets and margin */
#cabecalho_menu ul {margin:0; padding:0; list-style-type:none;}

/* Step 4 and 7 - make the list horizontal and giving a 1px gap */
#cabecalho_menu ul li {float:left; margin-right:0px;}

/* Step 5 - Adding the initial images */

#cabecalho_menu li.list1 {background:transparent url(/imagens/barra_topo2007/home_menu_aluno.png);}
#cabecalho_menu li.list2 {background:transparent url(/imagens/barra_topo2007/home_menu_professor.png);}
#cabecalho_menu li.list3 {background:transparent url(/imagens/barra_topo2007/home_menu_escola.png);}
#cabecalho_menu li.list4 {background:transparent url(/imagens/barra_topo2007/home_menu_pais.png);}

/* Step 6 - General link styling */

#cabecalho_menu ul li a {display:block; height:0; padding-top:42px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */

* html #cabecalho_menu #menu2 a:link, * html #cabecalho_menu #menu2 a:visited {height:128px; he\ight:0;}

/* Step 8 - Adding the background images to the link tags */

#cabecalho_menu a#item1 {background:transparent url(/imagens/barra_topo2007/home_menu_aluno_f2.png) -130px -90px no-repeat; width:91px;}
#cabecalho_menu a#item2 {background:transparent url(/imagens/barra_topo2007/home_menu_professor_f2.png) -130px -90px no-repeat; width:119px;}
#cabecalho_menu a#item3 {background:transparent url(/imagens/barra_topo2007/home_menu_escola_f2.png) -130px -90px no-repeat; width:92px;}
#cabecalho_menu a#item4 {background:transparent url(/imagens/barra_topo2007/home_menu_pais_f2.png) -130px -90px no-repeat; width:72px;}

/* Step 9 - Adding the :hover style */

#cabecalho_menu a#item1:hover {background-position:0 0; z-index:50;}
#cabecalho_menu a#item2:hover {background-position:0 0; z-index:50;}
#cabecalho_menu a#item3:hover {background-position:0 0; z-index:50;}
#cabecalho_menu a#item4:hover {background-position:0 0; z-index:50;}

* html #cabecalho_menu a:hover {height:128px; he\ight:0;}



#cabecalho_home{
	background: url(/imagens/barra_topo2007/home_cabecalho_gradiente_azul.png) repeat-x;
	width: 100%;
	padding:0px;
	margin: 0px;
	height: 111px;
	}

#cabecalho_home_reservar_espaco{
	width: 760px;
}
#cabecalho_nome_site{
	padding:0px;
	margin: 0px;
	float:left;
}
#cabecalho_nome_site span{
	display:none;
}
#cabecalho_home_fundo{
	float:left;
	background:url(/imagens/barra_topo2007/home_cabecalho_fundo.png) no-repeat;
	height:111px;
	width:643px;
	padding:0px;
	margin: 0px;
}
#posicionar_menu{
	top: 67px;
	left: 25px;
	position:relative;
	padding:0px;
	margin: 0px;
	float:left;
	width:380px;
}

/* Reservar area de ferramentas do cabecalho */
#cabecalho_area_ferramentas{
	position:relative;
	float:right;
	top: 15px;
	margin-right:0; margin-left:auto;
	width:220px;
}

/* Box do usuario logado */
#box_usuario_logado{
	position:relative;
	display:block;
	background:url(/imagens/barra_topo2007/box_usuario_fundo40transp.png);
	width:145px;
	margin-right:0; margin-left:auto;
	padding: 8px 8px 8px 8px;
	color: #FFFFFF;
}
#box_usuario_logado A{
	color: Navy;
}


/* Box de busca */
#box_busca{
	position:relative;
	float:right;
	height:25px;
	margin-top:18px;
}
#input_busca{
	border-top: 1px solid #4e4e4e;
	border-left: 1px solid #4e4e4e;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	font-family: Arial, Courier, monospace;
	font-size: 12px;
	height: 15px;
	width: 110px;
}

BODY{
		background: #FFFFFF;

}

/* Area de Conteudo da Pagina */
.pagina_reservar_espaco_760px_centro{
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	
	background-color: White;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
#miolo_noticias{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 440px;
	overflow: hidden;

}
#barra_direita{
	float: right;
	width: 170px;
}
.bannerhome{
	margin: 15px;
	margin-left: 75px;
}
#miolo_conteudo{
	width:440px;
	float:right;
}
#rodape{
	clear:both;
}
DIV .noticia{
	width: 212px;
	float:left;
	background: #FFF;
	margin: 10px 0px 0px 10px;
	max-height: 220px;
	padding: 0;
	display: inline;
}
DIV .noticia_manchete{
	width: 430px;
	margin: 10px 0px 0px 10px;
	max-height: 220px;
	background-color: #FFDFBF;
	padding: 0;
	display: table;
}
#miolo_noticias .noticia_texto_destaque{
	float: right;
	width: 310px;
}
#miolo_noticias .noticia_titulo_destaque{
	font-family:  "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 97%;
	font-weight:bold;
	background-color: #FFDFBF;
	padding: 5px 15px 0px 0px;
	margin: 0;
}	
#miolo_noticias .noticia_titulo{
	font-family:   Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 100%;
	margin:0;
	padding: 0;
	font-weight:bold;
	margin:0;
	padding: 0;
}	
#miolo_noticias .noticia_titulo a{
	text-decoration:none;
	display:block;
	color: navy;
}
#miolo_noticias .noticia_titulo a:hover{
	text-decoration:underline;
	display:block;
	color:#993300;
}
#miolo_noticias .noticia_titulo_destaque a{
	text-decoration:none;
	display:block;
	padding: 0 5px 2px 0px;
	color: navy;
}
#miolo_noticias .noticia_titulo_destaque a:hover{
	text-decoration:none;
	display:block;
	color:#993300;
}
#miolo_noticias .noticia_icone{
	display:compact;
	float: right;
	padding: 0px 5px 5px 5px;
}
#miolo_noticias .noticia_icone img{
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-color: #F3F3F3;
}
#miolo_noticias .noticia_icone a{
	padding: 0px;
	border: 1px #999 solid;
}
#miolo_noticias .noticia_icone a:hover{
	border: 1px #993300 solid;
}

#miolo_noticias .noticia_icone_destaque{
	display:block;
	width:105px;
	text-align: left;
	padding: 2px 5px 2px 7px;
}
#miolo_noticias .noticia_icone_destaque img{
	background-color: #FFFFFF;
	padding: 2px 4px 2px 4px;
}
#miolo_noticias .noticia_legenda{
	padding: 5px 4px 10px 2px;	
}
#miolo_noticias .noticia_legenda p{
	margin:0; padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	color: #333333;
}

/* Menu vertical */
#menu_vertical{
	width:140px;
	float:left;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-right: 1px solid #CCCCCC;
}

#vertmenutopo {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 140px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
#vertmenutopo A{
	display: block;
	padding: 2px 0px 3px 10px;
	aborder-bottom: 1px solid #F4DA8B;
	border-right: 1px solid #F3F3F3;
	margin:0;
	text-decoration: none;
	color: #00D;
	background-color: #FFF9CE;
}
#vertmenu {
	background-color: #FFF9CE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 140px;
	padding: 0px;
	margin: 0px;

}

#menu_vertical h3 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	font-size: 55%;
	padding: 2px 0 3px 3px;
	color: #666666;
	margin: 0px;
	text-align: center;
	text-transform: uppercase;
	border-right: 1px solid #CFA621;
	background-color: #E2C049;
}

#menu_vertical ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
	border-right: 1px solid #E9E3C0;
}
#menu_vertical ul li {
	margin: 0px;
	padding: 0px;
	display:inline;

}
#menu_vertical ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	display: block;
	padding: 2px 0px 3px 5px;
	aborder-bottom: 1px solid #FFE19D;
	margin:0;
	text-decoration: none;
	color: #000;
	border-right: 1px solid #FFF5B0;

}

#menu_vertical ul li a:hover, #menu_vertical ul li a:focus {
	color: #FFF;
	background-color: #000;
	border-right: 1px solid #000;
	color: White;
}




/*1st sub level menu*/
#cabecalho_menu ul li ul{
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
margin-left:-100px;
border-left: 2px solid #1B7DF5;
border-right: 2px solid #1B7DF5;
border-bottom: 2px solid #1B7DF5;
width:300px;
background-color:#7190C0;
}

/*Sub level menu list items (undo style from Top level List Items)*/
#cabecalho_menu ul li ul li{
display: list-item;
float: left;
abackground-color: #7190C0;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
#cabecalho_menu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;

}

/* Sub level menu links style */
#cabecalho_menu ul li ul li a{
display: block;
width: 140px; /*width of sub menu levels*/
color: White;
text-decoration: none;
padding: 2px 5px 3px 5px;
overflow:visible;
height:auto;
font-size:x-small;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
border-bottom:dashed #8DA1C0 1px;
}

#cabecalho_menu ul li ul li a:hover{
background-color: black;
color: white;
}

/*Background image for top level menu list links */
#cabecalho_menu .mainfoldericon{
background: #F3F3F3 url(media/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
#cabecalho_menu .subfoldericon{
background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html #cabecalho_menu ul li ul li { float: left; height: 1%; }
* html #cabecalho_menu ul li ul li a { height: 1%; }
/* End */
