@charset "utf-8";





/* Medios fluidos sencillos

   Nota: Los medios fluidos exigen la eliminación de los atributos de altura y anchura de los medios del código HTML

   http://www.alistapart.com/articles/fluid-images/ 

*/

img, object, embed, video {

	max-width: 100%;

}

/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */

.ie6 img {

	width:100%;

}



a:visited{

	color:#BAD874;

}



p.bienvenido{

       

   margin-left:10%;

   margin-bottom:10%;

   margin-top:20%;

   font-size:26px;

   text-shadow:3px 3px 6px #000;

  
}




table.tablatasas{

	margin-left:30px;

	margin-top:10px;

}






p.bienvenido2{

	text-align:right;

    margin-top:10px;;

   font-size:12px;

   



}



.puntoscc{

	list-style:none;

	font-size:18px;

	padding-top:10px;

}



h2.titulocc{

	padding-left:10px;

	padding-top:20px;

}



p.finalidadcc{

	font-size:20px;

	padding-left:10px;

	padding-right:20px;

}



.requisitoscc{

	font-size:18px;

	padding-top:10px;

}



.tablamision{

	margin-top:4%;

	margin-bottom:4%;

}



table.tablaremesas{

	margin-top:8%;

	margin-bottom:4%;

	width:75%;

	height:400px;

}



.lineaverdeverticalremesa{

	height:450px;

	width:17px;

}



.lineaverdeverticalpagos{
	height:600px;
	width:17px;
}



.lineaverdeverticalseguros{

	height:500px;

	width:17px;

}



table.tablapagos{

	margin-top:8%;

	margin-bottom:4%;

	width:70%;

	height:400px;

}



p.textoremesa{

	font-size:16px;

	text-align:left;

	margin-left:40px;

}



.misionc{

	background:#abc2b2;

	padding:20px;

}



.misionc2{

	background:#fff;

	padding:20px;

}



h3.caja{

	color:#ed3237;

	font-size:22px;

}



h3.mision2{

	color:#ed3237;

	font-weight:bold;

	margin-left:20px;

	margin-right:10px;

	display:inline;

}



p.quienesomos{

	margin-left:25px;

	text-align:justify;

	font-size:20px;

	color:#000;

	

}

span.enlace{

	margin-left:0px;

	text-align:justify;

	font-size:18px;

	color:#000;

}



span.enlace a{

	color:#0000FF;

}



p.quienesomos2{

	margin-left:25px;

	text-align:justify;

	font-size:18px;

	color:#000;

	padding:20px;

}

li.quienesomos2{

	margin-left:25px;

	text-align:justify;

	font-size:18px;

	color:#000;

	padding:0px;

}



td.columna2{

	border-left-style:solid;

	border-bottom-style:solid;

	border-color:#060;

	border-width:1px;

}



.misioncc{

	background:#abc2b2;

	padding:20px;

	margin-left:20px;

	margin-right:20px;

	margin-bottom:20px;

}



.titulotablacom{

	text-align:center;

	font-weight:bold;

}

	



h3.caracteristicas{

	color:#245137;

	display:inline;

	margin:7px;

}



h3.titulopago{

	color:#245137;

	display:inline;

	margin:7px;

	margin-left:40px;

}



.imgpago{

	width:85%;

	margin-left:40px;

	margin-top:15px;

	margin-bottom:15px;

}



.imgseguros{

	margin-left:27px;

	width:100%;

}



.imgseguro{

	width:100%;

	margin-left:40px;

	margin-top:15px;

	margin-bottom:15px;

}



h3.tituloremesa{

	color:#000;

	display:inline;

	margin:7px;

	

}







p.tituloremesa{

	color:#000;

	font-size:16px;

	display:inline;

	margin:7px;

	margin-left:40px;

	

}



table.remesedoras{

	margin-left:30px;

	

}



h3.caracteristicasben{

	color:#245137;

	display:inline;

	margin:7px;

	text-align:right;

}





h3.guion{

	color:#ed3237;

	display:inline;

	margin:7px;

}



h3.guionR{

	color:#000;

	display:inline;

	margin:7px;

	margin-left:40px;

}

.DivMision > table.tablamision > tr > div.accordion-container > div.accordion-content >p.info{

	

	text-align: right;



}

.imgsucursal{

	width:270px;

	height:180px;

	margin:25px;

}



.imggeo{

	width:120px;

	height:84px;

	margin-top:75px;

	margin-right:25px;

}



.tablamision tr.misionc td> p.dom{

	margin-left:10px;

	padding-left:10px;

	padding-right:20px;

	text-align:left;

	font-size:18px;

	color:#000;

}



.imgmapa{

	width: 470px;

	height: 148px;

}



.tablamision tr.misionc td> div.divmapa{

	margin-left:20px;

}



.imglogo{

	margin:0px 25px 25px 25px;

	width:200px;

	height:108px;

}



.tablamision tr > td.misionc > div.espacio > p.finalidadsub{

	background:#FFF;

	font-size:20px;

	color: #38663F;

	margin:9px;

}



.tablamision tr > td.misionc p.finalidadp{

	font-size:20px;

	color: #38663F;

	margin:9px;

	margin-top:10px;

}



