html, body { margin: 0; padding: 0; }
* { font-family: Verdana; font-size: 12px; color: #444; }
ul, li, ol { margin: 0; padding: 0; list-style: none; }
fieldset { float: left; }
fieldset legend { font-size: 1.2em; }
fieldset.fotos { display: block; width: 740px; }
fieldset.fotos ul { display: block; clear: both; position: relative; float: left; }
fieldset.fotos ul li { list-style: none; }
fieldset.fotos ul li label { display: block; clear: both; margin-top: 10px; }
fieldset.fotos ul li ul.fotos li { display: block; float: left; position: relative; margin: 5px 2px 0px 3px; }
fieldset.fotos input[type=submit] { z-index: 0; position: relative; float: left; font-size: 1.3em; font-family: Verdana; font-weight: bold; color: #234; padding: 3px; margin: 10px; }

ul.menu { position: relative; display: block; clear: both; float: left; margin: 20px 0 0 20px; }
ul.menu li { float: left; position: relative; padding: 3px 5px; padding-right: 20px; border-left: 5px solid #789; }
ul.menu li:hover { background-color: #EFEFEF; }
ul.menu li a { text-decoration: none; }

div.content { display: block; position: relative; float: left; clear: both; margin: 30px; }
div.content .gridLeft { float: left; display: block; }
div.content .contentRight { float: left; display: block; margin-left: 20px; }
div.content .contentRight > input[type=submit] { float: left; display: block; clear: both; }
div.content .contentRight fieldset { display: block; clear: both; float: left; }

/* Greyscale
Table Design by Scott Boyle, Two Plus Four
www.twoplusfour.co.uk
----------------------------------------------- */
table.table { border-collapse: collapse; border: 1px solid #000; font: normal 80%/140% arial, helvetica, sans-serif; color: #555; background: #fff; }
.table td, .table th { border: 1px dotted #bbb; padding: .5em; }
.table caption { padding: 0 0 .5em 0; text-align: left; font-size: 1.4em; font-weight: bold; text-transform: uppercase; color: #333; background: transparent; }

/* =links */
table.table a { padding: 1px; text-decoration: none; font-weight: bold; background: transparent; }
table.table a:link { border-bottom: 1px dashed #ddd; color: #000; }
table.table a:visited { border-bottom: 1px dashed #ccc; text-decoration: line-through; color: #808080; }
table.table a:hover { border-bottom: 1px dashed #bbb; color: #666; }

/* =head =foot */
----------------------------------------------- * /
.table thead th { border: 1px solid #000; text-align: left; font-size: 1.2em; font-weight: bold; color: #333; background: #EEE; }
.table tfoot { border: 1px solid #000; background-color: #eee; }
.table tfoot th, .table tfoot td { border: none; text-align: center; }

/* =body */
.table tbody th, .table tbody td { vertical-align: top; text-align: left; }
.table tbody th { white-space: nowrap; }
.odd { background: #fcfcfc; }
.table tbody tr:hover { background: #fafafa; }




div#sysmessage { display: block; border: 1px #FF6066 solid; padding: 6px; margin-bottom: 10px; background-color: #FFB5CC; font-size: 0.7em; color: #234; opacity: 0.95; padding: 6px; position: absolute; z-index: 99; width: 400px; margin-left: -200px; left: 50%; top: 40%; text-align: center; }
div.popupMateria { display: none; padding: 6px; margin-bottom: 10px; font-size: 1em; color: #234; opacity: 0.96; padding: 6px; position: absolute; z-index: 99; width: 728px; margin-left: -364px; left: 50%; top: 10%; background-color: #FFFFFF; border: 4px solid #DDD; }
div.popupMateria > h1 { position: relative; float: left; margin: -6px 0 0 -6px; background-color: #DDD; font-size: 1.1em; line-height: 25px; vertical-align: middle; width: 620px; height: 25px; text-align: left; padding-left: 10px; color: #444; }
div.popupMateria > span { position: relative; float: right; margin: -6px -6px 0 0; background-color: #DDD; line-height: 25px; vertical-align: middle; text-align: right; padding-right: 10px; width: 100px; height: 25px; cursor: pointer; cursor: hand; color: #444; font-weight: bold; }
div.popupMateria > span:hover { color: #000; }

div.popupMateria div.materia { display: block; float: left; height: auto; margin: 0 -6px -6px; /*overflow-y: auto; max-height: 500px; width: 662px;*/ }
div.popupMateria div.materia > div > h1 { font-size: 2em; margin: 10px 5px; }
div.popupMateria div.materia > div > h3 { font-size: 1.2em; margin-left: 10px; color: #AAA; margin-top: 10px; }
div.popupMateria div.materia > div > p { margin: 10px; }

h1 { color: #0c3f8d; font-family: "Verdana"; font-size: 9px; font-style: normal; line-height: normal; text-decoration: none; }
h1.links { height: 100px; }
ul.noticias { margin: 10px; padding: 0; }
ul.noticias li.link { color: #777777; font-size: 0.8em; margin-top: 5px; }
ul.noticias li.link span { display: block; font-size: 1em; }

ul, li, ol { margin: 0; padding: 0; list-style: none; }

/* Fotos */
td.listaF { display: block; float: left; width: 342px; height: 279px; padding: 60px 53px 3px 5px; background: transparent url(../imagens/galeria_fotos_1_2.jpg) scroll no-repeat left top; }
td.listaF div.fotos { width: 328px; height: 260px; overflow-y: auto; padding: 7px; margin-top: 3px; }
td.listaF div.fotos ul { font-family: verdana; font-size: 12px; }
td.listaF div.fotos ul li { line-height: 18px; vertical-align: middle; padding: 0 5px 0 5px; }
td.listaF div.fotos ul li:hover { background-color: #DDD; }
td.listaF div.fotos ul li span { font-size: 10px; font-weight: bold; color: #234; padding-right: 10px; line-height: 12px; vertical-align: middle; }
td.fotoslista { display: block; float: left; width: 360px; height: 309px; padding: 33px 0 0 40px; background: transparent url(../imagens/galeria_fotos_1_1.jpg) scroll no-repeat left top; }
td.fotoslista img { border: 0; }
td.fotoslista div.fotos { overflow-y: auto; width: 100%; height: 100%; font-family: verdana; font-size: 12px; }
td.fotoslista ul { list-style: none; margin: 0; padding: 5px 0 0 5px; width: 330px; }
td.fotoslista ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
td.fotoslista ul li { border-bottom: 5px solid transparent; border-right: 5px solid transparent; float: left; }
td.fotoslista ul li a, ul li a img { display: block; }

/* Dicas */
td.listaD { display: block; float: left; width: 342px; height: 279px; padding: 60px 53px 3px 5px; background: transparent url(../imagens/dicas_1.jpg) scroll no-repeat left top; }
td.listaD div.dicas { width: 328px; height: 260px; overflow-y: auto; padding: 7px; margin-top: 3px; }
td.listaD div.dicas ul { font-family: verdana; font-size: 12px; margin-top: 35px;}
td.listaD div.dicas ul li { line-height: 18px; vertical-align: middle; padding: 0 5px 0 5px; }
td.listaD div.dicas ul li:hover { background-color: #DDD; }
td.listaD div.dicas ul li span { font-size: 10px; font-weight: bold; color: #234; padding-right: 10px; line-height: 12px; vertical-align: middle; }
td.bgDicas { display: block; float: left; width: 360px; height: 309px; padding: 33px 0 0 40px; background: transparent url(../imagens/dicas_2.jpg) scroll no-repeat left top; }

/* Notícias */
td.listaN { display: block; float: left; width: 342px; height: 279px; padding: 60px 53px 3px 5px; background: transparent url(../imagens/noticias_fundo_lista.jpg) scroll no-repeat left top; }
td.listaN div.news { width: 328px; height: 260px; overflow-y: auto; padding: 7px; margin-top: 3px; }
td.listaN div.news ul { font-family: verdana; font-size: 12px; margin-top: 35px;}
td.listaN div.news ul li { line-height: 18px; vertical-align: middle; padding: 0 5px 0 5px; }
td.listaN div.news ul li:hover { background-color: #DDD; }
td.listaN div.news ul li span { font-size: 10px; font-weight: bold; color: #234; padding-right: 10px; line-height: 12px; vertical-align: middle; }
td.bgNoticias { display: block; float: left; width: 360px; height: 309px; padding: 33px 0 0 40px; background: transparent url(../imagens/galeria_fotos_1_1.jpg) scroll no-repeat left top; }