/*
*
* @category      Gazeta Press
* @package       Estilos
* @subpackage    Pautas/Notícias
* @author        Fábio Garbini <fgarbini@fcl.com.br>
*
*/


/***********************************************************************************/
/* Grid - Notícias e Pautas */

.navbar.page-title.photos {
    height: 60px;
}

.grid-container {
    padding: 15px;
    margin: 0 0 2em 0;
    background: #f9f9f9;
    border: 1px solid #dddddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .grid-container.noticia {
        min-height: 340px;
        max-height: auto;
    }

    .grid-container hr {
        margin: 10px 0 0 0;
    }

    .grid-container .data,
    .grid-container .autor {
        display: block;
        font-size: 0.7em;
        color: #777;
    }

        .grid-container .autor {
            margin: 10px 0 0 0;
        }

        .grid-container .data i,
        .grid-container .autor i {
            margin: -2px 0 0 0;
        }

    .grid-container .titulo {
        display: table-cell;
        vertical-align: middle;
        height: 60px;
        font-size: 1.1em;
        font-weight: bold;
        color: #f00;
        line-height: 1.15em;
        margin: 3px 0 0 0;
        padding: 0;
        text-transform: uppercase;
    }

    .grid-container .texto {
        display: block;
        font-size: 0.9em;
        line-height: 1.3em;
        color: #333;
        margin: 10px 0 0 0;
        height: auto;
    }

    .grid-container .btn-mais {
        padding: 2px 6px;
        color: #f00;
        margin: 10px 0 0 0;
    }

        .grid-container .btn-mais i {
            margin: 1px 0 0 0;
        }

    .grid-container .jqcycle-container {
        width: 100%;
        height: 173px;
        overflow: hidden;
        background-image: -moz-linear-gradient(top, #000000, #333333);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#333333));
        background-image: -webkit-linear-gradient(top, #000000, #333333);
        background-image: -o-linear-gradient(top, #000000, #333333);
        background-image: linear-gradient(to bottom, #000000, #333333);
        background-repeat: repeat-x;
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#000000', endColorstr='#333333', GradientType=0);
        border: 1px solid #ddd;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
    }

        .grid-container .jqcycle-container .images {
            display: block;
            width: 100%;
            height: 173px;
        }


/***********************************************************************************/
/* PAUTAS */

div.img-pautas-detalhe {

    width: 267px;
    height: 173px;
    border-radius: 5px;
    background: #212121;
    display: table-cell;
    text-align: center;

}

.zoom-hover {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../img/zoom-ico.png") center center no-repeat;
    z-index: 5;
    cursor: pointer;
}


/***********************************************************************************/
/* Pautas - Modal detalhes da foto */

div.modal-pautas {
    width: 960px;
    height: auto;
}

    div.modal-pautas div.header,
    div.modal-pautas div.body {
        padding: 30px;

    }

    div.modal-pautas div.modal-header {
        border-bottom: 3px solid #f00;
        background: #eee;
    }

        div.modal-pautas div.modal-header .close {
            width: 31px;
            height: 60px;
            margin: 13px 15px 0 0;
            opacity: 0.6;
            filter: alpha(opacity=60);
            background: url("../img/modal-close-ico.png") no-repeat center center;
        }

        div.modal-pautas div.modal-header .close:hover {
            opacity: 1;
            filter: alpha(opacity=100);
        }

        div.modal-pautas div.modal-header div.logo {
            width: 55px;
            height: 56px;
            margin: 15px 0 15px 15px;
            background: url("../img/logotipo-footer.png") no-repeat left center;
        }

    div.modal-pautas div.body div.titulo {
        margin: 0 0 30px 0;
    }

    div.modal-pautas div.body div.legenda {
        margin: 30px 0 0 0;
    }

        div.modal-pautas div.body div.titulo small {
            color: #999;
            font-size: 0.9em;
            font-weight: bold;
            margin: 0;
            padding: 0;
        }

        div.modal-pautas div.body div.titulo h2 {
            color: #333;
            font-size: 2em;
            line-height: 1.1em;
            font-weight: bold;
            margin: 0;
            padding: 0;
        }

        div.modal-pautas div.body div.titulo span {
            color: #777;
            font-size: 1em;
        }


    div.modal-pautas div.body div.foto {
        position: relative;
        overflow: hidden;
        text-align: center;
    }

        div.modal-pautas div.foto .btn-container a {
            display: block;
            position: absolute;
            top: 50%;
            margin-top: -27px;
            width: 54px;
            height: 54px;
            background: url("../img/modal-arrows.png");
        }

        div.modal-pautas div.foto .btn-container a:hover {
            background-position: 0 -55px;
        }

        div.modal-pautas div.foto .btn-container .modal-next-btn {
            background-position: -55px 0;
        }

        div.modal-pautas div.foto .btn-container .modal-next-btn:hover {
            background-position: -55px -55px;
        }


        div.modal-pautas div.body div.foto img {
            max-width: 100%;
            border: 1px solid #eee;
            -webkit-border-radius: 5px;
               -moz-border-radius: 5px;
                    border-radius: 5px;
        }

    div.modal-pautas div.body div.foto-info {
        width: 900px;
        height: auto;
        margin: 30px 0 0 0;
    }

        div.modal-pautas div.body div.foto-info ul.file {
            display: table;
            width: 100%;
            margin: 0 0 30px 0;
        }

            div.modal-pautas div.body div.foto-info ul.file li {
                display: table-cell;
                padding: 10px;
                font-size: 0.9em;
                font-style: italic;
                font-weight: bold;
                background: #333;
                color: #fff;
                border-right: 1px solid #fff;
                -webkit-border-radius: 5px;
                   -moz-border-radius: 5px;
                        border-radius: 5px;
            }

            div.modal-pautas div.body div.foto-info ul.file li b {
                color: #CCC;
            }

            div.modal-pautas div.body div.foto-info ul.clean {
                width: 900px;
            }

                div.modal-pautas div.body div.foto-info ul.clean li.row {
                    display: inline-block;
                    width: 900px;
                    margin: 0;
                    font-style: italic;
                    text-align: left;
                }

                div.modal-pautas div.body div.foto-info ul.clean li ul.unstyled {
                    display: table;
                    width: 100%;
                    margin: 0 0 -4px 0;
                }

                    div.modal-pautas div.body div.foto-info ul.clean li ul.unstyled li {
                        display: table-cell;
                        padding: 10px;
                        font-size: 0.9em;
                        background: #eee;
                        border-right: 1px solid #fff;
                        -webkit-border-radius: 5px;
                           -moz-border-radius: 5px;
                                border-radius: 5px;
                    }

                        div.modal-pautas div.body div.foto-info ul.clean li ul.unstyled li b {
                            color: #f00;
                        }

    div.modal-pautas div.modal-footer {
        height: 60px;
    }

        div.modal-pautas div.modal-footer a {
            margin: 15px 16px 0 0;
        }


/***********************************************************************************/
/* Notícias */

ul.list-noticias li {
    padding: 9px;
    margin: 0 0 10px 0;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

    ul.list-noticias li:hover {
        border-color: #f00;
    }

    ul.list-noticias li span.data {
        color: #f00;
        margin: 0 10px -10px 0;
        padding: 0 10px 0 0;
        border-right: 1px solid #ccc;
        font-size: 0.85em;
        font-style: italic;
    }

        ul.list-noticias li span.data i {
            margin: -1px 0 0 0;
        }

    ul.list-noticias li span.editoria {
        color: #f00;
        margin: 0 10px -10px 0;
        padding: 0 10px 0 0;
        border-right: 1px solid #ccc;
        font-size: 0.85em;
    }

    ul.list-noticias li span.texto {
        color: #333;
    }

    ul.list-noticias li a.titulo {
        color: #333;
        text-decoration: none;
    }

    ul.list-noticias li a.btn {
        color: #f00;
        margin: -2px -4px 0 0;
    }

.list-noticias-striped {
    background-color: #f1f1f1;
}


/***********************************************************************************/
/* Notícias - Completa */

div#noticia-completa div.noticia-header {
    border-bottom: 2px solid #f00;
    margin: 25px 0 0 0;
}

    div#noticia-completa div.noticia-header small {
        color: #f00;
        margin: 0 10px 0 0;
    }

    div#noticia-completa div.noticia-header small i {
        margin: -1px 4px 0 0;
    }

    div#noticia-completa div.noticia-header h3 {
        padding: 0;
        margin: 0 0 25px 0;
        font-size: 1.9em;
    }

div#noticia-completa div.noticia-body span {
    text-align: justify;
}

    div#noticia-completa div.noticia-body span p {
        font-size: 1.63em;
    }