/* CSS Document */

/* devinições gerais */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333;
	text-align: center;
	background: #E5E5E5;
	margin: 0 auto;
	padding: 0;
}

p {
	text-align: justify;
}

table {
	width: 560px;
	margin: 15px 0;
	padding: 0;
}
td {
	font-size: 80%;
	margin: 0;
	padding: 5px;
}
td p {
	text-align: inherit;
	margin: 0;
	padding: 0;
}



/* classes de alinhamento de imagens */
img {
	border: none;
}
.left {
	float: left;
	margin: 0 20px 10px 0;
	padding: 0;
}
.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.right {
	float: right;
	margin: 0 0 10px 20px;
	padding: 0;
}



/* definição dos links */
a:link, a:visited, a:active {
	color: #036;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	background: #036;
}



/* css=01: LINKS */
#link {
	width: 590px;
	font-size: 70%;
	margin: 15px auto 30px;
	padding: 5px;
	border: 1px solid #666;
}
#link p {
	margin: 0;
	padding: 0;
}
#link p a {
	color: #036;
}
#link p a:hover {
	color: #fff;
}



/* css=02: WRAPPER */
#wrapper {
	width: 600px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}



/* css=03: HEAD */
#head {
	width: 600px;
	margin: 0 0 20px;
	padding: 0;
	float: left;
}
#head h1 {
	background: url(eUpdate/arquivos/newLogo_eUpdate.png) no-repeat;
	height: 103px;
	margin: 0 0 10px;
	padding: 0;
}
#head h1.esp {
	background: url(eUpdate/arquivos/newLogo_eUpdate_ESP.png) no-repeat;
}
#head span {
	display: none;
}
#head p {
	font-size: 70%;
	color: #369;
	text-align: center;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}



/* css=04: SUMÁRIO */
#sumario {
	width: 600px;
	text-align: left;
	margin-bottom: 30px;
	padding: 0;
	background-color: #CFC;
	float: left;
}
#sumario_top {
	height: 16px;
	margin-bottom: -1px;
	padding: 0;
	background: #E18700 url(eUpdate/arquivos/bordaTabela_sup_tl.gif) no-repeat;
}
#sumario_middle {
	margin: 0;
	padding: 15px 20px;
	background: #F0F0F0 url(eUpdate/arquivos/bordaTabela_lateral_tl.gif) repeat-y;
}
#sumario_bottom {
	height: 18px;
	margin: 0;
	padding: 0;
	background: #FFB03C url(eUpdate/arquivos/bordaTabela_inf_tl.gif) no-repeat;
}
#sumario_middle h2 {
	font-size: 120%;
	color: #036;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: left;
}
#sumario_middle h3 {
	font-size: 90%;
	background-image: url("eupdate/arquivos/line_shadow.gif");
	background-repeat: repeat-X;
	background-position: bottom;
	margin: 20px 0 5px;	
	padding: 0 0 3px;
}
#sumario_middle ul {
	color: #303030;
	margin: 0 0 0 20px;
	padding: 0;
}
#sumario_middle ul li {
	font-size: 70%;
	color: #303030;
	list-style: url(eUpdate/arquivos/icon_arrow_right_blue.gif);
	margin: 3px 0;
	padding: 2px 0;
}
#sumario_middle ul li.extra {
	list-style: url(eUpdate/arquivos/icon_excl_blue.gif);
	font-weight: bold;
}
#sumario_middle ul li.pesquisa {
	font-size: 70%;
	list-style: url(eUpdate/arquivos/icon_find_blue.gif);
	margin: 40px 0 0;
	padding: 0;
}
#sumario_middle ul li.tradutor {
	font-size: 70%;
	list-style: url(eUpdate/arquivos/icon_pencil_blue.gif);
	margin: 10px 0 0;
	padding: 0;
}
#sumario_middle ul li.pesquisa a, #sumario_middle ul li.tradutor a {
	color: #036;
}
#sumario_middle ul li.pesquisa a:hover, #sumario_middle ul li.tradutor a:hover {
	color: #fff;
}



