
/*   Hoja de estilos Albumes   *
 *     Autor: Carlos Asin      */
 
.Secciones { width:630px; text-align:center; height:200px; margin-left:auto; margin-right:auto; margin-top: 14px; }
.Secciones div { float:left; width: 124px; margin-top: 10px; padding-left: 15px; padding-right: 15px;}
.Secciones div + div { border-left: 1px solid #666666;margin-left:0px;}
.Secciones div p { margin-top: 0px; }
.Secciones div a { font-size: 16px; color: #333333; text-decoration: none; font-weight: bold;}
.Secciones div a:hover { color: green;}
.Secciones div a img { border: none 0px; }

#BotonesRuta { padding: 0px 10px; margin-top: 7px; }
#BotonesRuta tr td:first-child { padding-left: 40px; }
#BotonesRuta tr td { text-align:center; }
#BotonesRuta tr td p { vertical-align: middle; text-align: justify; margin-left: 10px; margin-right: 50px;}
#BotonesRuta tr td p a { text-decoration: underline; color: #333333; }
#BotonesRuta tr td p a:hover { color: red; }

.tituloAlbum { font-size:20px; color: #3873B3; }

.fotografo { color:  green; }

.volverAlbum { text-decoration: none; color: #333333; }
.volverAlbum:hover { text-decoration:underline; color: red; }

.album { width: 758px; margin:14px auto 0 auto; padding-bottom:1px; }
.album a { color: #333333; }
.album a:hover { color:red; }
.album img { vertical-align:middle; margin-left: 5px; margin-right:5px; }
.album ul { width: 635px; margin: 0px auto; 	list-style-type: none; }
.album li { margin-left:-35px; padding-top:5px; text-align: justify; }
.album li:hover { background-color: #BBBBBB; }
.album li a p { color:#333333; margin-left: 5px; }
.album li a { text-decoration: none; }

.album1, .album3 { background-color: #EEEEEE; height:95px;}
.album1 img { float:left; margin: 0px; margin-top: -5px; padding-right: 15px;}

.album2, .album4 { background-color: #DDDDDD; height:95px;}
.album2 p { padding-left: 15px;}
.album2 img { float:right; margin: 0px; margin-top: -5px;}

.album3, .album4 { height: 70px; margin: 0px; padding:0px;}
.album3 p, .album4 p {margin:0px; padding: 0px; line-height: 33px; }



.DetrasMarco { float:left; background-color: #EEEEEE; width:76px; height:75px; padding:0px; margin:0px; margin-top: -5px; margin-right: 15px;}

#FotoIndiceAlbum { margin-top:11px; background-position:center; background-repeat: no-repeat;}
#FotoIndiceAlbum div { width: 72px; height: 54px;
  background-image: url(..//Imagenes/marcoAlbum.png) !important;
  background-image: none;
  filter: none !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='..//Imagenes/marcoAlbum.png');
}

.contenedorImagen { background: no-repeat center url(..//Imagenes/cargando.gif); }

.contenedorImagen a img, .contenedorImagenPeque a img { border: none; border-width: 0px; }

.contenedorImagenPeque { text-align:center; }

.fotosMinis { margin-left:auto; margin-right:auto; }
.fotosMinis tr td { border: none; width: 12.5%; text-align:center; }
.fotosMinis tr td img { border: 1px solid #666666; }

#foto { visibility:hidden; margin: 0px; }

#contador_foto {  /*background-color: #666666; */  background: url('..//Imagenes/pixel.png') repeat; color: #EEEEEE; font-size: 9pt; padding: 2px 5px; float:right; }
