/* 
*	Urmatoarele stiluri sunt doar pentru prezentarea demo-urilor si nu au nici o legatura cu functionalitatea plugin-ului:
*/

#col1 .main a {text-decoration: none; font: normal 11px/15px Tahoma; }
#col1 .main	a:active, #col1 .main a:focus { outline: none; }

#col1 .main h2 { width:432px; height: 26px; background: url("images/carousel/bg_titulo.jpg") no-repeat 0 0;  color:#FFFFFF; font:bold 15px/18px Tahoma; padding: 8px 0 0 15px;}
	
	a.ico-prev { height:18px; color:#ffffff; float: left; background: url("images/carousel/ico/prev.jpg") no-repeat top left; margin-left:5px; padding: 2px 0 0 25px;  }
	a.ico-next {  height:18px; color:#ffffff; float: right; background: url("images/carousel/ico/next.jpg") no-repeat top right; margin-right:5px; padding: 2px 25px 0 0;  }
	.ico-first, .ico-last { display:none; }

#col1 .main .navegacion { position: relative; height: 25px;background-color:#666666; padding-top:5px; }

#col1 .main .slide h4{font:bold 14px/16px Tahoma; color:#666666; padding: 10px 10px 0 10px; text-align: left; }
#col1 .main .slide h4 a{font:bold 14px/16px Tahoma; color:#999999; padding: 10px 5px; text-align: left; }
#col1 .main .slide h4 a:hover{color:#666666; text-decoration:underline;}
#col1 .main .slide p{font:normal 11px/15px Tahoma; color:#666666; padding: 0 10px; text-align: left; }

/* 
*	Declaratiile ramase sunt necesare functionarii fiecarui demo in parte:
*/
.main {
	width: 432px;
	}

.scroller {
	width: 430px;
	height: 320px;
	overflow: hidden;
	border-left: 1px dotted #666666;
	border-right: 1px dotted #666666;
	}


#content-1 {
	width: 2150px; /*Meterlo directamente en la web y multiplicar el n�mero de im�genes por 430, que son los px que miden las im�genes*/
	}

.slide {
	width: 430px;
	height: 320px;
	float: left;
	background: #FFF url("images/carousel/bg_slider.jpg") no-repeat 0 0;
	text-align: center;
	}