body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#000}
#header { background-image: url(imagenes/bg_header.jpg); background-repeat: repeat-x; height:138px;}	
nav { margin-bottom:30px; background-image: url(imagenes/bg_botonera.jpg); background-repeat: repeat-x; height:34px; text-align:right; padding-top:8px;}
.carousel-indicators{ display:none}
.carousel {
  float: left;
  position: relative;
  width: 43%;
}
.carousel-control.right2 {
  left: 894px;
  right: 0;
  top: 218px;
  width: 46px;
}
.carousel-control.left2 {
  left: 689px;
  right: 0;
  top: 218px;
  width: 46px;
}
#carousel-example-generic2 {
  width: 945px; margin-bottom:25px;
}
#carousel-example-generic3 {
  margin-bottom: 25px;
  width: 945px;
}
#slder3 {
  float: right;
  height: 33px;
  margin-right: 111px;
  margin-top: -103px;
  position: relative;
  text-align: center;
  width: 33px;
  z-index: 2147483647;
}
#slizq3 {
  float: left;
  height: 33px;
  margin-right: 111px;
  margin-top: -103px;
  position: relative;
  text-align: center;
  width: 33px;
  z-index: 2147483647;
}
.carousel-control.left{ left:-75px; float:left; background-image:none!important}
.carousel-control.right{ right:-75px; float:left; background-image:none!important}
.carousel-caption{ left:0!important;background-color: rgb(109, 146, 188);
    opacity: 0.70;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70); bottom:0!important; width:100%;padding:12px !important; text-align:left }