/* css=05 a 08: NOTÍCIAS */
#noticias .box_top {
	background-color: #8080C0;
}
#noticias .box_bottom {
	background-color: #BDBDDF;
}

#dicas .box_top {
	background-color: #C63;
}
#dicas .box_bottom {
	background-color: #C96;
}

#eventos .box_top {
	background-color: #06C;
}
#eventos .box_bottom {
	background-color: #09F;
}

#curiosidades .box_top {
	background-color: #9AB086;
}
#curiosidades .box_bottom {
	background-color: #B7DA6D;
}

	/* classes que definem os boxes (top: borda superior; middle: bordas laterais; bottom: borda inferior */
	.box_top {
		height: 16px;
		background: #999 url(eUpdate/arquivos/bordaTabela_sup_tl.gif) no-repeat;
		margin: 0 0 -1px;
		padding: 0;
		width: 600px;
		float: left;
	}
	.box_middle {
		width: 560px;
		background: #FFF url(eUpdate/arquivos/bordaTabela_lateral_tl.gif) repeat-y;
		margin-bottom: -3px;
		padding: 15px 20px;
		float: left;
		clear: both;
	}
	.box_bottom {
		width: 600px;
		height: 18px;
		background: #CCC url(eUpdate/arquivos/bordaTabela_inf_tl.gif) no-repeat;
		margin: 0;
		padding: 0;
		float: left;
		clear: both;
	}

	/* classes que definem os textos dos "box_middle" */
	.noticias, .dicas, .eventos, .curiosidades {
		text-align: left;
		margin: 15px 0;
		float: left;
	}
	.noticias h2, .dicas h2, .eventos h2, .curiosidades h2 {
		font-size: 130%;
		color: #036;
		font-weight: normal;
		background: url(eUpdate/arquivos/line_shadow.gif) repeat-X bottom;
		margin: 0 0 40px;
		padding: 0;
	}
	.noticias h3, .dicas h3, .eventos h3, .curiosidades h3 {
		font-size: 90%;
		color: #036;
		margin: 30px 0 0;
		padding: 0;
	}
	.noticias h4, .dicas h4, .eventos h4, .curiosidades h4 {
		font-size: 80%;
		color: #333;
		font-style: italic;
		margin: 30px 0 0;
		padding: 0;
	}
	.noticias p, .dicas p, .eventos p, .curiosidades p {
		font-size: 80%;
		margin: 15px 0 0;
		padding: 0;
	}
	.noticias blockquote p, .dicas blockquote p, .eventos blockquote p, .curiosidades blockquote p {
		font-size: 90%;
		color: #666;
		font-style: italic;
		text-align: left;
		border-left: solid 8px #CCC;
		margin: 20px 0 30px 20px;
		padding: 0 0 0 10px;
	}
	.noticias ul, .dicas ul, .eventos ul, .curiosidades ul {
		margin: 0 0 0 15px;
		padding: 0;
		text-align: left;
		font-size: 80%;
	}
	.noticias ul li, .dicas ul li, .eventos ul li, .curiosidades ul li {
		margin: 5px 0 0;
	}
	.noticias ul li.topo, .dicas ul li.topo, .eventos ul li.topo, .curiosidades ul li.topo {
		font-size: 90%;
		color: #666;
		list-style: url(eUpdate/arquivos/icon_arrow_top.gif);
		margin: 40px 0 0 4px;
		padding: 0;
	}
	.noticias ul li.topo a, .dicas ul li.topo a, .eventos ul li.topo a, .curiosidades ul li.topo a {
		color: #666;
	}
	.noticias ul li.topo a:hover, .dicas ul li.topo a:hover, .eventos ul li.topo a:hover, .curiosidades ul li.topo a:hover {
		color: #fff;
		background-color: #333;
	}
	.noticias ol, .dicas ol, .eventos ol, .curiosidades ol {
		margin: 0 0 0 25px;
		padding: 0;
		text-align: left;
		font-size: 80%;
	}
	.noticias ol li, .dicas ol li, .eventos ol li, .curiosidades ol li {
		margin: 5px 0 0;
	}
	
			.noticias ul li ul, .dicas ul li ul, .eventos ul li ul, .curiosidades ul li ul,
			.noticias ol li ol, .dicas ol li ol, .eventos ol li ol, .curiosidades ol li ol {
				font-size: 100%;
			}

	
	/* definições das características das tabelas */
	.noticias table, .eventos table {
		width: 560px;
		margin: 15px 0;
		padding: 0;
		border-top: solid 1px #CCC;
		border-left: solid 1px #CCC;
	}
	.noticias td, .dicas td, .eventos td, .curiosidades td {
		border-bottom: solid 1px #CCC;
		border-right: solid 1px #CCC;
	}
	.noticias h3.titulo_tabela {
		width: 554px;
		font-size: 75%;
		color: #FFF;
		font-weight: bold;
		text-align: left;
		background-color: #336;
		margin: 15px 0 0;
		padding: 3px;
	}
	.noticias th {
		font-size: 75%;
		font-weight: bold;
		color: #FFF;
		text-align: left;
		background-color: #999;
		margin: 0;
		padding: 3px;
	}
	.dicas th {
		font-size: 75%;
		font-weight: bold;
		color: #FFF;
		text-align: left;
		background-color: #369;
		border: 0.05pt solid #E5E5E5;
		margin: 0;
		padding: 5px;
	}
	.noticias th.subtitulo {
		font-size: 75%;
		font-weight: bold;
		color: #FFF;
		text-align: left;
		background-color: #369;
		margin: 0;
		padding: 3px;
	}
	.noticias td {
		font-size: 70%;
		color: #333;
		padding: 3px;
		margin: 0;
	}
	.noticias td a {
		color: #333;
	}
	.noticias td a:hover {
		color: #039;
		/* text-decoration: underline; */
		background-color: #fff;
	}
	
	.eventos th {
		font-size: 75%;
		font-weight: bold;
		color: #FFF;
		text-align: left;
		background-color: #369;
		margin: 0;
		padding: 5px;
	}
	.eventos td {
		font-size: 75%;
		color: #333;
		margin: 0;
		padding: 5px;
	}
	.eventos td a {
		color: #333;
	}
	.eventos td a:hover {
		color: #F90;
		/* text-decoration: underline; */
		background-color: #fff;
	}




