/**

 * This <div> element is wrapped by jCarousel around the list

 * and has the classname "jcarousel-container".

 */

 

 #teste a {

 	margin: 0;

	padding: 0;

}

 #teste h3 {

 	color: #7c7364;

	margin: 0 0 4px;

}

.jcarousel-container {

    position: relative;

}



.jcarousel-clip {

    z-index: 2;

    padding: 0;

    margin: 0;

    overflow: hidden;

    position: relative;

}



.jcarousel-list {

    z-index: 1;

    overflow: hidden;

    position: relative;

    top: 0;

    left: 0;

    margin: 0;

    padding: 0;

}



.jcarousel-list li, .jcarousel-item {

    float: left;

	width: 226px;

	height: 261px;

	display: block;

    list-style: none;

    /* We set the width/height explicitly. No width/height causes infinite loops. */

	padding: 0 2px;

	background: url(../imagens/bg/jq-box.jpg) no-repeat;

}

	.jcarousel-item h2 {

		display: block;

		padding: 11px 17px 6px 17px;

		height:18px;

	}

	.jcarousel-item p {

		display: block;

		padding: 0 11px;

		color: #0a6ca9;

	}

	.jcarousel-item strong {

		display: block;

		padding: 12px 0 0 0;

		color: #0a6ca9;

	}

	.jcarousel-item img {

		margin: 0;

		width: 224px;

		height: 131px;

	}

	.jcarousel-item a {

		color: #7c7364;

	}

	.jcarousel-item a:hover {

		text-decoration: none;

	}

	.jcarousel-item a p {

		margin: 16px 0 0;

	}

	.jcarousel-item a:hover {

		text-decoration: none;

	}

	.jcarousel-item a strong {

		display: block;

		margin: 2px 0 0;

		font-weight: normal;

	}



/**

 * The buttons are added dynamically by jCarousel before

 * the <ul> list (inside the <div> described above) and

 * have the classnames "jcarousel-next" and "jcarousel-prev".

 */

.jcarousel-next {

    z-index: 3;

    display: none;

}



.jcarousel-prev {

    z-index: 3;

    display: none;

}