html {
  background: #E9CCB5;
  background-size: cover;
  background-attachment: fixed;
  font-family: "Times New Roman";
  color:#40301F;
}
  body {
    margin: 0px;
    height: px;
    width: 1450px;
  }

  #header{
    width: 1450px;
    height: auto;
    border-style: solid;
    border-color: #39B99B;
    background-color: antiquewhite;
    background-size: 64px;
    border-width: 3px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    padding: 15px;
    padding-bottom: 10px;
    box-shadow:0px 0px 10px rgba(0,0,0,1);
    z-index: 3;
    position: sticky;
    top: 0;
  }

  .headerintrusive {
    padding: 10px;
    position: absolute;
    font-size: 25px;
    color: #40301F;
    right: 350px;
    bottom: 18px;
    text-decoration: underline;
    border-radius: 45px;
  }

  .headerintrusive:hover {
    background: #E9CCB5;
    text-decoration: none;
  }

  .headerintrusiver {
    padding: 10px;
    position: absolute;
    font-size: 25px;
    color: #40301F;
    right: 350px;
    bottom: 18px;
    text-decoration: underline;
    border-radius: 45px;
  }

  .bemfake {
    padding: 10px;
    position: absolute;
    font-size: 25px;
    color: #40301F;
    left: 160px;
    bottom: 18px;
    text-decoration: none;
  }

  .fakebutton {
    border-width: 3px;
    border-color: #E9CCB5;
    border-style: solid;
    padding: 10px;
    background: #EA8928;
    position: absolute;
    font-size: 25px;
    color: #40301F;
    right: 200px;
    bottom: 15px;
    text-decoration: none;
    border-radius: 45px;
  }

  .fakebuttonn{
    border-width: 3px;
    border-color: #40301F;
    border-style: solid;
    padding: 10px;
    background: antiquewhite;
    position: absolute;
    font-size: 25px;
    color: #40301F;
    right: 200px;
    bottom: 15px;
    text-decoration: none;
    border-radius: 45px;
  }

  .fakebutton:hover{
    background-image: linear-gradient(180deg,rgba(234, 137, 40, 1) 0%, rgba(148, 47, 22, 1) 100%);
    color: white;
  }

  #maisumafolia{
    padding: 10px;
    font-size: 20px
  }

  #topo{
    width: 900px;
    border-style: solid;
    border-color: #39B99B;
    background-color: antiquewhite;
    background-size: 64px;
    border-width: 3px;
    margin-top: 35px;
    margin-bottom: 0px;
    margin-left: 40px;
    margin-right: auto;
    padding: 15px;
    padding-bottom: 10px;
    box-shadow:0px 0px 5px rgba(0,0,0,0.7);
    z-index: 1;
    position: relative;
    height: auto;
    border-radius: 45px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  #topotext{
    padding: 10px;
    text-align: left;
    font-size: 50px;
    color: #40301F;
    -webkit-text-stroke-width: 1.6px;
    -webkit-text-stroke-color: #40301F;
    margin: 0px;
    line-height: 0.8;
    margin-bottom: 5px;
  }


  #toposub{
    width: 900;
    height: 22px;
    border-style: solid;
    border-color: #39B99B;
    background-color: #5DD689;
    border-width: 3px;;
    border-top: 0px;
    border-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 40px;
    margin-right: auto;
    padding: 1px;
    padding-left: 15px;
    padding-right: 15px;
    box-shadow:0px 0px 5px rgba(0,0,0,0.7);
    z-index: 2;
    position: relative;
  }

  #toposubtext{
    font-size: 20px;
    color: #40301F;
    padding: 0px;
    line-height: normal;
  }

  #main{
    width: 915px;
    background: antiquewhite;
    border-style: solid;
    border-color: #39B99B;
    border-width: 3px;
    margin-top: 0px;
    margin-bottom: 40px;
    margin-left: 40px;
    margin-right: auto;
    padding-right: 7.5px;
    padding-top: 0px;
    padding-left: 7.5px;
    padding-bottom: 0px;
    box-shadow:0px 0px 5px rgba(0,0,0,0.7);
    z-index: 1;
    position: relative;
    height: 800px;
    content: "";
    clear: both;
    display: table;
    overflow: hidden;
    border-bottom-left-radius: 45px;
    border-bottom-right-radius: 45px;
  }

  #aviso{
    margin-bottom: 20px;
    margin-top: 0px;
    background-color: white;
    width: auto;
    height: 240px;
    border-width: 3px;
    padding: 5px;
    border-style: solid;
    border-color: #39B99B;
    right: 0px;
    top: 0px;
    text-align: left;
    color: #40301F;
    font-size: 20px;
    line-height: 0.9;
    border-radius: 45px
  }

  #aviso:hover{
    background-color: #5DD689;
    border-color: #39B99B;
    color: #40301F;
  }

   #sidebar{
     background-color: antiquewhite;
     width: 300px;
     height: 820px;
     position: absolute;
     border-width: 3px;
     border-style: solid;
     border-color: #39B99B;
     padding: 0px;
     padding-bottom: 5px;
     left: 1100px;
     top: 170px;
     overflow: auto;
     margin-left: 0px;
     position: absolute;
     box-shadow:0px 0px 5px rgba(0,0,0,0.7);
     z-index: 1;
     border-radius: 45px;
   }

   .buttone {
     position: relative;
     color: #40301F;
     font-size: 15px;
     padding: 5px;
     margin: 5px;
     float: center;
     display: inline-block;

   }

   .buttone:hover {
     cursor: pointer;
     background-image: linear-gradient(#E9CCB5, #39B99B );
     color: white;
   }

   #isa{
     right: 0px;
     margin: 10px;
     border-radius: 45px;
     border-width: 3px;
     border-color: #E9CCB5;
     border-style: solid;
     position: relative;
     cursor: pointer;
     height: 130px;
     width: 130px;
     background-image: url("jornalabobrinha/isa.png");
     display: inline-block;
   }

   #isatext{
     position: relative;
     right: -80px;
     bottom: 130px;
     height: auto;
     width: 760px;
     text-align: left;
   }

   .noticialuana{
     cursor: pointer;
     height: 180px;
     width: 180px;
     background-image: url("jornalabobrinha/luanna.png");
   }

   .noticialuana:hover {
     cursor: pointer;
     background-image:linear-gradient(to bottom, rgba(250, 235, 215, 0) 0%, rgba(250, 235, 215, 0.46) 56%, rgba(233, 204, 181, 0.67) 77%, rgba(233, 204, 181, 1) 100%),
     url("jornalabobrinha/luanna.png");
   }

   .noticiapaty{
     cursor: pointer;
     height: 180px;
     width: 180px;
     background-image: url("jornalabobrinha/paty.png");
   }

   .noticiapaty:hover {
     cursor: pointer;
     background-image:linear-gradient(to bottom, rgba(250, 235, 215, 0) 0%, rgba(250, 235, 215, 0.46) 56%, rgba(233, 204, 181, 0.67) 77%, rgba(233, 204, 181, 1) 100%),
     url("jornalabobrinha/paty.png");
   }

   .noticiamoacir{
     cursor: pointer;
     height: 180px;
     width: 180px;
     background-image: url("jornalabobrinha/moacir.png");
   }

   .noticiamoacir:hover {
     cursor: pointer;
     background-image:linear-gradient(to bottom, rgba(250, 235, 215, 0) 0%, rgba(250, 235, 215, 0.46) 56%, rgba(233, 204, 181, 0.67) 77%, rgba(233, 204, 181, 1) 100%),
     url("jornalabobrinha/moacir.png");
   }

   .noticiatitulo {
     line-height: 0.8;
     font-size: 20px;
     color: #40301F;
     display: inline-block;
     float: center;
     position: relative;
     padding: 10px;
   }

   .noticiatitulo:hover {
   text-decoration: underline;
 }

   .buttonediv {
     position: relative;
     background-color: #EA8928;
     border-color: #E9CCB5;
     border-style: solid;
     border-width: 3px;
     color: #40301F;
     font-size: 20px;
     padding: 5px;
     width: 167px;
     height: 8px;
     margin: 5px;
     margin-top: 15px;
     float: center;
     display: inline-block;
     line-height: 0.5;
     border-radius: 45px;
   }

   .buttonediv:hover {
     background-image: linear-gradient(180deg,rgba(234, 137, 40, 1) 0%, rgba(148, 47, 22, 1) 100%);
     color: white;
   }

   .hr.gay {
     border-top: 5px solid #bbb;
   }

   .article{
     width: auto;
     height: auto;
     position: relative;
     padding: 5px;
     margin-top: 30px;
     overflow: auto;
     text-align: left;
     font-size: 25px;
     line-height: 1;
   }

  #footero{
    text-align: center;
    font-size: 15px;
    color: #40301F;
    width: 1300px;
    height: 60px;
    border-style: solid;
    border-color: #39B99B;
    background: antiquewhite;
    border-width: 3px;;
    border-radius: 45px;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    padding-bottom: 0px;
    padding-top: 25px;
    box-shadow:0px 0px 5px rgba(0,0,0,0.7);
    z-index: 1;
    position: relative;
  }

  #assinatura {
    width: 915px;
    background: antiquewhite;
    border-style: solid;
    border-color: #39B99B;
    border-width: 3px;
    margin: auto;
    margin-top: 39px;
    margin-bottom: 0px;
    padding: 15px;
    box-shadow:0px 0px 5px rgba(0,0,0,0.7);
    z-index: 1;
    position: relative;
    height: 640px;
    content: "";
    clear: both;
    display: table;
    overflow: hidden;
    border-radius: 45px;
  }

  ul.pode{
  list-style: square inside url("jornalabobrinha/podepouco.png");
  padding-left: 0px;
  line-height: 0;
}

  ul.naopode{
    list-style: square inside url("jornalabobrinha/naopodenempouco.png");
    padding-left: 0px;
    line-height: 0;
  }

  .paybox {
    margin: 15px;
    background-color: white;
    width: 250px;
    height: auto;
    border-width: 3px;
    padding: 5px;
    border-style: solid;
    border-color: #39B99B;
    top: 50px;
    text-align: left;
    color: #40301F;
    font-size: 20px;
    line-height: 0.9;
    position: absolute;
  }

  .paybox:hover {
    color: #39B99B;
  }

  .payboxcara {
    margin: 15px;
    background-color: #40301F;
    width: 250px;
    height: auto;
    border-width: 3px;
    padding: 5px;
    border-style: inset;
    border-color: white;
    right: 20px;
    top: 50px;
    text-align: left;
    color: white;
    font-size: 20px;
    line-height: 0.9;
    position: absolute;
  }

  .payboxcara:hover {
    animation: payboxani 0.7s linear;
    animation-fill-mode: forwards;
  }

  #ofertaa {
    position: absolute;
    top: -25px;
    right: 0px;
  }

  #entrar {
    width: 600px;
    height: auto;
    border-width: 3px;
    padding: 30px;
    border-style: solid;
    border-color: #39B99B;
    margin: 80px;
    font-size: 25px;
    background-color: antiquewhite;
    margin-bottom: 100px;
    border-radius: 45px;
  }

  .logbuto {
    border-width: 3px;
    border-style: solid;
    border-radius: 45px;
    background-color: white;
    width: 350px;
    text-align: left;
    margin: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 5px;
    border-color: tan;
    color: wheat;
  }

  .esqueci {
    font-size: 15px;
    text-decoration: underline;
  }

  .esqueci:hover {
    color: #EA8928;
  }

  @keyframes payboxani {
    0%   {background-color: #40301F; color: antiquewhite; border-style: inset; border-color: white;}
    100% {background-color: antiquewhite; color: #40301F; border-style: solid; border-color: #40301F;}
 }