#smartbanner { position:fixed; left:0; top:-82px; border-bottom:1px solid #ccc; width:100%; height:130px;  background:#f1f1f1; box-shadow:0 1px 2px rgba(0,0,0,0.5); z-index:9998; -webkit-font-smoothing:antialiased; overflow:hidden; -webkit-text-size-adjust:none; box-shadow: 0 3px 3px rgba(0,0,0,0.1); }
#smartbanner, html.sb-animation {-webkit-transition: all .3s ease;}
#smartbanner .sb-container { margin: 0 auto; }
#smartbanner .sb-close { position:absolute; left:5px; top:50px; display:block; width:40px; height:40px; font-size:40px; line-height:40px; text-align:center; color:#818181;  text-decoration:none; text-shadow:none; border-radius:14px;  -webkit-font-smoothing:subpixel-antialiased; }

#smartbanner  .linea-separadora {border-left: 1px solid #e7e7e7;box-shadow: inset -1px 0px 0px #fff; margin:0 5px; position:absolute; top:0; left:40px; height:130px;}
#smartbanner .sb-icon { position:absolute; left:60px; top:20px; display:block; width:65px; height:70px; background:rgba(0,0,0,0.6); background-size:cover; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.3); padding-left:5px; }
#smartbanner.no-icon .sb-icon { display:none;}
#smartbanner .sb-info { position:absolute; left:145px; top:17px; width:60%; font-size:24px; line-height:30px; color:#6a6a6a;}
#smartbanner .no-icon .sb-info { left:34px;}
#smartbanner .sb-info strong { display:block; font-size:35px; color:#4d4d4d; line-height: 1em; }
#smartbanner .sb-info > span { display:block; }
#smartbanner .sb-info em { font-style:normal; text-transform:uppercase; }
#smartbanner .sb-button { position:absolute; right:20px; top:39px;  -moz-box-shadow:none; -webkit-box-shadow:none;   box-shadow:none;
cursor:pointer;font-family:'Ubuntu', sans-serif, Arial, Helvetica; background: #f60; color:#fff; font-size:18px; padding:10px 20px; border-radius:2px; border:none; -webkit-box-shadow: 0px 2px 0px 0px #c45717;-moz-box-shadow:    0px 2px 0px 0px #c45717;box-shadow:0px 2px 0px 0px #c45717;
-webkit-user-select: none;
-webkit-touch-callout: none;   
}


#smartbanner .sb-icon.gloss:after { content:''; position:absolute; left:0; top:-1px; border-top:1px solid rgba(255,255,255,0.8); width:100%; height:50%; background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); border-radius:10px 10px 12px 12px; }

#smartbanner.android, #smartbanner.ios  {border-top: 5px solid #ff6600;}
#smartbanner.android .sb-close { border:0; width:30px; height:30px; line-height:30px; color:#818181;   }

#smartbanner.android .sb-info { color:#888;}
#smartbanner.android .sb-info strong { color:#000; }
#smartbanner.android .sb-button { min-width: 12%;  }

#smartbanner.windows .sb-icon { border-radius: 0px; }