/* 
    Document   : fotografias
    Created on : 03-jul-2013, 11:23:14
    Author     : usuario
    Description:
        Purpose of the stylesheet follows.
*/

#eliminar{
}
#miniatura{
    width:188px;
    height:188px;
}
.enlace {
    border: 0;
    padding: 0;
    background-color: transparent;    
    color:  rgb(80, 80, 80);
    display: inline;

}
.enlace:hover{
    color: #d5ed00;
}
li{
    float: left;
    list-style: none;
    margin-right: 1em;


}
ul{
    margin-left: 0em;/*para que almeter las imagenes en listas no 
                     las tabule por defecto*/ 
}
/*contenido donde van todas las imagenes*/
div#cen{
    text-align: left;
    width:51em; 
    /*height:44em;*/
    margin-left:5em; 
    margin-right:4em;
    margin-top: 1em;
}

/*el div que contiene el fondo translucido*/
.overlay-container {
    display: none;
    content: " ";
    height: 300%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;

    opacity: 0.4;
    -moz-opacity: 0.4;
    filter: alpha(opacity=40);
    background-color: gray;
}
/*contenedor que contiene todos los datos de la imagen*/
.contenedor{
    display: none;
    position: fixed;
    height: 500px;
    width: 860px;
    background: white;
    background: 
        -webkit-gradient(
        linear,
        left top,
        left 25,
        from(#FFFFFF),
        color-stop(4%, #EEEEEE),
        to(#FFFFFF)
        );
}
#contenidoCentroContenedor{
    height: 320px;
    background-color: white;
}
/*div que contendra la imagen que surge al pulsar una imagen*/
#cajaImagen{
    width: 510px; 
    height: 310px;  
    float: left;
    padding: 5px;

}
/*imagen que de abre al pulsar en la miniatura*/
#imagenAmpliada{
    margin: 5px 0px 5px 5px;
    float: left; 
    height: 300px; 
    width: 500px;
}

.titulo{
    font-size: 24px; 
    text-align: left;
    color: #d5ed00; 
    padding: 5px; 
    background-color:#777; 
    margin-top: 2em;
}
.parrafo{
    padding-left: 10px; 
    text-align: justify; 
    line-height:normal;
    padding-right: 10px;
}
/*texto en negrita dentro del contenedor*/
#textNegrita{
    color: #444;
}
/*texto normal dentro del contenedor*/
#textNormal{
    color: #777;
}
/*el boton que se activa dentro del contenedor para eliminar imagen*/

#botonEliminar:hover{

    color: #d5ed00;
}
#base{
    font-size: 16px;   
    padding: 5px; 
    background-color:#777;  
    text-align: center;

}

#base a{
    text-decoration: none;
    display:block;
    color: #ffa800;
}
#base a:hover {
    color: #d5ed00;
}
/*ESTILOS DEL MENSAJE EMENRGENTE EN CASO DE QUE QUIERA VER SUS FOTOS Y NO ESTE LOGEADO*/