a:hover{
	color: black;
    opacity: 0.6;
}
a:focus, a:hover, a:activea:hover{
	color: black;
    opacity: 0.6;
}
label:hover{
	color: black;
    opacity: 0.6;
}
label:focus, a:hover, a:activea:hover{
	color: black;
    opacity: 0.6;
}
label{
	cursor:pointer;
}

.d-flex {
  display:flex;
}
.as-center{
	align-self:center;
}
.t-left{
	text-align: left;
}
.m-top{
	margin-top: 20px;
}

.underline{
	text-decoration: underline;
}

.color-button{/*Colores*/
	background:#f5f5f5e0 !important;
	color: #636363 !important;
}
.colorred{
	color: #D52B1E;
}
.colorblack{
	color: black;
}
.colortextoenlace{
	color: #999999;
}

.d-inline{
	display:inline;
}

.pad-r{
	padding-right: 30px
}

.dropdown {/*dropdown de FONDOS*/
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  text-align: left;
  z-index: 1;
  margin-top:20px;
}
.dropdown:hover .dropdown-content {
  display: block;
}
.enlacetabfondos:focus > div {
  display: block;
}
.enlacesfondos{
	background: #cdcdcd;
    display: block;
    padding: 10px;
    width: 219px;
    margin-left: -77px;
    text-align: center;
    box-shadow: -1px 7px 8px 1px rgba(0,0,0,0.2);
}
.enlacesfondos:hover {
  	color: white;
	background:#D52B1E;
}
.fondoscli-container:hover{
	color:darkslategrey !important;
	cursor: pointer;
}
.triangle-up {/*triangulo del dropdown*/
	border-left: 25px solid #cdcdcd;
    border-right: 25px solid transparent;
    border-bottom: 25px solid transparent;
    top: 3px;
    left: 8px;
    box-shadow: -2px -2px 1px 0px rgba(0, 0, 0, 0.08);
    transform: rotate(45deg)translate(17px, 9px);
}
#fondos{/*quitar el borde del input de fondos y cursor como enlace*/
	border:none;
	cursor:pointer;
	/*outline: none;/*quita el recuadro cuando marcas*/
	/*caret-color: transparent;/*elimina la barra vertical del cursor de texto*/
}
#fondos:hover{/*Aclarar cuando se posa el ratón*/
	opacity:0.6;
}
#fondos:focus ~div {/*muestra los dos div(enlaces) al tabular o hacer click en fondos*/
  display: block;
}
#fondos:active ~div {/*muestra los dos div(enlaces) al tabular o hacer click en fondos*/
  display: block;
}
#fondos:focus-within ~div {/*muestra los dos div(enlaces) al tabular o hacer click en fondos*/
  display: block;
}

.homeheight{
	
}
.footer {
    padding-top: 230px;
    padding-bottom: 50px;
	border-top: 1px solid #f5f5f500;
	background: linear-gradient(0deg, #00000029, transparent);
}
.home-page .home-header {
    height: 700px !important;
}

.accesocli-container{
    color:red;
	margin-right:50px;
}

.fondoscli-container{
	padding-bottom: 25px;
}

.microsec {
    background-color: rgb(226 226 226 / 90%);
	box-shadow: -2px -1px 11px rgba(132,132,130, 1);
    padding-top:4%
    }

.microdivtex {
    position:relative;
    z-index:1;
	text-align:left;
	min-height: 204px;
}

.microtex {
    padding-left:10%;padding-right:10%; text-align: left
}

.copyrightwpb-container{
    height: 80px;
    display: table-cell;
    vertical-align: middle;
    width: 10000px;
	text-align: center;
}
/*titulo*/
.titleandbank{
	font-size:3em;
	color:black;
	margin: 120px 0 50px;
}

.main-button {
	margin: 10px;
	box-shadow: -2px -1px 11px rgba(132,132,130, 1);
} 
.main-button:hover {
	color: black;
} 

/*MICROSECCION*/
/*descripcion microseccion*/
.listamicroseccion li::before {
  content: "\2022";
  color: red;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
.listamicroseccion {
  padding-left: 30px;
}
.boldfamily {
  	font-family: "source_sans_prosemibold", sans-serif !important;
	color:black;
}

/*-----------------INFORMACION LEGAL FOOTER/listas expandibles------*/
.listafooter {
  padding-left:15px;
 /* display:none;*/
}
.listafooter li::before {
  content: "\2022";
  color: red;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}/*puntos rojos*/
input[type=checkbox] {/*oculta el checkbox*/
  display: none;
}

input:checked+#lucliente {/*hace visible la lista expandible de clientes*/
  display: block;
}
#lucliente {/*deja oculta la lista expandible de clientes por defecto*/
  display: none;
}
input:checked+#lugobierno {/*hace visible la lista expandible de reglamento*/
  display: block;
}
#lugobierno {/*deja oculta la lista expandible de reglamento por defecto*/
  display: none;
}
input:checked+#lupoliticas {/*hace visible la lista expandible de politicas*/
  display: block;
}
#lupoliticas {/*deja oculta la lista expandible de clientes por defecto*/
  display: none;
}
input:checked+#lumifid {/*hace visible la lista expandible de mifid*/
  display: block;
}
#lumifid {/*deja oculta la lista expandible de mifid por defecto*/
  display: none;
}
input:checked+#lutarifas {/*hace visible la lista expandible de tarifas*/
  display: block;
}
#lutarifas {/*deja oculta la lista expandible de tarifas por defecto*/
  display: none;
}
input:checked+#lureglamento {/*hace visible la lista expandible de reglamento*/
  display: block;
}
#lureglamento {/*deja oculta la lista expandible de reglamento por defecto*/
  display: none;
}
input:checked+#luactas {
	display: block;
}
#luactas {
	display: none;
}
input:checked+#luampliacion {
	display: block;
}
#luampliacion {
	display: none;
}
input:checked+#lucomposicion {
	display: block;
}
#lucomposicion {
	display: none;
}
input:checked+#lucuentas {
	display: block;
}
#lucuentas {
	display: none;
}
input:checked+#lucuentasand {
	display: block;
}
#lucuentasand {
	display: none;
}
input:checked+#lucuentaswpb {
	display: block;
}
#lucuentaswpb {
	display: none;
}
input:checked+#luestatutos {
	display: block;
}
#luestatutos {
	display: none;
}
input:checked+#luproyecto {
	display: block;
}
#luproyecto {
	display: none;
}
/*
.saltolista > ul:focus-within{
	
  		display:block;
}
.saltolista > ul:focus{
	
  		display:block;
}
.saltolista:focus > ul{
	
  		display:block;
}
.saltolista:active > ul{
	
  		display:block;
}
.saltolista:hover > ul{
  		display:block;
}*/

