@charset "utf-8";
/* CSS Document */

/******************** SLIDER ÓCULOS GRAU ****************************/

.oculos-grau{
	float:left;
	margin-top:20px;
}

.oculos-grau h1, .oculos-solares h1{
		border-bottom:1px dotted #555555;
		padding-bottom:8px;
		color:#0e76bc;
		font-family: 'GlyphaLTStd-Black';
		font-size:18px;
}
	
.slider-grau, .slider-solares {
	height: 40px;
	overflow:hidden;
	width:800px;
	margin:30px 0 30px 50px;
	float:left;
}
.slider-grau .viewport, .slider-solares .viewport {
	float: left;
	width:800px;
	height: 40px;
	overflow: hidden;
	position: relative;
}
.slider-grau .buttons, .slider-solares .buttons {
	width:32px;
	height:32px;
	text-decoration:none;
	display: block;
	margin: 30px 10px 0 0;
	float: left;
	position:absolute;
	z-index:2000;
	background:url(../imagens/setas-grifes.png);
}
.slider-grau .prev, .slider-solares .prev {
	margin: 0px 0 0 -50px;
	background-position: 0px 0px;
}
.slider-grau .prev:hover, .slider-solares .prev:hover {
	background-position: 0px -33px;
}
.slider-grau .next, .slider-solares .next {
	background-position: -34px 0px;
	margin: 0px 0 0 820px;
}
.slider-grau .next:hover, .slider-solares .next:hover {
	background-position: -34px -33px;
}
.slider-grau .disable, .slider-solares .disable {
	visibility: hidden;
}
.slider-grau .overview, .slider-solares .overview {
	list-style: none;
	position: absolute;
	padding: 0;
	margin: 0;
	left: 0;
	top: 0;
}
.slider-grau .overview li, .slider-solares .overview li {
	float: left;
	margin: 0 20px 0px 20px;
	height: 40px;
	width:100px;
	display:block;
	
}