/* CSS Document */

/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active { color:#000;}

/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album { width:598px; height:410px; position:absolute; top:260px; margin:0; padding:0;}

/* FONDOS GALERĶAS --------------------------------------*/
.fdoInnovias { background:url(../imagenes/proyectos/innovias/01.jpg) 0 10px no-repeat; }
.fdoJosep { background:url(../imagenes/proyectos/josep/01.jpg) 0 10px no-repeat; }
.fdo400Euros { background:url(../imagenes/proyectos/400euros/01.jpg) 0 10px no-repeat; }
.fdoArmeria { background:url(../imagenes/proyectos/armeria/01.jpg) 0 10px no-repeat; }
.fdoGdev { background:url(../imagenes/proyectos/gdev/01.jpg) 0 10px no-repeat; }
.fdoGeeks { background:url(../imagenes/proyectos/geeks/01.jpg) 0 10px no-repeat; }
.fdoMinisterio { background:url(../imagenes/proyectos/ministerio/01.jpg) 0 10px no-repeat; }
.fdoTsunami { background:url(../imagenes/proyectos/tsunami/01.jpg) 0 10px no-repeat; }
.fdoIntranet { background:url(../imagenes/proyectos/intranet/01.jpg) 0 10px no-repeat; }
.fdoCognoData { background:url(../imagenes/proyectos/cognodata/01.jpg) 0 10px no-repeat; }
.fdoJuanOchoa { background:url(../imagenes/proyectos/juanOchoa/01.jpg) 0 10px no-repeat; }
.fdoRickEdu { background:url(../imagenes/proyectos/rickEdu/01.jpg) 0 10px no-repeat; }
.fdoRocioPelaez { background:url(../imagenes/proyectos/rocioPelaez/01.jpg) 0 10px no-repeat; }

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery { padding:0; margin:420px 0 0 0; list-style-type:none; position:relative; width:598px; }

/* remove the default image border */
.gallery img {border:0;}

/* make the list horizontal */
.gallery li { float:left; }

/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited { font-size:11px; float:left; text-decoration:none; color:#000; background:#FCD68D; text-align:center; width:26px; height:26px; line-height:24px; border:1px solid #444; margin:2px; }

/* position the images using an absolute position and hide them from view */
.gallery li a img { position:absolute; top:-410px; left:0; visibility:hidden; border:0; }

/* fix the top position for the landscape images */
.gallery li a img.landscape { top:-280px; }

/* fix the left position for the portrait images */
.gallery li a img.portrait { left:0; border-left:40px solid #eee; border-right:40px solid #eee; }

/* style the hover background color for the text boxes */
.gallery li a:hover { background:#ddd; }

/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus { background:#444; color:#fff; }

/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img { visibility:visible; }