* { margin:0;
 padding:0;
 list-style:none;
 border:0
 }

html, body { text-align:center; } 

body {
background: #000;
color: #fff;
letter-spacing: 0.05em;
font: 10pt tahoma, arial, verdana, sans-serif;
}

a {
color: #fff;
text-decoration: none;
}

#demo-wrapper {
height: 660px;
overflow: hidden;
margin-right: auto;
margin-left: auto;
position: relative;
text-align: left;
width: 1024px;
}
#demo-inner {
background: #863F11 url(imagens/fd-conteudo.jpg) no-repeat 0 0;
width: 1024px;
height: 1320px;
position: relative;
}
.scrolling-content {
position: absolute;
}
#content1 {
left: 0; 
top: 0;
}
#content2 {
left: 0; 
top: 660px;
}


/* Área SUPERIOR da página */
#demo-wrapper div.scrolling-content span.topo {
display: block;
float: left;
height: 177px;
width: 1024px;
}
#demo-wrapper div.scrolling-content span img {
padding-top: 60px;
padding-left: 387px;
}


/* Área 1 e 2 da página - parte superior */
#demo-wrapper div.scrolling-content #sup-um, #demo-wrapper div.scrolling-content #sup-dois {
display: block;
float: left;
width: 1024px;
}
#demo-wrapper div.scrolling-content #sup-um {
height: 310px;
}

/*  Menu superior */
#demo-wrapper div.scrolling-content #sup-um div.nav {
display: block;
float: left;
height: 250px;
padding-top: 20px;
padding-left: 120px;
width: 100px;
}
#demo-wrapper div.scrolling-content #sup-um div.nav ul li {
display: block;
float: left;
list-style: none; 
width: 100px;
}
#demo-wrapper div.scrolling-content #sup-um div.nav ul li a {
display: block;
font-size: 1.1em;
letter-spacing: 0.01em;
margin-top: 1px;
padding-top: 2px;
padding-left: 5px;
text-align: right;
width: 100px;
}
#demo-wrapper div.scrolling-content #sup-um div.nav ul li a img {
border: none;
}


/* Conteúdo superior  */
#demo-wrapper div.scrolling-content #sup-um .cont-s {
display: block;
float: left;
height: 265px;
overflow: hidden;
padding-top: 10px;
padding-left: 20px;
width: 385px;
}
#demo-wrapper div.scrolling-content #sup-um .cont-s h2 {
color: #FFF0CD;
display: block;
float: left;
font-family: tahoma, verdana, arial;
font-size: 1.5em;
height: 20px;
padding-bottom: 10px;
text-align: right;
width: 385px;
}
#demo-wrapper div.scrolling-content #sup-um .cont-s p {
margin: 0;
padding-bottom: 10px;
padding-right: 10px;
text-align: justify;
}



/* Conteúdo com Scroll */
#demo-wrapper div.scrolling-content #sup-um div.cont-s div.conteudoscroll {
display: block;
float: left;
height: 235px;
overflow:auto;
padding-left: 10px;
width: 375px;
}
#demo-wrapper div.scrolling-content #sup-um div.cont-s div.conteudoscroll div {
display: block;
float: left;
padding-bottom: 10px;
width: 350px;
}
#demo-wrapper div.scrolling-content #sup-um div.cont-s div.conteudoscroll div a {
display: block;
float: left;
padding:2px;
margin-right: 5px;
}
#demo-wrapper div.scrolling-content #sup-um div.cont-s div.conteudoscroll div a:hover {
background-color: #fff;
}
#demo-wrapper div.scrolling-content #sup-um div.cont-s div.conteudoscroll div p {
margin: 0;
padding-bottom: 10px;
padding-right: 10px;
text-align: justify;
}


