.promo a:hover {text-decoration:none;}
    
    .aubox {
  width: 100%; 
  position: relative;
  background: #fff;
}

.autoupdater {padding:20px;}
.auarea {width:49.5%; display:inline-block;}
.auheader {color:#000; font-size:2.8em; font-weight:700; font-family:'Arial'; line-height:0.9em;}

.ausubheader {color:#f11023; font-size:22px; font-weight:700; font-family:'Arial';line-height:24px;}

.autext {color:#000; font-size:14px; font-weight:400; font-family:'Arial'; padding: 0px 30px 0px 0px; text-align:justify;}
.auorder {background-color:#38557f; font-weight:700; color:#fff; padding:8px; 
 margin: 20px; font-size:13px; font-family:'Arial'; }
 
.auimage {padding:0px 0px 0px 30px;}
.joomla {padding:5px;}
.auorder:hover {opacity:0.9;}


.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 130px; height: 135px;
  text-align: right;
}

.ribbon span {
  font-size: 20px;
  font-weight: normal;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 40px;
  transform: rotate(50deg);
  -webkit-transform: rotate(50deg);
  width: 155px;
  display: block;
  background: #38557f;
  font-family :'Arial';
  letter-spacing:1px;
  position: absolute;
  top: 27px; right: -42px;
}

.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
    border-left: 3px solid #38557f;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #38557f;
}

.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #0c4d9c;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #0c4d9c;
}


@media only screen and (max-width: 800px) {
.auarea {width:100%; display:block;}
.auimage {display:none;}
.joomla {display:none;}
.auorder {margin-bottom:30px;}
.promo {background-color:#fff;}
}