﻿body
{
    min-width: 1008px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_24
{
    margin-left: auto;
    margin-right: auto;
    width: 1008px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24
{
    display: inline;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}



.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15, .push_16, .pull_16, .push_17, .pull_17, .push_18, .pull_18, .push_19, .pull_19, .push_20, .pull_20, .push_21, .pull_21, .push_22, .pull_22, .push_23, .pull_23, .push_24, .pull_24
{
    position: relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha
{
    margin-left: 0;
}

.omega
{
    margin-right: 0;
}

/* Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/


.container_24 .grid_1
{
    width: 22px;
}

.container_24 .grid_2
{
    width: 64px;
}

.container_24 .grid_3
{
    width: 106px;
}

.container_24 .grid_4
{
    width: 148px;
}

.container_24 .grid_5
{
    width: 190px;
}

.container_24 .grid_6
{
    width: 232px;
}

.container_24 .grid_7
{
    width: 274px;
}

.container_24 .grid_8
{
    width: 316px;
}

.container_24 .grid_9
{
    width: 358px;
}

.container_24 .grid_10
{
    width: 400px;
}

.container_24 .grid_11
{
    width: 442px;
}

.container_24 .grid_12
{
    width: 484px;
}

.container_24 .grid_13
{
    width: 526px;
}

.container_24 .grid_14
{
    width: 568px;
}

.container_24 .grid_15
{
    width: 610px;
}

.container_24 .grid_16
{
    width: 652px;
}

.container_24 .grid_17
{
    width: 694px;
}

.container_24 .grid_18
{
    width: 736px;
}

.container_24 .grid_19
{
    width: 778px;
}

.container_24 .grid_20
{
    width: 820px;
}

.container_24 .grid_21
{
    width: 862px;
}

.container_24 .grid_22
{
    width: 904px;
}

.container_24 .grid_23
{
    width: 946px;
}

.container_24 .grid_24
{
    width: 988px;
}




/* Prefix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/


.container_24 .prefix_1
{
    padding-left: 42px;
}

.container_24 .prefix_2
{
    padding-left: 84px;
}

.container_24 .prefix_3
{
    padding-left: 126px;
}

.container_24 .prefix_4
{
    padding-left: 168px;
}

.container_24 .prefix_5
{
    padding-left: 210px;
}

.container_24 .prefix_6
{
    padding-left: 252px;
}

.container_24 .prefix_7
{
    padding-left: 294px;
}

.container_24 .prefix_8
{
    padding-left: 336px;
}

.container_24 .prefix_9
{
    padding-left: 378px;
}

.container_24 .prefix_10
{
    padding-left: 420px;
}

.container_24 .prefix_11
{
    padding-left: 462px;
}

.container_24 .prefix_12
{
    padding-left: 504px;
}

.container_24 .prefix_13
{
    padding-left: 546px;
}

.container_24 .prefix_14
{
    padding-left: 588px;
}

.container_24 .prefix_15
{
    padding-left: 630px;
}

.container_24 .prefix_16
{
    padding-left: 672px;
}

.container_24 .prefix_17
{
    padding-left: 714px;
}

.container_24 .prefix_18
{
    padding-left: 756px;
}

.container_24 .prefix_19
{
    padding-left: 798px;
}

.container_24 .prefix_20
{
    padding-left: 840px;
}

.container_24 .prefix_21
{
    padding-left: 882px;
}

.container_24 .prefix_22
{
    padding-left: 924px;
}

.container_24 .prefix_23
{
    padding-left: 966px;
}



/* Suffix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/


.container_24 .suffix_1
{
    padding-right: 42px;
}

.container_24 .suffix_2
{
    padding-right: 84px;
}

.container_24 .suffix_3
{
    padding-right: 126px;
}

.container_24 .suffix_4
{
    padding-right: 168px;
}

.container_24 .suffix_5
{
    padding-right: 210px;
}

.container_24 .suffix_6
{
    padding-right: 252px;
}

.container_24 .suffix_7
{
    padding-right: 294px;
}

.container_24 .suffix_8
{
    padding-right: 336px;
}

.container_24 .suffix_9
{
    padding-right: 378px;
}

.container_24 .suffix_10
{
    padding-right: 420px;
}

.container_24 .suffix_11
{
    padding-right: 462px;
}

.container_24 .suffix_12
{
    padding-right: 504px;
}

.container_24 .suffix_13
{
    padding-right: 546px;
}

.container_24 .suffix_14
{
    padding-right: 588px;
}

.container_24 .suffix_15
{
    padding-right: 630px;
}

.container_24 .suffix_16
{
    padding-right: 672px;
}

.container_24 .suffix_17
{
    padding-right: 714px;
}

.container_24 .suffix_18
{
    padding-right: 756px;
}

.container_24 .suffix_19
{
    padding-right: 798px;
}

.container_24 .suffix_20
{
    padding-right: 840px;
}

.container_24 .suffix_21
{
    padding-right: 882px;
}

.container_24 .suffix_22
{
    padding-right: 924px;
}

.container_24 .suffix_23
{
    padding-right: 966px;
}



/* Push Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/


.container_24 .push_1
{
    left: 42px;
}

.container_24 .push_2
{
    left: 84px;
}

.container_24 .push_3
{
    left: 126px;
}

.container_24 .push_4
{
    left: 168px;
}

.container_24 .push_5
{
    left: 210px;
}

.container_24 .push_6
{
    left: 252px;
}

.container_24 .push_7
{
    left: 294px;
}

.container_24 .push_8
{
    left: 336px;
}

.container_24 .push_9
{
    left: 378px;
}

.container_24 .push_10
{
    left: 420px;
}

.container_24 .push_11
{
    left: 462px;
}

.container_24 .push_12
{
    left: 504px;
}

.container_24 .push_13
{
    left: 546px;
}

.container_24 .push_14
{
    left: 588px;
}

.container_24 .push_15
{
    left: 630px;
}

.container_24 .push_16
{
    left: 672px;
}

.container_24 .push_17
{
    left: 714px;
}

.container_24 .push_18
{
    left: 756px;
}

.container_24 .push_19
{
    left: 798px;
}

.container_24 .push_20
{
    left: 840px;
}

.container_24 .push_21
{
    left: 882px;
}

.container_24 .push_22
{
    left: 924px;
}

.container_24 .push_23
{
    left: 966px;
}



/* Pull Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/


.container_24 .pull_1
{
    left: -42px;
}

.container_24 .pull_2
{
    left: -84px;
}

.container_24 .pull_3
{
    left: -126px;
}

.container_24 .pull_4
{
    left: -168px;
}

.container_24 .pull_5
{
    left: -210px;
}

.container_24 .pull_6
{
    left: -252px;
}

.container_24 .pull_7
{
    left: -294px;
}

.container_24 .pull_8
{
    left: -336px;
}

.container_24 .pull_9
{
    left: -378px;
}

.container_24 .pull_10
{
    left: -420px;
}

.container_24 .pull_11
{
    left: -462px;
}

.container_24 .pull_12
{
    left: -504px;
}

.container_24 .pull_13
{
    left: -546px;
}

.container_24 .pull_14
{
    left: -588px;
}

.container_24 .pull_15
{
    left: -630px;
}

.container_24 .pull_16
{
    left: -672px;
}

.container_24 .pull_17
{
    left: -714px;
}

.container_24 .pull_18
{
    left: -756px;
}

.container_24 .pull_19
{
    left: -798px;
}

.container_24 .pull_20
{
    left: -840px;
}

.container_24 .pull_21
{
    left: -882px;
}

.container_24 .pull_22
{
    left: -924px;
}

.container_24 .pull_23
{
    left: -966px;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before, .clearfix:after
{
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after
{
    clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix
{
    zoom: 1;
}


/* create: Ducnm */



.top-block
{
    background: #eae9e8; /* Old browsers */
    background: -moz-linear-gradient(top, #eae9e8 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eae9e8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eae9e8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eae9e8 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eae9e8 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #eae9e8 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae9e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    height: 100px;
    margin-top: 0px;
}
.menubar-block
{
    background: transparent url(../images/bg_menu.jpg) repeat-x top center;
    height: 40px;
}
.adv-block
{
}
.adv-block-panel
{
    padding: 5px 0;
}
.detail-panel
{
    border-top: 1px solid #009AD9;
    padding: 5px 0;
}

.container
{
    /* background:transparent url(../images/bg_shadown.png) repeat-y top center; */
}
.container_main_bg
{
    background: #ffffff url(../images/bg_main.jpg) repeat-x top center;
}

.container_link
{
    background: #fafafa;
    border-bottom: 1px #e4e4e4 solid;
}
.container_slider
{
}
.container_slider_list
{
}
.container_news
{
    background: url(../images/bg_02.jpg) top no-repeat #fafafa;
}
.container_bg
{
    background: url(../images/bg_02.jpg) top no-repeat #fafafa;
}
.container_gallary
{
    background: #f3f3f3;
    padding: 10px 0px 0 0;
    border-top: 1px solid #e6e6e6;
}
.container_menuFooter
{
    background: #ffffff url(../images/bg_menu_footer.jpg) repeat-x top center;
}
.container_Footer_adv
{
    background: #0070bc url(../images/bg_footer.jpg) repeat-x top center;
}
.container_Footer
{
    background: #e0e0e0; /* Old browsers */
    background: -moz-linear-gradient(top,  #e0e0e0 0%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e0e0e0 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e0e0e0 0%,#efefef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e0e0e0 0%,#efefef 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e0e0e0 0%,#efefef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
    border-top: #113c70 4px solid;
    padding: 20px 0px;
}
.container_Footer_bottom
{
    background: #003867 url(../images/bg_add.jpg) repeat-x top center;
    color: #fff;
}
.adv-block-footer
{
}
.footer-block
{
    display: block;
    border-top: 2px solid #aaaaaa;
    background: #f1f1f1;
}
.footer-block-more
{
    display: block;
    border-top: 1px solid #e5e5e5;
    background: #e5e5e5;
}
.main-col1
{
    display: block;
    width: 47%;
    float: left;
    margin-right: 3%;
}
.main-col2
{
    display: block;
    width: 47%;
    margin-right: 2%;
    float: right;
}

.main-col31
{
    display: block;
    width: 32%;
    float: left;
    margin-right: 2%;
}
.main-col32
{
    display: block;
    width: 32%;
    float: left;
    margin-right: 2%;
}
.main-col33
{
    display: block;
    width: 32%;
    float: right;
}

.mainf-col31
{
    display: block;
    width: 33%;
    float: left;
    margin-right: 1%;
}
.mainf-col32
{
    display: block;
    width: 33%;
    float: left;
}
.mainf-col33
{
    display: block;
    width: 32%;
    float: right;
}

.mainf-col41
{
    display: block;
    width: 24%;
    float: left;
    margin-right: 1%;
}
.mainf-col42
{
    display: block;
    width: 24%;
    float: left;
    margin-right: 1%;
}
.mainf-col43
{
    display: block;
    width: 24%;
    float: left;
    margin-right: 1%;
}
.mainf-col44
{
    display: block;
    width: 24%;
    float: right;
}

.tintuc-col1
{
    display: block;
    width: 400px;
    float: left;
    margin-right: 15px;
}
.tintuc-col2
{
    display: block;
    float: right;
    width: 215px;
}

.tintuc-col-main
{
    display: block;
    width: 100%;
}




.header-bg-r
{
}
.main-home-col
{
    width: 48%;
}

.main-home-col1
{
    width: 390px;
}
.main-home-col2
{
    width: 330px;
}


.grid_8_l, .grid_16_l
{
    display: inline;
    float: left;
    position: relative;
    margin: 0 10px;
}


.grid_8_l
{
    width: 300px;
}
.grid_16_l
{
    width: 648px;
}

.listPage_content
{
    background: #fff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
