/* ######### CSS for PHP Photo Album itself ######### */

.photodiv{ /*CSS for DIV DONDE EMPIEZAN LAS FOTOS PEQUENAS 0/0e*/
float: left;
margin-right: 0px;
margin-bottom: -4px;
}

.photodiv img{ /*CSS TAMANO DE LAS FOTO PEQUENAS*/
border: 0;
width: 340px;
height: 227px;
cursor: hand;
cursor: pointer;
}

.albumnavlinks{ /*CSS for DIV containing the navigational links*/
}

.albumnavlinks a{ /*CSS para cambiar el tipo y el tamano de los numeros de paginas que tienes para seguir viendo fotos*/
font: bold 22px arial;
margin-right: 0px;
padding: 1px 10px;
text-align: right;
border: 0px solid #313131;
text-decoration: none; 
color: #ffffff;
font-weight: bold;
}


.albumnavlinks a:hover, .albumnavlinks a.current{ /*CSS para lo mismo pero de las cajas que tienen esos numeros*/
border: 0px solid #2b66a5;
background-color: #000000;
}

/* ######### CSS for thumbnail viewer plugin ######### */

#thumbBox{ /*Outermost DIV EL MARCO LA POSICION ETC DE LAS FOTOS GRANDES*/
font: bold 14px times;
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 8px;
padding-bottom: 0;
background: #000000;
visibility: hidden;
z-index: 1000;
cursor: hand;
cursor: pointer;  





}

#thumbBox .footerbar{ /*Para poner el tipo y el tamano de ITXITA CERRAR*/
font:  12px arial;
letter-spacing: 1px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV TAMANO DEL MARCO DE LA FOTO GRANDE */
background-color: black;
margin: 5px;
}

#thumbLoading{ /*DIV para mostrar el estado de "carga" mientras se genera thumbbox*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #000000;
padding: 10px;
font: bold 14px times;
z-index: 5;
}