/* css=09: PESQUISA */
#pesquisa, #tradutor {
	width: 600px;
	text-align: left;
	margin: 30px 0 30px 0;
	padding: 0;
	float: left;
}
#pesquisa .box_top, #tradutor .box_top {
	height: 16px;
	background: #999 url(eUpdate/arquivos/bordaTabela_sup_tl.gif) no-repeat;
	margin: 0 0 -1px;
	padding: 0;
	width: 600px;
	float: left;
}
#pesquisa .box_middle, #tradutor .box_middle {
	width: 570px;
	background: #F0F0F0 url(eUpdate/arquivos/bordaTabela_lateral_tl.gif) repeat-y;
	margin-bottom: -3px;
	padding: 10px 15px;
	float: left;
}
#pesquisa .box_bottom, #tradutor .box_bottom {
	width: 600px;
	height: 18px;
	background: #CCC url(eUpdate/arquivos/bordaTabela_inf_tl.gif) no-repeat;
	margin: 0;
	padding: 0;
	float: left;
}
	#tradutor p {
		font-size: 80%;
		margin: 15px 0 0;
		padding: 0;
	}
	#tradutor ul {
		margin: 0 0 0 15px;
		padding: 0;
		text-align: left;
		font-size: 80%;
	}
	#tradutor ul li.topo {
		font-size: 90%;
		color: #666;
		list-style: url(eUpdate/arquivos/icon_arrow_top.gif);
		margin: 40px 0 0 4px;
		padding: 0;
	}
	#tradutor ul li.topo a {
		color: #666;
	}
	#tradutor ul li.topo a:hover {
		color: #fff;
		background-color: #333;
	}
