/* ====================================== */
/* estilos configurables  */
/* ====================================== */
/* ==== flechas de navegacion por paginas (zona miniaturas) */
.prevPageLink{
background-image:url('flecha-izquierda.png');
background-position: -5px -5px;
text-decoration:none;
width:13px;
height:19px;
display:inline;
}
.nextPageLink{
background-image:url('flecha-derecha.png');
background-position: -5px -5px;
text-decoration:none;
width:13px;
height:19px;
display:inline;
}
/* ==== flechas de navegacion por imagenes (zona slideshow) */
.nav-controls .prev{
background-image:url('flecha-izquierda.png');
background-repeat: no-repeat;
text-decoration:none;
display:block;
float:left;
height:32px;
}
.nav-controls .next{
background-image:url('flecha-derecha.png');
background-repeat: no-repeat;
text-decoration:none;
display:block;
float:left;
height:32px;
}
/* ==== botones para reproducir la presentacion de diapositivas o pausar */
.ss-controls .play{
background-image:url('boton-play.png');
text-decoration:none;
display:block;
width:32px;
height:32px;
}
.ss-controls .pause{
background-image:url('boton-pause.png');
text-decoration:none;
display:block;
width:32px;
height:32px;
}
#download-link{
background-image:url('full-screen.png');
text-decoration:none;
display:block;
width:32px;
height:32px;
}
/* ====================================== */
/* estilos que no hay que tocar !!!!  */
/* ====================================== */
div.gallery_content {
float:right;
width:440px;
margin:9px auto;
}
div.controls {
margin: 5px;
height: 32px;
}
div.ss-controls {
float: left;
}
div.ss-controls span {
color: #666;
cursor: pointer;
}
div.nav-controls {
float: right;
}
div.nav-controls a {
width: 32px;
}
div.slideshow {
/*clear: both;*/
text-align:center;
}
div.slideshow span.image-wrapper {
/*float: left;*/
padding-bottom: 12px;
margin:0px auto;
text-align:center;
}
div.slideshow a.advance-link {
padding: 2px;
display: inline;
border: 0px solid #ccc;
}
div.slideshow img {
border: none;
display: inline;
padding: 7px;
background-color: #fff;
border: 2px #C3A500 solid;
}
div.download {
float: right;
}
div.embox {
/*clear: both;*/
border: 1px solid transparent;
background-color: transparent;
padding: 12px;
font-family: Verdana, Arial, sans-serif; /* para la letra del titulo y descripcion de la imagen grande */
}
div.image-title {
font-weight: bold;
font-size: 1.4em;
}
div.image-desc {
line-height: 1.3em;
padding-top: 12px;
}
ul.thumbs {
/*clear: both;*/
margin: 0;
padding: 0;
}
ul.thumbs li {
float: left;
width:90px; /*ancho del contenedor de cada miniatura*/
height:90px; /*alto del contenedor de cada miniatura*/
padding: 0;
margin: 5px 5px 0px 0;
list-style: none;
text-align:center;
}
ul.thumbs li a {
padding: 2px;
display: block;
margin:auto auto;
}
ul.thumbs li.selected img {
background: #C3A500;
}
ul.thumbs a:focus {
outline: none;
}
ul.thumbs img {
border: none;
display: inline;
padding: 3px;
background-color: #fff;
border: 1px #ccc solid;
width:100px;
height:80px;
}
div.pagination {
/*clear: both;*/
}
div.pagination div.bottom {
margin-top: 32px;
}
div.pagination a, div.pagination strong {
display: block;
float: left;
margin-right: 2px;
padding: 4px 7px 2px 7px;
border: 1px solid transparent;
}
div.pagination a:hover {
background-color: #ffc;
text-decoration: none;
color: #000;
}
div.pagination strong {
background-color: #FFE48B;
color: #000;
}
div.gallery_navigation{
position:absolute;
}
div.gallery_navigation div.top {
margin-bottom: 12px;
height: 32px;
}
div.gallery_navigation div.bottom {
margin-top: 32px;
}