* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: UTMFont;
    src: url('/Content/PVGasVer2/css/UTM Pacific Standard.ttf'), url('/Content/PVGasVer2/css/UTM_Pacific_Standard.eot');
}

@font-face {
    font-family: FuturaMD;
    src: url('/Content/PVGasVer2/font/FuturaMD.ttf');
}

@font-face {
    font-family: FuturaMDHV;
    src: url('/Content/PVGasVer2/font/FuturaMDBold.ttf');
}

@font-face {
    font-family: FtraBd;
    src: url('/Content/PVGasVer2/font/FuturaMDBold.ttf');
}

body {
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: justify;
    /*background-image: url("../img/bg-pvgas.png");
   background-color: #0096e2;*/
}




.banner img, .slideshow {
    width: 100%;
    text-align: center;
    margin: auto;
    line-height: 466px;
}

    .banner img, .slideshow .slide-item {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        height: 465px;
    }

    .slideshow img {
        vertical-align: middle;
        /*min-height: 466px;
        min-width: 1349px*/
    }

#trade-statistic {
    height: 500px;
    border: none;
    width: 470px;
    overflow: hidden;
    overflow: hidden;
    margin-left: -10px;
    margin-top: -13px;
}

.wti-crude-oid table:first-child {
    width: 220px;
}

.header {
    position: relative;
    height: 468px;
    overflow: hidden;
    background-color: #0087CC;
}

.content-header {
    margin: 0 auto;
    position: absolute;
    top: 0px;
    width: 100%;
}

.header-container {
    width: 980px;
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    overflow: hidden;
    height: 470px;
}


.header .top {
    height: 250px;
    width: 980px;
    margin: 0 auto;
    /*margin-top: -300px;*/
    top: 0px;
    position: absolute;
    background-image: url('../img/bg-header.png');
    background-repeat: no-repeat;
    background-position: 55px 20px;
}

    .header .top.vi {
        background-image: url('../img/bg-header.png');
    }

    .header .top.en {
        background-image: url('../img/bg-header-en.png');
    }

    .header .top .logo {
        float: left;
        margin-top: 20px;
        position: relative;
    }

.header .top_links {
    height: 26px;
    position: absolute;
    top: 0;
    right: 0;
    /*border: 1px solid #5f7796; width: 200px;
    border-top: none;opacity: 0.5;
    background-color: #0d1d30;
         border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;*/
    background-image: url('../img/top-link.png');
    background-size: 205px;
    /*background-repeat: no-repeat;*/
    background-position: -10px 0px;
    font-size: 11px;
}


.header .top-logan {
    height: 35px;
    position: absolute;
    top: 43px;
    right: 0;
}

    .header .top-logan.vn {
        width: 400px;
    }

    .header .top-logan.en {
        width: 245px;
    }

    .header .top-logan .logan {
        height: 35px;
        margin: auto;
        height: 40px;
        width: 260px;
    }



.header .top_links ul {
    /* padding-left: 10px;
            margin-top: 9px;*/
    margin: 5px 0 0 0;
}

    .header .top_links ul li {
        float: left;
        border-right: #fff 1px solid;
        list-style: none;
        border-right-color: #fff;
        padding: 0 5px;
    }

        .header .top_links ul li:last-child {
            border-right: none;
        }

        .header .top_links ul li.last, #tabs ul.nav li.tab.last {
            border-right: none;
        }

        .header .top_links ul li a {
            color: #fff;
            margin: 0 5px 0 5px;
            font-size: 12px;
            text-decoration: none;
            font-family: tahoma;
        }

.header .gen-info {
    position: relative;
    top: 100px;
    height: 100px;
    top: 370px;
    width: 980px;
}

.header .box {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.header .box-item.first {
    width: 480px;
}

    .header .box-item.first .box-info .box-content {
        width: 470px;
        /*background-color: #bae0f4;*/
    }

        .header .box-item.first .box-info .box-content #trade-statistic {
            height: 500px;
            border: none;
            width: 470px;
            overflow: hidden;
            margin-left: -10px;
            margin-top: -13px;
        }

