
section {

}
.section-heading,
.section-description {
  margin-bottom: 1.2rem;
}



section .container  h2 {
  color: #4E8C41;
  font-weight: bold;
  font-size: 30px;
  line-height: 27px;
}

section .container h3 {

  font-weight: bold;
    font-size: 18px;color: #222;}



section .container h4 {
  font-size: 19px;
  font-weight: bold;
  margin: 0 0 16px;
  text-align: center;
  color: #222;
}
section .container p {
font-size: 16px;
color: #222;
margin: 0 0 12px;line-height: 21px;}
section .container a {
  color: #222;
}

section .container li {
  list-style: none;
  padding: 0;
  margin: 0 0 7px;
  color: #222;
  font-size: 16px !important;
  line-height: 18px;
}
section .container ul.latin {
  padding: 0 0 0 25px
}
section .container ul.latin > li {
  list-style: lower-latin;
}


 section .container ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}

section .container ol li {
  list-style: inherit;
}
section  .container {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}
.sectionCaratula table {
border-bottom:solid 1px #222;
margin:0 0 20px;
}
.sectionCaratula table td  {
	border-left:solid 1px #222;
	border-right:solid 1px #222;
	border-top:solid 1px #222;
	font-size:16px;
	padding:10px 10px;
}
.logoTitulos {
  float: left;
  width: 60%;
}

.logoTitulos.Vportada {
  width:30%;
}

section  .container  .logo {
  width: 97px;
  float: left;
  margin: 0 17px 0 0;
}
section  .container  .logo img {
  width: 100%;
}
section  .container  .encabezado {
   width: 70%;
  float: left;
  margin: 23px 0 0;
}
section  .container  .encabezado h4{
  text-align:left; 
}
section  .container  .encabezado h6 {
  font-size: 18px;
  font-weight: normal;
}
.numeroCuenta {
  float: right;
  width: 25%;
  font-size: 16px;
  line-height: 21px;
  margin: 42px 0 0;
}
.numeroCuenta.Vportada {
   width: 44%;
   margin: 0;
}
.numeroCuenta.Vportada p{
	margin:0;
 
}
.numeroCuenta h5 {
  font-weight: bold;

}
.numeroCuenta span {
  /* float: right; */
  margin: 0 0 0 7px;
  color: #9C9C9C;
}
 /* Bigger than 750 */
.top {
padding: 15px 0 20px;margin: 0 0 20px;}

.dosfirmas small{
  font-size: 16px;
}

.firmas.center {text-align: center;width: 320px;/* padding: 17px 0 0; *//* margin: 30px auto; */}

.firmas.center p {

  margin:0 0 5px;

}

.dosColumnas {
  overflow: hidden;
  margin: 10px 0 50px;
}
.dosColumnas .container > .bloqueFirmar {
  width: 48%;
  float: left;
  position: relative;
}

.dosColumnas .container > .bloqueFirmar + .bloqueFirmar{
  float: right;
}
.bloqueFirmar {
  text-align: center;

}
.bloqueFirmar div{
  padding: 0px 0 0;
  margin: 0px 0 0;
}

.bloqueFirmar div p{
  margin: 0 0 0;

}
.bloqueCuestionario {
overflow: hidden;
margin: 0 0 14px;
}
.bloqueCuestionario h3 {
  margin: 20px 0 20px;
}
.tresColumnas {
  margin: 0 0 20px;
}

.tresColumnas article {
width: 33.3%;
float: left;
}

.right {
  float: right;
  }
div.pdf-file, p.pdf-file{
	text-align: justify!important;
}
div.pdf-file div.bloqueFirmar p {
    text-align: center !important;
}
.clear {
  clear: both;
} 
.gris {
  background-color: #E0E0E0;
  padding: 20px 20px 10px;
  width: 920px;
  margin: 0 auto 30px !important;
  border: solid 1px #666;
}
.parrafosLinea p {
border-bottom: solid 1px #ccc;
padding: 0 0 6px;
}

.parrafosLinea p span {
  width: 200px;
  border-bottom: solid 1px #222;
  display: inline-block;
}

.formularioTypeA  p small{
  border-bottom:solid #222 1px;
  width:200px;
  display:inline-block;
}

.tablaDosColumna {
  width:100%;

  margin: 0 0 35px;
}

.tablaDosColumna td, .tablaDosColumna th{
  padding:5px 5px;
  text-align:left;
 

}
.portada {
  margin: 20px 0 0 0;
}
.portada .fila {
  overflow:hidden;
    border: solid 1px #222;
}

.filaSuperior {
  height:81px;
}
.filaSuperior2  {
  height: 89px;
}
.filaIntermedio ul, .comisionesRelevantes  {
  overflow:hidden;
  border-top: 0;
  width: 100%;
  height: 103px;
  border-bottom: solid 1px #222;
  margin: 0 !important;
}
.filaIntermedio ul li {
  width: 33%;
  height:100%;
  display:block;

  float: left;
}
.filaIntermedio ul li + li {
  border-left:solid 1px #222;
}
.izqCol {
border-right:solid 1px #222;
}
.izqCol, .derCol {
  float:left;
  width: 49.5%;

  padding: 0px 0;
  height:100%;
}
.portada   p, .portada   h4{
  padding:0px 3%; 
  margin:10px 0 0 0;
}
.filaSuperior2 .izqCol {

}
.filaIntermedio {
    height: 500px;
}
.tasaInteres {
  width: 33%;
  float:left;
  display: block;

  overflow: hidden;
  border-right: solid 1px #222;
  height: 100%;
}
.colIntDerecha {
   width:66.3%;
  float:left;
}

