@charset "UTF-8";
/* CSS Document */

/* Font-face */
@font-face {
    font-family: 'Eu Acho e Pouco';
    src: url('fontes/euachopouco-webfont.eot');
    src: url('fontes/euachopouco-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontes/euachopouco-webfont.woff2') format('woff2'),
         url('fontes/euachopouco-webfont.woff') format('woff'),
         url('fontes/euachopouco-webfont.ttf') format('truetype'),
         url('fontes/euachopouco-webfont.svg#euachopoucoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Fugaz One';
    src: url('fontes/fugazone-regular-webfont.eot');
    src: url('fontes/fugazone-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontes/fugazone-regular-webfont.woff2') format('woff2'),
         url('fontes/fugazone-regular-webfont.woff') format('woff'),
         url('fontes/fugazone-regular-webfont.ttf') format('truetype'),
         url('fontes/fugazone-regular-webfont.svg#fugaz_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Resets */
*{ font-family:'Fugaz One', Tahoma, Arial, Helvetica, sans-serif; font-size:16px; }
html, body{ height:100%; padding:0; margin:0; }

/* Gerais */
h1{
  font-family:'Eu Acho e Pouco', 'Fugaz One', Tahoma, Arial, Helvetica, sans-serif;
  font-size:40px;
  text-transform:lowercase;
}
h2{
  font-family:'Eu Acho e Pouco', 'Fugaz One', Tahoma, Arial, Helvetica, sans-serif;
  font-size:50px;
  text-transform:lowercase;
  margin:0 0 60px 0;
  color:#FFCB04;
  letter-spacing:4px;
}

/* Topo */
#topo{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:200;
  background:#C62026;
}

#topo_logo{
  position:relative;
  margin:0;
  padding:20px;
  text-align:center;
  background:#C62026;
  z-index:200;
}
#topo_logo img{ width:100%; }

#topo_menu{
  position:absolute;
  bottom:0;
  left:0;
  background:#FFCB04;
  width:100%;
  z-index:100;
}
#topo_menu ul{
  display:table;
  margin:0 auto;
  padding:0;
  max-width:1800px;
  width:100%;
  list-style-type:none;
}

#topo_menu ul li{
  display:table-cell;
  width:25%;
  padding:3px 0 5px;
  margin:0;
  color:#C62026;
  font-family:'Eu Acho e Pouco', 'Fugaz One', Tahoma, Arial, Helvetica, sans-serif;
  text-transform:lowercase;
  text-align:center;
  cursor:pointer;
  line-height:25px;
}

#topo_menu ul li:hover{ background:#C62026; color:#FFCB04; }

/* Conteudo */
.conteudo{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
}

.navegacao{
  position:absolute;
  bottom:60px;
  left:50%;
  background:#eab818;
  height:28px;
  padding:0 10px;
}

.navegacao:before, .navegacao:after{
  content:"";
  display:block;
  width:16px;
  height:28px;
  position:absolute;
  top:0;
  background:no-repeat center;
}
.navegacao:before{ left:-15px; background-image:url(../img/nav_before.png) }
.navegacao:after{ right:-15px; background-image:url(../img/nav_after.png) }

.navegacao ul{
  display:table;
  margin:0;
  padding:0;
  list-style-type:none;
}

.navegacao ul li{
  display:block;
  float:left;
  width:20px;
  height:18px;
  margin:5px;
  background:url(../img/nav_item.png) no-repeat center;
}

.navegacao ul li:hover, .navegacao ul li.selecionado{
  background-image:url(../img/nav_item_hover.png);
}

/* Galeria */
#galeria_fotos, .galeria_foto{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.galeria_foto img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
}

.galeria_foto_creditos{
  position:absolute;
  bottom:60px;
  left:50%;
  background:#C62026;
  color:#FFCB04;
  height:28px;
  line-height:28px;
  padding:0 10px 0 40px;
}

.galeria_foto_creditos:after{
  content:"";
  display:block;
  width:16px;
  height:28px;
  position:absolute;
  top:0;
  right:-15px;
  background:url(../img/legenda.png) no-repeat center;
}

.galeria_foto_creditos a{
  color:#FFCB04;
}

.galeria_foto_creditos a:hover{
  text-decoration:none;
}

/* Festas */
#conteudo_festas{
  background:url(../img/bg_festas.jpg) no-repeat center #FFCB04;
}

#festas_chamadas{
  position:relative;
  width:100%;
  height:100%;
}

#festas_chamadas a{
  display:block;
  position:absolute;
  top:10%;
  left:0;
  width:100%;
  height:80%;
  text-align:center;
}

#festas_chamadas a img{
  height:100%;
}

/* Histórico */
#conteudo_historico{
  background:url(../img/bg_textos.png) no-repeat center #C62026;
}

#conteudo_historico:before, #conteudo_historico:after{
  content:"";
  position:absolute;
  left:0;
  width:100%;
  height:40px;
}
#conteudo_historico:before{ background-image:url(../img/decoracao_topo_amarela.png); top:-10px; }
#conteudo_historico:after{ background-image:url(../img/decoracao_rodape_amarela.png); bottom:-10px; }

#historico_textos{
  display:table;
  padding:50px 0;
  position:absolute;
  top:0;
  left:0;
  width:2250px;
}

.historico_texto{
  /*display:table-cell;
  width:750px; */
  padding:30px;
  color:#FFCB04;
  display: inline-table;
  width: 20%;
}


.historico_texto span{
  font-size:1.5em;
  line-height:1em;
}

/* PDF */
#conteudo_pdf{
  background:url(../img/bg_pdf.jpg) no-repeat center #FFCB04;
  text-align:center;
}

/*
#conteudo_pdf:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
*/

#conteudo_pdf a, #conteudo_pdf span, #conteudo_pdf h2 {
  display: inline-block;
  vertical-align:middle;
  width: 500px;
  font-family:'Eu Acho e Pouco', 'Fugaz One', Tahoma, Arial, Helvetica, sans-serif;
  font-size:35px;
  letter-spacing:4px;
  color:#C62026;
  text-decoration:none;
  text-transform:lowercase;
}

#conteudo_pdf a:hover{
  text-decoration:underline;
}

/* Redes Sociais */
#redes_sociais{
  background:url(../img/bg_redes_sociais.png) no-repeat top center #C62026;
  background-size:100%;
  text-align:center;
  padding:60px 0 120px;
}

#redes_sociais a{
  display:inline-block;
  margin:10px 20px;
  color:#FFCB04;
  text-decoration:none;
}

#redes_sociais a:hover{
  text-decoration:underline;
}

#redes_sociais a img{
  height:60px;
}

/* Rodapé */
#rodape{
  background:#fff;
  padding:40px 0;
  text-align:center;
}

#rodape img{
  height:80px;
}


@media only screen and (max-width: 767px) {

  body {
    display: inline-block;
  }
  .historico_texto{
    display:table-cell;
  }
  #conteudo_pdf div {
    margin: 385px auto;
  }
  #conteudo_pdf div a {
    font-size: 35px;
  }
  #conteudo_galeria {
    height: 350px !important;
  }
  .galeria_foto_creditos {
    display: none
  }

}