/* -- Adaptado por Oscar Manuel Aguillon Silva @oaguillon-- Colombia -- para http://webmarketingsolution.com.mx/ Mexico --*/
/* ********************************************************************************************************************* */
#slideshow {
	margin:0 auto;
	width:930px;
	height:253px;
	background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;


}
#slideshow #slidesContainer {
  margin:0 auto;
  width:806px;
  height:253px;
  overflow:auto; /* allow scrollbar */
  position:relative;

}
#slideshow #slidesContainer .slide {
  margin:0 auto 10px auto;
  width:910px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:253px;
 
}

/** 
 * Slideshow controls style rules.
 */
.controles {
  display:block;
  width:39px;
  height:253px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../img/control_left.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../img/control_right.png) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 */


#pageContainer {
  margin:0 auto;
  width:960px;
}


.slide h2 {
  font:16px Myriad Pro; 
  color:#f9f9f9;
  text-align: left;
  margin-left: 10px;
}

.slide p{
  font:13px arial; 
  color:#cdcfce;
  margin: 7px;
}
.slide img {
  width: 175px;
  margin: 0px auto;
  display: block;
  -webkit-filter: grayscale(1);
filter:gray;
transition: all 0.5s;
}

.slide img:hover
{
-webkit-filter: grayscale(0);
filter:gray;
transition: all 0.5s;
}

.slide
{
  border-right: 6px solid #1c1c1e;
  display: block;
  background: #151716;
  padding-top: 10px;
}