.colIntDerecha {
   width: 66.6%;
  float:left;
   position: relative;
   height: 50%;
   /* overflow: hidden; */
}
.gatNominal {
  border-right:solid 1px #222;
}
.gatNominal, .gatReal {
  width: 49.5%;
  height: 100%;
  /* position: absolute; */
  float: left;
  min-height: 1px;
  height: 67%;
}
.info {
  height: 56%;
  /* position:absolute; */
  /* bottom:0; */
  width:100%;
  display: block;
  clear: both;
  min-height: 1px;
  border-top: solid 1px #222;
}
.filaIntermedio2  {
  height: 113px;
}
.filaIntermedio3  {
  height: 113px;
}
.filaIntermedio4  {
  height: 183px;
}
.filaIntermedio5  {
  height: 173px;
}

.filaIntermedio6  {
  height: 213px;
}

.containerPrint {
	width: 1140px;
	margin:0 auto;
}
.sectionImprimir {
	position:fixed;
	top: 40px;
	left: 0;
	width: 100%;
	display:block;
}

.btnImprimirEstado {
float: right;
display: block;
width: 69px;
margin: 0px 0 0px;
cursor: pointer;
}

.firmaBloque {
	margin: 0px 0 0;
	position: absolute;
	width: 100%;
	left: 0;
}


.variable {
	font-weight:bold;
	padding: 0 5px;
}

.borde {
	border-bottom: 1px #222 solid; 
	display: inline-block;
}

.anexo {
	width:240px;
	display: inline-block;
}
.anexo2 {
	width: 94%;
	display: inline-block;
	padding: 0 3%;
}
.bloqueUnico {
		margin: 0 auto;
		display: block;
		float: none;
		clear: both;
		height: 10px;
		width: 300px;
		text-align:center;
}
.filaIntermedio .derCol p{
margin:0 0 5px;	
}

.celdaPortada {
	padding: 7px 6%;
	width: 90%;
	display: block;
}
.unaFirma {
	/* width: 220px; */
	margin: 0 auto !important;
	display:block;
	height: 104px;
	overflow: hidden;
}
.unaFirma img, .dosFirma img{
	/* width:100%; */
}



.nombreCompleto {
		height: 85px;
		border-top: solid 1px #333;
}

.colIzq, .colDer {
	width:50%;
	float:left;
}
.nombre-cell, .tipoOperacion {
	max-height:90px;
	height:90px;
	text-align:center;
}

.tasa-gat-cat td, .comisionesRe td {
	max-height: 120px;
	height: 120px;
}

.portadaTabla table table td{
	vertical-align: middle;
	text-align: center;
	padding: 4px 10px;
	border: 1px #222 solid;
}
.portadaTabla td h4{
	margin:0; 
}
.tasa-gat-cat-det td{
	max-height: 131px;
	height: 131px;
}

.sin-borde-inf {
	/* border: 0 !important; */
}

.observaciones td {
	height: 163px;
	max-height: 163px;
}

.detalle_comisionesRe{
	max-height: 321px;
	height: 321px;
}
.detalle_comisionesRe p{
margin:0 !important;
}
.medios-lugares {
	max-height:100px;
	height:100px;
}
.estadoCuenta td, .otroDato td, .acla-recla td, .otroDato2 td {
padding:10px 5px;	
}
.tablaInferior {
	margin:0 0 20px;
}


.bloqueContratoInner .colIzq, .bloqueContratoInner  .colDer {
	width:100%;
	float:left;
}
@media only screen and (max-width: 960px) {

.colIzq, .colDer {
	width:100%;
	float:left;
}
.portadaTabla tr{
		max-height:initial;
	height:auto;
}
.portadaTabla td{
	vertical-align: middle;
	text-align: center;
	padding: 10px 2px;
	max-height:initial;
	height:auto;
}
 section .container {
  width: 96%;
 }
 .sectionImprimir {
 	display:none;
 }
} 

