/*******************/
/******General******/
/*******************/

body{
    margin:0px;
}

input[type="text"], textarea{
    border-style: solid;
    border-width: 1px;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

button, input[type="submit"]{
    border-style: solid;
    border-width: 1px;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#pagina{
    width: 978px; /*786px;*/
    margin: 0 auto;
}

#header{
    height:225px;
}

#link-home{
    position: absolute;
    width: 978px;
    height: 175px;
}

#facebook-page-like{
    position: absolute;
    left: 318px;
    width: 505px;
    height: 80px;
}

#facebook-page-like div{
    width: 485px;
    padding: 10px;
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

/*.fb_iframe_widget{
    display: block !important;
    margin: 0px auto;
}*/
/*******************/
/******Widgets******/
/*******************/

.widget{
    margin: 10px;
    border: 10px solid;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.widget-titulo{
    padding-bottom: 10px;
}

.widget-pie{
    padding-top: 10px;
}

.widget-pie div{
    margin-left: auto;
    margin-right: auto;
}

img.ajustada{
    display: block;
    border-width: 0px;
    width:100%;
}

img.centrada{
    border-width: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*******************/
/******Tooltip******/
/*******************/
#tooltip{
    position:absolute;
    border-width:1px;
    border-style: solid;
    padding:2px 5px;
    display:none;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/********************************/
/******ul & li (en general)******/
/********************************/

ul {
        padding: 0px;
        margin: 0px;
}

li {
        vertical-align:top;
}

/********************************/
/******Puntajes (en general)*****/
/********************************/

.promedio24{
    float: left;
    width: 51px;
    height: 20px;
}

.promedio30{
    float: left;
    width: 63px;
    height: 24px;
}

.promedio60{
    float: left;
    width: 125px;
    height: 46px;
}

/********************************/
/******Galería de Películas******/
/********************************/

    /*Item*/

    ul.galeria li{
        display: -moz-inline-stack;
        display: inline-block;
        height: 201px;
        overflow: hidden;
        width: 124px; /*
                      para 4 por fila: 124px
                      para 5 por fila: 97px
                      */
        margin: 5px;
        border-width: 3px;
        zoom: 1;
        *display: inline;
    }

    /*div (en general)*/

    ul.galeria li span{
        display: inline;
    }


    /*nombre de la película*/
    ul.galeria li span.nombre{
        width: 72px; /*
                        Para 4 por fila: 72px
                        Para 5 por fila: 45px
                    */
        overflow: hidden;
        float: left;
        height: 24px;
        line-height: 24px;
    }


    /*promedio de la película*/
    ul.galeria li span.promedio24{
        float: right;
    }

    /*imagen de la película*/
    ul.galeria li img{
        float: left;
        height: auto;
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    ul.galeria li a img{
        border: 0px;
    }


/***************************************/
/******Tablas listados de Películas*****/
/***************************************/

table{
    table-layout: fixed;
    width: 100%;
}

td.nombre{
    white-space: nowrap;
    overflow: hidden;
}

td.promedio{
    text-align: right;
    width: 30px;
}

td.espectadores{
    text-align: right;
    width: 50px;
}

/********************************/
/******Datos de una Película*****/
/********************************/

div#pelicula-puntaje-imagen{
    float: left;
    width: 139px;
    margin: 10px;
}

    div#pelicula-puntaje.promedio60{
        float: none;
        margin-left: auto;
        margin-right: auto;
        border-style: solid;
        border-width: 7px;

        border-top-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -webkit-border-top-left-radius: 10px;

        border-top-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        -webkit-border-top-right-radius: 10px;
    }

    img#pelicula-imagen{
        float: left;
        width: 139px;
    }

div#pelicula-nombre-estadisticas{
    float: left;
    width: 519px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    #pelicula-nombre{
        margin-top: 10px;
        margin-bottom: 14px;
    }

    div#pelicula-estadisticas{
        float: left;
        width: 254px;
    }

    div#pelicula-datos{
        float: left;
        width: 265px;
    }

    div#pelicula-estadisticas ul, div#pelicula-datos ul{
        margin-left: 15px;
    }

#pelicula-sinopsis{
    margin-left: 10px;
}

#trailer{
    clear:both;
    margin-top:10px;
    margin-left:10px;
}

/***********************************/
/******Críticas de una Película*****/
/***********************************/

ul#criticas li{
    display: -moz-inline-stack;
    display: inline-block;
    width: 329px; /*2 columnas criticas*/
    zoom: 1;
    *display: inline;
}

.critica-critico{
    white-space: nowrap;
    overflow: hidden;
}

.critica-texto{
    margin-top: 10px;
    height: 100px;
    overflow: hidden;
    clear:right;
}

.critica-imagen{
    float: left;
    height: 150px;
    margin-right: 10px;
}

.critica-imagen img{
    width: 45px;
}

.critica-detalle{
    height: 150px;
}

/********************************/
/******Datos de un Crítico*****/
/********************************/

div#critico-puntaje-imagen{
    float: left;
    width: 139px;
    margin: 10px;
}

    div#critico-diferencia.promedio60{
        float: none;
        margin-left: auto;
        margin-right: auto;
        border-style: solid;
        border-width: 7px;

        border-top-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -webkit-border-top-left-radius: 10px;

        border-top-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        -webkit-border-top-right-radius: 10px;
    }

    img#critico-imagen{
        float: left;
        width: 139px;
    }

    #critico-nombre{
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #critico-estadisticas{
        float: left;
        width: 254px;
    }

    #critico-datos{
        float: left;
        width: 265px;
    }

    div#critico-estadisticas ul, div#critico-datos ul{
        margin-left: 15px;
    }
.critica-pelicula{
    white-space: nowrap;
    overflow: hidden;
}

#criticas{
    clear:both;
}


/********************************/
/****************Menu************/
/********************************/
div.menu{
    display: block;
    height: 17px;
    width: 795px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -17px;
    margin-bottom: 10px;

    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

div.menu a{
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}
div.menu a img{
    border-width: 0px;
    vertical-align: top;
}

#minificha-pelicula{
    clear: both;
}

#pelicula-nombre-proximos{
    margin: 10px;
}

#pelicula-datos-proximos{
    float: left;
    width: 430px;

    margin-left: 20px;
    margin-bottom: 10px;
}
#pelicula-sinopsis-proximos{
    clear: both;
    margin-left: 10px;
}

.pelicula-imagen{
        float: left;
        height: auto;
        width: 20%;
        margin: 0 auto;
        display: block;
        clear: both;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
    }

.minificha{
        margin-top: 5px;
        clear: both;

    }

.pelicula-nombre-proximos{
    margin-bottom: 5px;
}

.director-proximos{
}

.pelicula-sinopsis-proximos{

}

input#txtMailSuscripcion{
    margin: 5px;
    width: 148px;
}

button#btnSuscripcionEnviar{
    display: block;
    margin: 0px auto 5px auto;
}

#mensajeSuscripcion{
    margin: 0px 5px 5px 5px;
}

form#cse-search-box input[name="q"], form#cse-search-box input[name="sa"]{
    display: block;
    margin: 5px auto 5px auto;
}

form#cse-search-box input[name="q"]{
    width: 90%;
}

#cse-search-results iframe{
    width: 100%;
}

#opciones_ordenar_etiqueta{
    float: left;
    margin-left: 20px;
    margin-top: 20px;

}

#opciones_ordenar_combo{
    margin-left: 5px;
    margin-top: 20px;
}

#olUltimosPosts{
    list-style: none;
    margin: 5px;
    padding: 0px;
}