.carousel { 
	position:relative; 
	clear:both; 
	left:20px;
	margin-top:10px; 
    border:1px solid #f17c0e;
    background:#fff
}
.carousel .navButton {
    cursor:pointer;
    display:block;
    text-indent:-9999px;
    background-repeat: no-repeat;
    z-index:10
}
.carousel .container { 
	position:absolute; 
	overflow:hidden
}
.carousel .items {
	position:absolute
}
.carousel .item { 
	position:relative;
    cursor:pointer;
	margin:0px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
    list-style-type:none
}
.carousel .navButton {
	position:absolute;
	bottom:0px;
	width:24px;
	height:120px
}
.carousel .navButton.previous {
	left:5px;
	background:url(../img/left.gif) 50% 50% no-repeat
}

.carousel .navButton.next {
	right:5px;
	background:url(../img/right.gif) 50% 50% no-repeat
}
#Carousel {
	position: relative;
	width: 450px;
	height: 190px;
	margin: -2em 0 0 53%;
	padding: 0
}
#Carousel div.boton {
	display: block;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	cursor: pointer
}
#Carousel #btnleft {
	position: relative;
	top: 110px;
	left: 0;
	background: url(../img/flecha_izq.jpg) top left no-repeat
}
#Carousel #btnright {
	position: relative;
	top: 80px;
	left: 420px;
	background: url(../img/flecha_dxa.jpg) top left no-repeat
}
#Carousel #container {
	position: absolute;
	top: 55px;
	left: 50%
}
#rotate1,#rotate2,#rotate3,#rotate4,#rotate5 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px
}
#Carousel .rotate img {
	width: 150px
}
#Carousel2 { 
	width: 524px;
	height: 132px
}
#Carousel2 .container {
	top: 12px;
	left: 52px;
	width: 420px;
	height: 120px
}
#Carousel2 #items {
	top:0; 
	left:2px; 
	width:10000px
}
#Carousel2 .item {
	float:left; 
	clear:right;
	width:105px;
	height:105px
}
#Carousel2 .item img {
	position:relative; 
	left:0px; 
	width:100px !important; 
	height:100px; 
	cursor:pointer
}