@font-face {
		font-family: 'BYekan';
		src: url('../fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */
       url('../fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
		font-family: 'B Yekan';
		src: url('../fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */
       url('../fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

.navbar{
background:#63a8d1;
}
.navbar-inner{
background:#63a8d1;
}

.container-fluid{
background:#63a8d1;
}

.infobox{

display:inline-block;
font-family:B Yekan;
width:100px;
height:100px;
color:#555;
background-color:#FFF;
box-shadow:none;
border-radius:0;
margin:-1px 0 0 -1px;

border:1px dotted;
border-color:#d8d8d8!important;
vertical-align:middle;
text-align:left;
position:relative
}



.butpro {
  vertical-align: top;font-family:B Yekan;
}
.butstyle {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #f8f8f8;
  background-image: -moz-linear-gradient(center top, #ffffff 50%, #f8f8f8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8));
  /* Chrome, Safari 4+ */
  background-image: -webkit-linear-gradient(top, #ffffff, #f8f8f8);
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  background-image: -o-linear-gradient(top, #ffffff, #f8f8f8);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, #ffffff 50%, #f8f8f8 100%);
  border-color: #DEDFE0 #C8C8C8 #C8C8C8;
  border-image: none;
  border-right: 1px solid #C8C8C8;
  border-style: solid;
  border-width: 1px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
  color: #333333;
  cursor: pointer;
  display: inline-block;
font-family:B Yekan;
  font-size: 8px;
  margin-right: 1.8%;
  margin-bottom: 15px;
  width: 110px;

  transition: border-color 0.21s ease-out 0s;
}
.butstyle.flat {
  /* Chrome, Safari 4+ */
  /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  /* Opera 11.10-12.00 */
  background-image: none;
  background: #FFF;
  border: 0;
  color: #777;
}
.butstyle:first-child {
  margin-left: 0;
}
.butstyle:hover {
  border-color: #4D90FE;
}
.butpro .sub h2 {
  margin: 0 0 5px 0;
  font-size: 8px;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
}
.butpro .sub span {
  color: #434D55;
  display: block;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  line-height: 26px;
}
.butpro .stat {
  padding: 4px 0;
  text-align: center;
}
.butpro .stat .equal {
  background: url("../images/stat-same.png") no-repeat scroll left center transparent;
  font-size: 9px;
  padding: 0 0 0 19px;
}
.butpro .stat .up {
  background: url("../images/stat-up.png") no-repeat scroll left center transparent;
  font-size: 9px;
  padding: 0 0 0 19px;
}
.butpro .stat .down {
  background: url("../images/stat-down.png") no-repeat scroll left center transparent;
  font-size: 9px;
  padding: 0 0 0 19px;
}
.butpro .sub {
  padding-top: 4px;
}
h1{
color:#2d2d2d;
}

.table-header{
background:#63a8d1;
}