/*-----------------MEDIA--------------------*/
@media (min-width: 1510px) {
  .microsec {
   		min-height: 438px;
	}
}
@media (max-width: 1400px) {
	.enlacesfondos {
		background: #cdcdcd;
		display: block;
		padding: 10px;
		margin-left: -70px;
		text-align: center;
		box-shadow: -1px 7px 8px 1px rgba(0,0,0,0.2);
		font-size: min(4vw,15px);
    	width: min(51vw,207px);
	}
}
@media (min-width: 992px) and (max-width: 1400px) {
	#fondos{
		margin-right: 50px;
	}
}
@media (max-width: 1200px) {
  .microsec {
   		max-height: 350px;
	}
  .footer {
    padding-top: 100px;
  }
}
@media (max-width: 991px) {
  .microsec {
    min-height: 400px;
  }
  .footer {
    padding-top: 111px;
  }
}
@media (max-width: 768px){
	.microsec {
   		min-height: 300px;
   		max-height: 380px;
		margin: 10px 0;
	}
	.footer {
    	padding-top: 520px;
		background: linear-gradient(0deg, #00000014, transparent);
	}
}
@media (max-width: 570px){
	.footer {
    	padding-top: 550px;
	}
}
@media (max-width: 509px){
	.footer {
    	padding-top: 600px;
	}
}
@media (max-width: 479px){
	.footer {
    	padding-top: 1600px;
		background:white;
	}
	.microsec {
   		max-height: 410px;
	}
	.footertext{
		padding: 15px 35px;
	}
}




/*------LANDING KOKORO---------*/
.m-bottom{
	margin-bottom: 20px;
}
.subtitle {
  	font-size: 35px;
}
.olkokoro {
  text-align:left;
}
.num-kokoro {
  color: red;
    font-weight: bold;
    font-size: 33px;
    font-family: 'source_sans_prolight';
	padding-right: 5px;
}
.enlaceabrircuenta {
  	display: block !important;
    margin: auto;
    margin-top: 15px;
	margin-bottom: 15px;
    width: 200px !important;
}
#p-kokoro {
  	display: inline; 
	float: left; 
	width: 85%;
}
#flechakokoro {
  	display: inline; 
	float: left; 
	width: 15%;
}
.referenciadesktop {
  	display: block;
}
.referenciamobile {
  	display: none;
}
@media (max-width: 768px){
	#flechakokoro {
   		display: none;
	}
	.referenciadesktop {
  		display: none;
	}
	.referenciamobile {
  		display: block;
		/*border: 3px;
    	border-style: outset;
	    border-color: #d52b1f;*/
	}
	#p-kokoro {
		width: 100%;
	}
	.p-kokoro {
		margin-top: 10px;
	}
	/*.num-kokoro {
		float: left;
	}*/
}