body {
	margin: 0;
	padding: 0;
	
	
}
.demo_wrapper {
	width: 50%;
	margin: 0 auto;
}
span.titulo { display:table; margin:-40px auto 10px ; 
              background-color: #e2001a; font-size: 32px; 
              text-transform: uppercase; padding: 3px 6px; font-weight:600; }
.sy-caption-wrap .sy-caption div{ overflow: hidden; }
span.texto-i{ font-size: 40px; font-weight: 800; width: 48%; margin-right: 2%; float: left; text-align: right;}
span.precio{font-size:80px; font-weight: 800; width: 48%; margin-left: 2%; float: left; text-align: left;}
.sy-controls li a::after { background-image: none; background-size: auto; height: 50px!important; width: 29px; background-color: none;}
.sy-controls li.sy-next a::after { background: url(../img/flecha-derecha.png) no-repeat center top;}
.sy-controls li.sy-prev a::after {background: url(../img/flecha-izquierda.png) no-repeat center top;}
.sy-caption-wrap .sy-caption { background-image: url(../img/banda-slide.png) ; background-color: transparent }
@media only screen and (max-device-width: 800px), screen and (max-width: 800px) {
  .demo_wrapper {
    width: 80%;
  }  

  

}
.demo_block {
	width: 100%;
}
.sy-pager li a:focus {
outline: 0;
}
@media only screen and (max-device-width: 996px), screen and (max-width: 996px) {
   span.texto-i{ font-size: 25px; font-weight: 600; }
   span.precio{ font-size: 30px; font-weight: 600; }
   span.titulo {font-size: 25px;}
     .demo-2 .sl-slider h2 { padding-top: 20px!important}

}
@media only screen and (max-device-width: 486px), screen and (max-width: 486px) {
  img.logo{ width: 150px;}

}