.tablamision tr > td.misionc p.finalidadsub{

	font-size:18px;

	color: #38663F;

	margin:9px;

	margin-top:10px;

	text-align:justify;

	padding-top:15px;

	/*border-style:solid;

	border-color:#e6e7e9;*/

	

}



.tablamision tr > td > ul > li.CrediAgapes{

	margin-left:20px;

	font-size:18px;

	color:#CCC;

	list-style:none;

	margin-left:-20px;

}



.tablamision tr > td > ul > li.CrediAgapesA{

	margin-left:20px;

	font-size:18px;

	color:#ed3237;

	list-style:none;

	margin-left:-20px;

}



.tablamision tr > td > ul > li.CrediAgapes a:link{

	color: #38663F;;

}



.tablamision tr > td > ul > li.CrediAgapesA >a.activo{

	font-size: 18px;

	color: #ed3237;

	font-weight: bold;

}



.tablamision tr > td > ul > li.CrediAgapes >a.inactivo:link{

	font-size: 18px;

	color: #38663F;

}



.tablamision tr > td > ul > li.CrediAgapes >a.inactivo:visited{

	font-size: 18px;

	color: #38663F;

}



.DivSubproducto{

	width: 98%;

	margin-left: 10px;

	margin-right: 15px;

	clear: both;

	background: #FFF;

	margin-bottom:-1.5%;

	margin-top:10px;

}



.DivLineaGris{

	width: 98%;

	margin-left: 10px;

	margin-right: 15px;

	clear: both;

	background: #FFF;

	height:15px;

}



.alcances{

	width:48%;

	float: left;

	display:block;

	clear: none;

	text-align:left;

	border:solid 1px #CCCCCC;

	margin-top:-50px;

	margin-right:1.8%;

	height:140px;

	background-color:#FFF;

	

	

	

}



.exclusiones{

	width:48%;

	float: left;

	display:block;

	clear: none;

	text-align:left;

	border:solid 1px #CCCCCC;

	height:140px;

	margin-top:-50px;

	background-color:#FFF;

}





.benexcl{	

	margint-top:8%;

	padding-left:10px;

	margin-left:10px;

}

td.titt{
 font-weight:bold;

}

li.titt{
   font-weight:bold; 
}

ul>li.tamtasas{
   font-weight:bold;
   font-size:14px;
}

p.titt{
 font-weight:bold;

}

ul.titt{
   font-weight:bold; 
}

.pad{
    padding-top:7px;
    margin-left:-7px;
    background:#abc2b2;
}

p.advertencia{
    background:#abc2b2;
}

p.catbac{
    background:#abc2b2;
    
}

.unediv{
    
    background:#245137;
    width:100%;
    height:70px
    
}


h1.tituloune{
    color:#fff;
    padding-top:22px;
    padding-right:20px;
    font-size:26px;
    text-align:right;
    font-family: Arial, Helvetica, sans-serif;
}

h3.textoune{
    text-align:justify;
    padding-top:20px;
    padding-bottom:20px;
    margin-top:40px;
    margin-bottom:30px;
    text-decoration:underline;
    font-size:16px;
}

.textodivuneneg{
    font-weight:bold;
    white-space: nowrap;
    font-size:14px;
}

.textodivune{
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    margin-top:-10px;
    
}

li.neg{
   font-weight:bold; 
}

.textosimpleuneneg{
    margin-top:15px;
    text-align:justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
}

spam.textosimpleune{
    margin-top:15px;
    text-align:justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
}

span.negune{
    font-weight:bold;
}


a.unelink{
    font-weight:bold;
}

/*

	Propiedades de cuadrícula fluida de Dreamweaver

	----------------------------------

	dw-num-cols-mobile:		5;

	dw-num-cols-tablet:		8;

	dw-num-cols-desktop:	10;

	dw-gutter-percentage:	25;

	

	Inspiración obtenida de "Responsive Web Design" de Ethan Marcotte 

	http://www.alistapart.com/articles/responsive-web-design

	

	y Golden Grid System de Joni Korpi

	http://goldengridsystem.com/

*/



/* Diseño móvil: 480 px e inferior. */



.gridContainer {

	margin-left: auto;

	margin-right: auto;

	width: 87.36%;

	padding-left: 1.82%;

	padding-right: 1.82%;

}



.Lista{

	margin-left: auto;

	margin-right: auto;

	width: 87.36%;

	padding-left: 1.82%;

	padding-right: 1.82%;

}



#LayoutDiv1 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	background:#245137;

}

#DivPortada {

	clear: none;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	margin-top: 30px;

}

#DivPortada2 {

	clear: none;

	float: left;

	width: 20%;

	display: block;

	margin-top: 30px;

}

#DivSerSocio {

	clear: both;

	float: left;

	margin-left: 0;

	margin-top:10px;

	width: 100%;

	display: block;

}



.imgbot{

	width:40%;

}



#DivSesion {

	margin-left: auto;

	margin-right: auto;

	width: 87.36%;

	padding-left: 1.82%;

	padding-right: 1.82%;
}







p.sesion a{

	color:#000;	



}



p.sesion a:hover{

	color:#245137;

}



