/* The navigation bar */

html,body {
  height: 100%;
    margin: 0px;
     -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#intro{
    margin: auto;
    text-align: justify;
    width: 55vw;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.3vw;

}


table{

  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 0.9vw;
}
  


    th,td
    {
        margin: 0;
        text-align: center;
        border-collapse: collapse;
        outline: 1px solid #e3e3e3;
    }

    td
    {
        padding: 5px 8px;
    }

    th
    {
      font-weight: 400;
        background: #ed4044;
        color: white;
        padding: 5px 5px;
    }

  


#wrapper { 
  position:absolute;
  height:100%;
  width:100%;
}
#b{
  background-color:  #ed4044;
}
#c{
  color: white;
  margin-top: 0%;
background-color:black;
}

#first{
  width: 100%;
  z-index: -99; 
  top:10%;
}

iframe{
    width: 70vw;
    height: 35vw;
}
img{
	width: 50%;

}

#texto{
  font-size: 0.9vw;
}

#gala{
padding-top: 2%;
font-family: 'Montserrat', sans-serif; 
font-size: 2vw;
}

#gala2{
  margin:0px !important;
  font-weight: 300;
  padding-top: 2%;
  padding-bottom: 2%;
font-family: 'Montserrat', sans-serif; 
font-size: 1.1vw;

}

#ref1, #ref2, #ref3, #ref4, #ref5, #ref6{
	color: #FFD700;
}

#segundotitulo{
  margin-top: 0px;
  font-size: 1.5vw;
}

h1,h2,h3{
font-family: 'Montserrat', sans-serif;   
}

h1{
font-size: 2vw;
}

p{
  font-family:'Open Sans';
}

#centrar{

    margin: auto;
    text-align: left;
    width: 55vw;
}

.tit1{
  margin-top: 15%;
  color:  #ed4044;
}

.ref{
  color:#ed4044;
  text-decoration: none;
}

.ref:hover{
font-weight: bold;
}

#img1{
  float: left;
  width: 48%;
}

#img2{
  float: right;
  width: 48%;
}

#imagens{
display: inline-block;
}
#imagens2{
display: inline-block;
}

#img3{
  float:left;
  width: 48%;
}
#img4{
  float:right;
  width: 48%;
}
#img5{
  float:right;
    width: 48%;
}

.imgs{
  width: 32%;
}

#img6{
width: 30%;
}

#imagens4{
display: inline-block;
}

#img7{
  float:left;
  width: 50%;
}
#img8{
  float:right;
  width: 46%;
}

#img9{
width: 28.7%;
}

#img10{
width: 25.5%;
}

#img12{
  width: 26.8%;
}
#img11{
  width: 25%;
}

#imagens6{
display: inline-block;
}

#img13{
  width: 48%;
  float: left;
}
#img14{
  width: 48%;
  float: right;
}

.scrollTop, .scrollDown{
	width:50px; 
	height:50px;
	position:fixed;
	bottom:1%;
	right:2%;
	display:none;
}

.scrollTop{
	background: url(../items/arrow_up.png) no-repeat 6px center;
}

.scrollDown{
	background: url(../items/arrow_down.png) no-repeat 6px center;
}

.scrollTop:hover, .scrollDown:hover{
	text-decoration:none;
}
.invert{
    -webkit-filter: invert(100%);
}