html { } #cabecera { margin: 0px auto; padding: 20px; width: 80%; height: 70px;; background: #fff; font-family: 'trebuchet MS', Arial, helvetica; -moz-border-radius: 10px; border-radius: 20px; -moz-box-shadow: 0 0 10px #555; -webkit-box-shadow: 0 0 10px #555; box-shadow: 0 0 10px #555; } .ribbon:after, .ribbon:before, h2:after, h2:before, #twitter-follow:after, #twitter-follow:before { content: ''; position: absolute; } /* ---------------------------------------------- */ .ribbon{ position: relative; color: #fff; margin: 0 -30px 30px -30px; padding: 10px 0; text-shadow: 0 1px rgba(0,0,0,.8); background: #333C4D; background-image: -moz-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0)); background-image: -webkit-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0)); background-image: -o-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0)); background-image: -ms-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0)); background-image: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0)); -moz-box-shadow: 0 2px 0 rgba(0,0,0,.3); -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3); box-shadow: 0 2px 0 rgba(0,0,0,.3); clear: both; } .ribbon:before, .ribbon:after { border-style: solid; border-color: transparent; bottom: -10px; } .ribbon:before { border-width: 0 10px 10px 0; border-right-color: #222; left: 0; } .ribbon:after { border-width: 0 0 10px 10px; border-left-color: #222; right: 0; } .nota_mostrada { background-color: #E5EBFD; background-position: -136px -33px; border-color: #A0B1DE; margin-left:-10px; margin-bottom:20px; width:auto; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px; margin: 10px 0 5px; padding: 8px 8px 8px 34px; } /* ---------------------------------------------- */ /* ---------------------------------------------- */