.fondo_login {
	/* background: url(../image/fondo_3.png); */
	background-color: #215397;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}


#login-main {
	margin-top: 25vh;
}
@media (max-width: 480px) {
	#img-logo {
		display: none;
	}
}

@media (max-width: 767px) {
	#login-main {
		margin-top: 0vh;
	}
}

/*colores*/
.bg-fondos { background: #e0e0e0; }
.bg-fondos-light { background: #ffffff; }
.bg-fondos-dark { background: #aeaeae; }

.txt-primary-color { color: #171733; }
.txt-primary-color-light { color: #3f3d5d; }
.txt-primary-color-dark { color: #00000d; }
°
.bg-primary-color { background: #171733; color: #ffffff; }
.bg-primary-color-light { background: #3f3d5d; color: #ffffff;  }
.bg-primary-color-dark { background: #00000d; color: #ffffff; }

.txt-secundary-color { color: #145DBE; }
.txt-secundary-color-light { color: #3c75d0; }
.txt-secundary-color-dark { color: #215397; }

.bg-secundary-color { background: #145DBE; color: #ffffff; }
.bg-secundary-color-light { background: #3c75d0; color: #ffffff;  }
.bg-secundary-color-dark { background: #215397; color: #ffffff; }

.btn-secundary { background: #145DBE; color: #ffffff; }
.btn-secundary-light { background: #3c75d0; color: #ffffff; }
.btn-secundary-dark { background: #215397; color: #ffffff; }

.btn-secundary-dark:hover { 
	background: #145DBE; 
	color: #ffffff; 
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
}

.hr-divider { border-color: #181834; border-width: .1em; }

#header {
	width: 100%;
	/*border-bottom: solid #181834 .1em;*/
	-webkit-box-shadow: 0px 5px 5px 0px #3c75d0;
	-moz-box-shadow: 0px 5px 5px 0px #3c75d0;
	box-shadow: 0px 5px 5px 0px #3c75d0;
}

#body-content {
	margin-top: 4vh;
	margin-bottom: 4vh;
}

#menu-lateral-main-mov {
	display: none;
	padding-bottom: 1em;
}

#menu-lateral-main-mov {
	-webkit-box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
	-moz-box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
	box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
}

#menu-lateral-main {
	padding-bottom: 1em;
}

#menu-lateral-main li {
	-webkit-box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
	-moz-box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
	box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
}

#menu-lateral-main .item-lista:hover {
	background: #aeaeae;
	color: #215397;
	border-bottom: solid #3c75d0 .1em;
	cursor: pointer;
	/*-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -mos-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;*/
}

.footer-style {
	border-top: solid #145DBE .2em;
	padding-top: 5em;
	padding-bottom: 5em;
}

.footer-style p {
	font-size: .8em;
	color: #aeaeae;
}

#footer-contact li {
	background: #00000d
}

.user-container {
	padding: 1em;
}

#user-content {
	text-align: right;
	padding: .5em;
}

#btns-menu { display: none; }

#btns-menu a{
	font-size: 1.5em;
	color: #ffffff;
}

/*#bnt-menu-open { display: none; }*/

#bnt-menu-close { display: none; }
#btn_edocuenta_mov { display: none; }

#list-accounts { 
	height: 50vh;
}

#list-accounts table {
	-webkit-box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
	-moz-box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
	box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
}

#list-accounts table tr td:hover {
	background: #aeaeae;
	color: #145DBE;
	border-bottom: solid #3c75d0 .1em;
}

#map {
	height: 350px;
	width: 100%;
}

#lis-account-pay { 
	height: 45vh;
 }

#lis-account-pay table tbody tr:hover {
	background: #aeaeae;
	color: #145DBE;
	border-bottom: solid #3c75d0 .1em;
	cursor: pointer;
}

.btn_pay {
	background: #FF8000;
	color: #ffffff;
}

.credit-card {
	background: #3f3d5d; 
	color: #ffffff;
	-webkit-box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
	-moz-box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
	box-shadow: 0px 4px 6px 0px rgba(24,24,52,1);
}

.alert-err-ref {
	width: 45%;
	padding: 3em;
}

.form-cvv {
	border-bottom: 1px solid #888 !important;
	background: transparent !important;
	border: 0;
	border-radius: 0;
}

#info-pay-succes {
	width: 80%;
	padding: 2em;
}

#info-pay-succes strong {
	color: #145DBE;
}

.detalles_tar:hover {
	background: #aeaeae;
}

/* MEDIA QUERYS */
@media (max-width: 480px) {



	#user-content {
		text-align: center;
		border-top: solid #ffffff;
	}

	#btns-menu { display: block; }

	#menu-lateral-main {
		display: none;
	}

	.alert-err-ref {
		width: 100%;
		padding: 1em;
	}

	#info-pay-succes {
		width: 100%;
		padding: 1em;
	}

	#btn_edocuenta_mov { display: block; }

	#btn_edocuenta { display: none; }

	#menu-lateral-main-mov { display: block; }

	#menu-lateral-main { display: none; }

}