.header .box-item {
    display: -moz-inline-stack;
    display: inline-block;
    width: 230px;
    position: relative;
    background-image: url('../img/bg-info.png');
    margin-right: 16px;
    height: 35px;
    overflow: hidden;
    vertical-align: bottom;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    .header .box-item .index {
        position: absolute;
        height: 165px;
        width: 100%;
        z-index: 99999999999;
    }

    .header .box-item a {
        cursor: default;
    }

    .header .box-item.last {
        margin-right: 0px;
    }

    .header .box-item p {
        text-align: center;
    }

    .header .box-item.last {
        margin-right: 0px;
    }

    .header .box-item.active {
        height: 230px;
    }

.news-header {
    background-image: url('../img/bg-news-header.png');
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
}

    .news-header .news-title, .news-header .news-marquee, .news-header .news-btn {
        float: left;
        height: 40px;
    }

.news-marquee marquee span {
    font-size: 13px;
    margin-right: 100px;
}


.news-header .news-title {
    background-image: url('../img/bg-content.png');
    width: 160px;
    text-align: center;
}

    .news-header .news-title p {
        line-height: 40px;
        font-size: 16px;
        color: #ffffff;
        cursor: default;
    }

.news-header .news-marquee {
    width: 748px;
    padding: 10px 5px 0px 5px;
    color: #2297D2;
}

    .news-header .news-marquee a {
        color: #0b6cbd;
    }

.news-header .news-btn {
    width: 62px;
}

    .news-header .news-btn .btn-left, .news-header .news-btn .btn-right {
        height: 40px;
        width: 30px;
        float: left;
        cursor: pointer;
    }

    .news-header .news-btn .btn-left {
        margin-right: 2px;
    }

.news-btn .btn-left img, .news-btn .btn-right img {
    height: 30px;
    margin-top: 5px;
}

.slide-news {
    width: 100%;
    overflow: hidden;
}

    .slide-news .news-content {
        overflow: hidden;
        margin-bottom: 5px;
        width: 2500px;
    }


.news-content .news-element {
    width: 980px;
    float: left;
}

    .news-content .news-element.active {
    }

    .news-content .news-element .news-content-item {
        width: 310px;
        float: left;
        margin-right: 25px;
        height: 100px;
    }



        .news-content .news-element .news-content-item.last {
            margin-right: 0px;
        }

.news-content .news-content-item .item-img, .news-content .news-content-item .item-info {
    float: left;
}

.news-content .news-content-item .item-img {
    width: 140px;
    margin-right: 10px;
    height: 100px;
}

.news-content .news-content-item .item-info {
    width: 160px;
}

    .news-content .news-content-item .item-info .info-title {
        color: #2297d2;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .news-content .news-content-item .item-info .info-description {
        color: #666666;
        font-size: 11px;
    }

.item-info a, .info-description span {
    line-height: 16px;
}


.box-item .box-info {
    width: 100%;
    height: 195px;
    background-color: white;
}

.box-info .box-content {
    height: 185px;
    padding: 5px;
    width: 220px;
    overflow: hidden;
}

    .box-info .box-content .brent-crude-oil {
        margin: auto;
        margin-top: -4px;
    }

        .box-info .box-content .brent-crude-oil table:first-child {
            width: 220px;
        }



/*.header .box-item p, .news-header .news-title p, .item-info .info-title a
{
    font-family: FuturaMD;
}*/


.header .box-item p {
    line-height: 35px;
    color: #ffffff;
    font-size: 15px;
}

.item-info .info-title a {
    color: #0b6cbd;
}



.menu {
    height: 50px;
    /*background-image: url('../img/bg-menu.png');*/
    position: absolute;
    top: 120px;
    width: 980px;
    /*border-bottom: 1px solid #89d6f1;
    border-top: 1px solid #89d6f1;*/
    /*background: #1db2e5; Old browsers */
    /* background: -moz-linear-gradient(top, #1db2e5 0%, #1bade4 27%, #169ee1 60%, #1193df 100%); FF3.6+ */
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1db2e5), color-stop(27%,#1bade4), color-stop(60%,#169ee1), color-stop(100%,#1193df)); /* Chrome,Safari4+ */
    /*  background: -webkit-linear-gradient(top, #1db2e5 0%,#1bade4 27%,#169ee1 60%,#1193df 100%); /* Chrome10+,Safari5.1+ */
    /* background: -o-linear-gradient(top, #1db2e5 0%,#1bade4 27%,#169ee1 60%,#1193df 100%); /* Opera 11.10+ */
    /*  background: -ms-linear-gradient(top, #1db2e5 0%,#1bade4 27%,#169ee1 60%,#1193df 100%); /* IE10+ */
    /*  background: linear-gradient(to bottom, #1db2e5 0%,#1bade4 27%,#169ee1 60%,#1193df 100%); /* W3C */
    /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1db2e5', endColorstr='#1193df',GradientType=0 ); /* IE6-9 */
    background-image: url('../img/bg-menu1.png');
    background-repeat: no-repeat;
}

#topnav2 > li > a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
}

    .menu > ul > li {
        background-position: right;
        float: left;
        position: relative;
        /*background-image: url('../img/boder-right.png');
        background-repeat: no-repeat;*/
        border-right: 1px solid #73B0D7;
    }

        .menu > ul > li.active {
            background-image: url('../img/bg-content.png');
        }

        .menu > ul > li:hover {
            background-image: url('../img/bg-content.png');
        }

        .menu > ul > li > a {
            color: #FFFFFF;
            display: block;
            font-size: 12px;
            line-height: 30px;
            padding: 6px 10px 6px 11px;
            text-decoration: none;
            text-transform: uppercase;
        }

    .menu > ul li:last-child {
        padding-left: 6px;
        padding-right: 6px;
    }

