/******************************************************/
/* GENERAL */
/******************************************************/

body{
    font-family: 'Playfair Display', serif;
    font-weight: 400;
}
#social_mediaR,#myCarouselTB,#myCarouselSP,#language-mobile,br.participarbr{display:none;}
a{
	text-decoration: none;
	color: inherit;
    outline: 0 !important;
}
a:hover, a:active, a:focus {outline:0;text-decoration:none;color:inherit;}
.navbar{border-radius: 0;border:0;}
.navbar > .container-fluid .navbar-brand{margin-left:0px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form,.navbar-default .navbar-toggle{border:0;}
.navbar-default .navbar-toggle:hover{background-color:transparent;}
.nav > li > a:focus, .nav > li > a:hover{background-color:transparent;}
.navbar{
    position:fixed;
    top:0;
    width:100%;
    height:67px;
    z-index:999999;
    background: rgb(20, 16, 12);
    margin-bottom:0;
}
.home-nav.navbar{background: rgb(20, 16, 12);background: rgba(0, 0, 0, 0.5);}
.navbar-brand{
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    padding: 17px 15px 19px 15px;
}
.navbar-brand img{width: 94px;height: 31px;}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{background-color:#ffffff;}
#main-menu{
    width:100%;
    position:absolute;
    left:135px;
    right:0;
    margin:0 auto;
}
.navbar-default .navbar-nav > li > a{
    color:#ffffff;
    text-transform:uppercase;
    font-size:13px;
    padding-top:23px;
    padding-bottom:24px;
}
.navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.inpath > a{background-color:#8c7e50;color:#ffffff;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{background-color:#736842;color:#ffffff;}
#nav{
    -webkit-transition: background-color 400ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -moz-transition: background-color 400ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -o-transition: background-color 400ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    transition: background-color 400ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
}
.language{
    float:right;
    color:#ffffff;
    margin: 25px 15px 0 0;
}
.language a.active{border-bottom: solid 1px #ffffff;}
.language a:first-child{margin-right:5px;}
.redes-sociais{margin-top:26px;}
.redes-sociais a{padding:2px 5px 0px 5px;}
.redes-sociais a img{vertical-align: top;}
.sites-abreu{
    font-size:11px;
    text-align:right;
    color:#ffffff;
    border-right: solid 1px #ffffff;
    padding-right: 12px;
    margin: 2px 10px 0 0;
    float:left;
}
.sites-abreu-footer{color:#8b7e50 !important;}
.a-facebook{padding-top:0px !important;}

#nav.affix {width:100%;background-color:rgb(255,255,255);}
.navbar-default  #nav.affix .navbar-nav > li > a{color:#978a62;}
.navbar-default  #nav.affix .navbar-nav > li > a:hover,.navbar-default  #nav.affix .navbar-nav > li.active > a, .navbar-default  #nav.affix .navbar-nav > li.inpath > a{color:#ffffff;}
#nav.affix .language{color:#8c7e50;}
#nav.affix .language a.active{border-bottom: solid 1px #8c7e50;}
#nav.affix .sites-abreu{color:#8c7e50;border-right: solid 1px #8c7e50;}

.mainContent{margin-top:60px;margin-bottom:60px;}

.headings{
    margin-top:20px;
    margin-bottom:40px;
    color:#8b7e50;
    font-size:50px;
    line-height:51px;
    text-transform:uppercase;
}
.headings span{
    font-family: 'Arapey', serif;
    font-size:61px;
    line-height:54px;
}
.headings-center{text-align: center;}
.gold-btn{
    border:solid 1px #8b7e50;
    text-align:center;
    padding:4px 0;
    color:#8b7e50;
    font-size:16px;
    font-weight:900;
    width:100%;
}
.gold-btn:hover{background-color:#8b7e50;color:#ffffff;}
.page-background{
    min-height: calc(100vh - 67px);
    margin-top:67px;
    width: 100%;
    height: auto;
    padding-bottom:30px;
  background-color: #020B23;
}
.general-text{
    color:#353535;
    font-size:16px;
    margin-bottom:20px; 
    line-height: 23px;
}
.general-text a{
    color:#8b7e50;
    font-weight:700;
    text-decoration:underline;
}


/******************************************************/
/* HOMEPAGE */
/******************************************************/

#bg-home{
    background: no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 100vh;
    width: 100%;
    height: auto;
    padding-bottom:30px;
}
#copy-home{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -86px;
    margin-left: -151px;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.down-arrow {
    position: absolute;
    bottom: 25px;
    left: 0;
    right:0;
    margin:0 auto;
    width: 40px;
    height: 22px;
    background-image: url('../img/down-arrow.png');
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

#desde{padding:40px 0 35px 0;background-color:#e0dcd6;}

.desde-left{
    background: url('../img/sprites-conte-nos.png') no-repeat -17px -147px;
	width: 24px;
	height: 45px;
    position:absolute;
    top:50%;
    margin-top:-22px;
}
.desde-right{
    background: url('../img/sprites-conte-nos.png') no-repeat -72px -147px;
	width: 24px;
	height: 45px;
    position:absolute;
    top:50%;
    margin-top:-22px;
}
#myCarousel{width:100%;height:100%;}
.carousel-inner > .item > a > img, .carousel-inner > .item > img{height:100%;width:100%;}
.carousel-caption{
    bottom:0px;
    right:0px;
    left:0;
    padding:0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    width:100%;
}
.carousel-caption p{
    margin:0;
    text-align:right;
    font-size:14px;
    padding:5px 15px;
}


/******************************************************/
/* GALERIA */
/******************************************************/

#menu-galeria{float:none;}
#menu-galeria li{text-align:center;width: 16.66666%;}
#menu-galeria li a{
    text-align:center;
    color:#000000;
    font-size:14px;
    text-transform:uppercase;
    cursor:pointer;
    line-height:20px;
}
#menu-galeria li.active:before{
    content:"";
    position: absolute;
    bottom:0;
    background-color:#000000;
    height:1px;
    width:30%;
    margin:0 auto;
    left:0;right:0;
}
.grid {
	max-width: 69em;
	list-style: none;
	margin: 30px auto;
	padding: 0;
}
.grid li {
	display: block;
	float: left;
	padding: 7px;
	width: 25%;
	opacity: 0;
    cursor:pointer;
}
.grid li.shown, .no-js .grid li, .no-cssanimations .grid li {opacity: 1;}
.grid li img, .grid li a{
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
}
.grid li .img-overlay{
    position:absolute;
    width:100%;
    width:calc(100% - 14px);
    height:100%;
    height:calc(100% - 14px);
    background:rgb(250,250,250);
    background:rgba(250,250,250,0.8);
    opacity:0;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
}
.grid li:hover .img-overlay{
    opacity:1;
    -webkit-transition: opacity 200ms linear;
    -moz-transition: opacity 200ms linear;
    -o-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
}
.grid li .img-overlay img{
    width:35px;
    height:35px;
    top:0;left:0;right:0;bottom:0;
    position:absolute;
    margin:auto;
}

.modal-dialog{
    margin:76px auto 30px auto;
    width:700px;
}
.modal-dialog .modal-content{border-radius:0px;}
.modal-dialog .modal-content .modal-body{text-align:center;}
.modal-dialog .modal-content .modal-body img{width: auto;margin: 0 auto;text-align: center;max-width:100%;}

/* Effect 2: Move Up */
.grid.effect-2 li.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}
@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}
@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}



