@charset "utf-8";
#carrousel {
	margin: 0px;
	padding: 0px;
	position: relative;
}
#carrousel .buttons {
	display: block;
	background-position: 0 0px;
	text-indent: -999em;
	width: 13px;
	height: 23px;
	overflow: hidden;
	position: absolute;
	background-attachment: scroll;
	background-color: transparent;
}
#carrousel .prev {
	background-image: url(../img/left_arrow.png);
	left: 0px;
	top: 140px;
	position: absolute;
}
#carrousel .next {
	background-image: url(../img/right_arrow.png);
	top: 140px;
	right: 0px;
	position: absolute;
}
#carrousel .viewport {
	width: 1038px;
	height: 328px;
	overflow: hidden;
	position: absolute;
	top: 0px;
}
#carrousel .controllers {
	width: 110px;
	height: 15px;
	overflow: hidden;
	position: absolute;
	top: 305px;
	right: 10px;
	z-index: 900;
}
#carrousel .disable { visibility: hidden; }
#carrousel .overview { list-style: none; padding: 0; margin: 0; position: absolute; left: 0; top: 0; }
#carrousel .overview li{
	float: left;
	padding: 0px;
	height: 328px;
	width: 1038px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	position: relative;
}
#carrousel .overview li div{
	position: absolute;
	height: 200px;
	width: 530px;
	z-index: 1000;
	top: 86px;
	right: 15px;
	padding: 5px;
}

#carrousel .pager {
	overflow: hidden;
	list-style: none;
	clear: both;
	margin: 0px;
	padding: 0px;
}
#carrousel .pager li {
	float: left;
	margin-left: 5px;
}
#carrousel .pagenum {
	text-decoration: none;
	padding: 0px;
	display: block;
	background-image: url(../img/controller1.png);
	background-repeat: no-repeat;
	height: 14px;
	width: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#carrousel .active { background-image: url(../img/controller2.png); }



#slider-code {
	height: 314px;
	overflow: hidden;
}

#slider-code .viewport {
	float: left;
	width: 940px;
	height: 314px;
	overflow: hidden;
	position: relative;
}
#slider-code .buttons {
	display: block;
	background-position: 0 0px;
	text-indent: -999em;
	float: left;
	width: 13px;
	height: 23px;
	overflow: hidden;
	position: relative;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../img/left_arrow.png);
	background-repeat: no-repeat;
}
#slider-code .prev { margin: 30px 10px 0 0;  }
#slider-code .next { margin: 30px 0 0 10px;  }
#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
#slider-code .overview li{
	float: left;
	padding: 0px;
	height: 314px;
	width: 940px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}

#slider-code .pager {
	overflow: hidden;
	list-style: none;
	clear: both;
	margin: 0 0 0 45px;
	z-index: 100;
}
#slider-code .pager li { float: left; }
#slider-code .pagenum { background-color: #fff; text-decoration: none; text-align: center; padding: 5px; color: #555555; font-size: 14px; font-weight: bold; display: block; }
#slider-code .active { color: #fff; background-color:  #555555; }