/*--------------------- breadcrumb -------------------------------*/

.breadcrumbs{
	width: 100%;
	text-align: right;
	color: #666;
	font-size: 100%;
	margin-bottom: 20px;
	margin-top: 0px;
	float: left;
}

.breadcrumbs .fontblue{
	color: #003399;

	font-weight: bold;
}


.breadcrumbs a,a:link{

	text-decoration: none;
}

.breadcrumbs a:hover{
	color: #F00;

}


.navToSelect {
  display: none;
}

navs ul {
	display: block;

	color: #333;
	line-height: 36px;
	padding-right: 5px;
	padding-left: 5px;
    }

navs li {
	display: block;
	color: #FFF;
	line-height: 36px;
	padding-right: 10px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #585858;
	background-image: url(../images/left-arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
}
	
navs ul,navs li a:hover {
	display: block;
	color: #FC0;
	line-height: 36px;
	transition: 1s;
	text-decoration: none;
    }
	
.current {
	display: block;
	font-size: 108%;
	color: #F60;
	line-height: 2.6em;
	font-weight: bold;
    }


@media only screen and (max-width: 767px) {
  navs ul {
    display: none;
  }
  .navToSelect {
    display: block;
  }
}