body{
  overflow-x: hidden;
}

#footer-wrapper * {
  box-sizing: border-box;
}

#footer-wrapper{
  width: 100%;
  margin-top: 80px;
  background: #191a1e;
  padding-bottom: 30px;
  position: relative;
  position: absolute;
  left: 0;
  font-family: 'Open Sans', sans-serif;
}

#footer-3dg{
  margin-top:30px;
  width: 100%;
  padding-bottom: 75px;
  position: relative;
}

#footer-3dg, #footer-bar{
  width: 878px;  
  margin: 0 auto;    
  padding-left: 10px;
}

#footer-bar{
  width: 1018px;  
  margin: 0 auto;    
  padding-left: 10px;
}

#footer-3dg .section * {
  font-size: 13px;
}

#footer-3dg .section{
  float: left;
  background:#282b30;
  padding: 14px 21px;
  margin-left: 35px;
  margin-top: -15px;
  line-height: 16px;

  -webkit-box-shadow: -7px -7px 0px 0px rgba(33,34,38,1);
  -moz-box-shadow: -7px -7px 0px 0px rgba(33,34,38,1);
  box-shadow: -7px -7px 0px 0px rgba(33,34,38,1);
}

#footer-3dg .section:first-child{
  margin-left: 0;
}

#footer-3dg .section .title a{
  color:#ffb84b;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;  
}

#footer-3dg .section .links{
  margin-top:9px;
}

#footer-3dg .section .links li{
  margin-bottom: 2px;
  line-height: 14px;
}

#footer-3dg .section .links a{
  color:#fff;
  font-size: 11px;
  font-weight: normal;
}

#footer-3dg .section .links a:hover{
  color: #ffb84b;
}

#footer-wrapper a{
  text-decoration: none;  
}

#footer-wrapper a:hover{
  color: #ffb84b;
}

.powered-by{  
  width: 200px;
  position: absolute;
  top: 157px;
  left: 684px;
}

.powered-by .title{
  background:#282b30;
  padding: 10px 0px;
  font-size: 11px;
  font-weight: bold;
  color:#fff;
  margin: 0 auto;
  width: 104px;
  text-align: center;

  -webkit-box-shadow: -5px -5px 0px 0px rgba(33,34,38,1);
  -moz-box-shadow: -5px -5px 0px 0px rgba(33,34,38,1);
  box-shadow: -5px -5px 0px 0px rgba(33,34,38,1);
}

.by{
  margin: 0 auto;
  width: 162px;
  margin-top: 13px;
}

.by img{
  margin: 0 5px;
  float: left;
}

.by #pb-telefonica{
  margin-top: 4px;
}

#footer-bar-wrapper{
  background: #1e1f23;  
  padding-top:1px;
}

#footer-bar > *{
  float: left;
}

#copyright {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  margin-top: 9px;
  margin-left: 15px;
}

#help-links {
  font-size: 11px;
  margin-left: 37px;
  margin-top: 9px;
}

#help-links li{
  float: left;
  padding: 0 6px;
  border-left: 1px solid #fff;
}

#help-links li:first-child{
  border: none;
}

#help-links a{
  color:#fff;
  font-weight: normal;
}

#social-links {
  margin-left: 23px;
  margin-top: -10px;
}

#social-links li{
  float: left;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#social-links li:hover{
  margin-top:-4px;
}

#social-links a{  
  display: block;
  height:32px;
  width:32px;
  text-indent:-9999px;
  margin: 0 5px;
}

#social-links a.fb{
  background-image:url(/images/fb.png);
}

#social-links a.tw{
  background-image:url(/images/tw.png);
}

#social-links a.yt{
  background-image:url(/images/yt.png);
}

#social-links a.pt{
  background-image:url(/images/pt.png);
}

#footer-3dglogo {
  margin-top: 1px;
}

#footer-3dg .sections {
  height: 190px;
}

#mario{
  width: 30px;  
  position: absolute;
  left: -100px;
  top: -36px;  
}

#footer-wrapper ~ img,
.body_wrapper ~ img {
  display: none;
}

#footer-3dg .fsection * {
  font-size: 13px;
}

.fsection {
  position: absolute;
  left: 570px;
  top: 157px;
}

.fsection .section{
  width: 220px;
  padding: 6px 18px 2px !important;
}

.fsection img {
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 7px;
}

#footer-3dg .fsection .links li {
  margin-bottom: 12px;
  float:left;
}

#footer-3dg .fsection .links li:last-child {
  margin-left:20px;
}
