* {
	_margin:0 center; 
	margin: 0px 0px 0px 0px;
	vertical-align:middle;
	padding:0;/**/
	list-style:none;
	text-decoration:none;
	border:none;
}

#geral{
	width:650px; /* definindo o width fazemos que o site fique estático */
	/* quando comentamos o width deixamos o site fluido com 100% da largura do brouse. */
	font:70% Verdana, Arial, Helvetica, sans-serif;
	/*border: 1px solid;*/
	margin: 0 auto; /* funciona somente para os outros browsers para linhamento da div geral. O IE não aceita esta propriedade */
	text-align:left /* teve de ser acrescentado para alinhar o texto dos divs para centralizar os div geral */
}

/* Menu */

    #menu {
        margin:0 0 0 0;
        width:180px;
        height:447px;
        background-color:#354f66;
        float:left;
    }
	#menu li.TituloMenu {
    font:12px arial;
    color:#FFF;
    text-align:left;
	padding:6px 0px 0px 5px;
	}
    #menu ul {
        margin:0 0 0 0;
        _margin:0 0 0 0;
        list-style-type:none;
    }
    #menu li {
    font:12px arial;
    color:#FFCC00;
    text-align:right;
    width:100%;
    height:25px;
    margin:0 0 0 0;
    _margin:0 0 0 0;
    border-bottom:solid 2px #7E97AD;
    }
    #menu a {
        text-decoration:none;
        color:#FFFFFF;
        margin-right:10px;
        
    }
    #menu a:hover {
         text-decoration:none;
         color:#FFCC00;
         margin-right:10px;
        }
        #logo {
        width:180px;
        height:45px;
        float:left;
        background-color:#FFFFFF;
    }

.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9.5px;
	text-decoration: none;
	border: 1px solid #1D3D56;
	background-color: #e7edf9;
}

/* fim menu */

/* Conteúdo */

#Conteudo{
	width:448px; /* definindo o width fazemos que o site fique estático */
	/* quando comentamos o width deixamos o site fluido com 100% da largura do brouse. */
	font:70% Verdana, Arial, Helvetica, sans-serif;
	float:right;
}

#Conteudo h2{
		text-indent:-9000px;
		overflow:hidden;
		width:448px;
		height:40px;
		float:left;
		background:url(Images/TituloInstrucaoElaboracao.gif) no-repeat left center;
}

#Titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	color: #1d3d56;
	text-align:center;
	width:420px;
	height:50px;
}

#TextoCorrido {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:420px;
	height:30px;
	text-indent:15px;
}

#TextoCorrido Table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:left;
	width: 400px;
	border: 1px #006699 solid;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: 0px;

}

#TextoCorrido Table tr th{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
	border: 1px #006699 solid;

}

#TextoCorrido Table tr td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	border: 1px #006699 solid;

}

#TextoCorrido Table tr td.centro{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;

}

#TextoCorrido p {
	text-indent: 15px;
	text-align:justify;
	margin-bottom:15px;
}

#TextoCorrido p.Centro {
	text-align:center;
	margin-top:20px;
}

#TextoCorrido h1{
	text-indent:-9000px;
	overflow:hidden;
	width:92px;
	height:63px;
	float:right;
	background:url(http://www.antaq.gov.br/PortalPortos/Images/Logo.gif) no-repeat right center;
}

#TextoCorrido ul li{
	list-style-type:disc;
	list-style:inside;
	margin:15px 0px 0px 0px;
	text-align:justify;
}

/* Fim Conteúdo */

/* Conteúdo de Tarifas Vigentes */


#Uniao, #TarifaNordeste, #TarifaSudeste, #TituloTarifa {
	width:422px; /* definindo o width fazemos que o site fique estático */
	float:right;
}

#TituloTarifaNordeste, #TituloTarifaSudeste, #TituloTarifaSul, #TituloTarifaNorte  {
	background-color:#e7edf9;
	height:45px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	padding-left:45px;
	font-weight:bold;
	
}

#TituloTarifaNordeste {background:url(Images/RegiaoNordeste.gif) no-repeat top left;}
#TituloTarifaSudeste {background:url(Images/RegiaoSudeste.gif) no-repeat top left;}
#TituloTarifaSul {background:url(Images/RegiaoSul.gif) no-repeat top left;}
#TituloTarifaNorte {background:url(Images/RegiaoNorte.gif) no-repeat top left;}

#ConteudoTarifa, #ConteudoTarifaNorte {
	width:368px; /* definindo o width fazemos que o site fique estático */
	float:right;
	text-align:center;
	margin-top:-25px;
	margin-right:0px;	
	margin-bottom:15px;
}