@media only screen and (max-width: 876px) {
 
.filaSuperior .izqCol {
  margin:0 0 10px;
}
  .filaSuperior .derCol {
    border-top:solid 1px #222; 
  }
  .fila {
  height:auto;
  padding: 17px 0;
}
.fila.filaIntermedio  {
  padding:0;
}
.fila.filaIntermedio  .izqCol {
    height: 470px;

}
.fila.filaIntermedio .derCol {
    border-top:solid 1px #222; 

    padding: 0 0 39px;
}

.filaIntermedio2  .izqCol{
  border-bottom:solid 1px #222; 
  padding:0 0 20px 0;

}
  .izqCol, .derCol {
  float:none;
  width: 100%;
  clear:both;
  overflow: hidden;
  display: block;
  height: auto;
}
 section .container {
  width: 96%;
 }

 .logo {
  clear:both;
  float:none;
}
section  .container  h2 {
  color: #4E8C41;
  font-weight: bold;
  font-size: 46px;
  margin: 0 0 11px;
  line-height: 41px;
}
.logoTitulos {
  width:100%;
}
.encabezado, .numeroCuenta  {
  width:100%;
  clear: both;
  margin: 0 0 10px!important;
}
.numeroCuenta  {
 background-color:#ECECEC;
 font-size:30px;
 padding:20px 4%;
 width:92%;
 margin: 20px 0;
}

.numeroCuenta.Vportada {
  width:95%;
  padding:10px 2%;
  margin: 20px 0 0 0;
}

.numeroCuenta.Vportada p{
  font-size:28px;
  color:#222;
  margin:0 0 15px;
  line-height:32px;

}
.numeroCuenta h5 {
  font-weight:normal;
  font-size: 26px;
  margin: -8px 0 30px;
}
section  .container  h3 {

  font-weight: bold;font-size: 21px;}

section  .container  h6 {
  font-weight: bold;
  font-size: 18px;
}
section  .container  h4 {
  font-size: 21px;
  font-weight: bold;
  margin: 0 0 16px;
  text-align: center;
}
section  .container  p, section  .container  li {font-size: 16px;
color: #222;margin: 0 0 6px;}
.parrafosLinea {
  width:92%;
  padding:20px 2%;
}
} 

@media only screen and  (max-width: 750px) {



   .filaIntermedio ul, .comisionesRelevantes  {
    height:100px;
    margin: 0 !important;
  }
  .filaIntermedio ul h4{
    font-size:17px;

  }
  .numeroCuenta  {
 background-color:#ECECEC;
 font-size:30px;
 padding:20px 4% 0;
 width:92%;
}
  .numeroCuenta h5 {
    line-height:40px;
  }
.numeroCuenta h5 span {
 width:100%;
 display:block;

}
.dosColumnas .container > .bloqueFirmar, .tresColumnas article  {
  width: 100%;
  float: left;
  margin:0 0 20px;
}
.anexo, .anexo2  {
	width: 96% !important;
	padding: 5px 2%;
}
}
/* Bigger than 550 */
@media only screen and (max-width: 550px) {

  .numeroCuenta.Vportada p{
  font-size:20px;
  color:#222;
  margin:0 0 10px;
  line-height:24px;

}
  
  .logo {
  width: 97px !important;
  float: left;
  margin: 0 17px 0 0;
}
 section .container {
  width: 94%;
 }

 
section  .container  h2 {
   font-size: 27px;
   line-height: 25px;
}
.numeroCuenta  {
 font-size:30px;

}
.numeroCuenta h5 {
  font-size: 22px;
  margin: 0 0 0px;

}
section  .container  h3 {


  font-size: 24px;
}

section  .container  h6 {

  font-size: 18px;
}
section  .container  h4 {
  font-size: 22px;
  line-height: 22px;
}
.parrafosLinea {
  width:92%;
  padding:20px 2%;
}
section  .container  p {
line-height:24px;
}
.firmas.center {
text-align: center;
width: 100%;
padding: 17px 0 0;
margin: 30px auto;}

}


@media screen {
    .pagebreak	{ height:10px; background:url(img/page-break.gif) 0 center repeat-x; border-top:1px dotted #999; margin-bottom:13px; }
}


@media print {

.filaSuperior {
  height: 65px;
}
.filaIntermedio ul, .comisionesRelevantes  {
  height: 83px;
}
.filaSuperior2  {
  height: 69px;
}
.filaIntermedio {
    height: 320px;
}
.filaIntermedio2  {
  height: 88px;
}

.btnImprimirEstado {
	display:none;
}	

.filaIntermedio3  {
  height: 100px;
}

.filaIntermedio4 {
	height:110px;
}
.filaIntermedio5  {
  height: 108px;
}
.filaIntermedio6  {
  height: 108px;
}
.top {
	padding: 30px 0 20px;
	margin: 0 0 20px;

}
    .pagebreak { height:0; page-break-before:always; margin:0; border-top:none; }
    .sectionImprimir {
    	display:none;
    }
    
    
   



.nombreCompleto {
		height: 85px;
		border-top: solid 1px #333;
}

.colIzq, .colDer {
	width:50%;
	float:left;
}
.nombre-cell, .tipoOperacion {
	max-height: 75px;
	height: 75px;
	text-align:center;
}

.tasa-gat-cat td, .comisionesRe td {
	max-height: 120px;
	height: 120px;
}

.portadaTabla table table td{
	vertical-align: middle;
	text-align: center;
	padding: 4px 0px;
	border: 1px #222 solid;
}
.portadaTabla td h4{
	margin:0; 
}
.tasa-gat-cat-det td{
	max-height: 126px;
	height: 107px;
}

.sin-borde-inf {
	/* border: 0 !important; */
}

.observaciones td {
	height: 163px;
	max-height: 163px;
}

.detalle_comisionesRe{
	max-height: 332px;
	height: 288px;
}
.detalle_comisionesRe p{
margin:0 !important;
}
.medios-lugares {
	max-height:80px;
	height:80px;
}
.estadoCuenta td, .otroDato td, .acla-recla td, .otroDato2 td {
padding:10px 5px;	
}
.tablaInferior {
	margin:0 0 20px;
}

.unaFirma {
	width: 220px;
	margin: 0 auto !important;
	display:block;
	height:0px;
}

.firmas.center {
text-align: center;
width: 320px;
padding: 17px 0 0;
margin: 10px auto;
}

}
.bloqueFirmar table {
	width: 100%;
}

.bloqueFirmar table td {padding: 0;}
.tipoFirmaCelda {
	height: 45px;
}
.firmaCelda {
	height: 114px;
	vertical-align: middle;
}


.logoCelda td, .noRegistro td{
	height: 114px;
	padding: 10px 10px 20px  !important;
	text-align: left !important;
}
 .noRegistro td p, .logoCelda td p{
 	margin:0; 
 	font-size:14px;
 }
  .noRegistro td h5, .logoCelda td h5{
 	font-size:16px;
 font-weight:bold;
 }
.logoCelda td{
text-align:left !important;
	
}
.logoCelda td img{
	width: 90px;
	height:auto;
}
.logoCelda, .noRegistro {
	
}
.logoCelda td > div.registro {
    float: none;
    clear: both;
}



/*estilos contrato credito */
.portadaContratoCredito {
	margin:50px 0 0 0;
}
.portadaContratoCredito td{
	vertical-align:top;
	padding:5px;
}
.colIzquierda {
	float:left;
	width:50%;
}
.colDerecha {
	float:left;
	width:50%;
}


.colIzquierda table {
	float:left;
	width:100%;
}
.colDerecha  table {
	float:left;
	width:100%;
}



.encabezado2 {
	height: 146px;
}
.detalle1 {
	height: 166px;
}

.segundaTabla table, .tercerTabla table {
	width:960px;
}



.portadaContratoCredito .bloqueFirmar {
	float:left;
 	 width: 470px;
}
.portadaContratoCredito .bloqueFirmar +  .bloqueFirmar {
	float:right;

}

#sinBorder, #sinBorderFila td  {
	padding:0;
}
#sinBorder table td{
	padding:5px;
}
.infoCell {
	height:500px;
}

