/* CSS Document 
*{
	margin:0;
	padding:0;
}
*/
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'), url(../../fonts/Raleway-Light.woff) format('woff');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway-Medium'), url(../../fonts/Raleway-Medium.woff) format('woff');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(../../fonts/Raleway-SemiBold.woff) format('woff');
}

body {
	background:#000 url(../../images/front/bg.jpg) no-repeat center top;
	/*background:#000 url(http://rekrutmen-tni.ilmci.com/images/bg2.jpg) no-repeat center top;*/
	background-attachment: fixed;
	color:#fff;
	font-size:14px;
	font-weight:300;
	padding: 70px 3px 3px 5px;
}
body, h1, h2, h3{ font-family: 'Raleway', sans-serif; }
p{ text-align:justify; }


/* LAYOUTs from Top to Bottom */
#redbar{
	height:31px;
	background:url(../../images/front/redbar.gif) repeat-x;
	line-height:28px;
	padding-left:50px;
	font-weight:bold;
	margin-bottom:15px;
	color:#fff;
}

.navbar{
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fa4545), to(#b60101));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #fa4545, #b60101);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #fa4545, #b60101);

  /* IE 10 */
  background: -ms-linear-gradient(top, #fa4545, #b60101);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #fa4545, #b60101);
  
  border-bottom: #d6d6d6 2px solid;
  color: #fff;
}

.navbar-inverse a.navbar-brand, .navbar-inverse a.navbar-brand:hover{ font-family: 'Raleway', sans-serif; font-weight:600; color:#fff; }
.navbar-inverse .navbar-nav > li > a{ font-family: 'Raleway', sans-serif; font-weight:300; color:#fff; }
.navbar-inverse .navbar-nav > li > a:hover{ font-family: 'Raleway', sans-serif; text-decoration:underline; color:#fff; }
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{ background-color:transparent; }
.to-uppercase{ text-transform:uppercase; font-size:14px; }

.nav-special-header{ font-weight:600; margin-top:0; }
.nav-special{ list-style-type:none; padding-left:0; }
.nav-special li{ margin-bottom:5px; }

.transparent-bg{ background: url(../../images/front/transparent-bg.png); border: #7c7c7c 1px solid; }

/* LOGIN panel*/
#login-panel{ border-radius: 5px; margin-bottom: 5px; padding: 5px; }
#login-panel form input{ margin-bottom: 5px; }

#footer{ margin-top:42px; color:#f0ad4e; }

.clear{
	clear:both;
}

/* TEXT STYLEs */
.give-underline{
	text-decoration: underline;
}

/* SEPARATORs & LINE-HEIGHTs */
.separator-h-5{
	width: 10px;
}
.separator-v-20{
	height: 20px;
}
.line-height-34{
	line-height: 34px;
}

body > div.datetimepicker-dropdown{
	color: #000;
}