/******************************************************/
/* HISTÓRIA */
/******************************************************/

#livro-btn{margin-top: 30px;margin-bottom:30px;}
#livro-btn div{margin-bottom:5px;}
#livro-btn-resp{display:none;}

#crono-logos{background-color:#ffffff;margin:15px;padding:20px;}
#crono-logos div{width:100%;}
#crono-logos div img{margin:15px auto;}

.reconhecimentos h2{font-size:24px;margin-bottom:15px;}
.reconhecimentos h3{font-size:20px;margin:15px 0;}
.reconhecimentos p{font-size:16px;line-height:21px;}


/******************************************************/
/* SABIA QUE */
/******************************************************/

#sabiaque-title{text-align:center;}
#sabiaque-title .sub-heading{color:#ffffff;font-size:23px;}
#sabiaque-title .small-note{color:#ffffff;font-size:10px;}

#cronologia{margin-top:75px;}
#cronologia .carousel-control{opacity:1;top:65px;}
#cron-slider .carousel-control.left{
    background: url('../img/sprites-conte-nos.png') no-repeat -17px -214px;
	width: 24px;
	height: 45px;
    left:35px;
}
#cron-slider .carousel-control.right{
    background: url('../img/sprites-conte-nos.png') no-repeat -72px -214px;
	width: 24px;
	height: 45px;
    right:35px;
}
.crono-item{
    text-align:center;
    float:left;
    width:25%;
}
.crono-item img{
    width:170px;
    height:170px;
    margin-bottom:15px;
}
.crono-item .year-box{
    border-top:solid 1px #ffffff;    
    border-bottom:solid 1px #ffffff;
    width:90px;
    margin:0 auto;
    padding:0 0 10px 0;
}
.crono-item .year{
    color:#8b7e50;
    font-size:40px;
    line-height:40px;
}
.crono-legend{
    color:#ffffff;
    font-size:13px;
    margin:10px auto 0 auto;
    width:80%;
    line-height:20px;
}


/******************************************************/
/* REFERENCIAS */
/******************************************************/

.referencias-list{margin-bottom:45px;}
.referencias-list li{list-style: circle;line-height: 24px;}
.referencias-list li a{color:#222222;font-size:16px;text-decoration:underline;}
.referencias-list i{font-style: italic !important;}