/* CSS Document (Estrutura) */
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* begin site*/
html { text-align: center; }
body { background: url(../img/bg2.jpg) #202237; font: 12px Arial, Helvetica, sans-serif; margin: auto; text-align: center; }

/* topo */
#topo { margin: auto; width: 985px; height: 110px; }
#topo img { float: left; }

/* geral */
#geral { clear: both; width: 985px; margin: auto;  }

/* titulos */
h1 { font-size: 30px; color: #232339; text-align: left; float: left; }
h2 { font-size: 18px; color: #232339; text-align: left; margin-top: 25px; }

/* menu*/
.menu { margin-left: 6px; background: #232339; width: 50px; float: left; padding: 10px; }
#menu { padding: 75px 0 0 0; float: left; width: 555px; height: 40px; }
#menu a { color: #3f6a88; font-weight: 700; text-decoration: none; font-size: 12px; }
#menu a:hover { text-decoration: underline; }

#bg_menu { margin-left: 6px; background: #FFF; width: 55px; float: left; padding: 10px; }
#bg_menu a { color: #232339; font-weight: 700; text-decoration: none; font-size: 12px; }
#bg_menu a:hover { text-decoration: underline; }

/* meio */
#meio { background-color: #fff; margin: auto; width: 960px; height: 480px; padding: 22px 10px 5px 22px; }

/* lado esquerdo da inicial */
#left { width: 640px; height: 455px; float: left; }
#left img { float: left; }
#banner { margin-top: 20px; }

/* lado direito da inicial */
#right { border: solid 1px #000; float: right; width: 285px; heigth: 450px; background: #e4e4e4; text-align: left; padding: 8px; }
#right img { margin-top: 15px; }
#right p { margin-left: 50px; }
#right ul { margin-top: 15px; }
#right li { margin-top: 5px; }

/* internas */
.texto { color: #232339; clear: both; text-align: justify; padding-top: 15px; font-size: 14px; }
.negrito { font-weight: bold; }

/* banda */
#images { margin-top: 25px; width: 620px; height: 200px; }
.banda { float: left; width: 130px; height: 120px; padding: 5px; font-size: 12px; font-weight: bold; color:  #232339;}

/* musicas */
#musicas { width: 650px; height: 420px; overflow: auto; clear: both; padding-top: 15px; color: #232339; }

/* contato */
dt { float: left; clear: left; width: 25%; padding: 2px; text-align: left; color: #232339; font-weight: bold; }
dd { text-align: left; padding: 3px 0 3px 3px; }
.input { border: 1px solid #232339; padding: 2px; margin-top: 2px; }
.btn { background-color: white; color: #232339; padding: 2px; font-size: 12px; }
fieldset { border: 0; width: 340px; margin-top: 20px; }

/* fotos */
#fotos { clear: both; float: left;  padding-top: 15px; width: 650px; height: 440px; }

#banner { margin-top:15px; }