.nombreFirma, .folioFecha {
	height:250px
}
.center p {
	text-align:center;
}

section .container p {
    font-size: 16px;
    color: #222;
    margin: 0 0 8px !important;
    line-height: 21px;
}
.sectionCaratula  .container p {

    margin: 0 0 7px !important;
}


.columnaIzquierda2 {
	width:65%;
	float:left;
}

.columnaDerecha2 {
	width: 34%;
	float:right;
}
.columnaDerecha2 table {
	width: 100%;
}

.costoAnual {
	width:220px;
}
.contenidoTabla2 {
	height:30px;
}
.listados ul.primeraLista li {
	list-style: disc !important;
	padding: 0 0 0 0px;
}


.celdaIzquierda {
	width: 210px;
}
.periodicidad {
	width:130px;
}
.encabezado1 {
	height:70px;
}
.seguros {
	width:100%;
}
.tabla {
	margin:20px 0;
}
.tabla table {
	width:100%;
}
.tabla table td {
	padding:7px 5px;
}
.upper-alpha {
	list-style-type: upper-alpha;
	margin:0 0 0 30px;
}
.lower-alpha {
	list-style-type: lower-alpha !important;
	padding: 0 0 0 23px;
}
.disc li   {
	list-style: disc !important;
	margin: 0 0 0 20px !important;
}
.disc.noMargin {
	margin:0;
	padding: 0;
}
.bloqueDiv {
	border:solid 1px #666;
	padding: 20px;
	margin:  0 0 40px;
}
.tablaIzquierda {
	width:50%;
	float:left;
}
.tablaDerecha {
	width:50%;
	float:left;
}



.espacio {
	margin:30px 0 30px;
}

.logoAtlas {
	width:960px;
	text-align:right;
}

.logoAtlas img {
	width:180px;
	height:auto;
}

.tablaIzq, .tablaDer {
	float:left;
	width: 50%;
	/* height: 317px; */
}
.tablaIzq table, .tablaDer table{
	width: 100%;
}
.celdaGris {
	background:#ccc;
	text-align: center;
}

.tablaInf {
	width:960px;
	margin: 0 0 30px;
	clear: both;
}
.tablaIzq td, .tablaDer td , .tablaInf td{
	padding: 7px 10px;
	border: solid 1px #666;
}
section .container table td.noPad {
	padding:0 !important;
}


.tresCols {
	margin:30px 0 ;
	overflow:hidden;
}

.tresCols div {
	float:left;
	width:33.3%;
}
.bordeCell {
	border-top:solid 1px #222;
	height:40px;
}
.seFi {
	height: 29px;
}
.bloqueFir {
height:80px;
}

.cuatro_cols {
	overflow:hidden;
	width:960px;
	margin: 0 0 30px;
}
.cuatro_cols div {
	width:25%;
	float:left;
}

.cuatro_cols div table {
	width:100%;
	float:left;
}
.cuatro_cols div table td{ 
padding:7px 10px !important;

}
.cuatro_cols div table td p{font-size: 14px !important;}
.primeraFila {
	height: 40px;
	padding: 0;
}
.primeraFila td {

	padding: 0 !important;vertical-align: top;}

