Mister Spy Say ="Hello Kids ... :D"
 
 
     ___  ____     _              _____
    |  \/  (_)   | |            /  ___|
               | .  . |_ ___| |_ ___ _ __  \ `--. _ __  _   _
                | |\/| | / __| __/ _ \ '__|  `--. \ '_ \| | | |
                | |  | | \__ \ ||  __/ |    /\__/ / |_) | |_| |
                \_|  |_/_|___/\__\___|_|    \____/| .__/ \__, |
                                                 | |     __/ |
                                                 |_|    |___/
                                       Bot Mister Spy V3

	

Mister Spy

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden;}
li.bjqs-slide{display:none;position:absolute;}

ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999; position: relative;}

ol.bjqs-markers{list-style:none;margin:0;padding:0;z-index:9999;}
ol.bjqs-markers li{float:left;}
.bjqs-prev p {margin-top: -4px; margin-left: 0px; padding: 0 9px;}
.bjqs-next p {margin-top: -4px; margin-left: 0px; padding: 0 9px;}	
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

/* demo styles */

.banner, .banner-chico {
	margin: 0 auto;
	position: relative;
	float: left;

}


/* Modifica los botones de siguiente y anterior */

 ul.bjqs-controls li a{
	background: none repeat scroll 0 0 #531625;
	height: 25px;
	width: 25px;
	color: transparent;
	display: block;
	font-size: 30px;	
	position: absolute;
	text-decoration: none;
	top: -134px !important;
}

/* Ubica el boton de prev en el lugar corresponidiente */

a.bjqs-prev{
	left: 10px;
	background: url(/espanol/images/img_flecha_izq.png) no-repeat !important;
}

a.bjqs-next{
	right: 10px;
	background: url(/espanol/images/img_flecha_der.png) no-repeat !important;
}

/* texto que sale al pie de la imagen */

 p.bjqs-caption{
  background:rgba(1,0,0,0.7);
  color:#fff;
  text-align: center;
}

/* Separa los circulos del banner */

 ol.bjqs-markers{
	position: absolute;
	bottom: 11px;
	left: 11px !important;
	padding: 5px;
	background-color: #03529D;
}

/* Separa los circulos entre sí */

 ol.bjqs-markers li{
  float:left;
  margin:0 3px;
  width: 20px;
}

/* Modifica los circulos debajo del banner */

 ol.bjqs-markers li a{
	display: block;
	height: 13px;
	width: 13px;
	border: 0px solid white;
	overflow: hidden;
	text-indent: 5px;
	color: #FFF;
	margin: 0 auto;
	padding-right: 5px;
	padding-bottom: 3px;
	text-decoration: none;
}

/* Modifica el color del centro activo de los circulos */

ol.bjqs-markers li.active-marker a{
  background:#EF9400;
}