.sesion{

	text-align:right;

	margin-top:1%;

}



#DivLocaliza{

	clear: none;

	float: left;

	margin-left: 0;

	margin-top:30px;

	width: 32%;
	
	height:215px;

	display: block;

}

#DivIMGSierra{

	clear: none;

	float: left;

	margin-left: 2%;
	
	margin-right:2%;

	margin-top:30px;

	width: 32%;
	
	height:215px;

	display: block;

}

#DivSimulador{

	clear: none;

	float: right;

	margin-left: 0%;

	width: 32%;
	
	height:215px;

	margin-top:30px;

	display: block;

}



#DivAhorro{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	background:#727376;

	height:auto;

}



.enlaceimg{

	color:#000;

	font-size:9px;

	text-decoration:none;

}



.enlaceimg:hover{

	color:#245137;

}



.imglocaliza{

	width:73.3px;

	height:auto;

	

}





.ahorro a{

	color:#FFF;

	font-weight:bold;

	margin-left:15px;

	margin-top:20px;

	font-size:14px;

	line-height:40%;

	text-align:center;

}



.ahorro a:hover{

	color:#BAD874;

}



.ahorro a:focus{

	color:#BAD874;

}



#DivIzquierdoAeI{

	clear: both;	

	float: left;

	margin-left: 0;

	width: 100%;	

	display: block;

	background:#727376;

	height:250px;

	

}



#DivDerechoAeI{

	clear: both;

	float: left;

	margin-left:0;	

	width: 100%;	

	display: block;

	background:#727376;

	height:240px;

	

}



.cuentas{

	margin-bottom:25px;

	margin-top:-65px;

}



.cuentas a{

	color:#FFF;

	font-size:15px;

	font-weight:bold;

	text-decoration:none;

	margin-left:20px;

}



.cuentas a:hover, cuentas a:focus{

	color:#BAD874;

	

}



#DivLinea{

	clear: none;

	float: left;

	margin-left:0;

	width: 0;	

	display: block;

	height:0;

	

}



.lineablanca{

	width:2.6px;

	height:150px;

}



.lineaverdeclaro{

	height:2px;

	margin-left:15px;

	margin-top:-15px;

	width:97%;

}



.lineaverdeclaro2{

	height:2px;

	margin-left:10px;

	width:97%;

}



#DivImgAeI{

	clear: none;

	float: left;	

	margin-left:0;

	width: 20%;

	display: block;

	height:83.33px;

	

}



#DivPie{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	height:215px;

	background:#245137;

	margin-top:30px;

}



table.tablapie{

	margin-left: auto;

	margin-right: auto;

	width: 98%;

	padding-left:1%;

	padding-right:1%;

}



span.pie{

	color:#FFF;

	text-align:left;

	margin-top:20px;

	margin-right:10px;
	
	font-size:12px;

}



span.pie a{

	color:#FFF;

}




span.pieneg a{

	color:#FFF;

}



span.pie a.active{

	color:#FFF;

}

span.pieneg a.active{

	color:#FFF;

}



#DivAhorroI{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}



#DivCredito{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}



#DivServicio{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}



#DivInversion{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	background:#727376;

	height:auto;

}



#DivLineaSep{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}



#DivCambiante{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}



#DivInfoSerSocio{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	background:#727376;

	color:#FFF;

	margin-top:30px;

}



.sersociop{

	margin-left: 20px;

	font-weight: bold;

	font-size: 18px;

	color: #245137;

}



.partesocial{

	background: #BDBFC1;

	width: 300px;

	margin-left: 30px;

}



h3.pscosto{

	margin-left: 30px;

	margin-top: 20px;

	margin-bottom: 10px;

	padding-top: 20px;

	color: #245137;

}



h3.cacosto{

	margin-left: 30px;

	margin-bottom: 20px;

	padding-bottom: 20px;

	color: #245137;

}



.rs{

	font-size: 14px;

	padding-bottom: 5px;

	color: #245137;

}



li.rs a{

	font-size:14px;

	padding-bottom:5px;

	color:#FFF;

}



li.rs a:hover{

	color:#BAD874;

}



.cuentas li a:active{

	color:BAD874;

	

}



.CSTC{

	color:#FFF;

	margin-left:20px;

	margin-right:20px;

	font-size:14px;

	font-weight:bold;

}



.CSTCC{

	color:#FFF;

	margin-left:20px;

	margin-right:20px;

	font-size:14px;

	font-weight:bold;

}



.CST{

	color:#FFF;

	margin-left:20px;

	margin-right:20px;

	font-size:14px;

}



td.enlaceimg:active{

	color:#245137;

}



td.enlaceimg:visited{

	

}



a:visited {

	color:#000;

	text-decoration: none

 }



a:link {

	color:#000;

	text-decoration: none }



a:hover {

	color: #38663F;

}



a:active {

  color:#245137;

}



.logocaja{

	width:100%;

	height:auto;

	box-shadow: 2px 2px 3px  3px #EEE9E9;

}



.imagencaja{

	width: 10%;

	margin-top:4px;/*-60px*/

	margin-left:60px;/*35px*/

	position:absolute;

}





.logocaja{

	width:100%;

	height:auto;

	box-shadow: 2px 2px 3px  3px #EEE9E9;

}