#ConteudoTarifaNorte dl.galeria 	{
	float: left;
	margin:0px 5px 5px 0px;
	}

#ConteudoTarifaNorte .galeria dt img {
	border: 1px solid #000;
	width: 153px;
	height: 53px;
	float:left;
	clear:both;
	}

#ConteudoTarifaNorte .galeria dd {
	font-weight: bold;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	text-align:left;
	padding-top:3px;
	clear:both;
	}

#ConteudoTarifa dl.galeria 	{
	float: left;
	margin:0px 5px 5px 0px;
	}

#ConteudoTarifa .galeria dt img {
	border: 1px solid #000;
	width: 153px;
	height: 53px;
	}

#ConteudoTarifa .galeria dd {
	font-weight: bold;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	text-align:center;
	padding-top:3px;
	}

#ConteudoTarifa .galeriario dt img, #ConteudoTarifa .galeriaparanagua dt img, #ConteudoTarifa .galeriabelem dt img {
	border: 1px solid #000;
	width: 153px;
	height: 53px;
	float:left;
	margin-left:-2px;
	}

#ConteudoTarifa .galeriario dd, #ConteudoTarifa .galeriaparanagua dd, #ConteudoTarifa .galeriabelem dd {
	font-weight: bold;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	text-align:left;
	padding-top:3px;
	clear:both;
	}	


/* Fim Conteúdo de Tarifas Vigentes */

.textoPequeno {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5px;
	text-decoration: none;

}

#LinhaDivisoria {
	border-top: 2px #e7edf9 solid;
}

.TxtMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #bac4cc;
	font-weight:700;
	padding-right: 6px;
}

.TxtMenu a:link{text-decoration:none;color: #bac4cc;}
.TxtMenu a:visited{text-decoration:none;color: #bac4cc;}
.TxtMenu a:hover{text-decoration:none;color: #FFCC00;}


.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9.5px;
	text-decoration: none;
	border: 1px solid #1D3D56;
	background-color: #e7edf9;
}
.List {
	font-weight:bold;
}


.TextoCorridoEndereco {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.TextoCorridoPresidente {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.DadosCap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.DadosCapPresidente {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	background-color: #e7edf9;
}


.Itens {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 8.5pt;
	color: #1e3e57;
text-decoration:none;}


.Presidentes {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #1e3e57;
text-decoration:none;}


.Estados {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #7c95a8;
text-decoration:none;}


.Estados a:link{text-decoration:none;color: #7c95a8;}
.Estados a:visited{text-decoration:none;color: #7c95a8;}
.Estados a:hover{text-decoration:none;color: #FF0000;}


img.Bandeiras {
border: 1px solid #999999}

#foldheader {cursor:pointer;cursor:hand ; font-weight:bold ;
list-style-image:   url(../../Site/Copy of CAP/Teste/NovaHome/fold.gif)}
#foldinglist {list-style-image:   url(../../Site/Copy of CAP/Teste/NovaHome/list.gif)}
-->
.menuinterno {
    list-style-type: none;
    width:125px;
    height:16px;
    color: #354F66;
    font: 11px arial;
    float:right;
    margin-right:3px;
    background-color:#354f66;
    border:solid 1px #7E97AD;
    text-align:center;
}

#menuinterno {
    width:auto;
    height:auto;
    margin-bottom:5px;
    margin-left:15px;
    float:right;
}
#menuinterno a {
    text-decoration:none;
    font: 11px arial;
    color: #FFFFFF;
}
#menuinterno a:hover {
    font: 11px arial;
    color: #FFCC00;
}
.espacador {
    width:400px;
    height:5px;
    float:left;
}

#itens {
	margin-left:0px;
}

#itens ul{
	margin-left:0px;
}

#itens li{
    list-style-type: none;
    width:400px;
    height:16px;
    color: #354F66;
    font: 11px arial;
    text-align:left;
	margin-left:15px;
}

#itens a {
    width:400px;
	float:left;
    text-decoration:none;
	background-color:#f5f5f5;
    font: 11px arial;
    color: #354F66;
}


#itens a:hover {
    font: 11px arial;
    color: #FF0000;
	background-color:#e5f8ff;
}

#itens li.Detalhe{
    list-style-type: none;
    width:400px;
    height:16px;
    color: #000;
    font: 11px arial;
	font-style:italic;
    text-align:left;
	margin-left:20px;
	padding-bottom:3px;
}

#itens li.Detalhe a:link{text-decoration:underline;color: #354F66;width:auto;float:none}
#itens li.Detalhe a:visited{text-decoration:underline;color: #354F66;width:auto;float:none}
#itens li.Detalhe a:hover{text-decoration:underline;color: #FF0000;width:auto;float:none}
