@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('../fonts/helveticaneue-bold.eot');
    src: url('../fonts/helveticaneue-bold.eot') format('embedded-opentype'),
         url('../fonts/helveticaneue-bold.woff2') format('woff2'),
         url('../fonts/helveticaneue-bold.woff') format('woff'),
         url('../fonts/helveticaneue-bold.ttf') format('truetype'),
         url('../fonts/helveticaneue-bold.svg#helveticaneue-bold') format('svg');
}
@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/helveticaneue-roman.eot');
    src: url('../fonts/helveticaneue-roman.eot') format('embedded-opentype'),
         url('../fonts/helveticaneue-roman.woff2') format('woff2'),
         url('../fonts/helveticaneue-roman.woff') format('woff'),
         url('../fonts/helveticaneue-roman.ttf') format('truetype'),
         url('../fonts/helveticaneue-roman.svg#helveticaneue-roman') format('svg');
}
@font-face {
    font-family: 'HelveticaNeueBoldItalic';
    src: url('../fonts/HelveticaNeueBoldItalic.eot');
    src: url('../fonts/HelveticaNeueBoldItalic.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueBoldItalic.woff2') format('woff2'),
         url('../fonts/HelveticaNeueBoldItalic.woff') format('woff'),
         url('../fonts/HelveticaNeueBoldItalic.ttf') format('truetype'),
         url('../fonts/HelveticaNeueBoldItalic.svg#HelveticaNeueBoldItalic') format('svg');
}
* {
	position:relative;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

.h-invisible
{
	position:absolute;
	top:0;
	opacity:0;
	z-index:-1;
	color:transparent;
	visibility:hidden;
}

a, a:hover, a:focus, a:active
{
	text-decoration:none !important;
	color:inherit !important;
}

.col-lg-12 {
    float:none;
}

.full {

}

@media (min-width: 768px) {
	.full {
		height:100%;
	}
}

html, body{

}

@media (min-width: 768px) {
	html, body{
		height:100%;
	}
}

body
{
	background: url(../img/frontend/fondo.jpg) no-repeat;
	background-attachment:fixed;
	background-size: cover;
	font-family:HelveticaNeue;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

ul, ol {
    margin: 0 !important;
	padding:0  !important;
}

a, a:hover, a:focus, a:active {
	text-decoration:none !important;
	color:inherit !important;
	padding:0!important;
	font-size:inherit !important;
	line-height:inherit !important;
}

html, body {
	height:100%;	
}

.col-lg-12 {
    float:none;
}

.completo {
	height:100%;
}

.texto-slogan
{
	background-color: rgba(19,49,123,0.9);
	padding:20px 0;
	text-align:center;
}

/*MENU*/
.navbar {
    border-radius:0;
	margin:0;
}

.navbar-nav {
    padding:10px 0 0 !important;
}

.navbar-default {
    background-color: rgba(19,49,123,0.9);
	*background: url(../img/frontend/menu.png) no-repeat center center;
    border: none;
}

.navbar-collapse {
	padding:0;
	border-color:#fff !important;
}

.navbar-toggle {
	border-color:#fff !important;
	margin:41px 0 41px 16px !important;
	z-index:1000;
}

.navbar-toggle:focus {
	background:transparent !important;
}

.navbar-toggle:hover {
	background:transparent !important;
}

.navbar-header
{
	z-index:100;
}

.navbar-brand {
    *height: 80px;
    padding: 0;
	margin:0 !important;
	
	display:block;
	height:116px;
	float:none;
	padding-right:60px !important;
}

.navbar-brand:hover {
	padding-right:60px !important;
}

.navbar-nav.navbar-right:last-child {
	margin:0;
}

.navbar-nav {
    margin:0;
}

.icon-bar {
    background:#fff!important;
}

.menu {
	width:100%;
	z-index:100;
}

.menu-enlace {
	font-family:HelveticaNeueBold;
	color:#ffffff;
	font-size:15px;
	line-height:17px;
	padding:0 0 10px;
}

.menu-enlace:hover {
	color:#ffba27;
}

.menu-enlace.activo {
	color:#ffba27;
}

.cerrar-sesion {
	font-family:HelveticaNeue !important;
	border:0 !important;
}

.letra-mensaje {
	font-family:HelveticaNeueBoldItalic;
	color:#fff;
	font-size:14px;
	line-height:16px;
}

.mensaje-header {
	float:right;
	width:calc(100% - 340px - 346px);
	padding:25px 20px 25px 0;
	text-align:right;
}

@media (min-width: 768px) {
	.mensaje-header {
		padding:25px 20px 25px 0;
	}
}

@media (min-width: 992px) {
	.mensaje-header {
		padding:25px 20px 25px 0;
	}
}

@media (min-width: 1200px) {
	.mensaje-header {
		padding:32px 20px 32px 0;
	}
}


/* FOOTER */

.cuerpo {

}

.cuerpito {

}

@media (min-width: 768px) {
	.cuerpo {
		height:calc(100% - 72px);
	}
	
	.cuerpito {
		height:calc(100% - 72px - 116px - 56px);
	}
}

@media (min-width: 992px) {
	.cuerpo {
		height:calc(100% - 52px);
	}
	
	.cuerpito {
		height:calc(100% - 52px - 116px);
	}
}

.footer {

}

.footer-interno {
	width:100%;
	background-color: rgba(224,225,227,0.9);
	text-align:center;
	font-family:HelveticaNeueBold;
	color:#0d266a;
	padding:15px 0;
	border-top:2px solid #a4a4a4;
}

/* INDEX */

.relleno {

}

.logueo {
	background-color:rgba(0, 45, 126, 0.9);
}

.sombra {
	height:30px;
	background-image:url(../img/frontend/sombra.png);
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	z-index:10;
	width:100%;
}



.logueo-interna {
	
}

@media (min-width: 768px) {
	.relleno {
		height:calc(50% - 148px);
	}
	
	.logueo {
		height:248px;
		background-image:url(../img/frontend/barras.png);
		background-position:center center;
		background-repeat:no-repeat;
		background-color:transparent;
	}
	
	.logueo-interna {
		font-size:0;
		height:248px;
	}
}

.index-logo {
	padding:20px 0;
}

.index-logo img {
	margin:0 auto;
}	

.index-logueo {

}

@media (min-width: 768px) {
	.index-logo {
		margin-right: 10px;
		width: calc(50% - 10px);
		display:inline-block;
		vertical-align:middle;
		text-align:right;
		padding:0;
	}

	.index-logo img {
		padding-right:30px;
		display:inline-block;
		margin:0;
	}

	.index-logueo {
		margin-left: 10px;
		width: calc(50% - 10px);
		display:inline-block;
		vertical-align:middle;
		height:248px;
	}
}

.input {
	border:0;
	border-radius: 4px;
	width:100%;
	height:34px;
	font-size:15px;
	padding:0 12px;
	margin-bottom:6px;
}

.formulario-logueo {
	width:100%;
	font-size:0;
	text-align:center;
	padding: 0 0 20px;
}

.formulario-logueo input {
	margin:0 auto;
}

.iniciar-sesion input[type="submit"]{
	width:auto;
	font-size:15px;
	color:#568038;
	background:transparent; 
	border:0;
}



.letra-contenido-gris {
	font-size:15px;
	color:#9d9d9d;
	line-height:17px;
}

.letra-contenido-verde {
	font-size:15px;
	color:#568038;
	line-height:17px;
}

.iniciar-sesion {
	margin-top:20px;
	cursor:pointer;
}

.iniciar-sesion-raya {
	margin-top:10px;
	width:120px;
	border: 0; 
	border-top: 1px solid #568038; 
	border-bottom: 1px solid #568038; 
	height:0;
}

.chequear-terminos {
	background: url(../img/frontend/chequear-terminos.png) no-repeat;
	width:21px;
	height:19px;
	background-position:0 -19px;
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
}

.chequear-terminos.activo{
	background-position:0 0;
}

.chequear-terminos.chequeado{
	background-position:0 0;
}

.olvide-contrasena {
	background: url(../img/frontend/chequear-terminos.png) no-repeat;
	width:21px;
	height:19px;
	background-position:0 -19px;
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
}

.olvide-contrasena.activo{
	background-position:0 0;
}

.olvide-contrasena.chequeado{
	background-position:0 0;
}

.terminos-condiciones {

}

.terminos-condiciones-inner {
	display:none;
}

.terminos-condiciones-inner.activo {
	display:block;
}

@media (min-width: 768px) {
	.terminos-condiciones-inner {
		display:block;
		opacity:0;
	}
	
	.terminos-condiciones-inner.activo {
		opacity:1;
	}
	
	.terminos-condiciones {
		height:calc(50% - 100px);
	}
}

.terminos-condiciones-interna {
}

.terminos-condiciones-fondo {
	padding:20px;
	width:100%;
	background-color:rgba(245,245,245,0.9);
}

.letra-contenido {
	color:#2a2b2c;
	font-family:HelveticaNeue;
	font-size:14px;
	line-height:16px;
}

.centrar {
	text-align:center;
}

.contenido-terminos-papa
{
	height:calc(100% - 36px);
	overflow:hidden;
}

.contenido-terminos {
	padding-right:20px;
}

/* ESTADO DE CUENTA */

.estado-cuenta {
	font-size:0;
}

.estado-cuenta-interna {
	
}

.estado-cuenta-fondo {
	padding:40px 0 0;
	width:100%;
	background-color:rgba(245,245,245,0.9);
}

.contenedor-encabezado {
	width:100%;
}

.letra-historial {
	font-family:HelveticaNeueBold;
	font-size:18px;
	color:#102c70;
	text-align:left;
}

.letra-subtitulos {
	font-family:HelveticaNeueBold;
	font-size:18px;
	color:#102c70;
	text-align:center;
}

.letra-subtitulos div {
	font-family:HelveticaNeueBold;
	font-size:18px;
	line-height:20px;
	color:#102c70;
	text-align:center;
	
	display:inline-block;
	vertical-align:top;
	padding:0 4px 4px;
	margin-bottom:10px;
	border-bottom: 2px solid #102c70; 
}

.letra-subtitulos .otro {
	padding:0 40px 4px;
}

.botones-estado-cuenta {
	background-color:#0c235f;
	width:80px;
	padding:8px 0;
	font-family:HelveticaNeueBold;
	font-size:13px;
	color:#fff;
	text-align:center;
	display:inline-block;
	cursor:pointer;
}

.margen-boton-imprimir {
	margin-right:16px;
}

.sepadador-subtitulos {
	margin-top:8px;
	width:100%;
	border: 0; 
	border-top: 1px solid #6577a2; 
	border-bottom: 2px solid #102c70; 
	height:0;
	margin:0 auto;
}

.contenedor-botones {
	position:absolute;
	right:140px;
	z-index:100;
}

.contenedor-contenido {
	width:100%;
}

.clase-iframe {
	border:0;
	width:100%;
	height:600px;
}

@media (min-width: 768px) {
	
	.clase-iframe {
	border:0;
	width:100%;
	height:100%;
}
	
}

.contenedor-botones-pequeno {
	width:100%;
	font-size:0;
	text-align:center;
	margin-bottom:0px;
}

@media (min-width: 768px) {
	
	.letra-mensaje {
		font-size:14px;
		line-height:16px;
	}


	
	
	
	.navbar-nav {
		padding:0 !important;
	}
	
	.navbar-brand {
		float:left;
		padding-right:0 !important;
	}
	.navbar-brand:hover {
		padding-right:0 !important;
	}
	
	.menu-enlace {
		margin:80px 20px 0 0;
		padding:0;
	}

	.menu-enlace:hover {
		border-bottom:2px solid #ffba27;
		color:#ffba27;
	}
	
	.menu-enlace.activo {
		border-bottom:2px solid #ffba27;
		color:#ffba27;
	}

	.menu-enlace a {
		padding:0 0 2px!important;
	}
	
	/* INDEX */
	
	
	
	.formulario-logueo {
		width:366px;
		padding: 30px 50px 0;
	}
	
	.input {
		*width:218px;
	}
	
	.index-logo img {

	}
	
	.terminos-condiciones-fondo {
		padding:20px 40px;
	}
	
	.sepadador-subtitulos {
		width:236px;
	}
}

@media (min-width: 992px) {
	
	.navbar-default {
		background: url(../img/frontend/menu.png) no-repeat center center;
		background-position:center top;
	}
	
	.letra-mensaje {
		font-size:20px;
		line-height:22px;
	}


	
	.navbar-brand {
		*height:116px;
	}
	


	.menu-enlace a {
		padding:0 0 2px!important;
	}
	
	/* ESTADO DE CUENTA */
	
	.contenedor-contenido {
		padding:0 140px;
	}
	
	.letra-subtitulos .otro {
		padding:0 16px 4px;
	}
}

@media (min-width: 1200px) {
	.letra-subtitulos .otro {
		padding:0 40px 4px;
	}
	
	.letra-mensaje {
		font-size:24px;
		line-height:26px;
	}


}

.separacion-formu
{
	padding-top:14px;
}

.boton-logueo
{
	padding:0 4px 4px;
	border-bottom:1px solid #568038;
	display:inline-block;
}












/*comentarios*/

.comentario{
	background:rgba(245,245,245,0.89);
	padding:0 20px;
}
@media (min-width:992px){
	.comentario{
		background:rgba(245,245,245,0.89);
		padding:0 124px;
	}
}
.comentario-interno{
	padding-top:40px;
	
}
.comentario-header{
	font-size:0;
	text-align:center;
	padding-bottom:40px;
}

.comentario-header-titulo{
	display:inline-block;
	vertical-align:top;
	border-bottom:3px #0c235f solid;
	font-size:18px;
	padding:10px 50px;
	color:#0c235f;
}
.comentario-header-botones{
	display:inline-block;
	vertical-align:top;
	float:right;
	padding-top: 20px;
}
.comentario-header-primero{
	margin-right:16px;
}
.comentario-header-segundo{
	margin-right:16px;
}

.comentario-header-botones-padre{
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
	background:#0c235f;
	*height: 100%;
}
.comentario-header-botones-hijo{
	width:100%;
	height:100%;
	background:transparent;
	border:0;
	font-size:13px;
	padding:6px 10px;
	color:#FFFFFF;
}

.contenedor-cuerpo-pater{
	padding:10px 0 20px;
}

@media (min-width:768px){
	.contenedor-cuerpo-pater{
		height:calc(100% - 56px);
	}
}

.comentario-cuerpo-pater{
	padding:10px 0 20px;
}

.comentario-cuerpo-padre{
	height:calc(100% - 36px);
	overflow:hidden;
}

.comentario-cuerpo{
	font-size:0;

}

.comentario-cuerpo-izquierda{
	width:100%;
}


@media (min-width:992px){
	.contenedor-cuerpo-pater{
		height:calc(100% - 36px);
	}
	
	.comentario-cuerpo-izquierda{
		width:330px;
		display:inline-block;
		vertical-align:top;
	}
}
.comentario-cuerpo-izquierda-img{
	padding-bottom:20px;
	
}


.comentario-cuerpo-izquierda-texto{
	padding-right: 0;
}

@media (min-width:992px){
	.comentario-cuerpo-izquierda-texto{
		padding:0; 
	}
}
.comentario-cuerpo-izquierda-texto-titulo{
	padding-bottom:20px;
	font-size:16px;
	line-height:18px;
	color:#2f549f;
	font-family:HelveticaNeueBold;
}
.comentario-cuerpo-izquierda-texto-descripcion{
	text-align:justify;
	font-size:14px;
	line-height:16px;
}


.comentario-cuerpo-derecha{
	width:100%;
	padding-left:0px;
	padding-right:20px;
}

@media (min-width:992px){
	.comentario-cuerpo-derecha{
		width:calc(100% - 330px);
		display:inline-block;
		vertical-align:top;
		padding-left:20px;
		padding-right:20px;
	}
}
.comentario-cuerpo-derecha-descripcion{
	padding:0;
}
@media (min-width:992px){
	.comentario-cuerpo-derecha-descripcion{
		*padding:0 20px;
	}
}
.comentario-cuerpo-derecha-descripcion-titulo{
	padding-top:20px;
	padding-bottom:20px;
	font-size:16px;
	line-height:18px;
	color:#2f549f;
	font-family:HelveticaNeueBold;
	
}
@media (min-width:992px){
	.comentario-cuerpo-derecha-descripcion-titulo{
		padding-top:0px;
	}
}
.comentario-cuerpo-derecha-descripcion-descriptivo{
	font-size:14px;
	line-height:16px;
	text-align:justify;
}
.comentario-cuerpo-derecha-beneficios{
	background:rgba(47, 84, 159,0.30);
	padding:0 20px;
	margin-top:20px;

}
.comentario-cuerpo-derecha-beneficios-titulo{
	font-size:16px;
	line-height:18px;
	color:#2f549f;
	padding:20px 0;
	font-family:HelveticaNeueBold;
}

.comentario-cuerpo-derecha-beneficios-descriptivo{
	font-size:14px;
	line-height:16px;
	text-align:justify;
	padding-bottom:20px;
}
 /*vbalidator terminos*/
.bvalidator_chequeo{
 position: absolute; 
 top: -10px;
 left: -8px !important;
 display: none;
 line-height:10px;
}
.bvalidator_errmsg{
 line-height:10px;
 left:-9px;
}

.opciones-formulario {
	margin-top:16px;
}

.mensaje-sin-estado {
	width:100%;
	 height:250px;
	 margin-top:30px;
	 background-color:rgba(19,49,123,0.9);
	 width:100%;
	 text-align:center;
	 vertical-align:middle;
	 font-size:18px !important;
	 color:#fff !important;
	 padding:0 10px;
	 padding-top:116px;
}

.velo-envio-padre{
 font: 0px/0 a;
 display: none;
 position: absolute;
 width:100%;
 height:100%;
 top:0;
 text-align:center;
}

.velo-envio-padre:before 
{
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.velo-envio {
 background-color: #102c70;
 border-radius: 20px;
 box-shadow: 3px 2px 9px #000000;
 width: 328px;
 *height: 102px;
 display: inline-block;
    vertical-align: middle;
 padding: 50px 0;
 font-size:14px;
 line-height:14px;
 font-family:HelveticaNeueBold;
 color: #ffffff;

}
.velo-cerrar{
 cursor: pointer;
    position: absolute;
    right: 18px;
    top: 12px;
}
@media (min-width:768px){
 .comentario-cuerpo-izquierda-texto{
  padding-right:20; 
 }
}

@media (min-width:992px){
 .comentario-cuerpo-izquierda-texto{
  padding:0; 
 }
}
.comentario-cuerpo-derecha{
 width:100%;
 padding-left:0px;
 padding-right:0px;
}

@media (min-width:768px){
 .comentario-cuerpo-derecha{
  padding-right:20px;
 }
}

@media (min-width:992px){
 .comentario-cuerpo-derecha{
  width:calc(100% - 330px);
  display:inline-block;
  vertical-align:top;
  padding-left:20px;
  padding-right:20px;
 }
}
.contenedor-boton-historial {
	position:absolute;
	left:140px;
	z-index:100;
}


/* VELO CAMBIO DE CONTRASEÑA */ 

.fondo-velo-contrasena {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:10000;
	background-color:rgba(76,76,76,0.8);
	display:none;
}

.velo-cambiar-contrasena {
	width:90%;
	height:215px;
	position:absolute;
	top:calc(50% - 107px);
	left:5%;
	background-color:#032B6C;
	border-radius:20px;
	padding:20px;
}

.velo-cambiar-contrasena2 {
	width:90%;
	height:215px;
	position:absolute;
	top:calc(50% - 107px);
	left:5%;
	background-color:#032B6C;
	border-radius:20px;
	padding:20px;
	display:none;
}

.cambio-contrasena {
	text-align:center;
	width:100%;
	margin-bottom:20px;
}

.boton-cambiar {
	text-align:center;
}

.boton-cambiar input[type="submit"]{
	width:auto;
	font-size:15px;
	color:#568038;
	background:transparent; 
	border:0;
	margin-top:15px;
}

.boton-logueo2 {
	padding:0 4px 4px;
	border-bottom:1px solid #568038 !important;
	display:inline-block;
}

.cerrar-velo-cambio {
	position:absolute;
	top:15px;
	right:15px;
	cursor:pointer;
}

.bvalidator_chequeo2{
 position: absolute; 
 top: 11px;
 left: 244px !important;
 display: none;
 line-height:10px;
}

.centrar-texto-velo {
	text-align:center;
	height:100%;
	padding:60px 15px;
}

select::-ms-expand {
    display: none !important;
}

@media (min-width:768px){
	.velo-cambiar-contrasena {
		width:340px;
		left:calc(50% - 170px);
		padding:30px;
	}
	.velo-cambiar-contrasena2 {
		width:340px;
		left:calc(50% - 170px);
		padding:30px;
	}
}