@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url("../fonts/Roboto.ttf") format('truetype');
}

body {
	background: #fff;
	color : #000;
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	line-height: 1.6;
}
h1{
	font-size: 36px;
	font-weight: 300;
	line-height: 1.4;
	color : #337ab7;
}
p{
	color:#000;
	margin: 0 0 10px;
}

.cat-body{
     padding-top: 20px;
     background-color: #FFF;
 }
.cat-body-header{
       padding-bottom: 10px;
}
.cat-menu{
  background-color: #546cb2;
}
.cat-h1{
  font-size: 22px;
  color : #128D7F;
  font-family: 'Roboto', sans-serif;
}

.cat-h2{
  font-size: 14px;
  color : #128D7F;
  	font-family: 'Roboto', sans-serif;
}

/*
 * Footer
 */

.cat-footer {
  padding: 40px 0;
  color: #546cb2;
  background-color: #E6EAF3;
  border-top: 1px solid #e5e5e5;
}
.cat-footer-paraph{
  padding-top: 6px;
  padding-left: 60px;
}
.cat-footer p:last-child {
  margin-bottom: 0;
}

/*
 * Carousel
 */

 .carousel-control.left, .carousel-control.right {
     background-image: none;
     width : 50px;
 }

 /*
  * Nav
  */

 .cat-nav-padding{
     padding-top: 25px;
 }

 .dataTable {
	margin-bottom: 1.5em;
	margin-top: 1.5em;
}