* { margin: 0; padding: 0; }

body { font-family: "Trebuchet MS", sans-serif; color: #CCC; font-size: 0.9em; background: #3D3938; }

a { text-decoration: none; color: #F90; border-color: #F90; }
a:hover { text-decoration: underline; }

h3 { color: #CCC; border-bottom: 1px solid #666; margin-bottom: 8px; }
h4 { color: #0FE9D0; }

#topo { height: 120px; background: #000 url('../i/bg-topo.jpg') repeat-x top left; }
#topo h1 { padding-top: 7px; }
#topo h1 a { display: block; width: 684px; height: 99px; background: url('../i/bg-titulo.gif') no-repeat left top; margin: 0 auto; }
#topo h1 a span { display: none; }
#topo h2 { display: none; }

#rodape { background: #000; text-align: center; color: #FFF; padding: 10px 0 25px 0; font-size: 0.8em; }
#rodape .copyright { padding: 15px 0 0 0; color: #666; }

#menu { height: 58px; background: url('../i/bg-menu.jpg') repeat-x left top; }

#conteudo { padding: 5px 0; }
#conteudo, #menu ul { margin: 0 100px; }
#conteudo hr { clear: both; visibility: hidden; }

#menu ul li { display: inline; margin-right: 20px; line-height: 50px; }
#menu ul li a { color: #FFF; }
#menu ul li a:hover { color: #FC0; }

#destaque, #ultimosEventos { float: left; }
#destaque { width: 630px; margin-right: 5px; }
#destaque img { padding: 5px; margin: 0 3px 0 0; border: 1px solid #817D7C; background: #5D5757; }

#ultimosEventos { width: 173px; }
#ultimosEventos .img { clear: both; padding-top: 5px; font-size: 0.9em; }
#ultimosEventos .img h5 { font-size: 1em; }
#ultimosEventos .img img { float: left; padding: 3px; margin: 0 3px 0 0; border: 1px solid #817D7C; background: #5D5757; }

#lista-fotos { float:left; width: 297px; height: 445px; overflow:auto; }
#lista-fotos ul { list-style: none; }
#lista-fotos li { float: left; text-align: center; margin-right: 5px; margin-bottom: 5px; width: 84px; height: 84px; padding: 3px; border: 1px solid #817D7C; background: #5D5757 url('../i/load-img.gif') no-repeat center center; }
#lista-fotos li a img { border: 1px solid #817D7C; }
#viewer { float: right; width: 505px; text-align: center; background: url('../i/load-img-prin.gif') no-repeat center center; }
#viewer img { padding: 3px; border: 1px solid #817D7C; background: #5D5757; }
#viewer p { clear: both; }
#navegador { width: 50px; margin: 0 auto; background: #FF0; }
#mostrador { height: 408px; }
#navegador a { float: left; }
#navegador a.ant { margin-right: 5px; }
#navegador a.pro { margin-left: 5px; }
#paginacao { clear:both; width: 100px; margin: 0 auto; }
#paginacao a, #paginacao select { float:left; }
#paginacao select { margin: 0 10px; }
#paginacao a, #viewer a { display: block; width: 20px; height: 20px; background-image: url('../i/setas-paginacao.jpg'); background-repeat: no-repeat; }
a.ant { background-position: top left; }
a.ant:hover { background-position: center left; }
a.pro { background-position: top right; }
a.pro:hover { background-position: center right; }
a.ant.no, a.ant.no:hover { background-position: bottom left; cursor: default; }
a.pro.no, a.pro.no:hover { background-position: bottom right; cursor: default; }

p { margin-bottom: 5px; }

fieldset { border: 1px solid #999; padding: 7px; }
fieldset legend { padding: 0 2px; font-weight: bold; }
label { display: block; }
textarea, input.text { border: 1px solid #000; padding: 2px; font-family: "Trebuchet MS", sans-serif; font-size: 0.9em; }
input.submit { padding: 2px; }