.color01{background:#fff;color:#000}
.color01 a{color:#000;}
.color01 a:hover{text-decoration:none;}

.color02{background:#000;color:#fff}
.color02 a{color:#fff}
.color02 a:hover{text-decoration:none;}

.color03{background:#9dd1ff;color:#063462}
.color03 a{color:#063462}
.color03 a:hover{text-decoration:none;}

.foto02 #main img, .foto02 #highslide-wrapper-0 img{
  filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
.foto03 #main img{
  display: none
}


.top-box{
  background-color: transparent;
  background-image: url(pic/access.png);
  background-repeat: repeat-x;
  background-position: bottom;
  vertical-align: top;
  padding: 0;
  text-align: center;
  position: fixed;
  width: 100%;
  height: 40px;
    z-index: 100;

}
.top-box .tools{

}
.top-box .tools td.spanbox{
  font-size:17px;
  padding: 0;
  padding-right: 10px;
  padding-left: 10px;
  margin: 0;
  vertical-align: middle;
  color: #333;
}

.top-box .tools td.spanbox span{
  font-size:17px;
}
.top-box .tools td.bord{
  padding-right: 10px;
  border-right:1px solid #fff;
}

.top-box .tools td.imglink{
  padding: 0;
  white-space: nowrap;
}

.imglink a{
  font-size:17px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  display: block;
  float: left
}

.imglink a:hover, .imglink a.current{
  background-image: url(pic/sel.png);
  background-repeat: no-repeat;
  background-position: center, top;
}

.original-site{
  padding-left:40px;
  background-image:url(pic/w_normal.png);
  background-repeat: no-repeat;
  background-position: left center;
  vertical-align: middle;
  color: #333;
}
.original-site a, .a-settings a{
  font-size:17px;
  color: #333;}

.size-box{
  border-right:1px solid #fff;
  padding-left: 10px;
}
.size-box *{
  font-size:17px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  line-height: 55px;

}

.size-box a{
  height: 33px;
  line-height: 55px;
}
.size-box a.current, .size-box a:hover{
  background-image: url(pic/sel.png)
}
.size-box a.decreaseFont{}
.size-box a.resetFont{}
.size-box a.increaseFont{}

.color-box{
  border-right:1px solid #fff;
  padding-left: 10px;
}
.color-box span{
font-size:17px;
}
.color-box a{
}
.color-box a.current, .color-box a:hover{
  background-image: url(pic/sel.png)

}
.a-images  a{
  height: 33px;
  line-height: 55px;
}
.a-images a.current, .a-images a:hover{
  background-image: url(pic/sel.png)
}
.popped{
	border:2px solid #000;
	background:#FFFFFF;
  background-image: url(pic/access.png);
  background-repeat: repeat-x;
  background-position: bottom;
	position:absolute;
	left:400px;
	top:46px;
	width:800px;
	z-index:100;
	padding:13px 21px 23px 21px;
	color:#333;
	font-family:Arial,sans-serif;
	font-size:20px;
	font-weight:bold;
	display:none;
}
.popped a{
		color:#333;
}
.popped h2{
		font-size:34px;
		margin-bottom:15px;
}
.popped p span{
			font-weight:normal
}
.choose-font-family{
		margin-bottom:10px;
}
#serif{
			font-family:"Times New roman",serif;
}
.font-family, .letter-spacing{
			padding:2px 4px;
			border:1px solid #333;
			text-decoration:none;
			-moz-border-radius: 3px;
			-khtml-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius:3px;
			color:#333;
}
.here.font-family, .here.letter-spacing, .spacing-small #spacing-small, .spacing-normal #spacing-normal, .spacing-big #spacing-big,.serif #serif, .sans-serif #sans-serif{
  background-color: #333;
				color:#fff;
}