@charset "utf-8";



#BreadFixerSystem {
	width: 1100px;
	margin: auto;
	padding-top: 75px;
	font-size: 11px;
}

#BreadFixer {
	width: 98%;
	margin: auto 1%;
	padding-top: 1.5%;
	font-size: 11px;
}

	#breadcrumbs{
	  background-color: #eee;
	  border-width: 1px;
	  border-style: solid;
	  border-color: #f5f5f5 #e5e5e5 #ccc;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  border-radius: 5px;
	  -moz-box-shadow: 0 0 2px rgba(0,0,0,.2);
	  -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
	  box-shadow: 0 0 2px rgba(0,0,0,.2);
	  background-image: url("../images/cmn/pan_logo.png");
	  background-repeat: no-repeat;
	  background-position: 98% 45%;
	  background-size: 18.5% auto;
	  /* Clear floats */
	  overflow: hidden;
	}
}



	#breadcrumbs li{
	  float: left;
	}

	#breadcrumbs a{
	  padding: .4em 1em .4em 2em;
	  float: left;
	  text-decoration: none;
	  color: #444;
	  position: relative;
	  text-shadow: 0 1px 0 rgba(255,255,255,.5);
	  background-color: #ddd;
	  background-image: -webkit-gradient(linear, left top, right bottom, from(#f5f5f5), to(#ddd));
	  background-image: -webkit-linear-gradient(left, #f5f5f5, #ddd);
	  background-image: -moz-linear-gradient(left, #f5f5f5, #ddd);
	  background-image: -ms-linear-gradient(left, #f5f5f5, #ddd);
	  background-image: -o-linear-gradient(left, #f5f5f5, #ddd);
	  background-image: linear-gradient(to right, #f5f5f5, #ddd);
	}

	#breadcrumbs li:first-child a{
	  padding-left: 1em;
	  -moz-border-radius: 5px 0 0 5px;
	  -webkit-border-radius: 5px 0 0 5px;
	  border-radius: 5px 0 0 5px;
	}

	#breadcrumbs a:hover{
	  background: #fff;
	}

	#breadcrumbs a::after,
	#breadcrumbs a::before{
	  content: "";
	  position: absolute;
	  top: 50%;
	  margin-top: -1.5em;
	  border-top: 1.5em solid transparent;
	  border-bottom: 1.5em solid transparent;
	  border-left: 1em solid;
	  right: -1em;
	}

	#breadcrumbs a::after{
	  z-index: 2;
	  border-left-color: #ddd;
	}

	#breadcrumbs a::before{
	  border-left-color: #ccc;
	  right: -1.1em;
	  z-index: 1;
	}

	#breadcrumbs a:hover::after{
	  border-left-color: #fff;
	}

	#breadcrumbs .current,
	#breadcrumbs .current:hover{
	  font-weight: 800;
	  background: none;
	}

	#breadcrumbs .current::after,
	#breadcrumbs .current::before{
	  content: normal;
	}

	@media screen and (max-width: 736px) {
		#BreadFixerSystem {
			width: 98%;
			/*margin: auto 1%;*/
			padding-top: 58px;
			font-size: 11px;
		}
	#breadcrumbs a {
		padding: .5em 1em .5em 2em;
	}

	@media screen and (min-width: 737px) {
	#BreadFixer {
		width: 1000px;
		margin: auto;
		padding-top: 15px;
		font-size: 11px;
	}

		#breadcrumbs{
		  background-color: #eee;
		  border-width: 1px;
		  border-style: solid;
		  border-color: #f5f5f5 #e5e5e5 #ccc;
		  -moz-border-radius: 5px;
		  -webkit-border-radius: 5px;
		  border-radius: 5px;
		  -moz-box-shadow: 0 0 2px rgba(0,0,0,.2);
		  -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
		  box-shadow: 0 0 2px rgba(0,0,0,.2);
		  __background-image: url("../images/cmn/pan_logo.png");
		  __background-repeat: no-repeat;
		  background-position: 98% 50%;
		  /* Clear floats */
		  overflow: hidden;
		}
	}