/*Controles de Siguiente y Anterior*/
#controles {
position: relative;
margin-top: 15px;
z-index: 30;
bottom: 0;
left: 0;
display: none;
background-color: #ffffcc;
border: 1px solid #ddd;
margin-bottom: 5px;
margin-left: 5px;
padding: 5px;
width: 120px;
}
 
#controles a{
color:#0066CC;
padding-right:7px;
}
 
/*Navegación de la galería*/
#navegacion{
width: 550px;
height: auto;
}
 
#navegacion ul {
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-top: 0px;
list-style: none;
float: left;
}
 
#navegacion li {
display: inline-block;
}
 
#navegacion ul li a{
color: #FFF;
float: left;
text-decoration: none;
display:block;
width:75px;
height:75px;
margin-right:5px;
margin-left:6px;
}
 
/*Esta clase se añade en el thumbnail seleccionado*/
#navegacion .activeSlide{
border: 2px solid #0066CC;
}
 
/*Tamaño de la galería*/
#galeria { 
height: 390px;
width: 540px;
}
 
/*Texto que acompaña la imagen principal*/
.texto {
display:block;
width:100%;
margin:0;
padding:10px 0;
}
 
.texto a{
color:#0066CC;
}
 
/*Efecto de sombra sobre la imagen principal*/
.sombra {
width: 520px;
padding: 5px 0px 5px 15px;
background:transparent url(../images/shadow.gif) no-repeat scroll right bottom!important;
position:relative;
}