.footer .nav-bottom li {
    background-position: right;
    float: left;
    position: relative;
    background-image: url('../img/boder-right.png');
    background-repeat: no-repeat;
}

    .footer .nav-bottom li:last-child {
        background-image: none;
    }

.footer .bottom ul.nav-bottom li.last {
    background-image: none;
}

#container {
    /*background-image: url('../img/bg-main.png');*/
    background-color: #EFEFEF;
    background-repeat: no-repeat;
}

    #container .main-container {
        width: 980px;
        margin: auto;
        padding-top: 15px;
    }

.main-content {
    margin: 0 auto;
    width: 980px;
    padding: 0px 10px 15px 10px;
    background-color: #ffffff;
    overflow: hidden;
    position: relative;
}

    .main-content.index {
        background-color: #efefef;
        width: 980px;
    }

    .main-content a:hover {
        text-decoration: none;
    }

    .main-content .content-left {
        float: left;
        width: 805px;
    }

.content-left .middle {
    width: 365px;
    padding: 15px;
    float: left;
    color: #fff;
    background: #1db2e5; /* Old browsers */
    background: -moz-linear-gradient(top, #1db2e5 0%, #1db2e5 21%, #1bade4 21%, #17a3e2 49%, #1397e0 77%, #1192df 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1db2e5), color-stop(21%,#1db2e5), color-stop(21%,#1bade4), color-stop(49%,#17a3e2), color-stop(77%,#1397e0), color-stop(100%,#1192df)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1db2e5 0%,#1db2e5 21%,#1bade4 21%,#17a3e2 49%,#1397e0 77%,#1192df 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1db2e5 0%,#1db2e5 21%,#1bade4 21%,#17a3e2 49%,#1397e0 77%,#1192df 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1db2e5 0%,#1db2e5 21%,#1bade4 21%,#17a3e2 49%,#1397e0 77%,#1192df 100%); /* IE10+ */
    background: linear-gradient(to bottom, #1db2e5 0%,#1db2e5 21%,#1bade4 21%,#17a3e2 49%,#1397e0 77%,#1192df 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1db2e5', endColorstr='#1192df',GradientType=0 ); /* IE6-9 */
}

.content-left .content {
    border-bottom: 1px solid #3cb7ff;
    overflow: hidden;
    padding: 12px 0;
}

.content-left .middle > .title {
    font-family: UTMFont;
    font-size: 30px;
}

.content-left .middle .other_news a {
    float: right;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    margin-top: 10px;
}

.content-left .middle .item {
    color: #fff;
    margin: 15px 0;
    float: left;
    width: 100%;
}

    .content-left .middle .item:last-child {
        margin-bottom: 0;
    }

.content-left .item .item_img {
    border: 3px solid #94d8ff;
    float: left;
    margin-right: 15px;
}

.content-left .bottom .item .item_img {
    border: 3px solid #1895e0;
    float: left;
    margin-right: 15px;
}

.content-left .item img {
    width: 105px;
    height: 70px;
}

.content-left .bottom {
    width: 375px;
    float: right;
}

    .content-left .bottom .item {
        width: 100%;
        margin-bottom: 10px;
        float: right;
        padding: 10px;
        color: #272626;
        background-color: #f9f4f4;
    }

        .content-left .bottom .item .text {
            margin-top: 5px;
            line-height: 18px;
        }

        .content-left .bottom .item:last-child {
            margin-bottom: 0;
        }

.middle .item .item_content {
    line-height: 20px;
}

.content-left .middle .item .title a {
    font-size: 13px;
    color: #fff;
    font-weight: bold;
}

.main-content .content-right {
    float: right;
    width: 250px;
}

.content-right .item .content {
    line-height: 20px;
    position: relative;
}

.content-right .item .lasted_new {
    background-color: #024675;
    opacity: 0.7;
    position: absolute;
    padding: 10px;
    bottom: 0;
}

    .content-right .item .lasted_new a {
        color: #FFF;
        font-weight: bold;
    }


.footer .bottom {
    text-align: center;
    font-size: 11px;
    color: #888;
    padding: 10px 0;
    line-height: 20px;
}

    .footer .bottom .coppyright {
        color: #888;
    }

        .footer .bottom .coppyright span {
            color: #0193de;
        }

.clearfix {
    clear: both;
}
/*------------------------------*/


.header .logotext {
    color: #fff;
    float: left;
    font-size: 24px;
    font-weight: bold;
    margin: 80px 0 0 50px;
}


.banner .title {
    font-size: 35px;
    color: #1fa3ff;
    position: absolute;
    bottom: 45px;
    width: 680px;
    height: 70px;
    z-index: 1;
    background-image: url('../img/Shape 47.png');
    padding: 10px 0 0 35px;
}

    .banner .title:first-letter {
        font-size: 48px;
    }

.banner .anythingControls .thumbNav {
    display: none !important;
}

.banner .title_2 {
    color: #ff490a;
}

.content-right .title:hover {
    text-decoration: none;
}


.content-right .item .content_title {
    font-size: 15px;
    color: #ff6600;
}

.content-right .title {
    background-image: url('../img/bg-content-right.png');
    background-repeat: no-repeat;
    background-position: -1px center;
    padding: 10px;
    font-family: UTMFont;
    font-size: 20px;
    color: #fff;
}

.content-right .title_2 {
    font-weight: bold;
    color: #F47A00;
}

.content-right .petrovietnam {
    color: #ff7800;
    font-size: 17px;
}

.content-left .top {
    height: 300px;
    padding: 0 30px 0 20px;
    margin-bottom: 20px;
}

    .content-left .top .title {
        color: #0083d4;
        font-size: 28px;
        font-weight: bold;
    }

    .content-left .top .title_2 {
        color: #ff0c00;
    }

    .content-left .top .title:first-letter {
        font-size: 47px;
    }

    .content-left .top .content {
        color: #646464;
        line-height: 22px;
        margin-right: 50px;
    }

.bottom .item .title {
    color: #03528a;
    font-weight: bold;
}

.footer .nav-bottom {
    height: 25px;
    display: inline-block;
}

    .footer .nav-bottom a {
        padding: 7px;
        color: #888888;
    }

.footer .top {
    width: 100%;
    background-color: #EFEFEF;
}

    .footer .top .content-top {
        background-image: url('../img/bg-footer.png');
        background-repeat: no-repeat;
        height: 195px;
        position: relative;
        padding: 20px 0 0 50px;
        width: 950px;
        margin: auto;
    }


        .footer .top .content-top .item {
            margin: 0 56px 0 0;
            float: left;
        }

            .footer .top .content-top .item.en {
                margin: 0 30px 0 0;
                float: left;
            }

            .footer .top .content-top .item .title {
                color: #ffffff;
                font-size: 16px;
                margin-bottom: 10px;
                font-family: 'Open Sans', sans-serif;
                /* font-weight: bold;
                color: #ff6161;
                text-shadow: 0 -2px 4px rgba(0, 0, 0, 0.79);*/
            }

            .footer .top .content-top .item ul {
                padding: 0;
                line-height: 24px;
            }

                .footer .top .content-top .item ul li {
                    margin-left: 12px;
                    list-style-image: url('../img/arrow.png');
                }

                    .footer .top .content-top .item ul li a {
                        text-decoration: none;
                        color: #fff;
                        font-size: 13px;
                        line-height: 25px;
                    }

                        .footer .top .content-top .item ul li a:hover {
                            text-decoration: underline;
                        }


/*-----------------------tabs - Quan He Co Dong-------------------*/
.hide {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

#tabs ul.nav {
    overflow: hidden;
    height: 38px;
}

    #tabs ul.nav li {
        float: left;
        border-right: solid 2px #FFF;
        margin: 0 0 5px 0 !important;
        padding: 0 !important;
        line-height: 32px;
    }

        #tabs ul.nav li:last-child {
            border-right: none;
        }

        #tabs ul.nav li a {
            color: #87CEEB !important;
            color: gray !important;
            padding: 10px 27px;
            font-weight: normal;
            font-size: 14px !important;
            line-height: 32px !important;
        }

            #tabs ul.nav li.active a, #tabs ul.nav li a:hover {
                color: #fff !important;
            }

