@import url("reset.css");
@font-face {
    font-family: 'myFont';
    src: url('../font/UTM AvoBold.ttf');
}

@font-face {
    font-family: 'myFont2';
    src: url('../font/UTM Avo.ttf');
}
body {
    font-family:Myriad Pro;
    color:#FFF;
	background: #000;
    
    
}
#wrapper {
    width: 1024px;
    min-width: 1000px;
    max-width: 2000px;
    margin:0 auto;
	
}
/* ========================================= BANNER 1024 x 200 =================================== */
	#wrapper #banner-full{
		background:url(../images/ba-menu.jpg) top left repeat;
		}
		#wrapper #banner-full #banner {
			background:url(../images/bg-body.jpg) center center repeat;
			width:1024px;
			height:200px;
			margin:0 auto;
			position:relative;
			}	
/* ==================== LOGOLEFT LOGOLEFT LOGOLEFT ======================= */
		#wrapper #banner-full #banner .logoleft{
				position:absolute;
				top:12PX;
				left:0px;
				}	
				#wrapper #banner-full #banner .logoleft img:hover{
					/*opacity: 0.6;
					filter:alpha(opacity=60);*/
				}
/* ================ LOGORIGHT LOGORIGHT LOGORIGHT ===================== */				
		#wrapper #banner-full #banner .logoright{
				position:absolute;
				top:12px;
				right:0px;
				}
				#wrapper #banner-full #banner .logoright img:hover{
					/*opacity: 0.6;
					filter:alpha(opacity=60);*/
				}
/* ========================================== MENU 1200 X 50 ===================================== */
	#wrapper #menu-full{
		background:url(../images/bg-body.jpg) center center repeat;
        
		}
	#wrapper #menu-full #menu {
		width:1024px;
		height:47px;
		background:#063ec9;
		margin:0 auto;
		/*margin-bottom:10px;*/
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
		}
				#wrapper #menu-full #menu ul {
					}
				#wrapper #menu-full #menu ul li {
					float:left;
					line-height:47px;
                    position: relative;
                    background: url(../images/line-menu.png) no-repeat center right;
				}
				#wrapper #menu-full #menu ul li a{
					color:#FFF;
					text-transform:uppercase;
					padding:0px 20px;
					display: block;
                    font-family:myFont;
                    font-size: 12px;
					}
					#wrapper #menu-full #menu ul li a:hover{
						color:#032eab;
						}
				#wrapper #menu-full #menu  ul li:hover,{
    
                    color:#032eab;
					}
                 #wrapper #menu-full #menu  ul li a:hover,#wrapper #menu-full #menu  ul li a.active{   
                    color:#032eab;
                    	/*background:url(../images/hover-menu.png) 0px 0px no-repeat;*/
                        border-top-right-radius:10px 10px;
                        border-top-left-radius:10px 10px;
                        background: #f1f1f1;
                  }               
                
                
                #wrapper #menu-full #menu ul li ul {
					position: absolute;
                    margin-left: 0px;
                    display: none;
					top: 40px;
                    z-index: 1000;
				}
            #wrapper #menu-full #menu ul li ul {
					width: 280px;
                      line-height: 20px;
                      background: #063ec9;
                      border-bottom: 1px dashed #fff;
				}
            #wrapper #menu-full #menu ul li:hover ul{
					display: block;
					padding:0px;
				}
			#wrapper #menu-full #menu  ul li:hover ul li{
				border-bottom:1px dashed #fff;
				line-height:20px;	
				width:280px;
                line-height: 37px;
			}
            #wrapper #menu-full #menu ul li:hover ul li a{
					color:#fff;
                    text-transform: none;
				}
            #wrapper #menu-full #menu  ul li:hover ul li:hover{
                background: none !important;
            }
             #wrapper #menu-full #menu  ul li:hover ul li a:hover{
                  
                color:#032eab; 
             }
/* ========================================= SLIDER 1200 x 400==================================== */			
	#wrapper #slider-full{
		background:#d9d9d9;
		width:1024px;
		height:500px;
		margin:0 auto;
          padding-top: 10px;
		}
		#wrapper #slider-full #slider {
			width:1000px;
			height:500px;
			margin:0 auto;
			}
/* ========================================= MAIN 1024 x FULL ================================= */							
	#wrapper #main{
		background:#FFF;
		width:1024px;
		margin:0 auto;	
		}
