/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel-component { position:relative;overflow:hidden;/* causes the clipping */}
				
.carousel-component ul.carousel-list{width:100000px;position:relative;z-index:1;}

.carousel-component .carousel-list li { float:left;list-style:none;overflow:hidden;margin:0px;}
/**
 * VERTICAL CAROUSEL DEFAULTS
 **/
.carousel-component .carousel-vertical li {
margin-bottom:0px;
/* Fix for extra spacing in IE */
float:left;
clear:left;
/* Force the LI to respect the HEIGHT specified */
overflow:hidden;
display:block;
}

/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari... as in up/down button not working in some examples. */	 
.carousel-component ul.carousel-vertical{/*width:auto;*/}

.carousel-component .carousel-clip-region { 
overflow:hidden;
/* Secret to the clipping */
/*margin:0px auto;*/
margin:0px;
position:relative;
/*border:1px solid #999999;*/
}
/**
 * ==============================================================================
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/
#pan_cel{overflow:hidden; width:580px;}

.carousel-component{padding:0;margin:0; }

.carousel-component ul.carousel-list{margin:0px 0px;padding:0px;overflow:hidden;}

.carousel-component .carousel-list li {background:url(../img/panel_cel.gif) no-repeat top;
height:186px; margin-top:6px; margin-right:15px; margin-bottom:0; margin-left:15px; text-align:center;width:115px;}

.carousel-component .carousel-list li a{/*display:block;border:1px solid #e2edfa;outline:none;*/}
.carousel-component .carousel-list li a:hover{/*border: 1px solid #aaaaaa;*/}
.carousel-component .carousel-list li img {/*border:1px solid #999;display:block;*/}