#pesquisa h3 {
	font-size: 75%;
	color: #303030;
	margin: 0 0 5px;
	padding: 0 0 3px;
}
#pesquisa ul {
	margin: 0 0 0 20px;
	padding: 0;
}
#pesquisa ul li {
	font-size: 70%;
	list-style: url(eUpdate/arquivos/icon_arrow_right_blue.gif);
	margin: 3px 0;
	padding: 2px 0;
}
#pesquisa ul li a {
	color: #303030;
}
#pesquisa ul li a:hover {
	color: #fff;
	background-color: #353535;
}
#pesquisa ul li.proxima {
	list-style: url(eUpdate/arquivos/icon_arrow_right.gif);
}
#pesquisa ul li.anterior {
	list-style: url(eUpdate/arquivos/icon_arrow_left.gif);
}
#pesquisa ul li.pesquisa {
	list-style: url(eUpdate/arquivos/icon_find.gif);
}

#pesquisa ul li.alterar {
	list-style: url(eUpdate/arquivos/icon_pencil.gif);
}
#pesquisa ul li.cancelar {
	list-style: url(eUpdate/arquivos/icon_x.gif);
}

select {
	width: 200px;
	color: #333;
	background: #F0F0F0;
	margin: 0 0 0 20px;
	padding: 0;
}
optgroup {
	font-size: 70%;
	font-weight: bold;
	font-style: normal;
	margin: 10px 0 0 5px;
	padding: 0;
}
option {
	margin: 0 0 0 10px;
	padding: 0;
}



/* css=10: CREDITOS */
#creditos {
	width: 600px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	margin: 15px 0;
	padding: 0;
	float: left;
}
	#logo {
		width: 600px;
		height: 24px;
		text-align: left;
		background: url(eUpdate/arquivos/dawLogo_eUpdate.png) no-repeat;
		margin: 0 0 20px;
		padding: 0;
	}
	#logo span {
		display: none;
	}
	#textos {
		width: 600px;
		margin: 0;
		padding: 0;
	}
	#textos p {
		font-size: 60%;
		text-align: left;
		margin: 10px 0 0 170px;
		padding: 0;
	}
	#textos p a {
		color: #333;
	}
	#textos p a:hover {
		color: #fff;
		background-color: #696969;
	}



/* css=11: RODAPÉ */
#rodape {
	width: 588px;
	margin: 15px 0;
	padding: 5px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	float: left;
}
	#texto p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 70%;
		color: #666;
		font-weight: bold;
		text-align: left;
		margin: 2px 0 0;
		padding: 0;
		float: left;
	}
	#selos {
		font-size: 80%;
		width: 260px;
		height: 13px;
		text-align: right;
		margin: 0;
		padding: 0;
		float: right;
	}
	#selos ul {
		margin: 0;
		padding: 0;
	}
	#selos ul li {
		display: inline;
		margin: 0 0 0 5px;
		padding: 0;
	}
	#selos ul li a:link, #selos ul li a:visited, #selos ul li a:active {
		background-color: #666;
		margin: 0;
		padding: 0;
	}
	#selos ul li a:hover {
		background-color: #369;
	}



/* tag <pre> e classes que definem o código-fonte do VDF*/
pre {
	font-size: 90%;
}
.VDFCodeKeywords {
	color: #00F;
}
.VDFCodeComentarios {
	color: #008000;
}
.VDFCodeNumeros {
	color: #F0F;
}
.VDFCodeOperadores {
	color: #800000;
}
.VDFCodeStrings {
	color: #800080;
}
#top {

	width: 600px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