/* ====================== top ================== */							
	#wrapper #main #top{
		background:#FFF;
		width:1024px;
		margin:0 auto;
		padding:40px 0;
		float:left;
		}
        
  #wrapper #main #top .tieude_giua{
      color: #ff0000;
      padding-left: 20px;
      text-transform: uppercase;
      font-size: 25px; 
  }
		#wrapper #main #top .top-box{
			width:300px;
			float:left;
			margin:0 20px;
		}
		#wrapper #main #top .top-box .top-info{
			padding:10px 15px 10px 10px;
			background:#000;
            font-family: myFont;
            /*background: url(../images/shadow_hinh.png) no-repeat bottom center;*/
			}
            
            .shadow{
                background: url(../images/shadow_hinh.png) no-repeat bottom center;
                height:15px;    
            }
			#wrapper #main #top .top-box img:hover{
				/*opacity: 0.6;
				filter:alpha(opacity=60);*/
				}
			#wrapper #main #top .top-box .top-info span{
				color:#cee900; 
                
                font-size: 17px;
			}
				#wrapper #main #top .top-box .top-info span:hover{
					color:#0744d5;
					}
			#wrapper #main #top .top-box .top-info p{
				font-size:13px;
				padding-top:10px;
				line-height:18px;
                /*padding-right:10px;*/
                font-family: myFont2;
			}
/* ====================== bottom ================== */							
	#wrapper #main #bottom{
				background:#1b1b1b;
				width:300px;
				float:left;
				margin:0 auto;
				width:1024px;
				padding:20px 0 50px 0;
				}
                
                #wrapper #main #bottom .bottom-box1{
				width:300px;
				float:left;
				margin:0 20px;
				/*background:#303030;
				border-radius:20px;*/
				
					}
                    
                    #wrapper #main #bottom .bottom-box{
				width:300px;
				float:left;
				margin:0 20px;
				background:#303030;
				border-radius:20px;
				
					}
			#wrapper #main #bottom .bottom-box1 h2{
						padding:20px 0 10px 10px;
						font-size:17px;
						color:#b8b9bc;
						font-weight:bold;
						border-bottom:1px solid #000;
                        font-family: myFont;
						}
                        
                        
      #wrapper #main #bottom .bottom-box1 .bottom-info{
				color:#b8b9bc;
				line-height:25px;
				text-align:justify;
				font-size:15px;
				padding:10px 20px 10px 10px;
				}
				#wrapper #main #bottom .bottom-box1 .bottom-info span{
					color:#FF0;
                    font-family: myFont2;
                    font-size: 15px;
					}
      
					#wrapper #main #bottom .bottom-box h2{
						padding:20px 0 10px 10px;
						font-size:17px;
						color:#b8b9bc;
                        font-family: myFont;
						border-bottom:1px solid #000;
						}	
						#wrapper #main #bottom .bottom-box img{
							padding:10px 0 0 10px;
							}
							#wrapper #main #bottom .bottom-box img:hover{
								/*opacity: 0.6;
								filter:alpha(opacity=60);*/
								}
			#wrapper #main #bottom .bottom-box .bottom-info{
				color:#b8b9bc;
				line-height:25px;
				text-align:justify;
				font-size:15px;
				padding:10px 20px 10px 10px;
                font-family: myFont2;
				}
				#wrapper #main #bottom .bottom-box .bottom-info span{
					color:#FF0;
					}	
/* ========================================= FOOTER 1024 x FULL ================================= */							
	#wrapper #footer{
		width:1024px;
		background:#000;
		margin:0 auto;
        font-family: myFont2;
        
		}
		#wrapper #footer .left{
			float:left;
			font-size:13px;
			padding:10px 0 10px  20px;
			line-height:20px;
			}
		#wrapper #footer .right{
			float:right;
			padding-top:10px;
            
        font-family: myFont2;         
   }
			#wrapper #footer .right .img img{
				margin:0 10px 10px 10px;}
				#wrapper #footer .right .img img:hover{
					/*opacity: 0.6;
				filter:alpha(opacity=60);*/
					}
				
			#wrapper #footer .right .info img{
				margin-left:10px;
                margin-right:5px;
				}
            #wrapper #footer .right .info span{
                color:#fff;
                  font-family: myFont2;
  font-size: 13px;
            }
/* ========================================= copy 1024 x FULL ================================= */							
		#wrapper #footer #copy{
		width:1024px;
		background:#1b1b1b;
		margin:0 auto;
		height:30px;
		}
			#wrapper #footer #copy ul li{	
				float:left;
				line-height:30px;
				height:30px;
				padding:0 5px;
                font-size: 13px;
			}
			#wrapper #footer #copy ul li a{
				color:#FFF;
				}	
				#wrapper #footer #copy ul li a:hover{
					color:#0F0;
				}	
#doitac{
    width:900px;
    margin:0px auto;
    border:1px solid #ccc;
    border-radius: 10px;
    padding:20px 40px;
    background: #444;
}