.imginst{

	margin-top:-10px;

	width:100%;

	height:155px;

}



#DivLogoCaja{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}



.lineaverdeclarotabla{

	height:2px;

	width:100%;

	margin-top:-20px;

}



.lineagris{

	height: 2px;

	width:100%;

	background: #fff;

	margin-left: 0px;

	margin-top:10px;

	

}



#DivSeparadorIMG{

	clear: none;

	float: left;

	margin-left: 4.1666%;

	width: 100%;

	display: block;

}



#DivOrganismos{

	clear: none;

	float: left;

	text-align: right;

	width: 100%;

	display: block;

}



#DivPPie{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}



.nomimg a{

	font-size:17px;

	font-weight:bold;

	color:#245137;

}



.nomimg a:hover{

	font-size:17px;

	font-weight:bold;

	color:#ed3237;

}



.tablaahorroinversion{

	margin-top:20px;

	

}



.pahorro{

	width:50%;

}



.pahorro2{

	width: 100%;

}



.pinversion{

	width:50%;

}



.pinversion2{

	width:50%;

}



.contenidotabla{	

	padding-bottom:30px;

	padding-top:10px;

}



.imgcuentasinfantil{

	margin-right:15%;

	margin-left:15%;

	margin-top:20px;

	margin-bottom:20px;

	

}



.pahorro a{

	font-size:20px;

	color:#245137;

	font-weight:bold;

	display:block; 

	width:93.2%;

	padding:10px;	

}



.pahorro2 a{

	font-size: 20px;

	color: #FFF;

	font-weight: bold;

	display: block;

	width: 98.1%;

	padding: 10px;

	margin-left:50px; 

}



.pinversion a{

	font-size:17px;

	color:#fff;

	font-weight:bold;

	background:#245137;

	display:block; 

	width:93.2%;

	padding:10px;

	

}



.pinversion2 a{

	font-size:17px;

	color:#000000;

	font-weight:bold;

	background:#245137;

	display:block; 

	width:97%;

	padding:10px;

	

}





.clineaverde{

	background:#BDBFC1;

	height:1px;



}



table.Organismos{

	width: 100%;

}



.imgorgaR{

	width:100%;

	height:auto;

}



.imgorgaF{

	width:100%;

	height:auto;

}



.imgorgaC{

	width: 100%;

	height: auto;

}



.imgorgaB{

	width: 100%;

	height: auto;

	

}



.imgorgaCN{

	width: 100%;

	height: auto;

}



.DivEspacio{

	width:100%;

	height:100px;

	margin-bottom:50px;

}





.DivCuentaSolidaria{

	width:100%;

	margin-bottom:10px;

	height:500px;

	background:#FAFAFA;

}



.DivMision{

	width:100%;

	margin-bottom:5px;

	height:auto;

	/*background:#e6e7e9;*/

	background:#FFF;

}



#DivSesion2{

	clear: both;

	float: left;

	margin-left: 0;

	width: 95%;

	display: block;

}





 tr.misionc td> h2.mision{

	margin-top:13%;

	font-size:26px;

	padding-left:10px;

	font-weight:bold;

	margin-left:10px;

	color:#FFF;



}



.tablamision{

	margin-top:8%;

	margin-bottom:8%;

}



.tablamision tr.misionc td> h2.mision2{

	margin-top:4%;

	font-size:26px;

	padding-left:10px;

	font-weight:bold;

	margin-left:10px;

	color:#FFF;



}



.tablamision tr.misionc2 td> h2.mision2{

	margin-top:4%;

	font-size:26px;

	padding-left:10px;

	font-weight:bold;

	margin-left:10px;

	color:#FFF;



}



.tablamision tr.misionc td> p.mision{

	margin-left:10px;

	padding-left:10px;

	padding-right:20px;

	text-align:justify;

	font-size:24px;

	color:#000;

}



.tablamision tr.misionc td> p.quienesomos{

	margin-left:10px;

	padding-left:10px;

	padding-right:20px;

	text-align:justify;

	font-size:18px;

	color:#000;

}



.tablamision tr.misionc2 td> p.quienesomos{

	margin-left:10px;

	padding-left:10px;

	padding-right:20px;

	text-align:justify;

	font-size:18px;

	color:#000;

}



#DivImagenP{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}



.tablamortizacion{

	border:1px solid #333;

	margin-top:2%;

}



.tmtitulo{

	border:1px solid #333;

	background-color:#BAD874;

}



p.ttm{

	font-size:16px;

	color:#333;

	text-align:center;

	font-family:Tahoma, Geneva, sans-serif;

}



#DivEspacioTablaAmortizacionEncabezado{

	width:100%;

	height:30px;

}

#DivEspacioTablaAmortizacionPie{

	width:100%;

	height:30px;

}


.imgSerSocio{

	margin-left:5%;

	margin-right:5%;
	
	width:100px;

}



.imgSerSocioM{

	margin-left:5%;

    margin-right:5%;	
	
	width:100px;

}

.imgCondusef{
	width:75px;
	height:55px;
}

.imgFocoop{
	width:79px;
	height:34px;
}

