.file{
    display:none;
    
    color:white;
    position:absolute;
    & + label{
      top:100px;
      left:50%;
      transform:translateX(-50%);
      font-family: 'Fjalla One', sans-serif;
      font-size:22px;
      color:#fff;
      width:250px;
      height: 50px;
      background:red;
      text-align:center;
      vertical-align: text-top;
      padding-top:10px;
      position:absolute;
      border:0px solid darken(red,30%);
      transition:.2s all;
      &:after{
        transition:.2s all;
        position:absolute;
        left:40px;
        opacity:0;
        // transform:translateX(-200px);
        // left:100%;
        content:" \f093";
        font-family: "FontAwesome";
      }
      &:hover{
        cursor:pointer;
        border-bottom:6px solid darken(red,30%);
        color:darken(#fff,20%);
        &:after{
          opacity:1;
          transform:translateX(-30px);
        }
      }
      & span{
        font-size:12px;
        position:absolute;
        top:60px;
        width:250px;
        text-align:center;
        left:0;
        // background:#fff;
        color:#558413;
      }
    }
  }



.panel-heading {
    background: #f8f8f8;
    padding: 5 10px;  
    color: #3b3c44;
    padding: 5px 10px;
    font-size:16px;
  }
  
  .panel-heading:hover, .panel-heading:focus, .panel-heading:active {
      cursor:pointer;
      background:#C8D41F;
      color: #fff;
      padding: 5px 10px;
  }
  
  .ptitulo1{
    font-size: 24px;
    color: #797979;
    font-weight: 600;
    text-align: center;
  }
  
  .ptitulo2{
    font-size: 20px;
    color: #797979;
    font-weight: 400;
    text-align: center;
  }
  
  .tow {
      width: 80px;
      margin-top: 10px;
      background-color: #c8d41f;
      background-repeat: no-repeat;
      font-weight: bold;
      color: #fff;
  }
  
  .tow:active, .tow:hover, .tow:focus {
      width: 80px;
      margin-top: 10px;
      background-color: #c8d41f;
      background-repeat: no-repeat;
      font-weight: bold;
      color: #1F3B71;
  }
  
  .taw {
      width: 80px;
      margin-top: 10px;
      background-color: #949191;
      background-repeat: no-repeat;
      font-weight: bold;
      color: #fff;
      margin-left: 10px;
  }
  
  .taw:active, .taw:hover, .taw:focus {
      width: 80px;
      margin-top: 10px;
      background-color: #949191;
      background-repeat: no-repeat;
      font-weight: bold;
      color: red;
  
  }

  .Auno{
    font: bold 26px/1.5 arial, helvetica, sans-serif;
    text-align: center;
    margin-top: 150px;
    
    }
    
    .Ados{
    font: 20px/1.5 arial;
    text-align: center;
    }
  
    .buttonAX {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      padding: 8px 15px;
      border: 2px solid #1a3160;
      border-radius: 14px;
      background: #325db5;
      background: -webkit-gradient(linear, left top, left bottom, from(#325db5), to(#1a3160));
      background: -moz-linear-gradient(top, #325db5, #1a3160);
      background: linear-gradient(to bottom, #325db5, #1a3160);
      font: normal normal bold 16px arial;
      color: #ffffff;
      text-decoration: none;
  }
  .buttonAX:hover,
  .buttonAX:focus {
      border: 2px solid #1f3a71;
      background: #3c70d9;
      background: -webkit-gradient(linear, left top, left bottom, from(#3c70d9), to(#1f3b73));
      background: -moz-linear-gradient(top, #3c70d9, #1f3b73);
      background: linear-gradient(to bottom, #3c70d9, #1f3b73);
      color: #ffffff;
      text-decoration: none;
  }
  .buttonAX:active {
      background: #1a3160;
      background: -webkit-gradient(linear, left top, left bottom, from(#1a3160), to(#1a3160));
      background: -moz-linear-gradient(top, #1a3160, #1a3160);
      background: linear-gradient(to bottom, #1a3160, #1a3160);
  }