.logoTexto {

}
.logoBanco {
float:left;
}
.logoBanco img{
width:130px;
}
.texto {
	float:left;
	margin: 57px 0 0 30px;
}
@media (max-width:1024px) { 
.colIzquierda {
	float:left;
	width:99%;
}
.colDerecha {
	float:left;
	width:99%;
}
.segundaTabla table, .tercerTabla table {
	width:99%;
}
 section .container .cuartaTabla .listados li {
	font-size: 12px !important;
}
.tabla {
	overflow:auto;
}
.tablaInf {
	width:100%;
	margin: 0 0 30px;
	clear:both;
}
.tablaIzq, .tablaDer {
	float:left;
	width: 100%;
	/* height: 317px; */
}
.col {
	width: 100% !important;
}
.col table{
	width: 100% !important;
	text-align:center;
}
.cuatro_cols {
	width: 100% !important;
}
.colTable {
	width: 100% !important;
	text-align:center;
}
}





.col_logo_kubo
{			
	width: 10%;
	min-width:124px;
	text-align:center;							
	border:0px solid black;
}

.col_acreditado
{
	border:0px solid black;
	float: right;
	width: 84%;
	font-family: 'Open Sans', sans-serif;
}

.referenciaPago_encabezado .col_acreditado h3 {
    color: #568e3e;
	
    font-size: 21px;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
}


.referenciaPago_encabezado .col_acreditado h4 {
	font-size: 18px;
	margin: 0 0 15px;
	padding: 0 0 9px;
	font-weight:600;
	color: #666;
	border-bottom: dotted 2px #ccc;
	text-align: center;
}


.referenciaPago_encabezado .col_acreditado h5 {
	font-size: 14px;
	margin: 0 0 20px;
	padding:0;
	color:#999;
	font-weight:600;
	text-align: center;
}

.SPEI_titulo {
	border:none;
	background:#f1f1f1;
	margin:0 0 20px;

}
.SPEI_titulo h3{
	margin:0 0 20px;
}

.referenciaPago_encabezado .col_acreditado h6 {
	font-size: 16px;
	margin:10px 0 20px 0;
	padding:0;
	color:#999;
	font-weight:400;
}

.referenciaPago_encabezado {
	margin: 20px 0 40px;

	overflow: hidden;
}
.col_logo {
	width: 10%;
	float:left;
}

.col_logo_new {
	width: 30%;
	float:left;
}

.col_logo img{
	width: 100%;
	height:auto;
}
.col_logo_new img{
	width: 100%;
	height:auto;
}
table.acreditado_panel
{
	width:100%;
	min-width:600px; 
	border:0px solid black;	
}

td.referencias_bancarias p
{	
	padding:0;
	
	font-size: 16px;		
	font-weight: bold;
	text-align: center;
	
	border:0px solid gray;
}

td.referencias_bancarias_subtitulo p
{	
	margin:0;
	padding-bottom:8px;
	
	font-size: 13px;
	color: gray;
	text-align: center;
	
	border-bottom:1px dotted black;
}

td.acreditado_titulo p
{
	padding:0;
	
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	
	border:0px solid black;
}

td.acreditado_subtitulo p
{
	text-align: center;
	color: #333333;
	margin:0;								
	font-size: 20px;
}

@media (max-width:850px) { 

.col_logo {
	width: 100px !important;;
	float: none !important;
	clear:both;
	margin: 0 auto 20px;
}
.col_logo_new {
	width: 100px !important;;
	float: none !important;
	clear:both;
	margin: 0 auto 20px;
}
.col_referencia_logo {
	width: 110px !important;;
	float: none !important;
	clear:both;
	margin: 0 auto 20px;
}
.col_referencia_logo img {
	width:124px;
}
.col_referencia_concepto_panel
{				
	padding:0;
	border: 0px solid black;
	width: 100% !important; 
	float: right;
	font-size:15px;
	font-family: 'Open Sans', sans-serif;
}

.col_acreditado
{
	border:0px solid black;
	float: right;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
}
}






.col_referencia_logo
{
	width: 10%;
	/* min-width:124px; */
	
	text-align: center;
	
	vertical-align: top;
	padding-top: 15px;
	float: left;
	float: l;
}
.col_referencia_logo img {
	width:90px;
}
.col_referencia_concepto_panel
{				
	padding:0;
	border: 0px solid black;
	width: 84%;
	float: right;
	font-size:15px;
	font-family: 'Open Sans', sans-serif;
}



.col_referencia_concepto_panel ul {
	list-style:none;
	margin:0;
	padding:0;				

}
.col_referencia_concepto_panel ul li {
	overflow:hidden;
	padding: 4px 0;

	border-bottom: solid 1px  #ccc;
}


.col_referencia_concepto_panel ul li span{
	margin:0 10px 0 0;
}


.col_referencia_concepto_panel ul li strong{

}
 .right-txt {
	text-align:right;
  }
.center-txt {
	text-align:center;
}

.head-letter {
	    clear: both;
    overflow: hidden;
    margin: 0 0 50px;
}

.conceptoFila {
	clear:both;
	overflow: hidden;
	margin: 0 0 31px;
}




.nota_panel
{
	width:100%;
	padding:0 !important;
	margin: 20px 0 0 0;
	border:0px solid black !important;
}

.nota_panel td {

}
.nota_panel td p {
	padding:0;
	
	margin: 0 0 5px 0;
	font-size: 15px;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
}

.nota_panel div
{
	padding: 0 !important;
}

p.col_paso_id
{
	color:gray;
	font-size:13px;
	font-weight: normal;
	text-align:left;
	border:0px solid blue;
}


