/*****************************************************************
 * Filename: resumo.css                                          *
 * Desc: Folha de estilos para resumo operacional presente na    *
 * página inicial do site                                        *
 * ***************************************************************/

#resumoQuadro {
	width:554px;
	height:314px;
	margin:0px auto;
}

.resumoHeader,.resumoHeader2 {
	width:137px;
	height:20px;
	background-color:#EBEDEC;
	text-align:center;
	padding-top:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#999999;
	margin-top:2px;
	float:left;
}

.resumoHeader2 {
	width:206px;
	margin-left:2px;
}

#resumoHeaderOperacao {
	margin-left:280px;
}

.resumoContentEsquerda {
	width:137px;
	height:42px;
	background-color:#F1F3F2;
	margin-top:2px;
	float:left;
}

.resumoContentCentro {
	width:137px;
	height:42px;
	background-color:#F1F3F2;
	margin-top:2px;
	margin-left:2px;
	float:left;
}

.resumoNumVermelho,.resumoNumVermelhoTon,.resumoNumAzulTon {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#DC0026;
	width:35px;
	height:20px;
	margin-top:8px;
	margin-left:6px;
	float:left;
}

.resumoNaviosAtracados,.resumoContentTon {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	width:90px;
	height:20px;
	margin-top:6px;
	margin-left:2px;
	float:left;
}

.resumoNumVermelhoTon {
	margin-top:5px;
	width:125px;
	text-align:center;
}

.resumoNumAzulTon {
	width:125px;
	color:#336699;
	margin-top:12px;
	text-align:center;
	font-size:14px;
}

.resumoContentTon {
	margin-top:0px;
	margin-left:6px;
	width:125px;
	height:8px;
	text-align:center;
}

#resumoGrafico,#resumoInpe {
	width:206px;
	height:106px;
	margin-top:2px;
	margin-left:2px;
	padding-top:6px;
	background-color:#F1F3F2;
	text-align:center;
	float:left;
}

#resumoInpeImg {
	width:90px;
	height:80px;
	border:0px;
	float:left;
	margin-left:5px;
}

#resumoInpeCoord {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin-left:5px;
	margin-top:5px;
	text-align:left;
	float:left;
}

#resumoAndamentos {
	width:137px;
	float:left;
}

#resumoNotas {
	width:552px;
	background-color:#F3F1F2;
	margin-top:2px;
	float:left;
}

#resumoNotas ul {
	list-style:square;
	list-style-image:url(../images/bullet_notas.jpg);
	margin-top:8px;
	margin-bottom:8px;
}

#resumoNotas li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin-top:12px;
}

#resumoHeaderNotas {
    width:549px;
    text-align:left;
    padding-left:5px;
}