/* CSS Document */
.galeria{
height:auto;
width:450px;
padding:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:auto;
}
.album{
background-color:#EBF8FE;
margin-bottom:15px;
padding:10px;
border-style:solid;
border-color:#0080C0;
border-width:3px;
}
.nombre{
color:#0080C0;
font-size:16px;
font-weight:bold;
float:right;
}
.numfotos{
float:right;
clear:right;
font-style:italic;
font-size:12px;
}
.imagen img{
width:100px;
height:100px;
}
.imagen img:hover{
border-style:solid;
border-color:#FFFFFF;
border-width:3px;
}

a.info img{
height:100px;
width:100px;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none;}

a.info:hover{z-index:25; background-color:#CCCCCC;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
z-index:3px;
  position:absolute;
  top: 5px;
  left: 30px;
  display: block;
  background: #fdd;
  border: 1px solid red;
	}

.actions{
background-color:#FFFFFF;
margin-top:3px;
}
.actions a{
color:#0066CC;
margin-right:10px;
text-decoration:none;
}
.actions a:hover{
font-weight:bold;
}

.tabla{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:80%;
}

.tabla .titulo{
background-color:#006699;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
padding-left:10px;
}
.titulo{clear:both;}

.titulo a{
color:#FFFFFF;
text-decoration:none;
margin-left:20px;
font-style:italic;
font-size:13px;
}

.titulo a:hover{
color:#FFFFFF;
text-decoration:overline;
margin-left:20px;
font-style:italic;
}

input{
width:150px;
}
.imgportada input{width:30px;}
.imag input{width:30px;}
.imag{
background-color:#CCCCCC;
width:120px;
float:left;
margin:2px;
text-align:center;}

.imgportada{
background-color:#CC0000;
float:left;
width:120px;
margin:2px;
text-align:center;}
#volver {
color:#000000;
font-size:18px;}