.item_tabs {
    margin-bottom: 15px;
    min-height: 30px;
    padding: 5px;
}

    .item_tabs a {
        color: #1E1E1E !important;
    }

    .item_tabs td {
        padding-right: 27px;
    }

    .item_tabs .title {
        width: 420px;
        font-weight: bold;
        height: 30px;
    }

    .item_tabs .item_view_date {
        width: 100px;
    }

    .item_tabs .item_dowload_file a {
        margin-left: 5px;
        line-height: 20px !important;
        font-weight: normal !important;
    }

    .item_tabs .item_view_detail a {
        font-weight: normal !important;
    }

    .item_tabs .item_dowload_file a, .item_tabs .item_view_detail a {
        color: #0084CA !important;
        margin-left: -8px;
    }
/*----------------*/
#list-accordion .title {
    display: block;
}

#list-accordion .head {
    background-image: url('../img/collapsed.gif');
    background-repeat: no-repeat;
    background-position: center;
    height: 20px;
    width: 20px;
    float: right;
}

#list-accordion a.selected .head {
    background-image: url('../img/expanded.gif');
}

#list-accordion .last.selected {
    margin-top: 10px;
}

.content_list .title_tabs {
    margin: 20px 0 10px 0;
    border-bottom: 1px dotted #BCBCBC;
    font-weight: bold;
    color: #114F8D;
    font-size: 17px;
    font-weight: bold;
}

