/*============== copyright 2015 Dedy Kuncoro - kuncoro.sevenfold@gmail.com ================*/

body{
	font-family: "Trebuchet MS";
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.banner{
	background-image : url('../img/01b.png');
	background-size : 100% 100%;
	height : 50%;
}

.btn-blue{
	color : #259EFA;
	text-decoration : none;
}

.scroll-pro {
    height: auto;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.box{
	border : 1px solid #5B6D66;
	width : 100%;
	height : 100%;
	max-height: 350px;
	max-width : 400px;
	padding: 20px;
}

.banner-history{
	background-image : url('../img/01g.png');
	background-size : 100% auto;
	padding-top : 20px;
	padding-bottom : 20px;
}

.blue-hr{
	display: block;
	height: 20px;
	width: 100%;
	background: url('../img/01k.png') repeat-x;
	content: "";
}

.description{
	background-image : url('../img/10.png');
	background-repeat : no-repeat;
	background-size: 100% 100%;
	text-align : center;
	padding: 10px;
}

/* .white-hr{
	display: block;
	height: 20px;
	width: 100%;
	background: url('../img/01j.png') repeat-x;
	content: "";
} */

.box-news{
    border-right: thick double #259EFA;
    color : #259EFA;
    padding-right: 5px;
}

.btn-more{
	text-decoration : none;
	/* color : #259EFA; */
	color : white;
	font-weight : bold;
	border : 1px solid white;
}

.btn-more:hover{
	text-decoration : none;
	color : black;
	font-weight : bold;
	border : 1px solid white;
}

.hr-white{
	background-image : url('../img/01j.png');
	background-repeat : repeat-x;
}

.outline{
	/* border : 1px solid #259EFA; */
}

.outline:hover{
	border : 2px solid #259EFA;
	/* padding : 5px; */
}

.outline-info{
	/* border : 1px solid #259EFA; */
	padding: 20px;
}

.outline-info:hover{
	/* border : 2px solid #259EFA; */
	padding: 20px;
}

.link{
	text-decoration: none;
	color : black;
}

.link:hover{
	text-decoration: none;
	color : black;
}

.link:visited{
	text-decoration: none;
	color : black;
}

.link:active{
	text-decoration: none;
	color : black;
}

.history-content{
	background-image : url('../img/02c.png');
	background-size : 100% 100%;
	color : white;
	padding-top: 70px;
	padding-bottom: 70px;
}

.info-content{
	background-image : url('../img/01g.png');
	background-size : 100% 100%;
	color : white;
	padding-top: 50px;
	padding-bottom: 50px;
}

.news-content{
	background-image : url('../img/01h.png');
	color : #5B6D66 !important;
/* 	padding-top: 5px;
	padding-bottom: 5px; */
}

.footer{
	background: linear-gradient(#259EFA, #007FE0);
	padding: 15px;
	color: black ; 
}