.imgBuro{
	width:55px;
	height:52px;
}

.imgRed{
	width:120px;
	height:41px;
}

.imgCNBV{
	width:78px;
	height:46px;
}

.pie{

	color: #FFF;

	text-align: left;

	margin-top: 20px;

	font-size: 10px;

}

.piecostos, .piecostos a, .piecostos a:hover{

	color: #FFF;

	text-align:center;
	font-weight: bold;

	margin-top: 7px;
	margin-bottom: 5px;

	font-size: 12px;

}

.socialMedia img {
	width: 30px;
	height: 30px;
}
#iconActive {
	display:none;
}
.socialMedia:hover #iconActive {
	display: flex;
}
.socialMedia:hover #iconInactive {
	display: none;
}

.cerrarModal {
  position: absolute; /* Position relative to the modal content or overlay */
  top: 10px; /* Adjust as needed */
  right: 10px; /* Adjust as needed */
  background: none;
  border: none;
  font-size: 1.5em; /* Adjust size as needed */
  cursor: pointer;
  color: #aaa; /* Light gray color */
  transition: color 0.3s ease;
}

.cerrarModal:hover {
  color: #777; /* Darker gray on hover */
}

.hidden-header {
	display: none;
}

.buro-table {
	width: 100%;
	border-spacing: 0px;
	border-collapse: separate;
}

.buro-table td, .buro-table th {
	padding: 0px;
}

/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */
@media only screen and (min-width: 481px) {

.gridContainer {

	width: 80%;

	padding-left: 1.1625%;

	padding-right: 1.1625%;

}



.Lista{

	width: 80%;

	padding-left: 1.1625%;

	padding-right: 1.1625%;

}



#LayoutDiv1 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	background:#245137;

}

#DivPortada {

	clear: none;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	margin-top: 30px;

}



#DivPortada2 {

	clear: none;

	float: left;

	width: 20%;

	display: block;

	margin-top: 30px;

}

#DivSerSocio {

	clear: both;

	float: left;

	margin-left: 0;

	margin-top:20px;

	width: 100%;

	display: block;

}



.imgbot{

	width:30%;

}



#DivSesion {/*	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	gap: 16px;*/
	width: 80%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}

#DivSesionSocial {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 16px;
    width: 80%;
    padding-left: 1.162%;
    padding-right: 1.1625%;
}





p.sesion a{

	color:#000;

	



}



p.sesion a:hover{

	color:#245137;

}



.sesion{

	text-align:right;

	margin-top:1%;

}



#DivLocaliza{

	clear: none;

	float: left;

	margin-left: 0;

	margin-top: 30px;

	display: block;

	width: 32%;
	
	height:215px;

}

#DivIMGSierra{

	clear: none;

	float: left;

	margin-left: 2%;
	
	margin-right:2%;

	margin-top:30px;

	width: 32%;
	
	height:215px;

	display: block;

}


#DivSimulador{

	clear: none;

	float: right;

	margin-left: 0;

	width:32%;

	margin-top: 30px;

	display: block;
	
	height:215px;

}



#DivAhorro{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	margin-top:30px;

	background:#727376;

	height:auto;

}

.enlaceimg{

	color:#000;

	font-size:12px;

	text-decoration:none;

}



.enlaceimg:hover{

	color:#245137;

}



.imglocaliza{

	width:146.6px;

	height:auto;

	

}



.ahorro a{

	color:#FFF;

	font-weight:bold;

	text-decoration:none;

	margin-left:15px;

	margin-top:20px;

	font-size:16px;

	line-height:40%;

	text-align:center;

}



.ahorro a:hover{

	color:#BAD874;

}



.ahorro a:focus{

	color:#BAD874;

}







#DivIzquierdoAeI{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	background:#727376;

	height:250px;

	

}



#DivDerechoAeI{

	clear: both;

	float: left;

	margin-left:0;

	width: 100%;

	display: block;

	background:#727376;

	height:240px;

	

}



.cuentas{

	margin-bottom:30px;

	margin-top:-68px;

}



.cuentas a{

	color:#FFF;

	font-size:15px;

	font-weight:bold;

	text-decoration:none;

	margin-left:20px;

}



.cuentas a:hover{

	color:#BAD874;

	

}





.cuentascredC{

	margin-bottom:15px;

	margin-top:-180px;

}



.cuentascredCo{

	margin-bottom:20px;

	margin-top:20px;

}



.cuentascredV{

	margin-bottom:35px;

	margin-top:10px;

}





.cuentascredV a{

	color:#FFF;

	font-size:15px;

	font-weight:bold;

	text-decoration:none;

	margin-left:20px;

}



.cuentascredV a:hover{

	color:#BAD874;

	

}



.cuentascredC a{

	color:#FFF;

	font-size:15px;

	font-weight:bold;

	text-decoration:none;

	margin-left:20px;

}



.cuentascredC a:hover{

	color:#BAD874;

	

}





.cuentascredCo a{

	color:#FFF;

	font-size:15px;

	font-weight:bold;

	text-decoration:none;

	margin-left:20px;

}



.cuentascredCo a:hover{

	color:#BAD874;

	

}





.cuentass{

	margin-bottom:35px;

	margin-top:-90px;

}