/* Agenda de shows */
#demo-wrapper div.scrolling-content #sup-um #agenda {
display: block;
float: left;
height: 270px;
padding-top: 19px;
padding-left: 52px;
width: 230px;
}
#demo-wrapper div.scrolling-content #sup-um #agenda h3 {
display: block;
float: left;
height: 21px;
width: 150px;
}
#demo-wrapper div.scrolling-content #sup-um #agenda .dataeventos {
margin: 0;
padding: 0;
}
#demo-wrapper div.scrolling-content #sup-um #agenda li {
border-bottom: #B95B54 1px solid;
display: block;
float: left;
margin: 0;
width: 187px;
padding: 0;
padding-top: 4px;
padding-bottom: 5px;
padding-left: 8px;
}
#demo-wrapper div.scrolling-content #sup-um #agenda li span {
color: #D7B597;
display: block;
float: left;
margin: 0;
padding: 0;
padding-top: 3px;
padding-left: 3px;
width: 180px;
}


/* Fotos da página incial */
#demo-wrapper div.scrolling-content #sup-dois #fotoshome {
display: block;
float: left;
height: 160px;
padding-left: 180px;
width: 475px;
}
#demo-wrapper div.scrolling-content #sup-dois #fotoshome ul.f {
display: block;
float: left;
height: 106px;
width: 475px;
}
#demo-wrapper div.scrolling-content #sup-dois #fotoshome ul.f li {
display: block;
float: left;
padding-right: 28px;
}
#demo-wrapper div.scrolling-content #sup-dois #fotoshome ul.f li a {
background: url(imagens/fd-foto-mini.gif) no-repeat 0 0;
display: block;
float: left;
font-size: 0.9em;
font-weight: bold;
height: 128px;
padding-top: 7px;
padding-left: 9px;
width: 120px;
}
#demo-wrapper div.scrolling-content #sup-dois #fotoshome ul.f li a:hover {
background: url(imagens/fd-foto-mini.gif) no-repeat -129px 0;
color: #FFF1A6;
text-decoration: none;
}
#demo-wrapper div.scrolling-content #sup-dois #fotoshome ul.f li a img {
border: none;
display: block;
width: 112px;
padding-bottom: 7px;
}


/* ################################### */
/* ###### PARTE INFERIOR DO SITE  #### */
/*  Menu inferior */
#demo-wrapper div.scrolling-content #sub-um div.navinferior {
display: block;
float: left;
height: 315px;
padding-top: 70px;
padding-left: 55px;
width: 140px;
}
#demo-wrapper div.scrolling-content #sub-um div.navinferior ul li {
display: block;
float: left;
list-style: none; 
width: 100px;
}
#demo-wrapper div.scrolling-content #sub-um div.navinferior ul li a {
display: block;
font-size: 1.1em;
letter-spacing: 0.01em;
margin-top: 1px;
padding-top: 2px;
padding-left: 5px;
text-align: left;
width: 100px;
}
#demo-wrapper div.scrolling-content #sub-um div.navinferior ul li a img {
border: none;
}


/* Conteúdo inferior  */
#demo-wrapper div.scrolling-content #sub-um .cont-i {
display: block;
float: left;
height: 295px;
overflow: hidden;
padding-top: 90px;
padding-left: 140px;
width: 580px;
}
#demo-wrapper div.scrolling-content #sub-um .cont-i h2 {
color: #007285;
display: block;
float: left;
font-size: 1.4em;
height: 20px;
padding-bottom: 10px;
text-align: left;
width: 565px;
}
#demo-wrapper div.scrolling-content #sub-um .cont-i p {
color: #000;
letter-spacing: 0.05em;
margin: 0;
padding-top: 5px;
padding-right: 10px;
text-align: justify;
}
#demo-wrapper div.scrolling-content #sub-um .cont-i div.partes {
display: block;
float: left;
padding-top: 35px;
padding-right: 10px;
padding-left: 10px;
width: 170px;
}
#demo-wrapper div.scrolling-content #sub-um .cont-i div.partes p {
color: #985F3B;
display: block;
font-size: 1.1em;
font-weight: bold;
padding: 0;
padding-top: 4px;
padding-left: 3px;
}
#demo-wrapper div.scrolling-content #sub-um .cont-i div.partes a {
color: #505050;
font-size: 1em;
font-weight: 0;
letter-spacing: 0.03em;
line-height: 1.5em;
margin-left: 3px;
padding: 2px;
}
#demo-wrapper div.scrolling-content #sub-um .cont-i div.partes a:hover {
background-color: #D9D83A;
text-decoration: none;
}
#demo-wrapper div.scrolling-content #sub-um .cont-i div.partes a.subitem1 {
border: #bebebe 2px solid;
display: block;
line-height: 0;
height: 104px;
margin: 0;
padding: 0;
width: 104px;
}
#demo-wrapper div.scrolling-content #sub-um .cont-i div.partes a.subitem1:hover {
border: #D9D83A 2px solid;
}


