/* example_3 css */
#example_3 {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 654px; /* important */
	height: 231px; /* important */
	margin: 0 0px;
	background: #fff;
}

#example_3_frame {position: relative}
#example_3_previous {float: left;}
#example_3_next {float: right;}
#example_3_content {
	position: absolute;
	top: 0;
}
#example_3 ul{
padding:0px;
margin:0px;
margin-left:50px;
padding-left:50px;
}

#example_3_content li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#example_3_content {
	width: 5418px;
}
#example_3 ul li {
	display: block;
	float: left;
	margin-left:25px;
}

#example_3 ul li img {
	display: block;
	border:0;
}

#example_2 {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 654px; /* important */
	height: 117px; /* important */
	margin: 0 0px;
	background: #fff;
}

#example_2_frame {position: relative}
#example_2_previous {float: left;}
#example_2_next {float: right;}
#example_2_content {
	position: absolute;
	top: 0;
}
#example_2 ul{
padding:0px;
margin:0px;
margin-left:50px;
padding-left:50px;
}

#example_2_content li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#example_2_content {
	width: 5418px;
}
#example_2 ul li {
	display: block;
	float: left;
	margin-left:25px;
}

#example_2 ul li img {
	display: block;
	border:0;
}

#carousel-wrapper {/*se definen las propiedades del contenedor mayor*/
width: 604px;
height: 234px;
overflow: hidden; /*se esconden las barras de scroll*/
float:left;
}
#carousel-content {
width: 2500px; /*se define el ancho que podrán tener todos los slides juntos, si se exceed el carousel va a formar un "Segundo piso" asi que no importa el valor, cuanto mas ancho mejor.*/
}
#carousel-content .slide {/*define las propiedades de cada diapositiva*/
float: left;
width: 170px;
height: 230px;
}

img{
border:0;
}