.layout {
    margin: 15px auto;
}

    .layout div.row {
    }

    .layout div .principal {
        border-radius: 3px;
        margin: 0 0 15px;
    }

        .layout div .principal .item {
            height: 345px;
            border-radius: 3px;
            position: relative;
            overflow: hidden;
        }

            .layout div .principal .item:hover {
                -webkit-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.5);
                -moz-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.5);
                box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.5);
            }

            .layout div .principal .item > a {
                display: block;
                height: 345px;
                border-radius: 3px;
            }

            .layout div .principal .item a img {
                height: 100%;
                margin-left: 0%;
            }

            .layout div .principal .item a img.videoImage {
                height: 100%;
                margin-left: -40%;
            }


            .layout div .principal .item .caption {
                padding-bottom: 0px;
                bottom: 0px;
                padding-top: 5px;
                width: 100%;
                height: 150px;
                margin: 0px;
                display: block !important;
                position: absolute;
                background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(58,0,31,1) 100%);
                color: #fff;
                background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
                background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
                background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
                border-radius: 3px;
            }

                .layout div .principal .item .caption a {
                }

                    .layout div .principal .item .caption a h3.bullet-categoria {
                        margin: 0 20px;
                        font-size: 0.9em;
                        color: #fff;
                        background-color: #5f0033;
                        padding: 5px;
                        display: inline-block;
                        border-radius: 3px;
                        text-transform: uppercase !important;
                    }

                    .layout div .principal .item .caption a legend {
                        margin-bottom: 30px;
                        padding: 0 20px;
                        color: #fff;
                        font-size: 25px;
                        border: 0 none;
                        font-weight: 700;
                    }

            .layout div .principal .item .oneCollumn a legend {
                font-size: 20px;
                border: 0 none;
                font-weight: 700;
            }


    .layout div .trio {
    }

        .layout div .trio hr {
            margin: 15px 0;
        }

        .layout div .trio .itens {
        }

            .layout div .trio .itens div.row {
            }

                .layout div .trio .itens div.row .img_posts_wid {
                }

                .layout div .trio .itens div.row .post a,
                .layout div .trio .itens div.row .video a {
                    border-radius: 3px !important;
                    max-width: 180px;
                    max-height: 90px;
                    display: block;
                    overflow: hidden;
                }

                    .layout div .trio .itens div.row .post a:hover,
                    .layout div .trio .itens div.row .video a:hover {
                        -webkit-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.5);
                        -moz-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.5);
                        box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.5);
                    }

                    .layout div .trio .itens div.row .post a img {
                        height: 92px;
                    }

                    .layout div .trio .itens div.row .video a img {
                        height: 92px;
                        margin-left: -15px;
                    }


                .layout div .trio .itens div.row .no-padding-right {
                    padding: 0;
                }

                    .layout div .trio .itens div.row .no-padding-right a {
                    }

                        .layout div .trio .itens div.row .no-padding-right a h3 {
                            background-color: #434343;
                            font-size: 10px !important;
                            color: #fff !important;
                            text-decoration: none !important;
                            padding: 4.5px 15px !important;
                            border-radius: 3px !important;
                            text-transform: uppercase !important;
                            margin-right: 5px !important;
                            display: inline-block;
                            margin: 0 auto;
                        }

                        .layout div .trio .itens div.row .no-padding-right a p {
                            margin: 10px 0;
                            margin-bottom: 0;
                            font-size: 16px;
                            color: #434343;
                            line-height: 19px;
                            max-height: 60px;
                            font-weight: bold;
                        }




    .layout div .script {
        padding: 0 1% 3% 1%;
    }

        .layout div .script .caixa {
            background: rgba(232, 207, 221, 0.75);
            
            margin: 0px 0;
            border-radius: 3px;
            overflow: hidden;
            text-align: center;
        }

            .layout div .script .caixa p {
                height: 13px;
                margin: 0px 5px 8px 0px;
                text-align: right;
                color: #999;
                font-size: 12px;
            }

            .layout div .script .caixa .publicidade {
                /*border: 2px #f1f1f1 solid;*/
                border-radius: 8px;
                overflow: hidden;
                width: auto;
                min-height: 300px;
                margin: 0 auto;
                position: relative;
            }



@media (min-width: 768px) and (max-width: 991px) {
    .layout div .principal .item .caption a legend {
        font-size: 1.4em;
    }

    .layout div .trio .itens div.row .no-padding-right a p {
        font-size: 0.9em;
    }

    .layout div .principal .item a img.videoImage {
        width: 100%;
        margin-left: 0px;
    }
}

@media (min-width: 580px) and (max-width: 767px) {
    .layout div .principal .item a img.videoImage {
        width: 125%;
        margin-left: 0px;
    }
}

@media (max-width: 579px) {
    .layout div .principal .item a img.videoImage {
        height: 100%;
        margin-left: -25%;
    }
}