/* Replantear si se sigue usando esto, al parecer, es solo para la pagina de portal/acceso.php
a:link {
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
a:visited {
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
a:hover {
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #003366;
	text-decoration: none;
}
a:active {
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
.alerta {
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ff0000;
	text-decoration: none;
}
.parrafo {
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
.parrafo a{
	color: #666666;
}
.parrafo a:visited{
	color: #666666;
}
.parrafo a:hoover{
	color: #666666;
}
.parrafoboldazul {
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #003366;
	text-decoration: none;
}
.parrafobold {
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
.txtrutasgris {
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
.txtrutasgris a {
	color: #666666;
}
.txtrutasgris a:visited {
	color: #666666;
}
.txtrutasgris a:hover {
	color: #666666;
}
 -------------------------------------------------
*/

	.navbar {
		position: relative;
		min-height: 50px;
		margin-bottom: 20px;
		border: 1px solid transparent;
	}
	@media (min-width: 768px){
		.navbar {
		border-radius: 4px;
		}
	}

	
	.navbar-default .navbar-header img {
		max-height: 100%;
		width: auto;
	}
	.navbar-default {
		background-color:#FFF;
		border-color: transparent;
		margin-bottom: 0px;
	}
	.jumbotron {
	position: relative;
	background: url('../imghs/oficina/img_acceso.jpg') center center repeat;
	min-height: 400px;
	background-size: 100%;
	background-color: #FFF;
	}

	.jumbotron-content {
	position: absolute;
	right: 0;
	top: 0;
	padding: 22px;
	min-width: 400px;
	border-radius: 10px;
	margin-top: 30px;
	margin-right: 8%;
	background-color: rgba(51, 51, 51, 0.45);
	}

	.jumbotron-content label {
	color: #000000;
	}

	@media (min-width: 768px){
		.jumbotron-content .col-control-1 {
			width: 30%;
			display: inline-block;
			text-align: right;
		}	
		.jumbotron-content .col-control-2 {
			width: 60%;
			display: inline-block;
		}
	}

	.jumbotron .btn {
	padding: 5px 5%;
	margin: 0 3%;
	}

	.jumbotron-content .form-group{
		display: table;
		margin-top: 10px;
	}

	.jumbotron-content p{
		font-size: 15px;
	}
	.btn {
		background-color: #DCDCDC;
	}

	.linkunderline:hover{
		text-decoration: underline;
	}

	.modal {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1050;
		display: none;
		overflow: hidden;
		-webkit-overflow-scrolling: touch;
		outline: 0;
	}
	.modal-content {
		position: relative;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid #999;
		border: 1px solid rgba(0,0,0,.2);
		border-radius: 6px;
		outline: 0;
		-webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
		box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
	}
	@media (min-width: 768px){
		.modal-content {
			-webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
			box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
		}

	}

	.modal-dialog {
		position: relative;
		width: auto;
		margin: 10px;
	}
	@media (min-width: 768px){
		.modal-dialog {
			width: 600px;
			margin: 30px auto;
		}
	}

	.popup-overlay {
		visibility:hidden;
	}
	.popup-content {
		visibility:hidden;
	}
	.popup-overlay.active{
		visibility:visible;
	}
	.popup-content.active {
		visibility:visible;
	}
