﻿@font-face {
    font-family: "UTM_Bit";
    src: url('Font/UTM_Bitsumishi_Pro.ttf'), url('Font/UTM_Bitsumishi_Pro.eot'); /* IE9 */
}

@font-face {
    font-family: "UTM_Swi";
    src: url('Font/UTM_Swiss_Condensed.ttf'), url('Font/UTM_Swiss_Condensed.eot'); /* IE9 */
}

.map-responsive{
        overflow:hidden;
        padding-bottom:56.25%;
        position:relative;
        height:0;
 }
 
.map-responsive iframe{
        left:0;
        top:0;
        height:100%;
        width:100%;
        position:absolute;
}

.bottom_header999 {
    background-color: #1160ae;
    /*
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#abd9f6), to(#2ca9eb));
    background: -webkit-radial-gradient(circle, #abd9f6, #2ca9eb);
    background: -moz-radial-gradient(circle, #abd9f6, #2ca9eb);
    background: -ms-radial-gradient(circle, #abd9f6, #2ca9eb);
    */
    border-bottom: 1px solid #002491;
}

.bottom_header {
    background-color: #cc0606;
    /*
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#fff), to(#2E88E4));
    background: -webkit-radial-gradient(circle, #fff, #2E88E4);
    background: -moz-radial-gradient(circle, #fff, #2E88E4);
    background: -ms-radial-gradient(circle, #fff, #2E88E4);
    */
    border-bottom: 1px solid #665C4E;
}

.header_menu {
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #FFFFFF;
}

.header_menu a {
        font-weight: bold;
        color: #002483;
        padding: 0 10px;
}

.header_menu a:hover {
            color: Maroon;
            text-decoration: none;
}

.footer {
    /*background: #cc0606;*/
    background: #005C8F;
    color: white;
}

.footer_menu {
    padding: 10px 0;
    text-align: center;
    /* border-bottom: 1px solid #FFFFFF; */
}

.footer_menu a {
    font-weight: bold;
    color: white;
    border-right: 1px solid white;
    padding: 0 10px;
}

.DQBody
{
    text-align: center;
    padding: 10px;
    font-family: Tahoma;
    font-size: 12px;
    margin: 0px;    
    background-color: #123861;
    /* background-color: #01557c; */
}

#DQBodyContainer
{
    margin: auto;
    background-color: White;
    width: 1000px; 
    text-align: left;       
}

#DQHeaderContainer
{
    width:100%;    
}

#DQMenuContainer
{    
    width:100%;    
}

#DQContentContainer
{
    width:1000px;
    margin:auto;    
}

#DQFooterContainer {
    width: 100%;
    text-align: left;
    padding-left: 16px;
    /*background: #9e6d1e;
    color: #fff;*/
}

#DQContentContainer_Left
{
    width:232px;
    float:left;
    text-align:left;  
    padding-left:3px;    
}

#DQContentContainer_Center
{
    width:550px;
    padding:0 5px 0 5px;
    text-align:left;
    float:left;    
}

#DQContentContainer_Right
{
    width:202px;
    float:right;
    text-align:left;
    padding-right:3px;    
}

.spacer {
	font-size:0; line-height:0; clear:both;
}

.DQ_Box_Top_Left
{
    background:url(img/btl1.png) no-repeat;
    float:left;
    width:5px;
    height:32px;
}

.DQ_Box_Top_Center
{
    background-position: url('img/btc1.png') repeat-x;
    background: url('img/btc1.png') repeat-x;
    margin-left: 5px;
    margin-right: 5px;
    height: 24px;
    padding-top: 8px;
    padding-left: 4px;
    font: bold 14px Arial;
    color: white;
}

.DQ_Box_Top_Right
{
    background:url(img/btr1.png) no-repeat;
    float:right;
    width:5px;
    height:32px;
}
.DQ_Box_Middle
{   
    padding: 10px 10px 1px 10px;
	text-align:left;    	
	border-left: solid 1px #d6dee0;
	border-right: solid 1px #d6dee0;
}

.DQ_Box_Bottom_Left
{
    background:url(img/bbl1.png) no-repeat;
    float:left;
    width:5px;
    height:5px;
}

.DQ_Box_Bottom_Center
{
    background: url('img/bbc1.png') repeat-x;
	margin-left: 5px;
	margin-right: 5px;
	height:5px;	
}

.DQ_Box_Bottom_Right
{
    background:url(img/bbr1.png) no-repeat;
    float:right;
    width:5px;
    height:5px;
}

/*   Control DQDSThongTin   */
.DQDSThongTin_WListNews_Box
{
    text-align: left;
    color: #5a94ca;
    width: 100%;    
}