.cuentass a{

	color:#FFF;

	font-size:15px;

	font-weight:bold;

	text-decoration:none;

	margin-left:20px;

}



.cuentass a:hover{

	color:#BAD874;

	

}





#DivLinea{

	clear: none;

	float: left;

	margin-left:0;

	width: 0;	

	display: block;

	height:0;

}





.lineaverdeclaro{

	height:2px;

	margin-left:10px;

	margin-top:-15px;

	width:97%;

}



.lineaverdeclaro2{

	height:2px;

	margin-left:10px;

	width:97%;

	

}



.lineaverdeclaroi{

	height:2px;

	margin-left:10px;

	margin-top:-15px;

	width:97%;

}





#DivImgAeI{

	clear: none;

	float: left;

	margin-left:0;

	width: 25.3%;	

	display: block;

	background:#727376;

	height:220px;

	

}



.imgah{

	width:130px;

	height:auto;

	margin-top:-1px;

	margin-left:350px;

}



#DivPie{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	height:215px;

	background:#245137;

	margin-top:30px;

}



table.tablapie{

	width: 90%;

	padding-left: 1%;

	padding-right: 1%;

}





span.pie{

	color:#FFF;

	text-align:left;

	margin-top:20px;

	margin-right:10px;
	
	font-size:12px;

}

span.pieneg{

	color:#FFF;

	text-align:left;

	margin-top:20px;
	
	margin-left:-10px;

	margin-right:10px;
	
	font-size:12px;
	
	font-weight:bold;

}

#DivAhorroI{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#DivCredito{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#DivServicio{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#DivInversion{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	background:#727376;

	height:auto;

}

#DivLineaSep{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	background:#727376;

}

#DivCambiante{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}

#DivInfoSerSocio{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	background:#727376;

	color:#FFF;

	margin-top:30px;

}





.imagencaja{

	width: 10%;

	margin-top:-60px;

	margin-left:60px; /*35px*/

	position:absolute;

}





.logocaja{

	width:100%;

	height:auto;

	box-shadow: 2px 2px 3px  3px #EEE9E9;

}



.imginst{

	margin-top:-1%;

}



#DivLogoCaja{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}



#DivSeparadorIMG{

	clear: none;

	float: left;

	margin-left: 2.5641%;

	width: 100%;

	display: block;

}



#DivOrganismos{

	clear: none;

	float: left;

	text-align: right;

	width: 100%;

	display: block;

}



#DivPPie{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}



#DivSesion2{

	clear: both;

	float: left;

	margin-left: 0;

	width: 90%;

	display: block;

}



#DivImagenP{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}



#DivInfo{

	clear: none;

	float: left;

	margin-left: 0;

	width: 60%;

	display: block;

	background:#FAFAFA;

}




.imgCondusef{
	width:75px;
	height:55px;
}

.imgFocoop{
	width:79px;
	height:34px;
}

.imgBuro{
	width:55px;
	height:52px;
}

.imgRed{
	width:120px;
	height:41px;
}

.imgCNBV{
	width:78px;
	height:46px;
}
	
.pie{

	color: #FFF;

	text-align: left;

	margin-top: 20px;

	font-size: 14px;

}
	
	.piecostos, .piecostos a, .piecostos a:hover{

	color: #FFF;

	text-align:center;
	font-weight: bold;

	margin-top: 14px;
	margin-bottom: 5px;

	font-size: 14px;

}



}


/* Diseño escritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */
@media only screen and (min-width: 769px) {

.gridContainer {

	width: 75%;

	max-width: 1000px;

	padding-left: 0.9%;

	padding-right: 0.9%;

	margin: auto;

}



.Lista{

	width: 75%;

	max-width: 1000px;

	padding-left: 0.9%;

	padding-right: 0.9%;

}





#LayoutDiv1 {

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	text-align: right;

	background: #245137;

	border-bottom: 5px solid #ed3237;

}



.prod{

	width:20%;

}



#DivPortada{

	clear: none;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	margin-top: 30px;

}



#DivPortada2{

	clear: none;

	float: left;

	width: 20%;

	display: block;

	margin-top: 30px;

	height: 520px;

}





#DivSerSocio{

	clear: none;

	float: left;

	margin-left: 0;

	margin-top: 25px;

	width: 20%;

	display: block;

}



.imgbot{

	width:100%;

	height:auto;

}





#DivSesion{

	width: 75%;

	max-width: 1000px;

	padding-left: 0.9%;

	padding-right: 0.9%;

}



p.sesion a{

	color:#000;



}



p.sesion a:hover{

	color:#245137;

}



.sesion{

	text-align:right;

	margin-top:1%;

}



#DivLocaliza{

	clear:none;

	float: left;

	margin-left: 0;

	width: 32%;

	display: block;

	margin-top: 30px;

	height:215px;

}

#DivIMGSierra{

	clear:none;

	float: left;

	margin-left:2%;
	
	margin-right:2%;

	width: 32%;

	display: block;

	margin-top: 30px;

	height:215px;

}




#DivSimulador{

	clear: none;

	float: right;

	margin-left: 0;

	width: 32%;

	display: block;

	margin-top: 30px;

	height:215px;

}