.carousel-caption a{ color:#FFF ; opacity: 1.00!important;}
.navbar-inverse{  background-image: url(imagenes/bg_botonera.jpg)!important; background-repeat: repeat-x!important;   background-color: #171717!important;
  border-color: #fff!important;}
  .navbar-fixed-top{ top:auto!important; position:relative}
  .nav{ text-align:left;}
  .navbar{ display:none; min-height:35px!important }
@media (max-width: 1280px) {nav{ padding-right:8px; }#buscar{ width:16%!important }}
@media (max-width: 1200px) {
 nav a{ font-size: 10px!important; padding:0 4px 0 4px!important;   }
	nav a:hover { background-image:none!important}
	nav{ padding-right:8px; }
	#buscar{ display:none!important}
	#right{display:none!important}
}
@media (max-width: 1020px) {.navbar{ display:block!important } nav{ display:none!important }  #vidh{ display:none!important} #logo{ padding-left:20px} #banner{ display:none!important}#homesl2{ height:auto!important; width:100%!important}#capital{ height:auto!important; width:100%!important}#juri{ height:auto!important; width:100%!important}#legis{ height:auto!important; width:100%!important}.homesl{ width:100%!important; max-width:100%!important}.homesl1{ height:auto!important; width:auto!important}.persd{ height:auto!important; width:auto!important}.noti{ height:auto!important; width:auto!important}.pers1{ width:100%!important; max-width:100%!important}.pers2{ height:auto!important; width:auto!important}#homeslb{ height:auto!important; width:auto!important; } .homenext{ display:none} #slizq{ display:none} #slder{ display:none}.carousel{ width:100%!important; margin-bottom:25px;}.carousel-control{ width:0!important}#carousel-example-generic2 {
  width: 100%!important;
}#conta1{ max-width:100%!important; width:100%!important}#pers1{ max-width:100%!important; width:100%!important}#pers2{ display:none}#quien2{ width:100%!important; max-width:100%!important; margin-bottom:20px; float:none!important}#conta2{ width:100%!important; max-width:100%!important; margin-bottom:20px; float:none!important}.enlaces{float:none!important; width:100%!important; margin-right:0!important;}.enlaces img{ float:none!important}}
@media (max-width: 800px) {#bannerh{ display:none}#f1{ display:none}#f2{ display:none}.mod{float:none!important;margin:0 auto 25px auto!important}.modf{float:none!important;margin:0 auto 25px auto!important}#vid{ display:none}.styled-select{ margin:5px 7px 12px!important; float:none!important}#int{ max-width:100%!important; float:none!important; width:100%;}.perfiles{ margin:0 auto 30px auto!important; float:none!important; clear:both!important}#pers2{ display:none}.enlaces{float:none!important; width:100%!important; margin-right:0!important;}.enlaces img{ float:none!important}.notid1{ float:none!important; padding-bottom:8px; }
.notid2{ width:100%!important; float:none!important; }.even4 {  float: none!important;  padding: 0 0 8px 0 !important;  }.notid4{ width:100%!important;  }}
nav a {font-family: 'Noto Sans', sans-serif;  color:#fff; text-decoration:none; padding: 0 2px 0 16px; font-size:11px; text-transform:uppercase}	
nav a:hover { color:#000; background-image: url(imagenes/icon_on.jpg); background-repeat: no-repeat; background-position: left top;}	
#logo{ z-index:1031;position:absolute; text-align:right; width:12%; padding-top:21px;}
#banner{ float:left; width:80%; text-align:center; padding-left:15%; padding-top:30px;}
#bannerh { clear:both; margin:0 0 25px 0; padding: 10px 0 10px 0; text-align:center; width:100%; /*border: 1px solid #E0E0E0;*/}
#buscar{ float:left;width:20%; text-align:right; padding-top:83px;   }
.buscar{  
	border:0;
	background-image: url(imagenes/btn_buscar_izq.jpg); width:124px; height:26px; padding: 0 5px 0 5px; color:#000; font-size:12px;
}
#busc1{ float:right;width:134px;}
#busc2{ float:right;width:26px;}
.homesl{ float:left;  max-width:685px;}
.homesl1{ float:left; background-color:#323232; border-top-width: 4px; border-top-style: solid; border-top-color: #FB971D; width:260px; height:218px; padding:18px; color:#FFF}
.persd{ float:left; background-color:#323232; border-top-width: 4px; border-top-style: solid; border-top-color: #FB971D; width:260px; height:384px; padding:18px; color:#FFF}
.noti{ float:left; background-color:#000; width:260px; height:384px; padding:18px; color:#FFF}
.noti a{font-family: 'Noto Sans', sans-serif;  color: #F19125;  font-weight: bold; text-decoration: none;  line-height: 16px; font-size:14px;}
#homeslb{ float:left; background-color:#91BEE7;  width:260px; height:384px; padding:12px; color:#000; }
#homeslb a{ font-family: 'Noto Sans', sans-serif; color:#FFF; text-decoration:none; line-height: 16px; font-size:14px;}
#homesl2{ float:left; background-color:#323232;  width:256px; height:384px; padding:18px; color:#FFF}
#homesl2 a{ font-family: 'Noto Sans', sans-serif; color:#FE9223; text-decoration:none; line-height: 16px; font-size:14px; font-weight:bold;}
#capital{ float:left; background-color:#FE9223;  width:256px; height:384px; padding:18px; color:#FFF}
#capital a{ font-weight:bold; color:#FFF; font-size:14px;}
#juri{ float:left; background-color:#91BEE7;  width:256px; height:384px; padding:18px; color:#FFF}
#juri a{ font-weight:bold; color:#FFF; font-size:14px;}
#legis{ float:left; background-color:#91BEE7;  width:256px; height:384px;  color:#FFF; padding-top:9px;}
#legis a{ font-weight:bold; color:#FFF; }
.homenext{ width:260px; height:166px; float:left}
.hright{
	background-image: url(imagenes/btn_arrow_dere.png);
	background-repeat:no-repeat;
	background-position: 10px 66px; width:43px;
  display: block;
  height: 167px;
  margin-left: 207px;
  position: absolute;
  
}.hleft{
	background-image: url(imagenes/btn_arrow_izq.png); background-repeat:no-repeat;
	background-position: 10px 66px; width:43px;
  display: block;
  height: 167px;
  margin-left: 0;
  position: absolute;
}
.trans {
    background-color: rgb(50, 50, 50);
    opacity: 1.50;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.page{ max-width:1260px; margin:0 auto; }
#wrapper{/*width:98%;max-width:1260px; margin:0 auto;*/
	-moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;}
.padb{ padding-bottom:25px; clear:both}
.padb10{ padding-bottom:10px; clear:both}
.padt{ padding-top: 8px;}
.f11{ font-size:11px;}
.clear{ clear:both}
.clearp{ clear:both; padding-top:4px;}
.even{  float:left; line-height:16px; width:176px; font-size:14px;}
.even a{font-family: 'Noto Sans', sans-serif; color:#F19125; text-decoration:none;  font-weight:bold}
.even2{  float:left; width:222px; line-height: 16px; font-size:14px;}
.even2 a{font-family: 'Noto Sans', sans-serif;  color:#F19125; text-decoration:none;  font-weight:bold}
.even3{  float:left; line-height:14px; width:130px;}
.even3 a{font-family: 'Noto Sans', sans-serif;  color:#F19125; text-decoration:none; font-weight:bold}
.evenimg { float:left; width:135px;}
.iconl{ width:43px; float:left;}
#h2{ clear:both;}
#home{ max-width:950px; width: 100%; /*float:left*/display: inline-block;}
#int{ max-width:946px; float:left}
.mod{ width:266px; float:left; margin:0 25px 25px 0;}
.modf{ width:266px; float:left; margin:0 24px 45px 25px; height: 285px;}
.modp{ width:100%;  margin-bottom: 20px;}
#vid{ max-width:360px; float:left; color:#FE9223; margin-bottom:25px; line-height: 16px; font-size:14px;}
#slider2{ float:left; max-width:410px}

#slizq{ width:8%; background-color:#FE9223; text-align:center; padding-top:100px;height:229px; float:left}
#slder{ width:8%; background-color:#FE9223; text-align:center; padding-top:100px; height:229px; float:left; margin-right:20px;}
.arta{ width:100%!important;max-width:100%!important; float:none!important; margin-bottom:30px!important}
.mod2{ max-width:360px; float:left; }
.mod2 ul{ padding:0; margin:0;}
.mod2 li{ padding:2px 0 4px 20px; margin:0; list-style:none; background-image: url(imagenes/icon_bullets.png); background-position: left 2px; background-repeat:no-repeat;}
.mod2 li a{ color:#000}
.tith2{color:#FE9223; font-weight:bold;font-family: 'Noto Sans', sans-serif;}
.tith3{ color:#FE9223; font-weight:bold; font-size:18px; padding-bottom:12px;font-family: 'Noto Sans', sans-serif;}
#vidh{ background-color:#323232; border-top-width: 4px; border-top-style: solid; border-top-color: #FB971D; width:100%;  color:#FE9223; padding: 0 30px 0 30px;}
.modv{ float:left; width:130px;  margin: 10px 20px 10px 20px; }
.modv2{ position:absolute; padding:20px 0 0 50px}
/*#right{ width:265px; position: absolute; left: 100%; }
#right{ float:right; display: inline-block; width:265px; }*/
#right{ width:280px; }
#redes{ width:265px; height:70px; background-image: url(imagenes/box_redes.jpg); background-repeat: no-repeat; font-weight:bold; color:#FFF; text-align:center; padding-top:2px; margin-bottom:10px;}
#redes img{ margin: 2px 4px 0 4px;}
.var-narrow .timeline-header{
	background-image: url(imagenes/top_tweets.jpg)!important;
	background-repeat: no-repeat;
}
#susba { background-color:#323232; padding:18px; color:#FFF; width:265px!important}
#susba div{ padding-bottom:10px;}
.forms{ border:0; color:#000; padding: 0 4px 0 4px; background-image: url(imagenes/box_buzon.png); width:220px; height:25px;background-color:#323232; margin-top:2px;}
#susba span{ color:#FE9223; font-weight:bold;   }
#susba h1{ text-align:right; padding:0; margin:0 }
#banner2{ clear:both; margin:0 0 10px 0; padding: 15px 0 3px 0; text-align:center; width:100%; border: 1px solid #E0E0E0}
#banner2 img{ margin-bottom:12px; }
#notid { border-top-width: 4px; border-bottom-width: 4px; border-top-style: solid; border-bottom-style: solid; border-top-color: #000; border-bottom-color: #000; padding-top:10px; margin-bottom:30px;}
.titu{ font-family: 'Noto Sans', sans-serif; font-weight:700; font-size:15px; margin: 0 0 30px 0; clear:both; color:#F18C24; padding-left:8px; }
.tituq{ font-family: 'Noto Sans', sans-serif; font-weight:700; font-size:15px; margin: 0 0 12px 0; clear:both;  color:#F18C24;  }
.ord{ float:right; font-family: 'Noto Sans', sans-serif; font-weight:700; font-size:15px; color:#828282; text-align:right}
.styled-select {
	width: 160px;
	height: 34px;
	overflow: hidden;
	background-image: url(imagenes/btn_selector.jpg);
	background-repeat: no-repeat;
	background-position: right; float:right; margin: -7px 7px 0 7px;
   }
   .styled-select select {
   background: transparent;
   width: 188px;
   padding: 5px;
   line-height: 1; font-size:15px; font-weight:700; 
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
   .styled-select2 {
	width: 160px;
	height: 34px;
	overflow: hidden;
	background-image: url(imagenes/btn_selector.jpg);
	background-repeat: no-repeat;
	background-position: right;
   }
   .styled-select2 select {
   background: transparent;
   width: 182px;
   padding: 5px;
   text-align:center;
   line-height: 1; font-size:15px; font-weight:700; 
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
   .perfiles{max-width:453px; float:left; margin:0 10px 30px 10px;}
 .perfil{ float:left; background-color:#323232; max-width:453px; padding:8px; color:#FFF}
.perfil a{  color:#FE9223; text-decoration:none; }
.vmas { text-align:right; margin-bottom:30px; }
.vmas a{ color:#FE9223; font-weight:bold; }
.legis{ font-size:15px; padding: 11px 13px 21px 9px; margin-bottom:12px;border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF; }
	#pers1{ float:left; max-width:668px; margin-right:12px;}
	#conta1{ float:left; max-width:500px; margin-right:12px;}
	#pers2{ float:right; width:266px;}
	#quien2{ float:right; width:266px;}
	#conta2{ float:right; width:366px;}
	.pers1 { width:408px; float:left; margin-bottom:20px }
	.pers2 { width:260px; height:230px; background-color:#323232; color:#FFF; padding:17px; float:left;margin-bottom:20px  }
	.pers2 a{ font-weight:bold;  color:#FFF }
	.pers3 { padding-bottom:20px;}
	.staff1 { width:138px; float:left;}
	.padr { padding-right:3px;}
	.contal { float:left; width:48%; margin-bottom:20px;}
	.contar { float:right; width:48%; margin-bottom:20px;}
	.form-control{ background-color:#828282!important; color:#000!important; font-size:12px;border-radius:20px!important; border:0!important}
	.verticalCentered {
    display: table;
    width: 100%;
}
#caledar {line-height: 1;color:#888; font-weight:bold}
#caledar  {
	box-sizing: border-box;
	padding: 1px;
	width: 300px; height:220px;
	background-image: url(imagenes/calendario.jpg);
	background-repeat: no-repeat;
}
#caledar table {border-collapse: collapse;color: #222;font-size: 13px; width: 100%;}
#caledar td {border: 1px solid #fff;color: #444;line-height: 22px;text-align: center;}
#caledar tr:first-child td {color: #222;font-weight: 700;}
#caledar .selected { background: #f0951d; border: 0;}
#caledar .selected2 { background: #000; border: 0; color: #FFF}
#caledar .dias { color:#DBDBDB!important}
#cald{ float:left; padding-left:10px; font-weight:bold; color:#E95D20}
.box {
	display: table-cell; /**/
	vertical-align: middle; /**/
	height:35px;
	padding-left: 43px;
	background-image: url(imagenes/icon_logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:14px;
}
.box a{ text-transform:capitalize; color:#F19125; text-decoration:none;  font-weight:bold}
.titn{color: #F19125; font-weight: bold;  text-decoration: none;  text-transform: uppercase;font-family: 'Noto Sans', sans-serif;}
.titn2 {color: #FF9819; font-weight: bolder;   text-decoration: none;  text-transform: uppercase;font-family: 'Noto Sans', sans-serif;}
.foto img{ float:left; padding-right:8px;}
.foto { padding-bottom:8px;}
.enlace { padding-bottom:20px; float:left; width:43%; margin-right:60px;}
.enlace img{ float:left; padding-right:8px;}
.enlace a{ color:#000; font-weight:bold}
#elmenu { float:left; padding-left:210px;}
#elmenu  ul {
	margin: 0 auto;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align:center; z-index:1;


}
.nav > li > a{ color:#FFF}
.nav > li > a:hover{ color:#4D4D4D!important; background-color:#000!important}
#elmenu ul li {
  display: block;
  position: relative;
  float: left;
}
#elmenu li ul { display: none; background-color:#000 }
#elmenu ul li ul { 
border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #4D4D4D;}
	#elmenu ul li ul li{ padding:6px 18px 2px 4px; width:170px;}
#elmenu ul li a { margin-bottom:8px;
  display: block;
  text-decoration: none;
letter-spacing: 0;
  white-space: nowrap; background:none!important;
}
#elmenu ul li a:hover { color:#000; text-decoration:none; }
#elmenu li:hover ul {
  display: block;
  position: absolute;
}
#elmenu li:hover li {
  float: none;
}
#elmenu li:hover li a { background: #000; text-align:left; color:#FFFFFF}
#elmenu li:hover li a:hover { color:#F19125; }
#elmenu ul li ul li ul {
  background: none repeat scroll 0 0 #4E4E4C;
  border-top: 0 none; margin:2px 0 0 -4px;
}
#elmenu ul li ul li{ color:#4F4F4F; }
#elmenu ul li ul li ul li{
	background-image: url(imagenes/bullet_submenu.jpg);
	background-repeat: no-repeat;
	background-position: 9px 8px;
}
#elmenu ul li ul li ul li a:hover{ color:#000!important;
}

.notid1{ width:274px; float:left; }
.notid2{ width:518px; float:left; }
.notid4{ width:685px; padding:8px 0 16px 0; margin:0 auto;}
.notid3 {padding: 8px 0px 8px 0px;   width: 100%; clear:both;}
.vmas2 { text-align:right; margin-bottom:30px; clear:both; }
.vmas2 a{ color:#FE9223; font-weight:bold; padding: 0 4px 0 4px;  text-decoration:none;}
.vmas2 a:hover{background-image: url(imagenes/icon_compag.jpg); background-repeat:no-repeat; color:#FFF}
.even4{ float:left; line-height: 26px; font-size:25px;width:100%;}
.even4 a{font-family: 'Noto Sans', sans-serif; color:#F19125; text-decoration:none;  font-weight:bold}
.aligncenter {
  margin: 0 auto;
  display: block;
}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}  
#f1 { float:left; width:20%; padding-left:30px}
#f2 { float:left; width:20% }
#f3 { float:right; padding-right:10px; }
#footer{
	clear:both;
	background-color:#AFAFAF;
	color:#000;
	border-top-width: 3px; padding-top:10px; height:145px;
	border-top-style: solid;
	border-top-color: #888888;font-family: 'Noto Sans', sans-serif; font-size:12px;
}
#footer a{ color:#000; line-height:27px;font-family: 'Noto Sans', sans-serif; font-size:12px;}

/******************Calculadora**************************************************/

#body_calc{
    box-sizing:border-box;
    margin-top: 2em;
}

#box_sueldo{
  background: #828282;
  border:solid 1px #828282;
  border-radius:12px;
  color:#fff;
  display: inline;
  font-size: 15px;
  height: 1.5em;
  text-align: center;
  width: 8em;
}

#box_sueldo:focus{
  outline: none;
}

#box_sueldo:hover{
  cursor:default;
}

#btn_calcular{
  background: url(imagenes/btn_calcular.jpg);
  background-repeat: no-repeat;
  border-radius:15px;
  height: 30px;
  margin: 0;  
  vertical-align: bottom;
  width: 30px;
}

#btn_calcular:focus{
  outline: none;
}

#calc_title{
  color:#f08c23;
  font-size: 18px;
  font-family: 'Noto Sans', sans-serif;
}

#conten_calc{
   float:left;
   font-family:arial;
   max-width:946px;
   padding-left:1em;
   padding-top: 1em; 
   width: 900px;
}


#head_calc{
  margin-top:1.5em;
  width: 100%;
  overflow: hidden;
}

#total_emp{
  background: #ddd;
  border-radius: 8px;
  display: inline-block;
  float: right;
  height: 4em;
  width: 28%;
}

.benef{
  display: block;
  height:7em;
  width: 100%;

}

.ckeck_box{
  float:left;
  height:100%;
  margin-left: 8%;
  padding-top:15%; 
  width: 10%;
}

.ckeck_box_des{
   float:left;
  color: #fff;
  height: 100%;
  margin-left: 8%;
  padding-top: 10%;
  width: 70%;
}

.des_item{
  box-sizing:border-box;
  border-bottom: solid 2px #ddd;
  float:left;
  height: 100%;
  width: 80%
}

.des_item>div:first-child p{
  padding: 0;
  margin:0 0 0 1em;
}

.des_item>div:first-child{
  box-sizing:border-box;
  float:left;
  height: 98%;
  width:85%;
  
}


.input_mod{
  background: #828282;
  border:solid 1px #828282;
  border-radius:12px;
  color:#fff;
  font-size: 15px;
  text-align: center;
}

.input_mod:focus{
  outline: none;
}

.input_mod:hover{
  cursor:default;
}

.orange{
  box-sizing:border-box;
  background:#f08c23;
  border-bottom: solid 2px #f0f0f0;
  float: left;
  height: 100%;
  width: 20%;
}

.sub_total{
  color:#828282;
  box-sizing:border-box;
  float: right;
  font-size: 20px;
  font-weight: bolder;
  height: 100%;
  text-align: center;
  padding-top:1em;
  width: 15%;
}

.total{
  color: #f08c23;
  font-size: 20px;
  margin-left:2em;
}

.modal-dialog-modif{
  background: #333;
}

.close{
  color:#fff;
  opacity: 1;
}
.close:hover{
  color: #ccc;
}

.rotate{
  transition:all .5s ease;
}

.rotate:hover{
  transform: rotate(360deg);
}

.zoom{
  transition:all .2s ease;
}

.zoom:hover{
  transform:scale(1.05) rotate(-5deg) ;
  margin: .5em .4em;
}

/*estilos para el parche slider_banner/*---------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/* ESTILOS DEL SLIDESHOW */
 
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;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center; display:none;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
 
 
.bjqs-caption{
color:black;
background:whitesmoke;
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;
}
 
/* CONTROLES ATRAS Y ADELANTE */
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;
}
ul.bjqs-controls.v-centered li a:hover{
    background:#000;
    color:#fff;
}