100% );font: 11px/18px sans-serif;padding:2px 8px; margin-right:10px;}.comments .comments-content .loadmore { cursor: pointer; max-height: 3em; margin-top: 3em;}.comments .comments-content .loadmore.loaded { max-height: 0px; opacity: 0; overflow: hidden;}.comments .thread-chrome.thread-collapsed { display: none;}.comments .thread-toggle { display: inline-block;}.comments .thread-toggle .thread-arrow { display: inline-block; height: 6px; width: 7px; overflow: visible; margin: 0.3em; padding-right: 4px;}.comments .thread-expanded .thread-arrow { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;}.comments .thread-collapsed .thread-arrow { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;}.comments .avatar-image-container {background-image: url("http://img846.imageshack.us/img846/7357/unled1oww.jpg");background-position: center center;background-repeat: no-repeat;float: left;width: 36px;max-height: 36px;margin: 0;outline: 1px solid #FFFFFF;padding: 3px;vertical-align: middle;overflow: hidden;border: 1px solid #DDDDDD;}.comments .avatar-image-container img { width: 36px;}.comments .comment-block { margin-left: 48px; position: relative;}/* Responsive styles. */@media screen and (max-device-width: 480px) { .comments .comments-content .comment-replies { margin-left: 0; }}/* Accents---------------------------------------------- */.section-columns td.columns-cell { border-$startSide: 0px solid $(body.rule.color);}.blog-pager {font: $(font.menu.navegar); background:$(blog.pager) $(tabs.background.gradient) repeat-x scroll 0 -800px;padding: 12px 3px;-moz-border-radius:8px;-webkit-border-radius:8px;-moz-box-shadow: 0px 10px 10px -7px #888;-webkit-box-shadow:0px 10px 10px -7px #888;}.blog-pager-older-link, .home-link,.blog-pager-newer-link {padding: 6px 2px;background: $(content.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;-moz-border-radius:8px;-webkit-border-radius:8px;-moz-box-shadow: 0px 10px 10px -7px #888;-webkit-box-shadow:0px 10px 10px -7px #888;}.footer-outer { border-top: $(footer.bevel) dashed #bbbbbb;}/* Mobile----------------------------------------------- */body.mobile { background-size: $(mobile.background.size);}.mobile .body-fauxcolumn-outer { background: $(mobile.background.overlay);}.mobile .body-fauxcolumn-outer .cap-top { background-size: 100% auto;}.mobile .content-outer { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15); box-shadow: 0 0 3px rgba(0, 0, 0, .15); padding: 0 $(content.shadow.spread);}body.mobile .AdSense { margin: 0 -$(content.shadow.spread);}.mobile .tabs-inner .widget ul { margin-left: 0; margin-right: 0;}.mobile .post { margin: 0;}.mobile .main-inner .column-center-inner .section { margin: 0;}.mobile .date-header span { padding: 0.1em 10px; margin: 0 -10px;}.mobile h3.post-title { margin: 0;}.mobile .blog-pager { background: transparent none no-repeat scroll top center;}.mobile .footer-outer { border-top: none;}.mobile .main-inner, .mobile .footer-inner { background-color: $(content.background.color);}.mobile-index-contents { color: $(body.text.color);}.mobile-link-button { background-color: $(link.color);}.mobile-link-button a:link, .mobile-link-button a:visited { color: $(mobile.button.color);}.mobile .tabs-inner .section:first-child { border-top: none;}.mobile .tabs-inner .PageList .widget-content { background-color: $(tabs.selected.background.color); color: $(tabs.selected.text.color); border-top: $(tabs.border.width) solid $(tabs.border.color); border-bottom: $(tabs.border.width) solid $(tabs.border.color);}.mobile .tabs-inner .PageList .widget-content .pagelist-arrow { border-$startSide: 1px solid $(tabs.border.color);}/*Posts relacionados-------------------------------------------------------------------------------------------*//* al rectangulo contenedor lo centramos, le damos altura y eliminamos los saltos de linea indeseados */ #postsrelacionadosslider { margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; height: 190px; position: relative; width:100%; border: 0px; }#postsrelacionadosslider h2{font-size: 14px;text-indent: 20px;} #postsrelacionadosslider br {display:none;} /* las imagenes que sirven para navegar las posiconamos una a cada extremo */ #relleft { left: -5px; } #relright { right: 0; } .sflecha { height: 150px; position: absolute; width: 15px; } .sflecha img { height: 150px; width: 15px; border: 0px solid} /* al rectangulo central lo dimensionamos, lo posicionamos e impedimos que se deborde */ #postsrelacionadosinner {margin:0px;padding:0px; height: 152px; left: 15px; overflow: hidden; position: absolute; width: 96%; /* es el ancho real de cada post resumido por la cantidad visible, en este caso 4 */ } /* esta sera la &quot;tira&quot; a desplazar */ #postsrelacionadoscontenedor { height: 180px; position: absolute; width: 2800px; /* es el ancho real de cada post resumido por la cantidad a mostrar, en este caso 20 */ /* el efecto */ -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } /* cada post resumido */ .relspostsslider {background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px; float: left; height: 150px; margin: 0 1px; overflow: hidden; padding: 0 4px; text-align: center; width: 129px;border: $(header.bottom.border.size) solid $(tabs.border.color);