*{
  margin:0
  padding:0;
  -webkit-box-sizing:border-box;
  -moz-sizing:border-box;
  box-sizing: border-box;
}

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

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


body {
    line-height:1;
}

body {
	-webkit-text-size-adjust: none;
}
/***************************************Fin del reset */



/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	/*body {
		-ms-overflow-style: scrollbar;
	}*/

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

		html, body {
			min-width: 320px;
		}

	}

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}

	body {
		/*background: #E0E0E2;*/
		background-image:url(../img/morada/morada-comp/fbase.png);
		background-repeat: repeat-x repeat-y;
	}

		body.is-preload *, body.is-preload *:before, body.is-preload *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}


.titulo  {
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.3;
  /* margin: 45px 0 0 180px; */
  height: 1.2em;
  /* overflow: hidden; */
  color:#212121;
  font-family: 'Libre Baskerville', serif;
  animation: anims_1 3s;
  opacity: 94%;
  display: flex;
  width: auto;
  justify-content: center;
  /* position: absolute;*/
}


.menu {
  font-size: 0.9em;
  color: #6C5570;
  font-family: "Source Sans Pro", Helvetica, sans-serif;
  margin-top: -20px;
}

.morada a:hover{
  color:rgba(160, 97, 199, 0.5);
  border-bottom: rgba(160, 97, 199, 0.2) dashed;
  padding-bottom: 0.3em;
  }

.tribu a:hover{

  border-bottom: rgba(160, 97, 199, 0.2) dashed;
  padding-bottom: 0.3em;
}


.tribu a:visited{
  color:rgba(160, 97, 199, 0.5);
}

.ig {
    transform: scale(0.7);
}

nav ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

}

.menu ul{}

  .menu ul li {
    list-style: none;
    float: right;
  }

  .menu ul li a {
    text-decoration: none;
    padding: 10px 30px;
    color:  #572364;
  }



  .selene {
    transform: scale(0.5);
  }

  h1{
    display: block;
    margin: auto;
    width: 780px;
    height: 100px;
    float: right;
  }

  .avatares{
    margin: 0 auto;
    display: flex;
    width: 915px;
    align-items: center;
    justify-content: space-between;

}

.nombres{
  margin: 0 auto;
  display: flex;
  width: 1000px;
  align-items: center;
  justify-content: space-between;

}

.nombres p{
  width: 500px;
  text-align: right;
  color: #355952;
  font-family: 'PT Sans', sans-serif;
  font-size: 0.9em;
  line-height : 1.6em;
}

.roles{
  margin: 0 auto;
  display: flex;
  width: 1000px;
  align-items: center;
  justify-content: space-between;

}

.roles p{
  width: 500px;
  text-align: right;
  color: #355952;
  font-family: 'PT Sans', sans-serif;
  font-size: 0.9em;
  line-height : 1.6em;
}


.avatares img{
  width: 120px;
  border-radius: 200px;
  background: #57236442;
}


.avatares img:hover{
  width: 120px;
  border-radius: 200px;
  background: rgba(160, 97, 199, 0.5);
}


  .container {
    margin: 0 auto;
    width: 1020px;
    padding-top: 86px;
  }

  .container p {

    text-align: center;
    color: #355952;
		font-family: 'PT Sans', sans-serif;
		font-size: 0.9em;
    line-height : 1.6em;
  }

.nombres{
  margin: 0 auto;
  display: flex;
  width: 983px;
  align-items: center;
  justify-content: space-between;
  margin-left: 21px;
}

.texto p{
  color:#6c5570c7;
  margin-top: -0.7em;
  margin-bottom: 2em;

}

.nombres p{
  color: rgba(120, 77, 146, 0.96);
}

.roles{
  margin: 0 auto;
  display: flex;
  width: 955px;
  align-items: baseline;
  justify-content: space-between;
  margin-left: 33px;
  margin-top: -20px;
}

.roles p{
  color:#6c5570c7;
  width: 169px;
}

#footer {
	/*background: #3538C9;*/
	margin-top: 0.5em;
	display: block;

	}

  .sub {
      display: flex;
      justify-content: center;
  }

  .song img {
    width: 1.7em;
    cursor: pointer;
    margin-left: 77em;
    margin-top: 0.3em;

  }

/*
.song img {
	width: 1.7em;
	cursor: pointer;
	margin-left: 71em;
}