/************************************************************************************************************************
	Estilos
************************************************************************************************************************/
	/* =====================================JQUERY SLIDER==============================================*/


#slide {

	width:780px;

 	height: 171px; 

	/*margin:5px auto 10px;*/

	clear:both;

}

#s3slider {

   width:780px; /* important to be same as image width */

 	height: 171px; /* important to be same as image height */

   position: relative; /* important */

   overflow: hidden; /* important */

}



#s3sliderContent {

   width: 300px; /* important to be same as image width or wider */

   position: absolute; /* important */

   top: 0; /* important */

   margin:0;

   padding:0;

}



.s3sliderImage {

   float: left; /* important */

   position: relative; /* important */

   display: none; /* important */

}



.s3sliderImage span {

   position: absolute; /* important */

   font-size: 20px;

   font-family:arial;

   line-height:38px;

   text-transform:capitalize;

   padding: 10px 13px;

   width: 350px;

   height:120px;

   text-align:right;

   background-color: #none;

   filter: alpha(opacity=70); /* here you can set the opacity of box with text */

   -moz-opacity: 0.7; /* here you can set the opacity of box with text */

   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */

   opacity: 0.7; /* here you can set the opacity of box with text */

   color: #fff;

   display: none; /* important */

   top: 0;

   right:20px;

}



.s3sliderImage span a.button {

	display:block;

	float: left;

	padding:2px 10px;

	font-size:18px;

	background:#333;

	color:#fff;

	text-decoration:none;

	margin:10px 0 0;

}



.s3sliderImage span a.button:hover {

	background:#111;

}