#tabs_bctc .content_items_new {
    font-size: 14px;
}

#tabs i {
    margin-right: 5px;
}

.nav-tabs {
    height: 40px !important;
    margin: 0 auto !important;
    width: 630px;
}

    .nav-tabs > li {
        margin: 0 20px;
        float: left;
    }

        .nav-tabs > li > a {
            color: #079DC6 !important;
            font-size: 16px !important;
        }

            .nav-tabs > li.active > a, .nav-tabs > li > a:hover {
                color: #1F468D !important;
            }

.title-listitem {
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 30px;
}

.tab-content-items {
    border: 1px solid #A3A3A3;
    padding: 10px;
    margin-top: 20px;
}


#home-content {
    position: absolute;
    bottom: 60px;
}

    #home-content .column {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: bottom;
        zoom: 1;
        color: #333;
        height: 35px;
        margin-right: 20px;
        overflow: hidden;
        width: 230px;
        -webkit-transition-duration: 1s;
        -moz-transition-duration: 1s;
        -ms-transition-duration: 1s;
        -o-transition-duration: 1s;
        transition-duration: 1s;
    }

        #home-content .column h3 {
            background-image: url('../img/bg-info.png');
            color: #EC1D25;
            cursor: pointer;
            height: 35px;
            text-align: center;
            font-family: futura-md;
            font-size: 16px;
            line-height: 35px;
            text-transform: uppercase;
        }

        #home-content .column.active {
            height: 270px;
        }

#col1 {
    width: 980px;
    margin: auto;
}

.header .page-color {
    background: #ffffff;
    height: 465px;
}


.header .iframe-content {
    position: absolute;
    height: 305px;
    width: 980px;
    top: 162px;
    background-color: #ffffff;
    overflow: hidden;
}

#brents table table tr:first-child {
}

#brents, #wti {
    background-color: #efefef;
}

.update {
    margin: 10px;
    width: 300px;
    height: 200px;
    border: thin solid #ddd;
}

.go-top {
    position: fixed;
    right: 20px;
    bottom: 15px;
    display: none;
    height: 30px;
    width: 30px;
    background-image: url('../img/btn-back-to-top.png');
}

.fix_colour {
    background: none repeat scroll 0 0 #D9BD89 !important;
}

.textOnImage_item {
    background-color: #4084B7;
    bottom: 2px;
    color: white;
    display: block;
    font-size: 13px;
    left: 0;
    opacity: 0.8;
    padding: 1.8% 2% 2%;
    position: absolute;
    text-align: justify;
    width: 96%;
}

    .textOnImage_item a:hover {
        text-decoration: none;
    }

.slide-item {
    display: none;
}


#banner-fade {
    max-width: none !important;
}

.textOnImage {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #4084B7;
    display: block;
    color: white;
    font-size: 18px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.content_item {
    position: relative;
}

.control-div {
    position: absolute;
    top: 9px;
    right: 10px;
}

    .control-div a {
        color: #fff;
        line-height: 16px;
        margin: 0 0 0 10px;
        float: left;
    }

        .control-div a img {
            float: left;
            padding: 0 4px 0 0;
        }

.content_items_continue a {
    line-height: 22px;
    font-weight: bold;
    color: #1A63AA;
}

@media all and (max-width:980px) {
    .slideshow > div, .header {
        width: 1000px;
    }
}

marquee {
display: inline-block;
width: -webkit-fill-available;
overflow: hidden;
text-align: initial;
white-space: nowrap;
height: 15px;
}