/* Galeria de fotos */
#demo-wrapper div.scrolling-content #sub-um .cont-i div.partes1 {
display: block;
float: left;
padding-top: 6px;
padding-right: 3px;
padding-left: 10px;
width: 130px;
}
#demo-wrapper div.scrolling-content #sub-um .cont-i div.partes1 img {
border: #bebebe 1px solid;
display: block;
}
#demo-wrapper div.scrolling-content #sub-um .cont-i div.partes1 a {
color: #505050;
display: block;
float: left;
font-size: 1em;
font-weight: 0;
height: 118px;
letter-spacing: 0.03em;
line-height: 1.1em;
margin-left: 3px;
padding: 4px;
width: 112px;
}
#demo-wrapper div.scrolling-content #sub-um .cont-i div.partes1 a:hover {
background-color: #D9D83A;
text-decoration: none;
}


/* Formulário de contato */
#demo-wrapper div.scrolling-content #sub-um .cont-i form.formcontato {
display: block;
float: left;
height: 200px;
padding-top: 20px;
width: 570px;
}
#demo-wrapper div.scrolling-content #sub-um .cont-i form.formcontato fieldset {
display: block;
float: left;
height: 190px;
margin: 0;
padding: 0;
width: 280px;
}
#demo-wrapper div.scrolling-content #sub-um .cont-i form.formcontato fieldset.b {
border-left: #B6B5B2 1px solid;
padding-left: 10px;
width: 250px;
}
#demo-wrapper div.scrolling-content #sub-um .cont-i form.formcontato fieldset span {
display: block;
float: left;
height: 47px;
padding-top: 6px;
width: 270px;
}
#demo-wrapper div.scrolling-content #sub-um .cont-i form.formcontato fieldset span.textarea {
height: 135px;
}
#demo-wrapper div.scrolling-content #sub-um .cont-i form.formcontato fieldset span label {
color: #7D2F00;
display: block;
float: left;
font-size: 0.87em;
font-weight: bold;
padding-bottom: 1px;
width: 200px;
}
#demo-wrapper div.scrolling-content #sub-um .cont-i form.formcontato fieldset span input {
background: #D4C896;
display: block;
float: left;
padding: 5px;
width: 260px;
}
#demo-wrapper div.scrolling-content #sub-um .cont-i form.formcontato fieldset span input.btenvia {
background-color: #3F1300;
color: #FFF8CF;
display: block;
float: right;
font-size: 0.8em;
font-weight: bold;
height: 25px;
letter-spacing: 0.05em;
text-align: center;
text-transform: uppercase;
width: 150px;
}
#demo-wrapper div.scrolling-content #sub-um .cont-i form.formcontato fieldset span textarea {
background: #D4C896;
display: block;
float: left;
height: 100px;
padding: 5px;
width: 260px;
}



span.horizontissup {
display: block;
float: left;
height: 33px;
padding-top: 130px;
padding-left: 125px;
width: 105px;
}
span.horizontissup a {
background: url(imagens/horizontis-superior.gif) no-repeat 0 0;
display: block;
float: left;
height: 31px;
overflow: hidden;
text-indent: -9000px;
width: 93px;
}

span.horizontisinf {
display: block;
float: left;
height: 33px;
padding-top: 225px;
text-align: right;
width: 910px;
}
span.horizontisinf a {
background: url(imagens/horizontis-inferior.gif) no-repeat 0 0;
display: block;
float: right;
height: 35px;
overflow: hidden;
text-align: left;
text-indent: -9000px;
width: 93px;
}