.DQDSThongTin_WListNews_Link
{
    text-decoration:none;
    color: #003366;
}

.DQDSThongTin_WListNews_Link:Hover
{
    text-decoration: none;
    color: #3D80BC;
}

.DQDSThongTin_WListNews_Space
{
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #90b6da;
    margin-top: 7px;
    margin-bottom: 7px;
    height: 1px;
    width:95%;
}

/* ---------------------- MenuwebC1 Dolphin nav ---------------------- */
#dolphincontainer
{
    color: white;    
    width: 100%;
    font-family: Tahoma;
    text-align:left; 
}

#dolphinnav{
	height:24px;
	font-size:11px;	
	font-weight:bold;
	background-image:url(Img/bg_mn.jpg);	
	padding: 8px 20px 0px 20px;
	text-align: center;
	}

/* ---------------------- END Dolphin nav ---------------------- */

.Menu_Link
{
    color:White;
    text-decoration:none;
}

.Menu_Link:Hover
{
    text-decoration:underline;
}

/* ---------------------- Start News Control ---------------------- */

.LR-box-list 
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	font-weight:normal;	
    color:#000;	
    text-align:left;	
    line-height:12px;    	
    display:block;
    padding-top: 5px;
    padding-bottom: 5px;	
}

.LR-box-list ul 
{
    margin:0;
    padding:0;
}

.LR-box-list ul li
{
    display:block;
    list-style:none;
    padding: 3px 0 5px 15px;
}

.LR-box-list ul li a
{
    text-decoration:none;
    color:#000;
}

.LR-box-list ul li a:hover 
{
    color:#3D80BC;
}

.lst-normal
{
    background:url(img/icon-01.gif) 2px 5px no-repeat;
    text-align:left;
}

.DQHotLink01
{
    text-decoration:none;
    color: #003366;
}

.DQHotLink01:Hover
{
    text-decoration: none;
    color: #3D80BC;
}

/* ---------------------- End News Control ---------------------- */


.DQTinNoiBat_Category_BoxTitle
{
    text-align: left;
    color: white;
    width: 100%;
    background-color: #f98b00;
    padding: 6px;    
}

.DQTinNoiBat_Category_BoxTitle a
{
    text-decoration:none;
    color: white;
    font-weight: bold;
}

.DQTinNoiBat_Category_BoxTitle a:hover
{
    color: yellow;    
}

.DQTinNoiBat_Category_Link div
{
    padding-top: 3px;    
}

.DQTinNoiBat_Category_Link a
{
    text-decoration:none;
    color: #0000ff;    
}

.DQTinNoiBat_Category_Link a:hover
{
    color: maroon;    
}

.DQTinNoiBat_Category_Box
{
    text-align: left;
    color: #5a94ca;
    width: 100%;      
}

.Panel_GioHang {
    position: fixed;
    bottom: 10px;
    right: 10px;
    /*background-color:greenyellow;
    border-radius: 10px;*/
    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    z-index: 99;
}

.Panel_VeDauTrang {
    position: fixed;
    bottom: 10px;
    left: 10px;
    /*background-color:greenyellow;
    border-radius: 10px;*/
    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    z-index: 99;
}
   
.map-responsive{
        overflow:hidden;
        padding-bottom:56.25%;
        position:relative;
        height:0;
}
.map-responsive iframe{
        left:0;
        top:0;
        height:100%;
        width:100%;
        position:absolute;
}

/* module du bao thoi tiet */

.dubaothoitiet {       
    padding: 1px;
}

.dubaothoitiet table {
    color: white;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;

    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-spacing: 0px;

    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}

.dubaothoitiet .row0 .col1 {
    background: #1ca700;
    border-right: 1px dotted #FFFFFF;
}

.dubaothoitiet .col1 {
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    text-align: left;
}

.dubaothoitiet .row0 .col2 {
    background: #1fb000;
}

.dubaothoitiet .col2 {
    height: 25px;
    line-height: 25px;
    text-align: center;
}

.dubaothoitiet .row1 .col1 {
    background: #f98b00;
    border-bottom: 1px dotted #FFFFFF;
    border-right: 1px dotted #FFFFFF;
}

.dubaothoitiet .col1 {
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    text-align: left;
}

.dubaothoitiet .row1 .col2 {
    background: #fb9802;
    border-bottom: 1px dotted #FFFFFF;
}
.dubaothoitiet .col2 {
    height: 25px;
    line-height: 25px;
    text-align: center;
}

.dubaothoitiet table td {
    padding: 0 1px;
    border-bottom: 1px dotted #FFFFFF;

    display: table-cell;
    vertical-align: inherit;
}