#DivAhorro{

	clear: none;

	float: left;

	margin-left:0;

	width: 50%;

	display: block;

	background:#BEBFC1;

	height:auto;

	margin-top:30px;

	

}



#DivAhorro a:hover{

	clear: none;

	float: left;

	margin-left:0;

	width: 50%;

	display: block;

	background:#727376;

	height:auto;

	margin-top:30px;

	

}



.enlaceimg{

	color:#000;

	font-size:14px;

	text-decoration:none;

}



.enlaceimg:hover{

	color: #245137;

	text-align: center;

}



.imglocaliza{

	width:220px;

	height:auto;

	

}





.ahorro a{

	color:#FFF;

	font-weight:bold;

	margin-left:20px;

	margin-top:33px;

	font-size:18px;

	line-height:40%;

	text-align:center;

}



.ahorro a:hover{

	color:#BAD874;

}



.ahorro a:focus{

	color:#BAD874;

}



#DivIzquierdoAeI{

	clear: none;

	float: left;

	margin-left: 0;

	width: 49%;

	display: block;

	background:#727376;

	margin-bottom:30px;

	height:250px;

}



#DivDerechoAeI{

	clear: none;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	background: #727376;

	height:auto;

	padding-bottom:20px;

}



.cuentas{

	margin-bottom:25px;

	margin-top:-65px;

}



.cuentass{

	margin-bottom:35px;

	margin-top:-90px;

}



.cuentas a{

	color:#FFF;

	font-size:15px;

	font-weight:bold;

	text-decoration:none;

	margin-left:20px;

}



.cuentas a:hover{

	color:#BAD874;

	

}



.cuentass a{

	color:#FFF;

	font-size:15px;

	font-weight:bold;

	text-decoration:none;

	margin-left:20px;

}



.cuentass a:hover{

	color:#BAD874;

	

}



#DivLinea{

	clear: none;	

	float: left;

	margin-left:0;

	width: 1%;

	display: block;

	background:#727376;

	height:250px;

	

}



.lineablanca{

	width:4px;

	height:230px;

}



.lineaverdeclaro{

	height:2px;

	margin-left:15px;

	margin-top:-15px;

	width:97%;

}



.lineaverdeclaroi{

	height:2px;

	margin-left:-4px;

	margin-top:-15px;

	width:97%;

}



#DivImgAeI{

	clear: none;

	float: left;

	margin-left:0;

	width: 20%;

	display: block;

	background:#727376;

	height:250px;

}



.imgah{

	width:150px;

	height:auto;

	margin-top:-1px;

	margin-left:350px;

}



#DivPie{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	height:215px;

	background:#245137;

	margin-top:30px;

}



table.tablapie{

	width: 75%;

	max-width: 1000px;

	padding-left: 0.9%;

	padding-right: 0.9%;

	margin: auto;

}



.pie{

	color: #FFF;

	text-align: left;

	margin-top: 20px;

	font-size: 14px;

}
	
.piecostos, .piecostos a, .piecostos a:hover{

	color: #FFF;
	font-weight: bold;

	text-align:center;

	margin-top: 14px;
	margin-bottom: 5px;

	font-size: 14px;

}



#DivAhorroI{

	clear: none;

	float: left;

	margin-left: 0;

	width: 20%;

	display: block;

	margin-top: 25px;

}



#DivCredito{

	clear: none;

	float: left;

	margin-left: 0;

	width: 20%;

	display: block;

	margin-top: 25px;

}



#DivServicio{

	clear: none;

	float: left;

	margin-left: 0;

	width: 20%;

	display: block;

	margin-top: 25px;

}



#DivInversion{

	clear: none;

	float: left;

	margin-left: 0;

	width: 50%;

	display: block;

	background:#727376;

	height:auto;

	margin-top:30px;

}



#DivLineaSep{

	clear: none;

	float: left;

	margin-left: 0;

	width: 0;

	display: block;

	height:0;

}



#DivCambiante{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}



#DivInfoSerSocio{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

	background:#727376;

	color:#FFF;

	margin-top:30px;

}



.imagencaja{

	width: 10%;

	margin-top:-7.5%;   /*-90px;*/

	margin-left:0;

	position:relative;

	

}



.logocaja{

	width:100%;

	height:auto;

	box-shadow: 2px 2px 3px  3px #EEE9E9;

}



.imginst{

	margin-top:-0.7%;

	height: auto;

	width: 100%;

}



/*texto Barrra superior*/

.txtBarra{

	margin-left: 10%;

	position: relative;

	margin-top: -10%;

	font-size: 40px;

	color: #FFF;

	padding-left: 68px; 

	margin-bottom: 100px;

}



#DivLogoCaja{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}



.imgcuentasolidaria{

	margin-left:10px;

	margin-right:10px;

}



.imgcuentasinfantilI{

	margin-right:7%;

	margin-left:10%;

	

}



.imgcuentasinfantilD{

	margin-right:7%;

	margin-left:15%;

	

}



.imgcuentasinfantil2{

	margin-right:5%;

	margin-left:5%;

	

}

.imgcuentasinfantil21{

	margin-right:2%;

	margin-left:3%;

	

}



