/* Slideshow Automático by www.ayudadeblogger.com -------------------------------------------------------------------- */ #slide-container { width:480px; height:320px; position:relative; } #slider { width:480px; height:320px; left:25px; overflow-x:hidden; overflow-y:hidden; position:relative; } .slide-desc { background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRg1mUSGc58ojRC5EHK8CH6GEpGdOxm_AJlI_ik55LeDGlbAmBEedNefj4co8hjRUYljCwrGn51ojm3x60apqXrlskW70m-7nyo1HKHZ-H1T4SCbi0aHru5DKlPldGhFcQw0i8B6mqNa8/s30/bgtransparent.png) repeat scroll 0 0; color:#FFFFFF; padding:10px; position:absolute; text-align:left; bottom:0; width:100%; z-index:99999; } .slide-desc h2{ display:block; color:#f2f2f2; font-size:14px; } .crosscol .widget-content {position:relative;} #slider ul, #slider li { margin:0; padding:0; list-style:none; } #slider li { width:480px; height:320px; overflow:hidden; } #prevBtn, #nextBtn { display:block; width:30px; height:77px; position:absolute; left:-30px; text-indent:-9999px; top:71px; z-index:1000; } #nextBtn { left:500px !important; } #prevBtn, #nextBtn { display:block; left:0; position:absolute; top:132px; width:30px; height:77px; z-index:1000; } #prevBtn a, #nextBtn a { display:block; position:relative; width:30px; height:77px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixtq9Q-7TYEpDpvT5aZ6RWU0R66o3t4id9WenFhKzYIg1gHmHjA45fLKRrreY3BJ25sM8deT-DBc1NjPefZNdJgg0gODtDso4VB7vMe-psdvPv-xVyeWL4vZDKgSWQSpionl635nMNYfo/s77/flecha-prev.png) no-repeat 0 0; } #nextBtn a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGmjQevz4soDMYmf07H5pU_pJfI7We_RJ2wmL6DN_rqW4FX6xbAQV-ZKKwtD5UvUHZUP7FUPxvrrzyemPTFyzHrN9TuzUgw5EpHHc63joZVQWc9Y-xLEspvVELNKACJPCNQydPKGEm1ps/s77/flecha-next.png) no-repeat 0 0; } /* Estilos de los números */ ol#controls{ margin:8px 25px; padding:0; height:28px; } ol#controls li{ margin:0 4px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; } ol#controls li a{ float:left; height:28px; line-height:28px; border:1px solid #000; /* Borde de los números */ background:#0B243B; /* Color de fondo de los números */ color:#fff; /* Color de los números */ padding:0 10px; text-decoration:none; } ol#controls li.current a{ background:#5DC9E1; /* Color de fondo del número activo */ color:#fff; /* Color del número activo */ } ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} -->