@charset "utf-8";
/* CSS Document */
/*Ajusta el tamaño de como se vera la imagen del slider en el alto si queremos que sean 3 pequeñas o 4 debemos cambiar la medida del height*/
.list_carousel {
    height: 340px;
    margin: 10px 0 0;
    padding: 10px 0 0;
    width: 100%;

}
.list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
/*Ajusta el tamaño de como se vera la imagen del slider en el ancho si queremos que sean 3 pequeñas o 4 debemos cambiar la medida del width*/
.list_carousel li {
    font-size: 14px;
    color: #333;
    width: 900px; /*esta medida coloca justas las imagenes para eliminar el espacio en blanco ajustalo a la medida dependiendo de la imagen*/
    margin: 2px;
    display: block;
    float: left;
}
.list_carousel.responsive {
    width: auto;
    margin-left: 0;
}
.list_carousel .clearfix {
    float: none;
    clear: both;
}
.list_carousel a.prev {
    background: url(../images/flecha-izquierda.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 150px;
    position: relative;
    top: -200px;
    width: 60px;
	left:-34px;
}
.list_carousel a.next {
    background: url(../images/flecha-derecha.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 150px;
    position: relative;
    left: 940px !important;
    top: -350px;
    width: 55px;
}
.list_carousel a.prev {
}
.list_carousel a.next {
    right: -29px;
}
.list_carousel a.prev.disabled, a.next.disabled {
    cursor: default;
}
.list_carousel a.prev span, a.next span {
    display: none;
}
#foo2 {
    left: 17px;
    margin: 0 2px;
    position: relative;
}