.gananciaAnual {
	padding:0 !important;
	vertical-align: top !important;
}

.gananciaAnual table{
	width:100%;
	height: 128px;
}
.tasaGatCat {
	height:129px;
}
.gat {
	width: 128px;
}
.tasaInteresAnual {
	width: 134px;
}
section .container .gatN, section .container .gatN  {
	width: 118px !important;
}
.tabla ul {
	margin:0 !important ;
	padding:0  !important ;
}
.tabla ul li {
	width:auto;	
	padding:0 !important ;
}
.tabla ul li p {

	margin:0 !important ;
}

.telcomm img{
	width:120px;
	margin:0 0 30px;
	
}
.tablaStyle .tablaPagare td, .tablaStyle .tablaPagare td p{
	font-size:11px;
}
.portadaCre .tablaPagare  td {
	padding:5px;
}
.portadaCre .tablaPagare td, .portadaCre  .tablaPagare td p {
		font-size:14px;
}
.definiciones {
	padding:0 0 0 20px;
	margin:0 0 0 20px;
	list-style: decimal;
}


.fila {
	width:680px;
}
.columnaA {
	width:35px;
	floal:left;
}
.columnaB {
	floal:left;
}
.listados ul {
	margin: 0 0 0 0px !important;
	list-style:none;
}

.primeraLista.mgn {
	padding: 0 0 0 20px;
	list-style: none !important;
}
section table .listados ul { 
	padding:0 ;
}
section .container h2.montoCenter {
	text-align:center;
	font-size: 68px;
	line-height: 72px;
}


.logoCelda td, .noRegistro td{
	height: 101px;
	padding: 10px 10px 20px  !important;
	text-align: left !important;
}

.portadaTabla td, .portadaTabla p, .portadaTabla ul li, .portadaTabla .fechaPersonalizada {
	font-size:12px !important;

}
.portadaTabla td p {
	margin:0 0 5px 0 !important;
}


.cuartaTabla table {
	width:100%;
}
.center-monto-cuota {
	color:#4E8C41 !important;
	border-top:#4E8C41 solid 1px !important;
	width:250px;
	margin:20px auto !important;
	display:block;
	padding:10px 0 0 !important;
	text-transform:uppercase;
	font-weight:normal !important;
}
.estiloMayusculas {
	font-weight:bold;
	text-transform:uppercase;
}


/*Nueva portada*/



