/***************************
	 CSS BARRA TOPO
***************************/

/*****************
	OBSERVAÇÕES
*****************/
/* _Underscore hack
Um hack muito util. Qualquer regra de CSS, Seletor ou atributo q apresente o underscore ( _ ) só será interpretado pelo Internet Explorer. Segundo as regras de sintaxe do CSS, o underscore não é permitido dentro do CSS. Como o IE tem o péssimo costume de ignorar regras, ele é exceção a regra, ou seja, ele interpreta o _ dentro do CSS!. */

/* !important
Estas regras terão prioridade sobre todas as regras conflitantes. Havendo conflito entre regras CSS !important, declaradas pelo autor do documento e pelo usuário, prevalecem as regras do usuário. Um usuário com restrições de visão, por exemplo, poderá ter declarado para seu browser; estilo !important, com fontes de tamanho grande. Se o autor do documento, inseriu !important na declaração de suas fontes, não impossibilitará aquele usuário a leitura de sua página web por ter projetado uma fonte menor e a declarado !important. */


/*MENU DROPDOWN */
ul.cssMenu ul {
	display:none;
	border-width:1px; /*BORDA GERAL DO MENU */
	border-color:#FFFFFF;
	border-style:solid;
	position:relative;
	z-index:2;
}

ul.cssMenu li:hover>ul {
	display:block;
}

ul.cssMenu ul {
	position: absolute;
	left:-1px;
	top:98%;
}

ul.cssMenu ul ul {
	position: absolute;
	left:98%;
	top:-2px;
}

ul.cssMenu,ul.cssMenu ul {
	margin:0;
	list-style:none;
	padding:0px 1px 1px 0px;
	background-color:#003366;
	background-repeat:repeat;
	float:left;
	/*border-width:1px; /*BORDA GERAL DO MENU SE QUISER COLOCAR NO 1ºNÍVEL DO MENU 
	border-color:#FFFFFF;
	border-style:solid;*/
}

ul.cssMenu table {
	border-collapse:collapse;
}

ul.cssMenu {
	display:block;
	float: left;
}

ul.cssMenu ul {
	width:136px;
}

ul.cssMenu li {
	display:block;
	margin:1px 0px 0px 1px;
	/*font-size:0px;*/
}

ul.cssMenu a:active, ul.cssMenu a:focus {
	outline-style:none;
}

ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#003366;
	border-width:0px;
	border-color:#003366;
	text-align:left;
	text-decoration:none;
	padding:4px; /*distancia entre os itens do menu */
	_padding-left:0;
	font:normal 11px Arial; /*FONTE */
	color: #FFFFFF; /*Cor da FONTE */
	text-decoration:none;
	cursor:hand;
}

ul.cssMenu span {
	overflow:hidden;
}

ul.cssMenu li {
	float:left;
}

ul.cssMenu ul li {
	float:none;
}

ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}

ul.cssMenu li.sep {
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}

ul.cssMenu li.sep span {
	float:none;	
	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	background-image:none;
}

ul.cssMenu ul li.sep span {
	width:80%;
	height:3;
}

ul.cssMenu li:hover {
	position:relative;
}
/*Opções do Menu qdo o mouse em cima */
ul.cssMenu li:hover>a {
	background-color:#4792E6; /*cor do menu PAI qdo está ativo*/
	font-family:normal 11px Arial;
	color: #ffffff;
	text-decoration:none;
}

ul.cssMenu li a:hover {
	position:relative;
	background-color:#4792E6; /*Cor da célula do menu qdo ativa */
	font-family:normal 11px Arial;
	color: #ffffff;
	text-decoration:none;
}

ul.cssMenu li.dis a {
	color: #FFFFFF !important
}

ul.cssMenu img {
	border: none;
	float:left;
	_float:none;
	margin-right:4px;
	width:16px;
	height:16px;
}

ul.cssMenu ul img {
	width:16px;
	height:16px;
}

ul.cssMenu img.over {
	display:none
}

ul.cssMenu li.dis a:hover img.over {
	display:none !important
}

ul.cssMenu li.dis a:hover img.def {
	display:inline !important
}

ul.cssMenu li:hover > a img.def {
	display:none
}

ul.cssMenu li:hover > a img.over {
	display:inline
}

ul.cssMenu a:hover img.over,
ul.cssMenu a:hover ul img.def,
ul.cssMenu a:hover a:hover ul img.def,
ul.cssMenu a:hover a:hover img.over,
ul.cssMenu a:hover a:hover a:hover img.over {
	display:inline
}

ul.cssMenu a:hover img.def,
ul.cssMenu a:hover ul img.over,
ul.cssMenu a:hover a:hover ul img.over,
ul.cssMenu a:hover a:hover img.def,
ul.cssMenu a:hover a:hover a:hover img.def {
	display:none
}

ul.cssMenu a:hover ul,
ul.cssMenu a:hover a:hover ul {
	display:block
}

ul.cssMenu a:hover ul ul {
	display:none
}

/* Seta usada no menu principal "PAI" */
ul.cssMenu span {
	display:block;
	background-image:url(../imagens/arrv_anim_1.gif);
	background-position:right center;
	background-repeat: no-repeat;
	padding-right:11px;
}

/*Seta qdo passamos o mouse em cima */
ul.cssMenu li:hover>a>span {	
	background-image:url(http://www.brasilalemanhanews.com.br/imagens/arrv_anim_1o.gif);
}

ul.cssMenu a:hover span{
	_background-image:url(http://www.brasilalemanhanews.com.br/imagens/arrv_anim_1o.gif);
}

ul.cssMenu ul span,ul.cssMenu a:hover table span {
	background-image:url(http://www.brasilalemanhanews.com.br/imagens/arr_double_1.gif);
}

ul.cssMenu ul li:hover > a span {
	background-image:url(http://www.brasilalemanhanews.com.br/imagens/arr_double_1o.gif);
}

ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span {
	background-image:url(http://www.brasilalemanhanews.com.br/imagens/arr_double_1o.gif);
}

ul.cssMenu table a:hover table span {
	background-image:url(http://www.brasilalemanhanews.com.br/imagens/arr_double_1.gif);
}

/*******************
	Opções Gerais
*******************/

body {
	margin: 0;
	padding: 0;
}

#barra_layout {
	height: 36px;
	width: 990px;
	/*border: 1px solid white;*/ /*BORDA EM TODO O MENU */
}

#barra_logos {
	float:left;
	font-family: Arial;
	font-size:7px;
	color:#FFF;
	/*width: 200px;*/
	margin: 4px 13px 0px 10px;
}

#barra_rede_social {
	float:left;
	height:20px;
	padding-top: 3px;
	margin: 0px 35px 0px 10px;
	/*border: 1px solid red;*/
}

#barra_telefone {
	float:left;
	height:20px;
	font-family: Arial;
	color:#FFF;
	font-size: 11px;
	padding-top: 5px;
	margin: 0px 20px 0px 0px;
}

#barra_logo_DE {
	float:left;
	height:20px;
	margin: 3px 10px 0px 0px;
}