#bjqs-slider{
margin:150px auto;
box-shadow: 0 .1em 1em black;
-webkit-box-shadow: 0 .1em 1em black;
-moz-box-shadow: 0 .1em 1em black;
-o-box-shadow: 0 .1em 1em black;
}

/* ESTILOS DEL SLIDESHOW */

#bjqs-slider ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
#bjqs-slider li.bjqs-slide{position:absolute; display:none;}
#bjqs-slider ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
#bjqs-slider ul.bjqs-controls.v-centered li a{position:absolute;}
#bjqs-slider ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
#bjqs-slider ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
#bjqs-slider ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
#bjqs-slider ol.bjqs-markers.h-centered{text-align: center;}
#bjqs-slider ol.bjqs-markers li{display:inline;}
#bjqs-slider ol.bjqs-markers li a{display:inline-block;}
#bjqs-slider p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

#bjqs-slider .bjqs-caption{
color:black;
background:whitesmoke;
opacity:.75;
}

/* BOTONERA UBICADA AL PIE DEL SLIDESHOW */
#bjqs-slider  ol.bjqs-markers{
    margin-top:35px;
}
#bjqs-slider ol.bjqs-markers li a{
    padding: 5px 10px;
    background: #000;
    color: #fff;
    margin: 5px;
    text-decoration: none;
    transition:background .5s ease;
    -webkit-transition:background .5s ease;
    -moz-transition:background .5s ease;
    -o-transition:background .5s ease;
}
#bjqs-slider li.active-marker a, ol.bjqs-markers li a:hover{
background:gray!important;
}

/* CONTROLES ATRAS Y ADELANTE */
#bjqs-slider ul.bjqs-controls.v-centered li a {
    display: block;
    padding: 10px;
    background: whitesmoke;
    color: #000;
    text-decoration: none;
    opacity:.75;

    transition:color .5s ease, background .5s ease;
    -webkit-transition:color .5s ease, background .5s ease;
    -moz-transition:color .5s ease, background .5s ease;
    -o-transition:color .5s ease, background .5s ease;
}
#bjqs-slider ul.bjqs-controls.v-centered li a:hover{
    background:#000;
    color:#fff;
}
/* Estlios de titulo de cada slide todo es customizable */
#bjqs-slider #h1-animate{
	margin-top: 40px;
	margin-left: 20px;
	position:absolute;
	z-index: 9000;
	font-size: 30px;
    -webkit-animation-name: entradaTitulo; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: entradaTitulo;
    animation-duration: 1s;

}
/* Estlios de parrafo de cada slide todo es customizable */
#bjqs-slider .h2-animate{
	width: 80%;
	margin: 250px 10px 10px 10px;
	background-color: rgba(0,0,0,0.1);
	position:absolute;
	z-index: 9000;
	font-size: 16px;
	font-weight:normal;
	padding: 5px;
	-webkit-animation-name: entradaParrafo; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-name: entradaParrafo;
    animation-duration: 2s;
}

/* animaciones primera entrada de titulos y parrafos */
@-webkit-keyframes entradaParrafo {
    from {margin-left: -40px;}
    to {margin-left: 10px;}
}

/* Standard syntax */
@keyframes entradaParrafo {
    from {margin-left: -40px;}
    to {margin-left: 10px;}
}

@-webkit-keyframes entradaTitulo {
    from {margin-left: -40px;}
    to {{margin-left: 20px;}
}

/* Standard syntax */
@keyframes entradaTitulo {
    from {margin-left: -40px;}
    to {margin-left: 20px;}
}