/* ------------------------------------------------------ */
/* General                                                */
/* ------------------------------------------------------ */

body {
    font-family: 'Verdana', 'Helvetica', 'Arial', sans-serif;
    font-size: 12px;
    color: #FFF;
    background-color: #000;
    text-align: center;
    margin: 0px;
    }

    
#global {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: left;
    border-top: 1px solid #313131;
    }

/* ------------------------------------------------------ */
/* Logo                                                   */
/* ------------------------------------------------------ */

#logo {
    background: url('/media/img/logo_fotografias.gif');
    height: 178px;
    width: 198px;
    }

#spacerlink {
    height: 178px;
    width: 198px;
    border: 0;
    }

#textoheader {
    display: none;
    }

/* ------------------------------------------------------ */
/* Barra de navegacion                                    */
/* ------------------------------------------------------ */

#navbar {
    background: url('/media/img/fondo_navbar.gif');
    background-repeat: repeat-y;
    width: 198px;
    }

#navbar ul {
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
    list-style-type: none;
    }

#navbar li {
    margin-top: 3px;
    }

#navbar a {
    padding-left: 40px;
    text-decoration: none;
    color: #616161;
    }

#navbar a:hover {
    background: url('/media/img/fondo_navbar_hover.gif');
    background-repeat: repeat-y;
    background-color: #121212;
    color: #AAAAAA;
    }
    
#navbar a.active, #navbar a:hover.active {
    background: url('/media/img/fondo_navbar_active.gif');
    background-repeat: repeat-y;
    background-color: #121212;
    font-weight: bold;
    color: #FFF;
    }

#traducciones {
    width: 198px;
    text-align: center;
    font-size: 10px;
    color: #666;
    font-weight: bold;
    padding-top: 52px;
    }

#traducciones a {
    margin: 0px;
    text-decoration: none;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 10px;
    color: #666;
    font-weight: normal;
}

#traducciones a:hover {
    color: #999;
    }

#bottom_navbar {
    background: url('/media/img/bottom_navbar.gif');
    height: 152px;
    width: 198px;
    }

/* ------------------------------------------------------ */
/* Contenido                                              */
/* ------------------------------------------------------ */

#contenido_wrapper {
    background: url('/media/img/fondo_imagenes.gif');
    background-color: #333333;
    background-repeat: repeat-y;
    width: 742px;
    position: absolute;
    top: 10px;
    margin-left: 198px;
    border-right: 1px solid #313131;
    border-bottom: 1px solid #313131;
    padding-top: 20px;
    padding-bottom: 20px;

    /* min-height + hack para IE6/7 */
    min-height: 500px;
    height: auto !important;
    height: 500px;
    text-align: center;
    }

#contenido {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 60px;
    margin-right: 30px;    
    }

#contenido a {
    text-decoration: none;
    color: #F40;
    }

#contenido a:hover {
    color: #FA0;
    }


#fotogrande {
    border: 4px solid #262626;
    }

#titulofoto {
    font-size: 12px;
    color: #777;
    font-weight: bold;
    }

#bajadafoto {
    font-size: 9px;
    color: #555;
    }

#categoriafoto {
    font-size: 9px;
    color: #555;
    }

#preload {
    display: none;
    }

#estatico {
    width: 600px;
    margin: 30px 30px 20px 30px;
    color: #BBB;
    text-align: justify;
    padding-bottom: 20px;
    }

#estatico p {
    margin-top: 10px;
    margin-bottom: 0px;
    }


/* ------------------------------------------------------ */
/* Flechas para navegar entre fotos                       */
/* ------------------------------------------------------ */

.flecha  {
    border: 0;
    }

#tablafoto {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    }

#tdflechaizq {
    width: 40px;
    }

#tdflechader {
    width: 40px;
    }

#tdtitulofoto {
    width: 320px;
    }