﻿/*
	Theme Name: Đào tạo kế toán tại Đà Lạt
	Author: FFV Media
	Version: 1.0 
*/
body{margin:0 !important; font-family: "arial"; }
li{list-style: none;}
ul{padding-left:0px;}
.row{margin:0;}
.no-padding{padding-left:0; padding-right:0;}
.no-margin{margin-top:0; margin-bottom:0;}
.wrap{
    width: 1000px; 
	margin: 0 auto; 
	position: relative;
}
/*--end wrap--*/
/*header*/
.header{ background:#00aff0; }
/*--end header--*/
.clear{clear:both;}

#menu-main-menu {
    margin: 0;
    padding: 10px 0 10px  0;
}
#menu-main-menu li{
	display: inline-block; 
	position:relative;
	height:80px;
	width: 14%;
}
#menu-main-menu li a{
    color: #00aff0;
    text-align: center;
    text-decoration: none;
	padding-top: 80px;
	display:block
}

#menu-main-menu .menu-item-5{background: url(images/home.png) top center no-repeat;}
#menu-main-menu .menu-item-7{background: url(images/services.png) top center no-repeat;}
#menu-main-menu .menu-item-8{background: url(images/tintuc.png) top center no-repeat;}
#menu-main-menu .menu-item-9{background: url(images/daotao.png) top center no-repeat;}
#menu-main-menu .menu-item-15{background: url(images/aboutus.png) top center no-repeat;}
#menu-main-menu .menu-item-14{background: url(images/contact.png) top center no-repeat;}

#menu-main-menu li ul{
	display: none; 
	position: absolute; 
	top: 100%; 
	z-index: 999999999; 
	background:#666; 
	width:500px;
}
#menu-main-menu li:hover ul{
    display: block; 
}
#menu-main-menu li:hover > a{
	
}
#menu-main-menu li ul li{
	border:none;
}
#menu-main-menu li ul li a{display:block; color:#fff; font-size: 13px; width:100%;}
#menu-main-menu li ul li a:hover{background:#999 !important;}

/*end menu*/

/*content*/
.content{ margin-top: 20px; text-align: justify; }
.content img{max-width: 90%; display:block; margin: auto; max-height: 550px;}

.intro h1{ font-size: 20px; padding-bottom: 10px; }
.intro-content ul{padding-left: 0px;}
.course{ height: 530px; margin-top: 20px; }
.course h1{text-transform: uppercase; padding: 10px 0 10px 0; font-size:23px; height:70px;}

.intro-content .titl{padding:0px;}
.intro-content .titl h3{ background:url(images/course.png) top center no-repeat; padding: 65px 0 0 0; margin:0px; font-size: 18px; text-align: left;}
.intro-content li{ background:url(images/courselist.png) left no-repeat; padding: 7px 0 7px 35px; }

.title{text-transform: uppercase; font-size: 20px; padding-bottom: 20px;}
.singlec{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
.singlec h1{ padding-bottom: 10px; font-size: 25px; }
.singlec h1 small a{ text-transform: uppercase; }
.singlec h2{font-size: 24px; }
/*end content*/
.slideshow{ width: 1000px; margin:auto; }
.slideshow img{ max-width: 100%;}
.slide{ background: #00aff0; }
 .intro{margin-top: 15px;}
.thumb img, .intro img{max-width: 100%; border: 3px double #eee;}
.thumb1 img{max-height: 60px;}

.excerpt{padding-top: 10px;}

.singcontent{ padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; text-align:justify; }
/*sidebar*/
.sidebar{
	margin-top:0px;
}
.sidebar .names { font-size: 20px; padding: 10px 0 10px 0; text-align: center; background:#00aff0; color:#fff; text-transform: uppercase; }
.rel-p{ position: relative; padding-bottom: 15px; margin-bottom:15px; border-bottom: 1px solid #ccc;}
.rel-p h2{ font-size: 16px; text-transform: uppercase; padding: 10px 0 10px 0; }
.excpt{ position: absolute; bottom:0px; padding: 20px; background: rgba(0,0,0,.4); color:#fff; display:none;}
.rel-p:hover .excpt{ display:block; }
.rel-news{ padding: 5px 0 5px 0; margin-bottom: 5px; border-bottom: 1px solid #ccc; }
.rel-news h2{ font-size: 14px; padding-left:5px; }
.rel-news span{display: block; color:#999; font-size: 12px; padding: 5px 0 0 5px;}

.samecate{ padding: 0px 0 15px 0; margin-bottom: 15px; border-bottom: 1px solid #ccc; }
.rel-tit h1{ font-size: 18px; text-transform:uppercase; }

.kh h4{ border-top: 1px solid #ccc; padding-top: 20px; margin-top: 20px; text-transform: uppercase; padding-bottom: 20px;}
.kh h1{ font-size: 20px; color:#333; padding:10px 0 10px 30px;  border-bottom:1px solid #cecece;}
.kh i{ color:#00aff0; margin-right: 15px;  }
/*end sidebar*/

/*footer*/
.footer{
	background:#fafafa; padding-top: 50px; margin-top: 20px; padding-bottom: 50px; 
}
.footer h1, .footer h4{ color:#333; font-weight: normal; }
.footer h1{font-size: 20px;}
.footer h4{ padding-top: 5px; font-size: 14px; }
.copyright{ background: #03aff1; padding: 5px 0 5px 0; }
/*end footer*/
/*custom scrollbar*/
/* IE */
body{
  scrollbar-base-color: #C0C0C0;
  scrollbar-base-color: #C0C0C0;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #EBEBEB;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
/* chrome */
::-webkit-scrollbar { width: 10px; height: 3px;}
::-webkit-scrollbar-button {  background-color: #666; }
::-webkit-scrollbar-track {  background-color: #999;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: rgba(47, 120, 43,.2)}
::-webkit-scrollbar-corner { background-color: #999;}}
::-webkit-resizer { background-color: #666;}
/* firefox */
@-moz-document url-prefix(http://),url-prefix(https://) {
scrollbar {
   -moz-appearance: none !important;
   background: rgb(0,255,0) !important;
}
thumb,scrollbarbutton {
   -moz-appearance: none !important;
   background-color: rgb(0,0,255) !important;
}

thumb:hover,scrollbarbutton:hover {
   -moz-appearance: none !important;
   background-color: rgb(255,0,0) !important;
}

scrollbarbutton {
   display: none !important;
}
scrollbar[orient="vertical"] {
  min-width: 15px !important;
}
}