.portada-ste {
    width:100%;
    margin: 0 auto 40px;
    max-width: 680px;
  }
  .portada-ste  p, .portada-ste  td {
      font-size: 13px;
      color: #222;
      margin: 0;
  }
  .portada-head td {/* height: 110px; */}
  
  .portada-head__logo {
      width: 100px;
      margin: 0;
      float: left;
  }
  .portada-head__logo img{
      width: 100px;
  }
  .portada-head__logo-new {
      width: 300px;
      margin: 0;
      float: left;
  }
  .portada-head__logo-new img{
      width: 300px;
  }
  .portada-head__userdata {float: right;margin: 10px 0 0;}
  
  .portada-head__userdata p{text-align: right;margin: 0 0 2px;font-size: 13px;}

  .fiel-form__clave2 {float: left;}
  
  .fiel-form__line {border-bottom: 1px #ccc solid;width: 180px;display: block;float: left;height: 15px;}
  
  .portada-content__maintable {
      width:100%;
  }
  
  .portada-content__maintable td, .portada-content__maintable th {
    vertical-align:top;
    font-size: 13px;
    color: #222;
  }
  .maintable-row0 > td {
   		height:146px;
  
  }
  
  .maintable-row1 > td, .maintable-row2 > td, .maintable-row3 > td, .maintable-row4 > td, .maintable-row5 > td, .maintable-row6 > td {
    vertical-align:top;
  }
  .maintable-row1 > td p {
    margin: 0 0 0px;
  }
  .table-row2 {
    width:100%;
    border-collapse: collapse !important;
         border-spacing: 0px;
         padding:0;
  }
  .table-row2 td{
    /*border:solid 1px #ccc;*/
    /* padding:8px;*/
    border-collapse: collapse !important;
     border-spacing: 0px;
      padding:0;
  }
  
  .lefttable__head th, .righttable__head th {
     text-align:center;
     /* padding: 8px; */
  }
  .lefttable__head > th, .righttable__head th {
    height: 70px;
      /*border-bottom: 1px #ccc solid;*/
  }
  
  .lefttable__body > td, .righttable__body >td {
    height:200px;
     /* border-bottom: 1px #ccc solid;*/
  }
  .lefttable__body td, .righttable__body  td{ /*padding:8px;*/}
  .lefttable__body td {
    text-align: center;
  }

  .lefttable__gat {clear: both;overflow: hidden;}

  .lefttable__body2 td, .righttable__body2 td  {
    height: 41px;
   /* border-bottom: 1px #ccc solid;*/
  }
  .lefttable__body2 td, .righttable__body2  td {
      text-align:center;
      /* padding: 8px;*/
  }
  
  .lefttable__body3 td, .righttable__body3  td {
      text-align:left;
      /* padding: 8px;*/
  }
  .portada-content__lefttable, .portada-content__righttable {
    height: 391px;
  
   }
  
  
  .portada-content__lefttable{
      width: 100%;
      float: left;
  }
  
  .portada-content__righttable {
      width: 100%;
      float: right;
  }
  .maintable-row4 td p, .maintable-row5 td p, .maintable-row6 td p{
    margin: 0 0 0px;
  }

  .line-left {
      border-left: 1px #ccc solid;
  }
  
  .line-right {
      border-right: 1px #ccc solid;
  }
  .line-top {
      border-top: 1px #ccc solid;
  }
  
  .line-bottom {
      border-bottom: 1px #ccc solid;
  }
  
  .verde-title {
      color: #568e3e;
  }


  
   .cell-pad {
  	padding:8px;
  }
  
  .bullet-list {
  	list-style: circle;
  	margin:0;
  	padding:0;
  }
  
   .bullet-list li {
  	list-style: circle;
  	margin:0;
  	padding:0;
  	line-height: 17px;
  }
 
  .gray-title {
	  color: #999;
	  font-weight:bold;
	 }
  
   .txt-center {
  		text-align:center;
  }
  
.table-resume {
	width: 440px;
}
.table-bottom {
		height:90px;
}


.line-value_small {
	border-bottom:solid 1px #ccc;
	height:17px;
	display:inline-block;
	text-align: center;
}
.line-value_big {
	border-bottom:solid 1px #ccc;
	height:17px;
	width: 320px;
	display:inline-block;
	text-align: center;
}

 .txt-big1 {
  	font-size:15px;
  }
   .portada-ste  .frm-text2 p {
  	 font-size: 12px;
  	margin:0 0 17px;
  }
   .cell-pad.pdf-version {
  		padding:8px 8px 8px 20px;
  }

 .version-desktop {
    	display:none;
 }

.portadas-responsivas {
	display:none;
}


.table-producto {
	max-width:550px;
	margin:20px 0 20px;
}

.table-producto table {
		width:600px;
}
.table-producto tr th, .table-producto tr td {
	padding:3px;
	text-align:left;
}

.table-producto tr td strong {
	text-align:center;
	display:block;
}
.table-producto tr th{
	background:#ccc;
}

.table-concepto_periodicidad_monto {
	width:600px;
	margin: 30px 0px 30px 0;
}

.table-concepto_periodicidad_monto  td{

}
section .container .table-concepto_periodicidad_monto td ul, section .container  .table-concepto_periodicidad_monto td p, section .container  .table-concepto_periodicidad_monto td li  {
	margin: 0 !important;
	padding:0;
}

section .container  .table-concepto_periodicidad_monto td li {
	list-style:disc !important;
	/* padding:0 0 0 20px; */
	margin: 0 0 0 20px !important;
}

@media (max-width:768px) {  
	.table-concepto_periodicidad_monto {
		width:100%;

	}
	.table-producto table {
		width:100%;
}
	.version-pdf {
		display:none;
	}
	 .version-desktop {
    	display:block;
 }
 .table-resume {
	width: 100%;
	max-width: 300px;
}
/*

 .lefttable__head > th, .righttable__head th {
    height: 70px;
     border: 1px #ccc solid;
}


.lefttable__head > th, .righttable__head th {
    border: 1px #ccc solid;
}

.lefttable__body td, .righttable__body td {
   border:1px #ccc solid;
}*/

 .portada-head__logo {
      width: 50px;
      margin: 0;
      float: none;
      clear: both;
  }
  .portada-head__logo img{
      width: 50px;
  }
   .portada-head__logo-new {
      width: 50px;
      margin: 0;
      float: none;
      clear: both;
  }
  .portada-head__logo-new img{
      width: 50px;
  }
  .portada-head__userdata {
    float: none;
    margin: 10px 0 0;
    clear:both;
    width:100%;
}

.portada-head__userdata p {
    text-align: left;
    margin: 0 0 2px;
    font-size: 13px;
}
.line-value_big {
	width:100%;
}

.portadas-pdf {
	display:none;
}
.portadas-responsivas {
	display:block;
}
}



.entrevista-digital__box table {
	width:100%;
	margin: 0  0 40px;
}

.entrevista-intro {
	padding: 0 0 40px;
}

.entrevista-digital__box p {

	font-size: 16px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    color: #565b59;
    line-height: 18px;
    margin: 0 0 7px;
    /* color: #fff; */
}
.declaraciones-txt {
	margin:0 0 40px;
}
.entrevista-digital__box .declaraciones-txt p {
	font-size:12px !important;
	line-height: 20px;
}
.btn-back-steps {

	/* color: #8FC450; */
	float: right;
	width: 140px;
	margin: 0 auto 20px;
	text-decoration: none;
	position: absolute;
	right: 0;
	top: 0;
}
.entrevista-title h3{
	font-size: 26px;
	font-weight: 900;
	margin: 0 0 20px;
	line-height: 35px;
}
.entrevista-title h4 {
	font-weight:500;
}

.entrevista-title-section {
	position:relative;
}
.entrevista-title-section h3.encH3.text-left {
	font-size: 20px;
	color: #8FC450;
	font-weight: 800;
	font-size: 18px;
	text-align: left;
	line-height: 28px;
	margin: 0px 0 30px;
}

.entrevista-digital__itemsgroup {margin: 0 0 60px;}
.entrevista-digital__row {overflow: hidden;margin: 0 0 20px;}
.entrevista-digital__item {
	/* height: 60px; */
	float: left;
	/* margin: 0 20px 0 0; */
	padding: 5px 7px;
	/* max-width: 80%; */
}
.entrevista-digital__item.wo-height {
	height:auto;
}

.entrevista-digital__item p span {color: #9a9a9a;}
.entrevista-digital__item p span small{
	color: #8cc251;
	text-decoration: underline;
}
.entrevista-digital__item p strong {
	color: #303030 !important;
}
.entrevista-digital__contract {
	margin:0 0 70px;
}
.entrevista-digital__contract p {
	color: #303030 !important;
	font-size: 14px !important;
	margin: 0 0 5px !important;
}
.entrevista-digital__contract p strong {font-weight: 800;}

.entrevista-digital__cierre__box h5{
	text-align:center;
	font-size:18px;
	font-weight:400;
	color: #9a9a9a;
	margin: 0 0 10px;
}

.entrevista-digital__cierre__box {
	max-width:500px;
	padding: 0 0 40px;
	margin: 0 auto;
}
.entrevista-digital__cierre__box h2 {
	text-align:center;
	font-size: 24px;
	line-height: 30px;
	margin: 0;
}
.entrevista-digital__cierre__box h3 {text-align:center;font-size: 16px;margin: 0 0 10px;}
.entrevista-digital__cierre__box h4 {
	text-align:center;
	font-size: 16px;
	font-weight: 800;
	margin: 0;
	color: #9a9a9a;
	overflow-wrap: break-word;
	word-break: break-all;
	line-height: 22px;
}
.entrevista-digital__cierre__call {margin: 0 0 40px;}
.entrevista-digital__cierre__seguridad  {
		/* width: 361px; */
		margin:0 auto 0;
}
.entrevista-digital__cierre__seguridad  td {
	vertical-align: middle;
	/* text-align: center; */
	width:50%;
	padding: 0 20px;
}
.entrevista-digital__cierre__seguridad  table img {
	width: 150px;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	text-align: center;
	/* display: inline-block; */
}

.align-left {
	text-align:left;
}
.align-right {
	text-align:right;
}

.entrevista-intro p span {
	color:#999;

}



.entrevista-digital__item.comprobante-img {
		height:auto;
	}
.entrevista-image {
	width: 168px;
	/*height:126px;*/
}
.entrevista-image img{
	width:100%;
	height:auto;
}



@media (max-width: 992px) {
	.entrevista-digital__row.items-1 .entrevista-digital__item, .entrevista-digital__row.items-2 .entrevista-digital__item, .entrevista-digital__row.items-3 .entrevista-digital__item, .entrevista-digital__row.items-4 .entrevista-digital__item {
		width:100%;
	}

	#frm_content.exp .areaL {
			width: auto !important;
			padding: 10px 30px;
	}
	.entrevista-title h3 {
			font-size: 19px;
			line-height: 25px;
	}
	
	.entrevista-digital__cierre__box h2 {
		font-size:18px;
		line-height:22px;
		width:90%;
		margin:0 auto;
	}

	.declaraciones-txt {
		margin:0 0 20px;
	}
	.entrevista-digital__cierre__box {
		margin:0 0 20px;
		padding: 0;
	}

	.btn-back-steps {
		position:relative;
		float:none;
		margin:0 auto 15px;
			
	}
	.entrevista-title-section h3.encH3.text-left {
		margin:0 0 10px;
	}	
}
@media (max-width: 600px) {
.entrevista-digital__cierre__seguridad  {
		 width: 100%;
		 margin:0 auto 0;
}
.entrevista-digital__cierre__seguridad table img {
	width: 100px;
}
.entrevista-image {
	width: 100%;
	height:auto;
}
}


.contenido-tablas-cat-gat table{
	width:100%;
}

.contenido-tablas-cat-gat  .table_gats__box {
	margin:0 0 40px;
}

.table_gats th sup, .sup sup, p.big sup {
    font-size: 10px;
    vertical-align: top;
}

.btn-back-steps, .btnContinuarPaso, .entrevista-aviso h2, .mensaje-obligatorio-aceptar, .mensaje-obligatorio-aceptar p, .siacepto-entrevista, .siacepto-entrevista  span {
		display:none;
		opacity:0;
		color:#fff;
		font-size:2px;
	}


.portada-ste2 {
    width:100%;
      margin: 0 auto 40px;
      max-width: 680px;
}
.portada-ste2  p, .portada-ste2  td {
      font-size: 10px;
      color: #222;
      margin: 0 0 4px;
}

.portada-ste2  .frm-text2 p {
  	 font-size: 10px;
  	 margin: 0 0 5px;
}

.portada-ste2 .maintable-row4 td p, .portada-ste2  .maintable-row5 td p, .portada-ste2  .maintable-row6 td p{
    margin: 0 0 2px;
}

.portada-ste2 .bullet-list li {
   line-height:12px;
   font-size: 10px;
}


.portada-ste2  .cell-pad {
    padding: 4px 6px;
}

@media print {
	div.pdf-file, p.pdf-file {
		text-align: justify!important;
	}
	.btn-back-steps, .btnContinuarPaso, .entrevista-aviso h2, .gray-panel{
			display:none;	
		opacity:0;
		color:#fff;
		font-size:2px;
	}
	.gray-panel {
		background:#fff;
	}
}


