﻿/* cyrillic-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gTD_u50.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3g3D_u50.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gbD_u50.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gfD_u50.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gnD_g.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-size: 14px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
	margin: 0;
	font-size: 15px;
	line-height: 26px;
	font-weight: 400;
	color: #666;
	background-color: #fff;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased !important;
}

html, body {
	width: 100%;
	height: 100%;
	font-family: 'Montserrat', sans-serif !important;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

	ul > li {
		margin: 0px;
	}

a, a > * {
	outline: 0;
	cursor: pointer;
	text-decoration: none;
}

input, optgroup, select, textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

	input[type=checkbox] {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0;
	}

button, select {
	text-transform: none;
}

[type=reset], [type=submit], button, html [type=button] {
	-webkit-appearance: button;
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width:768px) {
	.container {
		width: 750px
	}
}

@media (min-width:992px) {
	.container {
		width: 970px
	}
}

@media (min-width:1200px) {
	.container {
		width: 1170px
	}
}

.row {
	margin-right: -15px;
	margin-left: -15px;
}

.form-group {
	margin-bottom: 1.429rem;
}

.float-right {
	float: right !important;
}

.float-left {
	float: left !important;
}

.btn {
	display: inline-block;
	font-weight: 300;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .429rem 1rem;
	font-size: 1rem;
	line-height: 1.571429;
	border-radius: .215rem;
	cursor: pointer;
	-webkit-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
	-o-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
	transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
	-webkit-font-smoothing: subpixel-antialiased;
}

.btn-block {
	white-space: normal;
	display: block;
	width: 100%;
}

.btn:focus, .btn:hover {
	text-decoration: none;
}

.btn-primary {
	color: #fff;
	background-color: #011a48;
	border-color: #011a48;
	-webkit-box-shadow: none;
	box-shadow: none;
}

	.btn-primary.focus, .btn-primary.hover, .btn-primary:focus, .btn-primary:hover {
		color: #fff;
		background-color: #011a48db;
		border-color: #011a48db;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

.btn-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}
	.btn-success:focus, .btn-success:hover {
		color: #fff;
		background-color: #449d44;
		border-color: #398439;
		-webkit-box-shadow: none;
		box-shadow: none;
	}


.checkbox > input, .checkbox > label {
	cursor: pointer;
}

.form-control {
	height: 2.573rem;
	font-weight: 100;
	border-color: #e4eaec;
	display: block;
	width: 100%;
	padding: .429rem 1rem;
	font-size: 1rem;
	line-height: 1.571429;
	color: #76838f;
	background-color: #fff;
	background-image: none;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #e4eaec;
	border-radius: .215rem;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
	-o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
	transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
	-webkit-appearance: none;
	-moz-appearance: none;
}

select.form-control {
	padding-right: 30px;
	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAFCAYAAABB9hwOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNWZkMzNlMC0zNTcxLTI4NDgtYjA3NC01ZTRhN2RjMWVmNjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTUxRUI3MDdEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTUxRUI3MDZEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZWNiNjQzMjYtNDc1Yi01OTQxLWIxYjItNDVkZjU5YjZlODA2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2RlYzI2YWMtZGI5OC0xMWU1LWIwMjgtY2ZhNDhhOGNjNWY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AXTIGgAAAFRJREFUeNpidI1KSWFgYDBlwASngXjOrqWzGcgBTEC8DIjfo4m/h4qTDUAGfwPi+UD8Hyr2H8r/RqnBIHATiPdC2XuhfIoACxJ7PRDzQmmKAUCAAQDxOxHyb4DjOAAAAABJRU5ErkJggg==) no-repeat center right;
}

	select.form-control:not([size]):not([multiple]) {
		height: 2.573rem;
	}

.login .top-bar > li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 54px;
}

	.login .top-bar > li span {
		color: #fff;
		font-size: 14px;
	}

	.login .top-bar > li a {
		color: #fff;
		font-size: 14px;
	}

	.login .top-bar > li i {
		color: #8f978b;
		margin-right: 10px;
		font-size: 20px;
		position: relative;
		top: 2px;
	}

.login .container-header, .login .container-main {
	position: relative;
	width: 100%;
	height: auto;
}

.login .container-header {
	min-height: 55px;
	background-color: #011a48;
}

.login .container-logo {
	height: 80px;
	position: relative;
}

	.login .container-logo > div {
		width: 100%;
		position: absolute;
		z-index: 100;
		border-bottom: 0;
		-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.12);
		box-shadow: 0 3px 6px rgba(0,0,0,.12);
	}

.login .container-body {
	max-height: 650px;
	height: 650px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.login .login-background, .login .login-access {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	z-index: 20;
	visibility: inherit;
	background-color: rgba(255, 255, 255, 0);
}

	.login .login-access > div {
		margin-top: 3%;
		width: 450px;
		padding: 50px;
		font-size: 1rem;
		margin-left: 20px;
		background-color: whitesmoke;
	}

.login-access label {
	font-weight: 300;
	display: inline-block;
	margin-bottom: .5rem;
}

.login .login-background {
	z-index: 0;
	opacity: 1;
	background-color: rgba(0, 0, 0, 0);
	background-repeat: no-repeat;
	background-image: url('../Imagenes/Login/slider-bg-1.jpg');
	background-size: cover;
	background-position: center center;
}



@font-face {
	font-family: 'FontAwesome';
	src: url('fonts/fontawesome-webfont.eot?v=4.4.0');
	src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.fa-phone-square:before {
	content: "\f098";
}

.fa-envelope-square:before {
	content: "\f199";
}

.fa-building:before {
	content: "\f1ad";
}

.fa-refresh:before {
	content: "\f021";
}

[class*=animation-] {
	-webkit-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animation-slide-top {
	-webkit-animation-name: slide-top;
	-o-animation-name: slide-top;
}

@-webkit-keyframes slide-top {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@-o-keyframes slide-top {
	0% {
		opacity: 0;
		transform: translate3d(0,-100%,0)
	}

	100% {
		opacity: 1;
		transform: translate3d(0,0,0)
	}
}

@keyframes slide-top {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

.jtse-alert .alert {
	color: white;
	padding: 10px 36px;
	position: fixed;
	font-weight: bold;
	top: 70px;
	right: 10px;
	z-index: 2000;
	border-radius: 8px;
	z-index: 999;
}

	.jtse-alert .alert.move-right {
		opacity: 0;
		transform: translateX(150%);
		transition: all 1s ease-in-out;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
	}

	.jtse-alert .alert > span {
		display: block;
	}

.jtse-alert.anix .alert.move-right {
	transform: translateX(0%);
	opacity: 1;
	z-index: 2000;
}

.jtse-alert .success {
	background-color: #78d14e;
}

.jtse-alert .info {
	background-color: #58bcef;
}

.jtse-alert .warning {
	color: rgb(36,64,98);
	background-color: rgb(247,247,123);
}

.jtse-alert .error {
	color: rgb(0,0,0);
	background-color: rgb(245,77,77);
}

.jtse-alert .default {
	background-color: #c8c5c5;
}

/*param registrar*/
.login-Registrar > div {
	margin-top: 10px;
	width: 500px;
	padding: 50px;
	font-size: 1rem;
	margin-left: 20px;
	background-color: whitesmoke;
	text-align:center;
	
}

.spinner {
	margin: auto auto;
	width: 50px;
	height: 20px;
	text-align: center;
	font-size: 8px;
}

	.spinner > div {
		background-color: red;
		height: 100%;
		width: 6px;
		display: inline-block;
		-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
		animation: stretchdelay 1.2s infinite ease-in-out;
	}

	.spinner .rect2 {
		-webkit-animation-delay: -1.1s;
		animation-delay: -1.1s;
	}

	.spinner .rect3 {
		-webkit-animation-delay: -1.0s;
		animation-delay: -1.0s;
	}

	.spinner .rect4 {
		-webkit-animation-delay: -0.9s;
		animation-delay: -0.9s;
	}

	.spinner .rect5 {
		-webkit-animation-delay: -0.8s;
		animation-delay: -0.8s;
	}
@-webkit-keyframes stretchdelay {
	0%, 40%, 100% {
		-webkit-transform: scaleY(0.4)
	}

	20% {
		-webkit-transform: scaleY(1.0)
	}
}

@keyframes stretchdelay {
	0%, 40%, 100% {
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}

	20% {
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	}
}