/* ---- CSS
K2M Tecnologia Web (http://www.k2mwweb.com.br)
Title: Similar.com.br
Author: K2M Web ( k2m@k2mweb.com.br ) 
Date: Setembro 2007
---- */
#myGallery {
	width : 433px;
	height : 175px;
	z-index : 5;
	display : none;
	padding : 6px 0 0 0;
	margin : 0 0 0 0;
}
.jdGallery {
	overflow : hidden;
	position : relative;
}
.jdGallery img {
	border : 0;
	margin : 0;
}
.jdGallery .slideElement {
	width : 100%;
	height : 100%;
	background-repeat : no-repeat;
}
.jdGallery .loadingElement {
	width : 430px;
	height : 130px;
	position : absolute;
	left : 0;
	top : 0;
	background-repeat : no-repeat;
	background-position : 235px 80px;
	background-image : url('../img/global/ajax-loader.gif');
}
.jdGallery .slideInfoZone {
	position : absolute;
	z-index : 10;
	width : 247px;
	margin : 0 17px 0 0;
	right : 0;
	bottom : 0;
	height : 164px;
	color : #cccccc;
	text-indent : 0;
	overflow : hidden;
}
* html .jdGallery .slideInfoZone {
	bottom : -1px;
}
.jdGallery .slideInfoZone h2 {
	padding : 0;
	font-size : 18px;
	color: #FF9900;
	margin : 2px 5px 10px 5px;
	font-weight : normal;
	font-family : verdana;
}
.jdGallery .slideInfoZone p {
	padding : 0;
	font-family: arial;
	font-size : 11px;
	margin : 2px 5px;
	color : #000000;
}
.jdGallery div.carouselContainer {
	position : absolute;
	height : 135px;
	width : 100%;
	z-index : 10;
	margin : 0;
	left : 0;
	top : 0;
}
.jdGallery a.carouselBtn {
	position : absolute;
	bottom : 0;
	right : 30px;
	height : 20px;
	text-align : center;
	padding : 0 10px;
	font-size : 13px;
	background : #333;
	color : #fff;
	cursor : pointer;
}
.jdGallery .carousel {
	position : absolute;
	width : 100%;
	margin : 0;
	left : 0;
	top : 0;
	height : 115px;
	background : #333;
	color : #fff;
	text-indent : 0;
	overflow : hidden;
}
.jdGallery .carousel .carouselWrapper {
	position : absolute;
	width : 100%;
	height : 78px;
	top : 10px;
	left : 0;
	overflow : hidden;
}
.jdGallery .carousel .carouselInner {
	position : relative;
}
.jdGallery .carousel .carouselInner .thumbnail {
	cursor : pointer;
	background : #000;
	background-position : center center;
	float : left;
	border : 1px solid #fff;
}
.jdGallery .carousel .label {
	font-size : 13px;
	position : absolute;
	bottom : 5px;
	left : 10px;
	padding : 0;
	margin : 0;
}
.jdGallery .carousel .label .number {
	color : #b5b5b5;
}
.jdGallery a {
	font-size : 100%;
	text-decoration : none;
	color : inherit;
}
.jdGallery a.right, .jdGallery a.left {
	position : absolute;
	height : 99%;
	width : 19px;
	cursor : pointer;
	z-index : 10;
}
.jdGallery a.left {
	left : 0;
	top : 0;
	background : url('../img/galeria/fleche1.png') no-repeat center left;
}
* html .jdGallery a.left {
	background : url('../img/galeria/fleche1.gif') no-repeat center left;
}
.jdGallery a.right {
	right : 0;
	top : 0;
	background : url('../img/galeria/fleche2.png') no-repeat center right;
}
* html .jdGallery a.right {
	background : url('../img/galeria/fleche2.gif') no-repeat center right;
}
.jdGallery a.open {
	left : 0;
	top : 0;
	width : 100%;
	height : 100%;
}
.withArrows a.open {
	position : absolute;
	top : 0;
	left : 25%;
	height : 99%;
	width : 50%;
	cursor : pointer;
	z-index : 10;
	background : none;
}
.withArrows a.open:hover {
	background : url('../img/galeria/open.png') no-repeat center center;
}
* html .withArrows a.open:hover {
	background : url('../img/galeria/open.gif') no-repeat center center;
}