.imgcuentasinfantil3{

	margin-right:0.8%;

	margin-left:5%;

	

}



.imggarantiasolidaria{

	margin-left:10px;

	margin-right:10px;

}



#DivImagenP{

	clear: both;

	float: left;

	margin-left: 0;

	width: 100%;

	display: block;

}









/*credito*/



.imgCrediAgapes{

        margin-left:3%;

        margin-right:3%;	

}



.imgCrediVive{

        margin-left:2.5%;

        margin-right:2%;

	

}



.imgCrediConsolidate{

        margin-left:1%;

        margin-right:2%;

	

}



.imgCrediConsumo{

        margin-left:1%;

        margin-right:2%;

	

}



.imgSerSocio{

	margin-left:5%;

	margin-right:5%;
	
	width:200px;
	
	height:265px;

}



.imgSerSocioM{

	margin-left:5%;

    margin-right:5%;
	
	width:200px;
	
	height:265px;

}





.cahorro{

	background:#BEBFC1;

	height:20px;

}



.clineaverde{

	background:#FFF;/*Modifiacdo de gris a verde obsuro*/

	height:1px;



}



.contenidotabla{

	padding-bottom: 30px;

	padding-top: 10px;

}



.tablaahorroinversion{

	margin-top:20px;

	

}



.nomimg a{

	font-size:17px;

	font-weight:bold;

	color:#245137;

}



.nomimg a:hover{

	font-size:17px;

	font-weight:bold;

	color:#ed3237;

}



.pahorro{

	width:50%;

}



.pahorro3{

	width:50%;

}



.pahorro2{

	width:100%;

}



.pinversion{

	width:50%;

}



.pinversion3{

	width:50%;

}



.pahorro a{

	font-size:20px;

	color:#FFF;

	font-weight:bold;

	display:block; 

	width:96.8%;

	padding:10px;	

	margin-left: 30px;

}



.pinversion a{

	font-size: 17px;

	color: #fff;

	font-weight: bold;

	background: #245137;

	display: block;

	width: 96.2%;

	padding: 10px;

	

}



.pahorro3 a{

	font-size: 17px;

	color: #FFF;

	font-weight: bold;

	background: #245137;

	display: block;

	width: 96.8%;

	padding: 10px;

}



.pinversion3 a{

	font-size: 17px;

	color: #245137;

	background: #BDBFC1;

	font-weight: bold;

	display: block;

	width: 96.2%;

	padding: 10px;

	

}



#DivSeparadorIMG{

	clear: none;

	float: left;

	margin-left: 0;

	width: 6.65%;

	display: block;

	margin-top: 25px;

}



#DivOrganismos{

	clear: none;

	float: left;

	text-align: right;

	width: 100%;

	display: block;

	height: auto;

}



table.Organismos{

	width: 100%;

}



.imgorgaR{

	width:100%;

	height:auto;

}



.imgorgaF{

	width:100%;

	height:auto;

}



.imgorgaC{

	width: 100%;

	height: auto;

}



.imgorgaB{

	width: 100%;

	height: auto;

	

}



.imgorgaCN{

	width: 100%;

	height: auto;

}



.parrafopie{



}



.DivEspacio{

	width:100%;

	height:90px;

	margin-bottom:50px;

	color:#FFF;

	

}

.DivEspacioPago{

	width:100%;

	height:20px;

	color:#FFF;

	

}







.DivCuentaSolidaria{

	width: 100%;

	margin-bottom: 10px;

	height: 700px;

	background: #FAFAFA;

}





.DivMision{

	width:100%;

	margin-bottom:5px;

	height:auto;

	/*background:#e6e7e9;*/

	background:#FFF;

}



.DivEspacioC{

	height:100px;

	width:100%;

	margin-bottom:50px;

}



.DivContacto{

	width: 100%;

	margin-top:30px;

	

}



#DivSesion2{

	width: 80%;

	padding-left: 0.9%;

	padding-right: 0.9%;

	margin: auto;

	display: block;

	

}



h3.caja{

	margin-top:8%;

	color:#ed3237;

	font-size:25px;

}


.imgCondusef{
	width:135px;
	height:90px;
}

.imgFocoop{
	width:210px;
	height:90px;
}

.imgBuro{
	width:96px;
	height:90px;
}

.imgRed{
	width:278px;
	height:90px;
}

.imgCNBV{
	width:153px;
	height:90px;
}

p.gat{
    text-align:justify;
    font-size:10px;
}


spam.normativa{
    font-size:14px;
    text-align:justify;
}

spam.negrita{
    font-weight:bold;
    font-size:14px;
    text-align:justify;
}

p.advertencia{
    font-weight:bold;
    font-size:13px;
}

.modal {
	display: none; 
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	justify-content: center;
	align-items: center;
}

.modal-contenido {
	background-color: white;
	padding: 20px;
	border-radius: 10px;
	width: 80%;
	max-width: 600px;
	position: relative;
}

#modalIframe {
	width: 100%;
	height: 400px;
	border: none;
	border-radius: 5px;
	margin-top: 16px;
}

.cerrar {
	position: absolute;
	top: 4px;
	right: 10px;
	font-size: 20px;
	cursor: pointer;
}

}