div.content_nav{
    width: 1188px;
    height: 630px;
    overflow: hidden;
    position: absolute;
    left: 30px;
    bottom: 25px;
    /* background-image: url('../img/intro/SB_L_G11_U02_L04(28).png'); */
    background-repeat: no-repeat;
}
ol.sections{
  height: 620px;
  width: 2500px;
  padding: 0;	
  /*background: #FBF2E8;*/
}
.buttons{
	background: url(../img/flecha.png) no-repeat -9% 50%;
    width: 30px;
    height: 40px;
    left: 1154px;
    top: 330px;
    position: absolute;
    cursor: pointer;
}
.buttons:hover{
	background-position: right center;
}
.buttons.last{ 
	left: 2px; 
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	transform: rotate(180deg);
	display: none;
}

.content_nav > .controls{ 
  position: absolute;
  text-align: center;
  /*background: #F7E6D3;*/
  width: 100%;
  height: 35px;
  bottom: 20px;
  left: 0px;
}
.content_nav > .controls > span{ 
	background: #868686;
	display: inline-block;
	height: 12px;
	width: 12px;
	border-radius: 6px;
	border: 1px solid #868686;
	margin: 11px 4px;
	cursor: pointer;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	position: relative;
}
.content_nav > .controls > span.active{ border-color: #67D7CB; background: #67D7CB; }
.controls > span:active{ 	
    -ms-transform: scale(1.2,1.2); /* IE 9 */
    -webkit-transform: scale(1.2,1.2); /* Safari */
    transform: scale(1.2,1.2);
}

ol.sections > li{
	width: 1150px;
	height: 620px;
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: relative;
}
