@charset "utf-8";
/* CSS Document 
	ANTAQ - Agência Nacional de Transportes Aquaviários
	Desenvolvido por: Alan Ribeiro
	Data: 26/10/2010
*/

* {
	margin:0;
	padding:0;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	}

html {width:100%; height:100%; background:#E8E7E0;}

body {width:100%; height:100%; background:url(../Imagens/Backgrounds/Bg_BodyTopo.png) top repeat-x}

/* Inicio do conteudo principal */

#Principal {width:915px; height:auto; margin:0 auto; display:block;}

/*Esquerda*/
#Esquerda {width:185px; height:auto; border-left:#c8c7b9 1px solid; float:left;}

/*Direita*/
#Direita, #DireitaConteudo {min-height:560px; width:725px; float:left; border-left:#b9b8a7 2px solid; background:url(../Imagens/Backgrounds/Bg_Body_SombraDireita.png) repeat-y right;}

#DireitaConteudo {background:none; border:none;}




/*CONFIGURAÇÃO PARA LEGISLAÇÃO-NORMAS*/
	.Normas {width:100%; font:11px arial;  color:#354F66; float:right;}
	#NormaTitulo {width:96%; background:url(../Imagens/Backgrounds/BgNormas.png) repeat-x bottom; border:#d0ddb0 solid 1px; font-weight:bold; display:table; padding:0 2%}
	#NormaTitulo p {color:#354f66; width:55%; float:left;}
	.NormaTexto {width:96%; background:#f7f7f7; border:#d0ddb0 solid 1px; text-align:justify; margin-bottom:5px; padding:2%}/*Parte de Baixo*/
	
	#NormaNome {width:100%; background:url(../Imagens/Backgrounds/BgNormas.png) repeat-x; float:left;}

	/*Configuração Menu*/
	#MenuNormas {border-left:#cad2b7 solid 2px; width:44%; background:url(../Imagens/Backgrounds/BgNormasMenu.png) repeat-x bottom; float:right; margin-right:-2%;}
	#MenuNormas img {margin:0px 10px;}
	.MenuNormas * { margin: 0 0 0 0; padding: 0; width:auto;}
	.MenuNormas a { display:block;}
	/*Configuração Botão*/
	.MenuNormas li { list-style: none; float:right; width:100%; color:#354f66; font-weight:bold;}
	.MenuNormas li ul { position: absolute; visibility: hidden; display:block; background:#E7F0D1; width:20.2%; border-bottom:#cad2b7 2px solid;}
	.MenuNormas li ul li { float: none; white-space: nowrap; display: inline; /* o inline é pro IE */}
	.MenuNormas li ul li ul {position: absolute; left:459px;}
	.MenuNormas li:hover ul, .menuinterno li.over ul { visibility: visible;}
	.MenuNormas li:hover ul ul, .menuinterno li.over ul ul { visibility: hidden;}
	.MenuNormas ul ul li:hover ul, .menuinterno ul ul li.over ul { visibility: visible;}
	/* visual */
	.MenuNormas {font-family:Arial, Helvetica, sans-serif; font-size:10px; float:right;}
	.MenuNormas a {font-weight:bold; text-decoration:none; text-align:center; padding:5px 0px; display:block; height:17px;}
	.MenuNormas a:hover {text-decoration:none; padding:5px 0px; text-align:center;}
	.MenuNormas ul li ul a{text-align:center; height:auto; width:90%; margin:0 auto;}
	.MenuNormas ul li ul a:hover { text-align:center; width:90%; text-decoration:underline; background:url(../Imagens/Icons/SetaVerde.png) no-repeat left;}
	

/*Campos de alerta em Resolucoes/Frota/Afretamento/Empresas Autorizadas*/
.Observacao {color:#F00; width:90%; padding:1% 5%; background:#f7f7f7 url(../Imagens/Icons/Alerta.png) no-repeat left; font-weight:normal; text-align:justify; font-style:italic; border:#f00 1px dotted;}/*Parte de Baixo*/
.ObservacaoFrota {color:#F00; width:90%; padding:1% 5%; background:#f7f7f7 url(../Imagens/Icons/Alerta.png) no-repeat left; font-weight:normal; text-align:center; font-style:italic; border:#f00 1px dotted; display:block;}

#BannerPrincipal {width:700px; display:block; height:auto; padding:10px 5px}
#BannerPrincipal ul {text-align:center}
#BannerPrincipal ul li {display:inline; margin:8px;}
#BannerPrincipal ul li a {}
#BannerPrincipal ul li a img {border:none;}

/*Tooltip - Alan Ribeiro - 10/03/2015*/
.tooltip {
	display:none;
	position:absolute;
	border:2px solid #E6AC23;
	background-color:#344356;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px Arial;
	max-width:300px;
	height:auto;
	z-index:99999;
}