/* 
    Document   : pelicula
    Created on : 09-may-2008, 13:04:23
    Author     : jll001es
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

.listapelicula {        
    position:absolute;     
    width: 100px;
    height: 330px;
    clip:rect(0px 100px 330px 0px);    
}

table.pelicula {
    border-spacing: 0px;
    border-collapse: collapse;
    empty-cells: show;
    vertical-align: top;    
    table-layout: fixed;
    width: 140px;
}

table.pelicula td.arriba {
    height: 75px;
    width: 100px;
    padding: 0;
    vertical-align: bottom;
}

table.pelicula td.abajo {
    height: 75px;
    width: 100px;
    padding: 0;
    vertical-align: top;
}

table.pelicula td.peliculaizq {
    width: 20px;   
    height: 330px;
    padding: 0;
    background: url(/huella/resources/imagenes/filmizq.gif) repeat-y right;
}

table.pelicula td.peliculader {
    width: 20px;   
    height: 330px;
    padding: 0;
    background: url(/huella/resources/imagenes/filmder.gif) repeat-y left;
}

table.pelicula td.peliculamedio {
    vertical-align: top;
    width: 100px;
    height: 330px;
    padding: 0;
    background: url(/huella/resources/imagenes/fondogris.gif) repeat-y;    
    color: #ffffff; 
}

table.film {
    border-spacing: 0px;
    border-collapse: collapse;
    empty-cells: show;    
    width: 520px;
    table-layout: fixed;
}

table.film td.arriba {
    width: 442px;
    height: 39px;
    padding: 0px;
    background: url(/huella/resources/imagenes/marco/filmarriba.gif) repeat-x;
}

table.film td.derecha {
    width: 39px;
    height: 368px;
    padding: 0px;
    background: url(/huella/resources/imagenes/marco/filmderecha.gif) repeat-y;
}

table.film td.abajo {
    width: 442px;
    height: 39px;
    padding: 0px;
    background: url(/huella/resources/imagenes/marco/filmabajo.gif) repeat-x;
}

table.film td.izquierda {
    width: 39px;
    height: 368px;
    padding: 0px;
    background: url(/huella/resources/imagenes/marco/filmizquierda.gif) repeat-y;
}

table.film td.medio {
    width: 442px;
    height: 368px;
    padding: 0;
    background: url(/huella/resources/imagenes/marco/filmfondo.gif);
    margin: 0;
    vertical-align: middle;
    text-align: center;
}

table.film td.esquinas {
    width: 39px;
    height: 29px;    
    padding: 0;
    background-color: #000000;
}

.imagengrande {
    border: 2px solid #ff9900;    
}