/* Easy Slider (Automático)
-------------------------------------------------------------------- */
#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/AVvXsEhYobHAe2GTlNY4LDwWkW2ANO85au4sdHlwYEWc71p460f9KRS2nib_MaCR-d7s41rTUqwzmC19hLwK2mPFfLd8URmirHTULTdP1yA0D2IKSaatmrkRfepJcJT5hYvDCDBAA_UWhneKM8E/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/AVvXsEiYSL_3p8W9dke6aSAzOqUoMhs1VE1fsyUedlVYqa7ILjJwDL0JBo8vpdxjhkUr9R-x1e3PSbfJDLoD53B5a4vtphXVEqsuG9C-OC4Xu7YPoEEK76Zv9ur7vATv2Ozt8rbkFuUsfvIv1iQ/s77/flecha-prev.png) no-repeat 0 0;
}
#nextBtn a {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Dg-BbIFvuTYBThloJKjYLlgtcuQwTUEUGTKdHXaLlHrcx-zmbyy0uxufqiqbYaedeJXbydYnx5Kl7p3rkC-GgHyJDWwvcPaNNcQ3hcQ1ZSRXPWLxj76eQdHpvo6Kkv-q-L8sMXAfyJA/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;}
Esta es una imagen Creada, para todos ustedes esperando q les guste....!!!
