/* =========================[ CONTENIDO ]============================ */
.content{
  margin:0px 3px 0px 3px;
}
.content-top{
  background-color:#797ae6;
  margin:10px 3px 0px 3px;
  height:5px;
  clear:both;
  min-width:780px;
  position:relative;
}
.content-top-i,.content-bot-i{
  position:relative;
  height:5px;
}

.content-bot{
  background-color:#1f1b56;
  margin:0px 3px 0px 3px;
  height:5px;
  min-width:780px;
}

.content a{
  color:white;
  text-decoration:none;
  border-bottom:1px dashed white;
}

/* =========================[ CARD ]============================ */
.panel{
  height:85px;
  width:100%;
}
.panel-i{
}
.card{
  margin:0px 10px 0px 10px;
  text-align:justify;
}
.card h1{
  font-size:30px;
  color:yellow;
  width:100%;
  padding-bottom:3px;
  border-bottom: 1px solid yellow;
  margin-bottom:5px;
}
.card h2{
  font-size:20px;
  color:darkorange;
  width:100%;
  text-transform:capitalize;
  font-style:italic;
  padding-bottom:3px;
  border-bottom: 1px solid darkorange;
  margin-bottom:5px;
}
.card-header,.card-header a{
  color:#c6c6e6;
  font-style:italic;
  font-weight:bold;
  font-size:16px;
}
.card-header a{
  text-decoration:none;
  border-bottom-width:0px;
}
.card-header-num{
  float:right;
}
.sect{
  width:40%;
  padding-left:15px;
  vertical-align:top;
}
.tbio{
  vertical-align:top;
}
.power p,.data p,.place p{
  text-indent:0px;
  margin-left:0px;
  padding-top:5px;
}
.power-first,.data-first,.align-first,.place-first{
  display:inline;
  text-indent:0px;
  margin-left:0px;
}
.data-name,.power-name,.align-name,.place-name{
  font-weight:bold;
  color:#c6c6e6;
}
.data,.power,.header,.align-sup,.chrono,.place{
  position:relative;
  font-size:14px;
  border:1px solid orange;
  margin-bottom:5px;
  padding:10px;
  background:#0b0b26;
  text-align:justify;
}
.align-sup{
  padding-bottom:0px;
}
.data-entry,.align-entry,.place-entry,.place-entry{
  text-indent:-10px;
  padding-left:10px;
}
.header{
  font-style:italic;
}
.header-name{
  text-transform:capitalize;
}
.data p,.align p{
  font-size:13px;
}
.data h2,.power h2,.chrono h2,.place h2{
  text-transform:capitalize;
  color:darkorange;
  font-style:italic;
  border-bottom:1px solid darkorange;
  margin:0px 0px 5px 0px;
  font-size:1.2em;
  background:#0b0b26;
}
.bio{
  text-align:justify;
}
.bio h2,.align h2{
  display:none;
  text-transform:capitalize;
  color:white;
  margin-top:0px;
  margin-bottom:0px;
  padding-bottom:0px;
}
.align{
  margin-bottom:10px;
}
.bio p{
  margin-bottom:10px;
}
.power{
  margin-top:10px;
  margin-bottom:5px;
}
.power-entry{
  text-indent:-10px;
  padding-left:10px;
}
.power p{
  margin:0px;
}
img.pic{
  border: 1px solid red;
  text-align:middle;
  vertical-align:middle;
  margin:5px;
}
img.down, a.down{
  border-width:0px;
}