#slider{
height: 100%;
width: 100%;
}
 
 
/* ESTILOS DEL SLIDESHOW */


li.active-marker a, ol.bjqs-markers li a:hover{
background:gray!important;
}

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

ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
/*botonera al pie del slide show*/
ol.bjqs-markers{
	list-style: none; 
	margin-top: 35px;
}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{
	background: #000000;
	display:block;
	width:96%;
	margin:0;
	padding: 2px 2% 2px 2%;
	opacity: 0.6;
	position:absolute;
	bottom:0;
}
 
 
.bjqs-caption{
color:#fff;
background:transparent;
opacity:.75;
}

/* BOTONERA UBICADA AL PIE DEL SLIDESHOW */
ol.bjqs-markers{
margin-top:35px;
}
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;
}

li.active-marker a, ol.bjqs-markers li a:hover{
background:gray!important;
}
 /* los links internos*/
 .div-caption{
 	background: #000;
 	color:#fff;
 	height: 100%;
 	padding-top: 35%;/*depende del ancho y alto en bjqs.js*/
 	position: absolute;
 	text-align: center;
 	top:0;
 	left: 0;
 	opacity: 0.6;
 	width: 100%;
 }
 .div-caption h3{
 	width: 100%;
 	text-align: center;
 	font: bold 24px/1em;/* "Ubuntu",sans-serif;*/
color: #FFF;
text-transform: uppercase;
position: relative;
margin: 0px 0px 19px;
 }

 ul.bjqs .link{
 background: rgb(0,191,243);
text-decoration:none;
 color:#fff;
font-size:1.2em;
padding: 0.5em;
}
 ul.bjqs .link:hover{
 	background: #fff;
 	color:#444;
 }
/* Fin de los links internos*/

/* CONTROLES ATRAS Y ADELANTE */
ul.bjqs-controls.v-centered li a {
display: block;
padding: 5px;
background: #000;
color: #fff;
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;
}
ul.bjqs-controls.v-centered li a:hover{
    background:#000;
    color:#fff;
}
@media(max-width: 420px){
	p.bjqs-caption{
		opacity: 0;
	}
}