/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);

* {
	box-sizing: border-box;
     
}

html {
	min-height: 100%;
	position: relative;
overflow:auto;
}

.b1 {
	padding: 10px;
}

.contenido {
	padding-bottom: 575px;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #666;
	border-top: 3px solid #eee;
	-webkit-font-smoothing: antialiased;
	height: 100%;
}

a,img,body
{
	transform: scale(1);
    /* filter: grayscale(1); */
    -webkit-text-size-adjust: 100%;
}
		


h1, h2, h3 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 1px 0px;
	margin: 1px 0px;
	font-weight: 100;
	color: #666;
}

h4, h5, h6 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 1px 0px;
	margin: 1px 0px;
	font-weight: 600;
	color: white;
}


.btnDownload {
	background-color: DodgerBlue;
	border: none;
	color: white;
	padding: 12px 30px;
	cursor: pointer;
	font-size: 20px;
}

	.btnDownload:hover {
		background-color: RoyalBlue;
	}

.LecBoton button {
	width: 325px;
	background-color: brown;
	border-radius: 12px;
}

	.LecBoton button:hover {
		width: 325px;
		background-color: #991a6e;
	}

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: #80155a;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
}

.pace-inactive {
	display: none;
}

table {
	border-collapse: collapse;
	width: 100%;
}

th, td {
	text-align: left;
	padding: 8px;
}

th {
	color: white;
}

div.row {
	margin-right: 0px;
}

div.container-fluid {
	padding-right: 0px;
}
/* Inicio de 05/01/22*/
.checkout1 {
	margin: 150px auto 30px;
	position: relative;
	width: 460px;
	background: white;
	border-radius: 15px;
	padding: 160px 45px 30px;
	box-shadow: 0 10px 40px hsla(0, 0, 0, .1);
}

.checkout2 {
	margin: 150px auto 30px;
	position: relative;
	width: 460px;
	background: white;
	border-radius: 15px;
	padding: 50px 45px 30px;
	box-shadow: 0 10px 40px hsla(0, 0, 0, .1);
}

.w3-display-topright {
	border-radius: 15px;
}

.w3-modal-content {
	border-radius: 15px;
	width: 800px;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: auto;
	background-clip: padding-box;
	outline: 0
}

.w3-modTarjeta-content {
	margin: 3px auto 3px;
	position: relative;
	width: 500px;
	height: 700px;
	background: white;
	border-radius: 15px;
	padding: 40px 3px 3px;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: auto;
	background-clip: padding-box;
	outline: 0
}

	.w3-modTarjeta-content .features-two .iz {
		text-align: left;
	}

	.w3-modTarjeta-content .features-two .de {
		text-align: right;
	}

	.w3-modTarjeta-content .features-two .mod .texto {
		padding: 20px;
	}


/*--------------------
Credit Card
--------------------*/
.credit-card-box {
	perspective: 1000px;
	width: 400px;
	height: 280px;
	position: absolute;
	top: -112px;
	left: 50%;
	transform: translateX(-50%);
	label

{
	font-size: 10px;
	letter-spacing: 1px;
	text-shadow: none;
	text-transform: uppercase;
	font-weight: normal;
	opacity: 0.5;
	display: block;
	margin-bottom: 3px;
}

}

.credit-card-box:hover .flip,
.hover .flip {
	transform: rotateY(180deg);
}

.credit-card-box .front,
.back {
	width: 400px;
	height: 250px;
	border-radius: 15px;
	backface-visibility: hidden;
	background: linear-gradient(135deg, #bd6772, #53223f);
	position: absolute;
	color: #fff;
	font-family: Inconsolata;
	top: 0;
	left: 0;
	text-shadow: 0 1px 1px hsla(0, 0, 0, 0.3);
	box-shadow: 0 1px 6px hsla(0, 0, 0, 0.3);
}

	.back:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		/*	background: url('http://cdn.flaticon.com/svg/44/44386.svg') no-repeat center;*/
		background-size: cover;
		opacity: .05;
	}

.credit-card-box .flip {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

.credit-card-box .logo {
	position: absolute;
	top: 9px;
	right: 20px;
	width: 60px;
}

	.credit-card-box .logo svg {
		width: 100%;
		height: auto;
		fill: #fff;
	}

.credit-card-box .front {
	z-index: 2;
	transform: rotateY(0deg);
}

.credit-card-box .back {
	transform: rotateY(180deg);
}

	.credit-card-box .back .logo {
		top: 185px;
	}

.credit-card-box .card-holder,
.card-expiration-date {
	position: absolute;
	margin: 0 auto;
	top: 180px;
	left: 19px;
	font-size: 22px;
	text-transform: capitalize;
}

.credit-card-box .card-expiration-date {
	text-align: right;
	left: auto;
	right: 20px;
}

.credit-card-box .ccv {
	height: 36px;
	background: #fff;
	width: 91%;
	border-radius: 5px;
	top: 110px;
	left: 0;
	right: 0;
	position: absolute;
	margin: 0 auto;
	color: #000;
	text-align: right;
	padding: 10px;
	label

{
	margin: -25px 0 14px;
	color: #fff;
}

}

.credit-card-box .chip {
	position: absolute;
	width: 60px;
	height: 45px;
	top: 20px;
	left: 20px;
	background: linear-gradient(135deg, hsl(269,54%,87%) 0%,hsl(200,64%,89%) 44%,hsl(18,55%,94%) 100%);
	border-radius: 8px;
}

	.credit-card-box .chip &::before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		border: 4px solid hsla(0, 0, 50, .1);
		width: 80%;
		height: 70%;
		border-radius: 5px;
	}

.credit-card-box .strip {
	background: linear-gradient(135deg, hsl(0, 0, 25%), hsl(0, 0, 10%));
	position: absolute;
	width: 100%;
	height: 50px;
	top: 30px;
	left: 0;
}

.credit-card-box .number {
	position: absolute;
	margin: 0 auto;
	top: 103px;
	left: 19px;
	font-size: 38px;
}

.butt {
	color: #ffffff;
	background-color: #24cf5f;
	padding: 12px 25px;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: 0;
	border-radius: 6px;
	outline: 0;
	box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.2);
	transition: all .2s;
}

	.butt:hover, .butt:active, .butt:focus {
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}

.CloseButt {
	color: #ffffff;
	background-color: #ff0a27;
	padding: 12px 25px;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: 0;
	border-radius: 6px;
	outline: 0;
	box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.2);
	transition: all .2s;
}

	.CloseButt:hover, .CloseButt:active, .CloseButt:focus {
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}

.button--transparent {
	background: transparent;
	border: 0;
	outline: 0;
}

.button--close {
	position: absolute;
	top: 10px;
	left: 10px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	color: #ffffff;
	border-radius: 50%;
	transition: all .25s;
	z-index: 10;
}

	.button--close svg {
		width: 20px;
		height: 20px;
	}

		.button--close svg * {
			fill: currentColor;
		}

	.button--close:hover, .button--close:active, .button--close:focus {
		color: #fbcf34;
		background-color: #ffffff;
		box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);
	}

.button--info {
	position: absolute;
	top: 0;
	right: 0;
}

.inp input {
	width: calc(100% - 10px);
	min-height: 30px;
	padding-left: 5px;
	padding-right: 5px;
	letter-spacing: .5px;
	border: 0;
	border-bottom: 2px solid #f0f0f0;
}


	.inp input:valid {
		border-color: #24cf5f;
	}

	.inp input:focus {
		outline: none;
		border-color: #fbcf34;
	}

.form-list {
	padding-left: 0;
	list-style: none;
}

.form-list__row {
	margin-bottom: 25px;
}

	.form-list__row label {
		position: relative;
		display: block;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 11px;
		letter-spacing: .5px;
		color: #939393;
	}

.form-list__row--inline {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

	.form-list__row--inline > :first-child {
		-ms-flex: 2;
		flex: 2;
		padding-right: 20px;
	}

	.form-list__row--inline > :nth-child(2n) {
		-ms-flex: 1;
		flex: 1;
	}

.form-list__input-inline {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

	.form-list__input-inline > * {
		width: calc(50% - 10px - 10px);
	}

.form-list__row--agree {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 12px;
}

	.form-list__row--agree label {
		font-weight: 400;
		text-transform: none;
		color: #676767;
	}

	.form-list__row--agree input {
		width: auto;
		margin-right: 5px;
	}

#input--cc {
	position: relative;
	padding-top: 6px;
}

	#input--cc input {
		padding-left: 46px;
		width: calc(100% - 46px);
	}

	#input--cc:before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		width: 36px;
		height: 45px;
		background-image: url("data:image/svg+xml;utf8,%3Csvg%20class%3D%22nc-icon%20glyph%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2248px%22%20height%3D%2248px%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%3E%20%3Cpath%20data-color%3D%22color-2%22%20fill%3D%22%238c8c8c%22%20d%3D%22M47%2C16V9c0-1.105-0.895-2-2-2H3C1.895%2C7%2C1%2C7.895%2C1%2C9v7H47z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%238c8c8c%22%20d%3D%22M1%2C22v17c0%2C1.105%2C0.895%2C2%2C2%2C2h42c1.105%2C0%2C2-0.895%2C2-2V22H1z%20M18%2C33H8c-0.552%2C0-1-0.448-1-1s0.448-1%2C1-1h10%20c0.552%2C0%2C1%2C0.448%2C1%2C1S18.552%2C33%2C18%2C33z%20M40%2C33h-5c-0.552%2C0-1-0.448-1-1s0.448-1%2C1-1h5c0.552%2C0%2C1%2C0.448%2C1%2C1S40.552%2C33%2C40%2C33z%22%3E%3C/path%3E%20%3C/g%3E%3C/svg%3E");
		background-position: center;
		background-repeat: no-repeat;
		background-size: 36px;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	#input--cc.creditcard-icon--visa:before {
		background-image: url("data:image/svg+xml;utf8,%3Csvg%20class%3D%22nc-icon%20colored%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2248px%22%20height%3D%2248px%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%3E%3Crect%20x%3D%221%22%20y%3D%2214%22%20fill%3D%22%23E6E6E6%22%20width%3D%2246%22%20height%3D%2219%22%3E%3C/rect%3E%20%3Cpath%20fill%3D%22%23E79800%22%20d%3D%22M4%2C41h40c1.657%2C0%2C3-1.343%2C3-3v-5H1v5C1%2C39.657%2C2.343%2C41%2C4%2C41z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%231A1876%22%20d%3D%22M44%2C7H4c-1.657%2C0-3%2C1.343-3%2C3v5h46v-5C47%2C8.343%2C45.657%2C7%2C44%2C7z%22%3E%3C/path%3E%20%3Cpolygon%20fill%3D%22%231A1876%22%20points%3D%2219.238%2C28.8%2021.847%2C28.8%2023.48%2C19.224%2020.87%2C19.224%20%22%3E%3C/polygon%3E%20%3Cpath%20fill%3D%22%231A1876%22%20d%3D%22M28.743%2C23.069c-0.912-0.443-1.471-0.739-1.465-1.187c0-0.398%2C0.473-0.824%2C1.495-0.824%20c0.836-0.013%2C1.51%2C0.157%2C2.188%2C0.477l0.354-2.076c-0.517-0.194-1.327-0.402-2.339-0.402c-2.579%2C0-4.396%2C1.299-4.411%2C3.16%20c-0.015%2C1.376%2C1.297%2C2.144%2C2.287%2C2.602c1.016%2C0.469%2C1.358%2C0.769%2C1.353%2C1.188c-0.006%2C0.642-0.811%2C0.935-1.562%2C0.935%20c-1.158%2C0-1.742-0.179-2.793-0.655l-0.366%2C2.144c0.61%2C0.267%2C1.737%2C0.499%2C2.908%2C0.511c2.744%2C0%2C4.525-1.284%2C4.545-3.272%20C30.944%2C24.581%2C30.249%2C23.752%2C28.743%2C23.069z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%231A1876%22%20d%3D%22M38.007%2C19.233H35.99c-0.625%2C0-1.092%2C0.171-1.367%2C0.794l-3.876%2C8.776h2.741c0%2C0%2C0.448-1.18%2C0.55-1.439%20c0.3%2C0%2C2.962%2C0.004%2C3.343%2C0.004c0.078%2C0.335%2C0.318%2C1.435%2C0.318%2C1.435h2.422L38.007%2C19.233z%20M34.789%2C25.406%20c0.108-0.276%2C1.173-3.011%2C1.386-3.591c0.353%2C1.651%2C0.009%2C0.049%2C0.781%2C3.591H34.789z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%231A1876%22%20d%3D%22M17.049%2C19.231l-2.556%2C6.53l-0.272-1.327l-0.915-4.401c-0.158-0.606-0.616-0.787-1.183-0.808H7.913%20L7.88%2C19.424c1.024%2C0.248%2C1.939%2C0.606%2C2.742%2C1.05l2.321%2C8.317l2.762-0.003l4.109-9.558H17.049z%22%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	}

	#input--cc.creditcard-icon--master-card:before {
		background-image: url("data:image/svg+xml;utf8,%3Csvg%20class%3D%22nc-icon%20colored%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2248px%22%20height%3D%2248px%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23003564%22%20d%3D%22M44%2C7H4c-1.657%2C0-3%2C1.343-3%2C3v28c0%2C1.657%2C1.343%2C3%2C3%2C3h40c1.657%2C0%2C3-1.343%2C3-3V10C47%2C8.343%2C45.657%2C7%2C44%2C7z%22%3E%3C/path%3E%20%3Ccircle%20fill%3D%22%23F01524%22%20cx%3D%2219%22%20cy%3D%2224%22%20r%3D%228%22%3E%3C/circle%3E%20%3Cpath%20fill%3D%22%23376BD1%22%20d%3D%22M24%2C30.24c0.093-0.075%2C0.177-0.161%2C0.267-0.24h-0.535C23.823%2C30.079%2C23.907%2C30.165%2C24%2C30.24z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%23FEB415%22%20d%3D%22M29%2C16c-2.525%2C0-4.773%2C1.173-6.24%2C3h2.48c0.251%2C0.313%2C0.47%2C0.651%2C0.673%2C1h-3.827h-0.008%20c-0.186%2C0.321-0.352%2C0.653-0.492%2C1h0.009h4.809c0.132%2C0.324%2C0.246%2C0.656%2C0.335%2C1h-5.477c-0.084%2C0.326-0.151%2C0.659-0.193%2C1h5.865%20C26.975%2C23.328%2C27%2C23.661%2C27%2C24h-6c0%2C0.339%2C0.028%2C0.672%2C0.069%2C1h5.865c-0.043%2C0.341-0.111%2C0.674-0.195%2C1h-5.477%20c0.088%2C0.342%2C0.194%2C0.677%2C0.325%2C1h0.009h4.809c-0.141%2C0.346-0.305%2C0.68-0.491%2C1h-3.827h-0.008c0.203%2C0.351%2C0.429%2C0.686%2C0.681%2C1h2.48%20c-0.292%2C0.363-0.623%2C0.693-0.973%2C1h-0.535h-0.012c1.409%2C1.241%2C3.254%2C2%2C5.279%2C2c4.418%2C0%2C8-3.582%2C8-8S33.418%2C16%2C29%2C16z%22%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	}

	#input--cc.creditcard-icon--american-express:before {
		background-image: url("data:image/svg+xml;utf8,%3Csvg%20class%3D%22nc-icon%20colored%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2248px%22%20height%3D%2248px%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23007AC6%22%20d%3D%22M44%2C7H4c-1.657%2C0-3%2C1.343-3%2C3v28c0%2C1.657%2C1.343%2C3%2C3%2C3h40c1.657%2C0%2C3-1.343%2C3-3V10C47%2C8.343%2C45.657%2C7%2C44%2C7z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M10.533%2C24.429h2.33l-1.165-2.857L10.533%2C24.429z%20M43%2C19h-5.969l-1.456%2C1.571L34.264%2C19H21.598l-1.165%2C2.571%20L19.268%2C19h-5.096v1.143L13.59%2C19H9.222L5%2C29h5.096l0.582-1.571h1.456L12.716%2C29h5.678v-1.143L18.831%2C29h2.912l0.437-1.286V29%20h11.648l1.456-1.571L36.594%2C29h5.969l-3.785-5L43%2C19z%20M25.383%2C27.571h-1.602V22l-2.475%2C5.571h-1.456L17.375%2C22v5.571h-3.349%20L13.444%2C26H9.95l-0.582%2C1.571H7.475l3.057-7.143h2.475l2.766%2C6.714v-6.714h2.766l2.184%2C4.857l2.038-4.857h2.766v7.143H25.383z%20M39.797%2C27.571h-2.184l-1.893-2.429l-2.184%2C2.429h-6.552v-7.143h6.697l2.038%2C2.286l2.184-2.286h2.038L36.739%2C24L39.797%2C27.571z%20M28.586%2C21.857v1.286h3.64v1.429h-3.64V26h4.077l1.893-2.143l-1.747-2H28.586z%22%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	}

	#input--cc.creditcard-icon--discover:before {
		background-image: url("data:image/svg+xml;utf8,%3Csvg%20class%3D%22nc-icon%20colored%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2248px%22%20height%3D%2248px%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23E6E6E6%22%20d%3D%22M47%2C23.807V10c0-1.657-1.343-3-3-3H4c-1.657%2C0-3%2C1.343-3%2C3v28c0%2C1.657%2C1.343%2C3%2C3%2C3h10.589%20C30.229%2C38.811%2C43.003%2C30.094%2C47%2C23.807z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%23E6E6E6%22%20d%3D%22M47%2C38V23.807C43.003%2C30.094%2C30.229%2C38.811%2C14.589%2C41H44C45.657%2C41%2C47%2C39.657%2C47%2C38z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%23FA7000%22%20d%3D%22M47%2C38V23.807C43.003%2C30.094%2C30.229%2C38.811%2C14.589%2C41H44C45.657%2C41%2C47%2C39.657%2C47%2C38z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%23FA7000%22%20d%3D%22M25.029%2C21.013c-1.69%2C0-3.062%2C1.32-3.062%2C2.951c0%2C1.734%2C1.312%2C3.028%2C3.062%2C3.028%20c1.708%2C0%2C3.054-1.313%2C3.054-2.995C28.084%2C22.325%2C26.747%2C21.013%2C25.029%2C21.013z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%23444444%22%20d%3D%22M7.646%2C21.121H6v5.743h1.636c0.871%2C0%2C1.499-0.207%2C2.05-0.664c0.654-0.541%2C1.043-1.359%2C1.043-2.206%20C10.728%2C22.298%2C9.462%2C21.121%2C7.646%2C21.121z%20M8.956%2C25.434c-0.356%2C0.318-0.81%2C0.457-1.535%2C0.457H7.121v-3.798h0.301%20c0.725%2C0%2C1.161%2C0.13%2C1.535%2C0.464c0.385%2C0.345%2C0.617%2C0.878%2C0.617%2C1.429C9.573%2C24.539%2C9.342%2C25.091%2C8.956%2C25.434z%22%3E%3C/path%3E%20%3Crect%20x%3D%2211.245%22%20y%3D%2221.121%22%20fill%3D%22%23444444%22%20width%3D%221.116%22%20height%3D%225.743%22%3E%3C/rect%3E%20%3Cpath%20fill%3D%22%23444444%22%20d%3D%22M15.102%2C23.322c-0.674-0.247-0.871-0.412-0.871-0.722c0-0.361%2C0.352-0.635%2C0.836-0.635%20c0.335%2C0%2C0.612%2C0.134%2C0.906%2C0.462l0.583-0.764c-0.481-0.424-1.058-0.638-1.686-0.638c-1.016%2C0-1.791%2C0.707-1.791%2C1.642%20c0%2C0.794%2C0.36%2C1.197%2C1.411%2C1.579c0.439%2C0.153%2C0.662%2C0.257%2C0.776%2C0.328c0.224%2C0.145%2C0.335%2C0.352%2C0.335%2C0.592%20c0%2C0.467-0.37%2C0.811-0.871%2C0.811c-0.533%2C0-0.964-0.267-1.222-0.768l-0.722%2C0.7c0.516%2C0.756%2C1.135%2C1.094%2C1.988%2C1.094%20c1.163%2C0%2C1.982-0.778%2C1.982-1.887C16.757%2C24.202%2C16.377%2C23.788%2C15.102%2C23.322z%22%3E%3C/path%3E%20%3Cpath%20fill%3D%22%23444444%22%20d%3D%22M17.108%2C23.994c0%2C1.689%2C1.326%2C2.998%2C3.032%2C2.998c0.481%2C0%2C0.894-0.095%2C1.402-0.335v-1.32%20c-0.449%2C0.451-0.843%2C0.629-1.353%2C0.629c-1.128%2C0-1.927-0.816-1.927-1.98c0-1.1%2C0.825-1.972%2C1.877-1.972%20c0.531%2C0%2C0.937%2C0.188%2C1.402%2C0.646v-1.318c-0.491-0.248-0.894-0.351-1.379-0.351C18.467%2C20.991%2C17.108%2C22.325%2C17.108%2C23.994z%22%3E%3C/path%3E%20%3Cpolygon%20fill%3D%22%23444444%22%20points%3D%2230.617%2C24.977%2029.086%2C21.121%2027.864%2C21.121%2030.299%2C27.009%2030.9%2C27.009%2033.382%2C21.121%2032.17%2C21.121%20%22%3E%3C/polygon%3E%20%3Cpolygon%20fill%3D%22%23444444%22%20points%3D%2233.89%2C26.864%2037.066%2C26.864%2037.066%2C25.891%2035.011%2C25.891%2035.011%2C24.341%2036.988%2C24.341%2036.988%2C23.368%2035.011%2C23.368%2035.011%2C22.093%2037.066%2C22.093%2037.066%2C21.121%2033.89%2C21.121%20%22%3E%3C/polygon%3E%20%3Cpath%20fill%3D%22%23444444%22%20d%3D%22M41.5%2C22.815c0-1.076-0.738-1.695-2.031-1.695h-1.664v5.743h1.123v-2.309h0.146l1.547%2C2.309H42l-1.807-2.421%20C41.037%2C24.271%2C41.5%2C23.694%2C41.5%2C22.815z%20M39.254%2C23.762h-0.325v-1.737h0.343c0.7%2C0%2C1.075%2C0.294%2C1.075%2C0.853%20C40.347%2C23.452%2C39.972%2C23.762%2C39.254%2C23.762z%22%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	}


.modal__container {
	display: -ms-flexbox;
	display: flex;
	max-width: 675px;
	min-height: 400px;
	margin-bottom: 125px;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);
}

.modal__featured {
	position: relative;
	-ms-flex: 1;
	flex: 1;
	min-width: 230px;
	padding: 20px;
	overflow: hidden;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.modal__circle {
	position: absolute;
	top: 0;
	left: 0;
	height: 200%;
	width: 200%;
	background-color: #fbcf34;
	border-radius: 50%;
	-ms-transform: translateX(-50%) translateY(-25%);
	transform: translateX(-50%) translateY(-25%);
}

.modal__product {
	position: absolute;
	top: 0;
	left: 50%;
	max-width: 85%;
	-ms-transform: translateX(calc(-50% - 10px));
	transform: translateX(calc(-50% - 10px));
}

.modal__content {
	-ms-flex: 3;
	flex: 3;
	padding: 40px 30px;
}



/* Fin de 05/01/22*/




/* Inicio de 01/01/22*/


.saldo .centrarTitulo {
	margin: auto;
	text-align: center;
}
.saldo .centrarTitulo
{
	margin: auto;
	text-align: center;
}

.saldo .centrarTitulo
{
	margin: auto;
	text-align: center;
}

.saldo .centrarTitulo {
	margin: auto;
	text-align: center;
	margin-top: 20px;
}

.saldo .courses-container {
	margin-top: 25px;
}

.saldo .monto {
	text-align: center;
	position: center;
}

.saldo .abajo {
	vertical-align: bottom;
}

.saldo .dentro {
	margin: 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: white;
}


.saldo .fuera {
	margin: 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: black;
}

.saldo .fueraTitulo {
	margin: 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: black;
	text-align: center;
	position: center;
}

.saldo .fueraCiclo {
	margin: 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: black;
	vertical-align: bottom;
	position: absolute;
}

.saldo .fueraCicloPeriodo {
	margin: 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: black;
	vertical-align: bottom;
	position: absolute;
	bottom: 30px;
	left: 30px;
}

.saldo .course {
	background: #fafafa url("../Rojo2.jpg") repeat;
	border-radius: 10px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
	display: flex;
	max-width: 100%;
	margin: auto;
	overflow: hidden;
	width: 700px;
}





.saldo .course-preview {
	background-image: url('../Rojo.png');
	color: #777;
	padding: 30px;
	max-width: 250px;
}

.course-preview a {
	color: #fff;
	display: inline-block;
	font-size: 12px;
	opacity: 0.6;
	margin-top: 30px;
	text-decoration: none;
}

.saldo .course-info {
	background-image: url('../cream.png');
	padding: 30px;
	position: relative;
	width: 100%;
}

.saldo .progress-container {
	position: absolute;
	top: 30px;
	right: 30px;
	text-align: right;
	width: 150px;
}

.saldo .progress {
	background-color: #ddd;
	border-radius: 3px;
	height: 5px;
	width: 100%;
}

	.saldo .progress::after {
		border-radius: 3px;
		background-color: #2A265F;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 5px;
		width: 66%;
	}

.saldo .progress-text {
	font-size: 10px;
	opacity: 0.6;
	letter-spacing: 1px;
}

.saldo .btn {
	background-image: url('../Rojo.png');
	border: 0;
	border-radius: 50px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
	color: #fff;
	font-size: 16px;
	padding: 12px 25px;
	position: absolute;
	bottom: 30px;
	right: 30px;
	letter-spacing: 1px;
}

.saldo .btnEdo {
	background-image: url('../Rojo.png');
	border: 0;
	border-radius: 50px;
	color: #fff;
	font-size: 16px;
	padding: 12px 25px;
	bottom: 30px;
	right: 30px;
	margin: auto;
}

/* SOCIAL PANEL CSS */
.social-panel-container {
	position: fixed;
	right: 0;
	bottom: 80px;
	transform: translateX(100%);
	transition: transform 0.4s ease-in-out;
}

	.social-panel-container.visible {
		transform: translateX(-10px);
	}

.social-panel {
	background-color: #fff;
	border-radius: 16px;
	box-shadow: 0 16px 31px -17px rgba(0,31,97,0.6);
	border: 5px solid #001F61;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-family: 'Muli';
	position: relative;
	height: 169px;
	width: 370px;
	max-width: calc(100% - 10px);
}

	.social-panel button.close-btn {
		border: 0;
		color: #97A5CE;
		cursor: pointer;
		font-size: 20px;
		position: absolute;
		top: 5px;
		right: 5px;
	}

		.social-panel button.close-btn:focus {
			outline: none;
		}

	.social-panel p {
		background-color: #001F61;
		border-radius: 0 0 10px 10px;
		color: #fff;
		font-size: 14px;
		line-height: 18px;
		padding: 2px 17px 6px;
		position: absolute;
		top: 0;
		left: 50%;
		margin: 0;
		transform: translateX(-50%);
		text-align: center;
		width: 235px;
	}

		.social-panel p i {
			margin: 0 5px;
		}

		.social-panel p a {
			color: #FF7500;
			text-decoration: none;
		}

	.social-panel h4 {
		margin: 20px 0;
		color: #97A5CE;
		font-family: 'Muli';
		font-size: 14px;
		line-height: 18px;
		text-transform: uppercase;
	}

	.social-panel ul {
		display: flex;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

		.social-panel ul li {
			margin: 0 10px;
		}

			.social-panel ul li a {
				border: 1px solid #DCE1F2;
				border-radius: 50%;
				color: #001F61;
				font-size: 20px;
				display: flex;
				justify-content: center;
				align-items: center;
				height: 50px;
				width: 50px;
				text-decoration: none;
			}

				.social-panel ul li a:hover {
					border-color: #FF6A00;
					box-shadow: 0 9px 12px -9px #FF6A00;
				}

.floating-btn {
	border-radius: 26.5px;
	background-color: #001F61;
	border: 1px solid #001F61;
	box-shadow: 0 16px 22px -17px #03153B;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	line-height: 20px;
	padding: 12px 20px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
}

	.floating-btn:hover {
		background-color: #ffffff;
		color: #001F61;
	}

	.floating-btn:focus {
		outline: none;
	}

.floating-text {
	background-color: #001F61;
	border-radius: 10px 10px 0 0;
	color: #fff;
	font-family: 'Muli';
	padding: 7px 15px;
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	z-index: 998;
}

	.floating-text a {
		color: #FF7500;
		text-decoration: none;
	}





























.all {
	display: flex;
	perspective: 1000px;
	will-change: perspective;
	perspective-origin: center center;
	justify-content: center;
}




	.all div {
		opacity: 1;
	}


.left, .center, .right {
	width: 200px;
	height: 150px;
	border-radius: 10px;
	border: 1px solid #fff;
	opacity: 0;
	position: relative;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
	background-blend-mode: color-burn;
	box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
	background-color: rgba(0, 0, 0, 0.15);
}

	.left:hover {
		box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
		background-color: rgba(0, 0, 0, 0.5);
	}

	.center:hover {
		box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
		background-color: rgba(0, 0, 0, 0.5);
	}

	.right:hover {
		box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
		background-color: rgba(0, 0, 0, 0.5);
	}

.text {
	transform: translateY(30px);
	opacity: 1;
	transition: all .3s ease;
	bottom: 0;
	left: 5px;
	position: absolute;
	will-change: transform;
	color: #fff;
	text-shadow: 0 0 5px rgba(237, 7, 34, .6);
}

.left {
	transform: translateX(-30px) translateZ(-25px) rotateY(-5deg);
	background-image: url("../saldo.png");
}

.center {
	opacity: 1;
	background-image: url("../factura.png");
}


.right {
	transform: translateX(30px) translateZ(-25px) rotateY(5deg);
	background-image: url("../pagos2.png");
}






.features-five .feat-inner6 {
	padding: 10px 10px 10px 10px;
	background: url("../patterns/fondo1.jpg") no-repeat center center fixed;
	border-radius: 10px;
	box-shadow: inset 0px 0px 5px #ccc;
	margin-bottom: 20px;
	color: #fafafa;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.features-five {
	margin: 30px 0px 10px 0px;
}

	.features-five h1 b {
		color: brown;
	}

	.features-five h2 b {
		color: brown;
	}

	.features-five i {
		font-size: 25px;
		margin-bottom: 10px;
	}

	.features-five .button {
		margin-top: 10px;
		margin-bottom: 20px;
	}

		.features-five .button a {
			font-size: 11px;
		}













.features-seven .feat-inner8 {
	padding: 10px 10px 10px 10px;
	background: url("../patterns/AguaPortada1.jpg") no-repeat center center fixed;
	border-radius: 10px;
	box-shadow: inset 0px 0px 5px #ccc;
	margin-bottom: 20px;
	color: #fafafa;
	height: 200px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.features-seven {
	margin: 30px 0px 10px 0px;
}

	.features-seven h1 b {
		color: brown;
	}

	.features-seven h2 b {
		color: white;
	}

	.features-seven i {
		font-size: 25px;
		margin-bottom: 10px;
	}

	.features-seven .button {
		margin-top: 10px;
		margin-bottom: 20px;
	}

		.features-seven .button a {
			font-size: 11px;
		}











.features-four .feat-inner5 {
	padding: 10px 10px 10px 10px;
	background: url("../TEZIUTLAN.jpeg") no-repeat center center fixed;
	border-radius: 10px;
	box-shadow: inset 0px 0px 5px #ccc;
	margin-bottom: 20px;
	color: #fafafa;
	height: 200px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.features-four {
	margin: 30px 0px 10px 0px;
}

	.features-four h1 b {
		color: brown;
	}

	.features-four h2 b {
		color: white;
	}

	.features-four i {
		font-size: 25px;
		margin-bottom: 10px;
	}

	.features-four .button {
		margin-top: 10px;
		margin-bottom: 20px;
	}

		.features-four .button a {
			font-size: 11px;
		}








.vertical-menu a.bloqueado {
	background: #fafafa url("../patterns/triangular.png") repeat;
	color: brown;
	font-size: 11px;
}



/* Final de 01/01/22*/









/* Inicio de 27/12/21*/
.feat-inner4 svg {
	width: 100px;
	height: 100px;
	margin: 20px;
	display: inline-block;
}

.features-two .feat-inner4 {
	padding: 4px 5px 5px 5px;
	background: #fafafa url("../patterns/triangular.png") repeat;
	border-radius: 10px;
	box-shadow: inset 0px 0px 5px #ccc;
	margin-bottom: 2px;
	color: #fafafa;
}


.overlay svg {
	width: 150px;
	height: 150px;
	margin: 20px;
	display: inline-block;
}

.machine {
	width: 60vmin;
	fill: #3c65b0;
}

.small-shadow, .medium-shadow, .large-shadow {
	fill: rgba(0, 0, 0, 0.05);
}

.small {
	-webkit-animation: counter-rotation 2.5s infinite linear;
	-moz-animation: counter-rotation 2.5s infinite linear;
	-o-animation: counter-rotation 2.5s infinite linear;
	animation: counter-rotation 2.5s infinite linear;
	-webkit-transform-origin: 100.136px 225.345px;
	-ms-transform-origin: 100.136px 225.345px;
	transform-origin: 100.136px 225.345px;
}

.small-shadow {
	-webkit-animation: counter-rotation 2.5s infinite linear;
	-moz-animation: counter-rotation 2.5s infinite linear;
	-o-animation: counter-rotation 2.5s infinite linear;
	animation: counter-rotation 2.5s infinite linear;
	-webkit-transform-origin: 110.136px 235.345px;
	-ms-transform-origin: 110.136px 235.345px;
	transform-origin: 110.136px 235.345px;
}

.medium {
	-webkit-animation: rotation 3.75s infinite linear;
	-moz-animation: rotation 3.75s infinite linear;
	-o-animation: rotation 3.75s infinite linear;
	animation: rotation 3.75s infinite linear;
	-webkit-transform-origin: 254.675px 379.447px;
	-ms-transform-origin: 254.675px 379.447px;
	transform-origin: 254.675px 379.447px;
}

.medium-shadow {
	-webkit-animation: rotation 3.75s infinite linear;
	-moz-animation: rotation 3.75s infinite linear;
	-o-animation: rotation 3.75s infinite linear;
	animation: rotation 3.75s infinite linear;
	-webkit-transform-origin: 264.675px 389.447px;
	-ms-transform-origin: 264.675px 389.447px;
	transform-origin: 264.675px 389.447px;
}

.large {
	-webkit-animation: counter-rotation 5s infinite linear;
	-moz-animation: counter-rotation 5s infinite linear;
	-o-animation: counter-rotation 5s infinite linear;
	animation: counter-rotation 5s infinite linear;
	-webkit-transform-origin: 461.37px 173.694px;
	-ms-transform-origin: 461.37px 173.694px;
	transform-origin: 461.37px 173.694px;
}

.large-shadow {
	-webkit-animation: counter-rotation 5s infinite linear;
	-moz-animation: counter-rotation 5s infinite linear;
	-o-animation: counter-rotation 5s infinite linear;
	animation: counter-rotation 5s infinite linear;
	-webkit-transform-origin: 471.37px 183.694px;
	-ms-transform-origin: 471.37px 183.694px;
	transform-origin: 471.37px 183.694px;
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(359deg);
	}
}

@-moz-keyframes rotation {
	from {
		-moz-transform: rotate(0deg);
	}

	to {
		-moz-transform: rotate(359deg);
	}
}

@-o-keyframes rotation {
	from {
		-o-transform: rotate(0deg);
	}

	to {
		-o-transform: rotate(359deg);
	}
}

@keyframes rotation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(359deg);
	}
}

@-webkit-keyframes counter-rotation {
	from {
		-webkit-transform: rotate(359deg);
	}

	to {
		-webkit-transform: rotate(0deg);
	}
}

@-moz-keyframes counter-rotation {
	from {
		-moz-transform: rotate(359deg);
	}

	to {
		-moz-transform: rotate(0deg);
	}
}

@-o-keyframes counter-rotation {
	from {
		-o-transform: rotate(359deg);
	}

	to {
		-o-transform: rotate(0deg);
	}
}

@keyframes counter-rotation {
	from {
		transform: rotate(359deg);
	}

	to {
		transform: rotate(0deg);
	}
}


/* The Overlay (background) */






.overlay {
	/* Height & width depends on how you want to reveal the overlay (see JS below) */
	height: 100%;
	width: 0;
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	background-color: #937575; /* Black fallback color */
	background-color: rgba(147,117,117, 0.9); /* Black w/opacity */
	overflow-x: hidden; /* Disable horizontal scroll */
	transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
	padding: 32px;
	background: linear-gradient(328deg, rgba(50, 9, 17, 0.1), 20%, rgba(108, 9, 17, 0.9));
	position: relative;
	top: 25%; /* 25% from the top */
	width: 600px;
	height: 350px;
	border: 1px solid #000;
	border-radius: 10px;
	margin-top: -30px;
	margin-left: 500px;
	text-align: center; /* Centered text/links */
}

.overlay h1 {
	color: #FFF;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 1px 0px;
	margin: 1px 0px;
	font-weight: 100;
}

.overlay h2 {
	color: #FFF;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 1px 0px;
	margin: 1px 0px;
	font-weight: 100;
}

.overlay p {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 1px 0px;
	margin: 1px 0px;
	font-weight: 100;
	color: #FFF;
}




/* Final de 27/12/21*/






/* TABLES */
.table-bordered {
	border: 1px solid #EBEBEB;
}

	.table-bordered > thead > tr > th,
	.table-bordered > thead > tr > td {
		background-color: #F5F5F6;
		border-bottom-width: 1px;
	}

	.table-bordered > thead > tr > th,
	.table-bordered > tbody > tr > th,
	.table-bordered > tfoot > tr > th,
	.table-bordered > thead > tr > td,
	.table-bordered > tbody > tr > td,
	.table-bordered > tfoot > tr > td {
		border: 1px solid #e7e7e7;
	}

.table > thead > tr > th {
	border-bottom: 1px solid #DDDDDD;
	vertical-align: bottom;
	background-color: brown;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	border-top: 1px solid #e7eaec;
	line-height: 1.42857;
	padding: 8px;
	vertical-align: top;
}
/* Final de Tablas */

.opciones img {
	margin-top: -33px;
	float: right;
}

.opciones {
	float: right;
}



.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

	.dropdown-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}

.dropdown a:hover {
	background-color: #ddd;
}

.show {
	display: block;
}









.p-b-30 {
	padding-bottom: 30px !important;
}

.p-t-30 {
	padding-top: 30px !important;
}

.policy .row {
	margin-left: -10px;
	margin-right: -10px;
}

.info h5 {
	color: #666;
}

.info h3 strong {
	color: black;
}

.info strong {
	color: black;
}

.loginpartial h5 a {
	color: #FFF;
	text-align: right;
	letter-spacing: normal;
}

.loginpartial h5 .servicio a {
	padding: 7px;
}

.loginpartial a {
	color: #FFF;
	text-align: right;
}

.flexbox {
	align-items: center;
	float: right;
	justify-content: center;
}

h5 i strong {
	text-align: center;
}

.ibox-title h4 {
}

h5, h6 {
	color: #444;
	font-weight: 600;
	color: white;
}

h2 {
	font-size: 18px;
	line-height: 35px;
}

h3 {
	font-size: 20px;
	line-height: 30px;
}

h4 {
	font-size: 16px;
	line-height: 28px;
	color: #666;
}

h5 {
	font-size: 14px;
	line-height: 22px;
}

h6 {
	font-size: 13px;
	line-height: 25px;
}

p {
	padding: 0px;
	margin: 0px;
}

a:hover, a:active, a:focus {
	outline: 0;
}

.bold {
	font-weight: normal;
}

.sep {
	height: 5px;
	background: url("../img/sep.png") repeat;
}

hr {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	border-top: 0px;
	border-bottom: 1px solid #f4f4f4;
	height: 0px;
}


.bor {
	height: 5px;
	margin: 10px 0px 10px 0px;
	background: url('../img/sep.png') repeat-x;
}

.center {
	text-align: center;
}

.horizontal-links a {
	margin-right: 20px;
}

a:hover, a:active, a:focus {
	outline: 0;
}

:focus {
	outline: none;
}

::-moz-focus-inner {
	border: 0;
}

.well {
	background: #fafafa;
	border: 1px solid #eee;
	padding: 10px 15px;
	box-shadow: inset 0px 0px 2px #eee;
	margin: 20px 0px;
}

/* Form */

form {
	margin: 5px 0px;
}

	form * {
		font-size: 13px !important;
	}

	/* Modal */


	/* Button */
	form.form-inline .btn {
		padding: 6px 10px !important;
	}

.form-horizontal .radio, .form-horizontal .checkbox {
	margin-left: 20px;
}

a.btn, a.btn:visited, a.btn:hover {
	color: #333 !important;
}

a.btn-primary, a.btn-primary:visited, a.btn-primary:hover,
a.btn-warning, a.btn-warning:visited, a.btn-warning:hover,
a.btn-danger, a.btn-danger:visited, a.btn-danger:hover,
a.btn-success, a.btn-success:visited, a.btn-success:hover,
a.btn-info, a.btn-info:visited, a.btn-info:hover,
a.btn-inverse, a.btn-inverse:visited, a.btn-inverse:hover {
	color: #fff !important;
}

.button {
	margin: 8px 0px 5px 0px;
}

	.button a, .button a:visited {
		color: #fff;
		padding: 5px 10px;
		border: 0px !important;
		text-decoration: none !important;
		font-size: 13px;
		-webkit-transition: background 1s ease;
		-moz-transition: background 1s ease;
		-o-transition: background 1s ease;
		transition: background 1s ease;
		font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
		border-radius: 3px;
	}

		.button a:hover {
			color: #fff;
			text-decoration: none;
			-webkit-transition: background 1s ease;
			-moz-transition: background 1s ease;
			-o-transition: background 1s ease;
			transition: background 1s ease;
		}

button.close {
	font-size: 16px !important;
}

/* Social */

.social {
	font-size: 13px;
	margin: 5px 0px;
}

	.social i {
		display: inline-block;
		box-shadow: inset 0px 0px 1px #333;
		height: 25px;
		width: 25px;
		line-height: 25px;
		margin: 0px 5px 0px 0px;
		border-radius: 3px;
		color: #fff;
		-webkit-transition: background 1s ease;
		-moz-transition: background 1s ease;
		-o-transition: background 1s ease;
		transition: background 1s ease;
		text-align: center;
	}

		.social i.facebook {
			background: #3c5b9b;
		}

		.social i.twitter {
			background: #2daae1;
		}

		.social i.google-plus {
			background: #f63e28;
		}

i.pinterest {
	background: #cb2027;
}

.social i.linkedin {
	background: #0173b2;
}

.social i:hover {
	background: #000;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	-o-transition: background 1s ease;
	transition: background 1s ease;
}

.social a, .social a:visited, .social a:hover {
	color: #fff;
	text-decoration: none;
}



.ibox {
	clear: both;
	margin-bottom: 25px;
	margin-top: 0;
	padding: 0;
}

	.ibox.collapsed .ibox-content {
		display: none;
	}

	.ibox.collapsed .fa.fa-chevron-up:before {
		content: "\f078";
	}

	.ibox.collapsed .fa.fa-chevron-down:before {
		content: "\f077";
	}

	.ibox:after,
	.ibox:before {
		display: table;
	}

.ibox-title {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #ffffff;
	border-color: #e7eaec;
	border-image: none;
	border-style: solid solid none;
	border-width: 4px 0px 0;
	color: inherit;
	margin-bottom: 0;
	padding: 14px 15px 7px;
	min-height: 48px;
}

.ibox-content {
	background-color: #ffffff;
	color: inherit;
	padding: 15px 20px 20px 20px;
	border-color: #e7eaec;
	border-image: none;
	border-style: solid solid none;
	border-width: 1px 0px;
}

.ibox-footer {
	color: inherit;
	border-top: 1px solid #e7eaec;
	font-size: 90%;
	background: #ffffff;
	padding: 10px 15px;
}

table.table-mail tr td {
	padding: 12px;
}

.table-mail .check-mail {
	padding-left: 20px;
}

.table-mail .mail-date {
	padding-right: 20px;
}

.star-mail,
.check-mail {
	width: 40px;
}

.unread td a,
.unread td {
	font-weight: 600;
	color: inherit;
}

.read td a,
.read td {
	font-weight: normal;
	color: inherit;
}

.unread td {
	background-color: #f9f8f8;
}

.ibox-content {
	clear: both;
}

.ibox-heading {
	background-color: #f3f6fb;
	border-bottom: none;
}

	.ibox-heading h3 {
		font-weight: 200;
		font-size: 24px;
	}

.ibox-title h5 {
	display: inline-block;
	font-size: 14px;
	margin: 0 0 7px;
	padding: 0;
	text-overflow: ellipsis;
	float: left;
}

.ibox-title .label {
	float: left;
	margin-left: 4px;
}

.ibox-tools {
	display: inline-block;
	float: right;
	margin-top: 0;
	position: relative;
	padding: 0;
}

	.ibox-tools a {
		cursor: pointer;
		margin-left: 5px;
		color: #c4c4c4;
	}

		.ibox-tools a.btn-primary {
			color: #fff;
		}

	.ibox-tools .dropdown-menu > li > a {
		padding: 4px 10px;
		font-size: 12px;
	}

.ibox .open > .dropdown-menu {
	left: auto;
	right: 0;
}

/* Back to top */


/* Image alignment*/

.alignleft, img.alignleft {
	margin-right: 8px;
	margin-top: 5px;
	display: inline;
	float: left;
}

.alignright, img.alignright {
	margin-left: 8px;
	margin-top: 5px;
	display: inline;
	float: right;
}

.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
}

/* 1-3 Column */

.onethree-left {
	float: left;
	width: 25%;
}

.onethree-right {
	float: right;
	width: 70%;
}

/* Half column */

.col-left {
	width: 48%;
	float: left;
}

.col-right {
	width: 48%;
	float: right;
}

.container {
	width: 1000px;
	align-content: center;
}

.container2 {
	width: 1000px;
	align-content: center;
}
/* Title */
.section-title {
	font-size: 14px;
	margin: 0 0 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .5px;
	position: relative;
	color: #333;
	text-align: center;
}

	.section-title:before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		height: 2px;
		background: #222;
		background-image: initial;
		background-position-x: initial;
		background-position-y: initial;
		background-size: initial;
		background-repeat-x: initial;
		background-repeat-y: initial;
		background-attachment: initial;
		background-origin: initial;
		background-clip: initial;
		background-color: rgb(34, 34, 34);
		top: 50%;
		margin-top: -1px;
		z-index: 0;
	}

h4 {
	display: block;
	margin-block-start: 1.33em;
	margin-block-end: 1.33em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
}

.title {
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-bottom: 1px solid #f3f3f3;
}

	.title i {
		margin-right: 3px;
	}

/* Header */

.slider-features .img {
	color: #fff;
}

.slider-features i {
	display: inline-block;
	width: 50px;
	height: 50px;
	font-size: 23px;
	border-radius: 50px;
	line-height: 50px;
	text-align: center;
	margin: 5px auto;
	box-shadow: inset 0px 0px 2px #444;
}

header {
	color: #777;
	padding: 8px 0px 20px 0px;
	background: #1E2A38;
	height: 165px;
}

	header .logo {
		padding: 0px;
		padding-top: 10px;
	}

		header .logo h1 a, header .logo h1 a:visited, header .logo h1 a:hover {
			font-size: 35px;
			color: #777;
			text-decoration: none;
			font-weight: 400;
		}

		header .logo .meta {
			color: #888;
			line-height: 15px;
			padding: 0px;
			margin: 0px;
		}

	header .hlinks > span {
		color: #fff;
		padding: 5px 7px;
		border-radius: 3px;
	}

	header .hlinks a, header .hlinks a:visited {
		color: #fff;
		text-decoration: none;
	}

		header .hlinks a:hover {
			color: #fff;
			border-bottom: 1px dotted #fff;
		}

	header .lr {
		margin-left: 10px;
	}


	header form input, header form button {
		margin-bottom: 10px !important;
	}

/* Navigation */

.navbar {
	padding: 0px !important;
	margin: 0px;
}

	.navbar .container > .navbar-header,
	.navbar .container > .navbar-collapse {
		padding-left: 10px;
	}

	.navbar ul {
		margin: 0px;
		padding: 0px;
	}

		.navbar ul li {
			list-style-type: none;
			padding: 0px;
			margin: 0px;
			font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		}


.navbar {
	border-radius: 0px;
	background-image: none;
	background-repeat: no-repeat;
	filter: none !important;
	border-left: 0px !important;
	border-right: 0px !important;
	padding-left: 10px;
	font-size: 13px;
}

	.navbar button {
		font-size: 13px;
	}

.navbar-toggle .icon-bar {
	background: #fff;
}

.navbar .caret {
	border-top-color: #fff !important;
	border-bottom-color: #fff !important;
}

.navbar .nav {
	margin-left: 5px;
}

	.navbar .nav > li > a {
		padding: 30px 15px 15px;
		color: #fff !important;
		text-shadow: none !important;
		-webkit-transition: background 1s ease;
		-moz-transition: background 1s ease;
		-o-transition: background 1s ease;
		transition: background 1s ease;
	}

		.navbar .nav > li > a:hover {
			color: #fff !important;
			-webkit-transition: background 1s ease;
			-moz-transition: background 1s ease;
			-o-transition: background 1s ease;
			transition: background 1s ease;
		}

	.navbar .nav .active > a,
	.navbar .nav .active > a:hover,
	.navbar .nav .active > a:focus {
		color: #ffffff;
		box-shadow: none;
	}

.dropdown-toggle {
	z-index: 1000;
}

.dropdownlist {
	width: 100%;
	color: black;
	height: 34px;
	border: 1px solid #cccccc;
	border-radius: 4px;
}
/*agregando select*/
/* Style the list */
ul.breadcrumb {
	padding: 10px 16px;
	list-style: none;
	background-color: #eee;
}

	/* Display list items side by side */
	ul.breadcrumb li {
		display: inline;
		font-size: 15px;
	}

		/* Add a slash symbol (/) before/behind each list item */
		ul.breadcrumb li + li:before {
			padding: 8px;
			color: black;
			content: "/\00a0";
		}

		/* Add a color to all links inside the list */
		ul.breadcrumb li a {
			color: #0275d8;
			text-decoration: none;
		}

			/* Add a color on mouse-over */
			ul.breadcrumb li a:hover {
				color: #01447e;
				text-decoration: underline;
			}

button, input, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

button, select {
	text-transform: none;
}

button, input, optgroup, select, textarea {
	margin: 0;
	font: inherit;
	color: inherit;
}

option {
	font-weight: normal;
	display: block;
	white-space: nowrap;
	min-height: 1.2em;
	padding: 0px 2px 1px;
}

.onoffswitch {
	position: relative;
	width: 64px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
/*final agregado select*/


/* Page heading */

.page-head {
	padding: 20px 0px;
	box-shadow: inset 0px 0px 4px #bbb;
	background: #f8f8f8;
	border-bottom: 1px solid #ddd;
}

	.page-head h2 {
		color: #777;
		font-size: 23px;
		line-height: 33px;
	}

	.page-head h4 {
		color: #999;
		font-size: 15px;
	}

/* Content */

.content {
	margin: 20px 0px;
	align-content: center;
}

.tit {
	align-content: center;
	text-align: center;
}

.pagar {
	float: right;
}

.content ul li {
	list-style-type: circle;
	padding: 1px 0px;
	margin: 0px;
}

.lists ul {
	margin: 0px;
	margin-left: -15px;
}

.tab-pane ul {
	margin: 0px;
	margin-left: 25px;
	padding: 0px;
}


/* Cart */

.cart {
	margin: 20px 0px;
}

	.cart .tcart img {
		max-height: 50px;
	}

	.cart .cart-quantity input {
		max-width: 25px;
	}

	.cart td.item-input {
		width: 15%;
	}

/* Checkout */

.checkout {
	margin: 20px 0px;
}

/* Item */

.items {
	margin: 20px 0px;
}

	.items .breadcrumb {
		background: transparent;
		border: 0px solid #eee;
		padding: 0px 0px 5px 0px;
		margin: 0px 0px 10px 0px;
		border-radius: 0px;
		border-bottom: 1px solid #f3f3f3;
	}

	.items .item {
		min-height: 280px;
		max-height: 300px;
		max-width: 250px;
		margin: 10px auto;
		padding: 10px 10px;
		border-radius: 4px;
		border: 1px solid #f3f3f3;
		box-shadow: inset 0px 0px 1px #ddd;
		-webkit-transition: box-shadow 1s ease;
		-moz-transition: box-shadow 1s ease;
		-o-transition: box-shadow 1s ease;
		transition: box-shadow 1s ease;
	}

		.items .item:hover {
			box-shadow: inset 0px 0px 5px #ccc;
			-webkit-transition: box-shadow 1s ease;
			-moz-transition: box-shadow 1s ease;
			-o-transition: box-shadow 1s ease;
			transition: box-shadow 1s ease;
		}

		.items .item .ico {
			color: #fff;
			display: inline-block;
			width: 35px;
			height: 20px;
			margin-left: 5px;
		}

		.items .item hr {
			margin: 5px 0px;
		}

		.items .item .item-image {
			max-height: 150px;
		}

			.items .item .item-image img {
				padding: 5px 0px;
				height: 140px;
				width: auto;
				display: block;
				margin: 0 auto;
			}

		.items .item .item-details h5 {
			text-align: center;
		}

			.items .item .item-details h5 a {
				color: #666;
			}

				.items .item .item-details h5 a:hover {
					text-decoration: none;
				}

		.items .item .item-details p {
			text-align: center;
		}

		.items .item .item-price {
			margin: 7px 0px;
			display: inline-block;
			font-family: Arial, Helvetica, sans-serif;
			padding: 2px 5px !important;
			line-height: 20px;
			border-radius: 5px;
			font-size: 14px;
			font-weight: bold;
			background: #f3f3f3;
			border: 1px solid #eee;
		}

/* Product main details */


.product-main select {
	margin-top: 5px;
	max-width: 100px;
}

/* Recent posts */


/* Product slider (Flexslider) */



/* PANELS */
.page-heading {
	border-top: 0;
	padding: 0px 10px 20px 10px;
}

.panel-heading h1,
.panel-heading h2 {
	margin-bottom: 5px;
}


/* PANELS */
.panel.blank-panel {
	background: none;
	margin: 0;
}

.blank-panel .panel-heading {
	padding-bottom: 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none;
	border-color: #dddddd #dddddd rgba(0, 0, 0, 0);
	border-bottom: #f3f3f4;
	border-image: none;
	border-style: solid;
	border-width: 1px;
	color: #555555;
	cursor: default;
}

.nav.nav-tabs li {
	background: none;
	border: none;
}

.nav-tabs > li > a {
	color: #A7B1C2;
	font-weight: 600;
	padding: 10px 20px 10px 25px;
}

	.nav-tabs > li > a:hover,
	.nav-tabs > li > a:focus {
		background-color: #e6e6e6;
		color: #676a6c;
	}

.ui-tab .tab-content {
	padding: 20px 0px;
}


.icons-box h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.icons-box .infont a i {
	font-size: 25px;
	display: block;
	color: #676a6c;
}

.icons-box .infont a {
	color: #a6a8a9;
}

.icons-box .infont a {
	padding: 10px;
	margin: 1px;
	display: block;
}

.ui-draggable .ibox-title {
	cursor: move;
}

.breadcrumb {
	background-color: #ffffff;
	padding: 0;
	margin-bottom: 0;
}

	.breadcrumb > li a {
		color: inherit;
	}

	.breadcrumb > .active {
		color: inherit;
	}

code {
	background-color: #F9F2F4;
	border-radius: 4px;
	color: #ca4440;
	font-size: 90%;
	padding: 2px 4px;
	white-space: nowrap;
}

.ibox {
	clear: both;
	margin-bottom: 25px;
	margin-top: 0;
	padding: 0;
}

	.ibox.collapsed .ibox-content {
		display: none;
	}

	.ibox.collapsed .fa.fa-chevron-up:before {
		content: "\f078";
	}

	.ibox.collapsed .fa.fa-chevron-down:before {
		content: "\f077";
	}

	.ibox:after,
	.ibox:before {
		display: table;
	}

.ibox-title {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #ffffff;
	border-color: #e7eaec;
	border-image: none;
	border-style: solid solid none;
	border-width: 4px 0px 0;
	color: inherit;
	margin-bottom: 0;
	padding: 14px 15px 7px;
	min-height: 48px;
}

.ibox-content {
	background-color: #ffffff;
	color: inherit;
	padding: 15px 20px 20px 20px;
	border-color: #e7eaec;
	border-image: none;
	border-style: solid solid none;
	border-width: 1px 0px;
}

.ibox-footer {
	color: inherit;
	border-top: 1px solid #e7eaec;
	font-size: 90%;
	background: #ffffff;
	padding: 10px 15px;
}

table.table-mail tr td {
	padding: 12px;
}

.table-mail .check-mail {
	padding-left: 20px;
}

.table-mail .mail-date {
	padding-right: 20px;
}

.star-mail,
.check-mail {
	width: 40px;
}

.unread td a,
.unread td {
	font-weight: 600;
	color: inherit;
}

.read td a,
.read td {
	font-weight: normal;
	color: inherit;
}

.unread td {
	background-color: #f9f8f8;
}

.ibox-content {
	clear: both;
}

.ibox-heading {
	background-color: #f3f6fb;
	border-bottom: none;
}

	.ibox-heading h3 {
		font-weight: 200;
		font-size: 24px;
	}

.ibox-title h5 {
	display: inline-block;
	font-size: 14px;
	margin: 0 0 7px;
	padding: 0;
	text-overflow: ellipsis;
	float: left;
}

.ibox-title .label {
	float: left;
	margin-left: 4px;
}

.ibox-tools {
	display: inline-block;
	float: right;
	margin-top: 0;
	position: relative;
	padding: 0;
}

	.ibox-tools a {
		cursor: pointer;
		margin-left: 5px;
		color: #c4c4c4;
	}

		.ibox-tools a.btn-primary {
			color: #fff;
		}

/* termina agregado*/
.icons-box h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.icons-box .infont a i {
	font-size: 25px;
	display: block;
	color: #676a6c;
}

.icons-box .infont a {
	color: #a6a8a9;
}

.icons-box .infont a {
	padding: 10px;
	margin: 1px;
	display: block;
}

.ui-draggable .ibox-title {
	cursor: move;
}

.breadcrumb {
	background-color: #ffffff;
	padding: 0;
	margin-bottom: 0;
}

	.breadcrumb > li a {
		color: inherit;
	}

	.breadcrumb > .active {
		color: inherit;
	}



.modal-backdrop {
	z-index: 2040 !important;
}

.modal {
	z-index: 2050 !important;
}



body.modal-open {
	padding-right: inherit !important;
}




/* Blog */


.tarjetaInicio2 .sombra {
	padding: 10px 8px 10px 15px;
	border-radius: 5px;
	box-shadow: 2px 10px 10px rgba(0, 0, 0, 0.2);
	margin-bottom: 20px;
	color: #fafafa;
	background-color: #5481b8;
	border: 0;
	align-content: center;
	color: #FAFAFA;
	margin: 0px 3px 0px 20px;
}


	.tarjetaInicio2 .sombra p {
		color: #FAFAFA;
		font-size: 12px;
	}

	.tarjetaInicio2 .sombra h4 a {
		color: #fafafa;
	}


.tarjetaInicio2 i {
	margin-bottom: 10px;
	align-content: center;
}




.tarjetaInicio .sombra {
	padding: 10px 8px 10px 15px;
	border-radius: 5px;
	box-shadow: 2px 10px 10px rgba(0, 0, 0, 0.2);
	margin-bottom: 20px;
	color: #fafafa;
	background-color: #46b56f;
	border: 0;
	align-content: center;
	color: #FAFAFA;
	margin: 0px 3px 0px 20px;
}


	.tarjetaInicio .sombra p {
		color: #FAFAFA;
		font-size: 12px;
	}

	.tarjetaInicio .sombra h4 a {
		color: #fafafa;
	}


.tarjetaInicio i {
	margin-bottom: 10px;
	align-content: center;
}


.features-six {
	text-align: center;
}


	.features-six .feat-inner7 {
		padding: 10px 5px 10px 5px;
		border-radius: 20px;
		box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
		margin-bottom: 20px;
		color: #fafafa;
		background-image: url('../Rojo.png');
		border: 0;
		align-content: center;
		color: #fff;
		font-size: 16px;
	}


	.features-six #policy .feat-inner7 h4 {
		color: #fafafa;
	}

		.features-six #policy .feat-inner7 h4 a {
			color: #fafafa;
		}


	.features-six i {
		font-size: 25px;
		margin-bottom: 10px;
		align-content: center;
	}



.features-two {
	text-align: center;
	margin: 30px 0px 20px 0px;
}

	.features-two .feat-inner {
		padding: 20px 10px 10px 10px;
		background: #fafafa url("../Cream.png") repeat;
		border-radius: 10px;
		box-shadow: inset 0px 0px 5px #ccc;
		margin-bottom: 20px;
	}

	.features-two .feat-inner2 {
		padding: 20px 10px 10px 10px;
		background: #fafafa url("../patterns/header-profile.png") repeat;
		border-radius: 10px;
		box-shadow: inset 0px 0px 5px #ccc;
		margin-bottom: 20px;
		color: #fafafa;
	}


	.features-two #policy .feat-inner2 h4 {
		color: #fafafa;
	}

		.features-two #policy .feat-inner2 h4 a {
			color: #fafafa;
		}


	.features-two i {
		font-size: 25px;
		margin-bottom: 10px;
	}

	.features-two .button {
		margin-top: 10px;
		margin-bottom: 20px;
	}

		.features-two .button a {
			font-size: 11px;
		}

/* Features three */

.features-three img {
	margin: 10px 0px;
}


/* Pagination */

.paging {
	width: 270px;
	clear: both;
	padding: 6px 0;
	line-height: 17px;
	font-size: 13px;
}

	.paging span, .paging a {
		display: block;
		float: left;
		margin: 2px 2px 2px 0;
		padding: 5px 8px;
		text-decoration: none;
		width: auto;
		color: #666;
		background: #fff;
		border: 1px solid #ddd;
		font-weight: normal;
	}

		.paging a:hover {
			color: #fff;
		}

	.paging .current {
		padding: 5px 8px;
		color: #fff;
	}

/* 404 Page */

.error-page .big-text {
	font-size: 170px;
	line-height: 180px;
	color: #999;
}



/* Item review */

.nav-tabs {
	margin-bottom: 10px;
}

.item-review {
	background: #fafafa;
	margin: 10px 0px;
	border-radius: 5px;
	border: 1px solid #eee;
	padding: 10px;
}

	.item-review .rmeta {
		font-style: italic;
	}

/* Careers */

.career .nav > li {
	background: none;
	padding: 0px;
	list-style-type: none;
}

.nav-tabs > li > a:hover {
	color: #fff;
}

/* Sidebar page navigation */

#navi {
	margin: 0px;
	padding: 0px;
}

	#navi li {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}

	#navi > li > a {
		display: block;
		padding: 10px 10px;
		color: #777;
		text-decoration: none;
		border-bottom: 1px solid #eee;
		background-color: #fafafa;
	}

		#navi > li > a:hover {
			color: #666;
			background-color: #f3f3f3;
			border-bottom: 1px solid #ddd;
		}

/* Sidebar items */

.sitem {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

	.sitem img {
		margin-top: 5px;
		max-width: 45px;
	}

/* Support */

#slist p {
	display: none;
	margin: 5px 0px;
	padding: 5px 10px;
	background: #fff;
	line-height: 25px;
	border: 1px solid #eee;
}

#slist {
	margin-left: 15px;
}

ul#slist {
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
}

#slist li {
}

	#slist li a {
		display: block;
		margin-bottom: 10px;
		text-decoration: none;
	}

.support input {
	border-radius: 5px;
	border: 1px solid #ddd;
	padding: 5px 10px;
}

/* Contact #1 */

.gmap iframe {
	width: 100%;
}

/* Support contact */

.scontact p {
	margin: 4px 0px;
}

/* Updated */

header .hlinks {
	margin-top: 8px;
}

.filterform input {
	padding-left: 6px;
	border-color: 1px solid #eee;
}

.items .tab-content {
	padding: 0 15px;
}

/* Revolution Slider */

.tp-banner-container {
	width: 100%;
	position: relative;
	margin-bottom: 40px;
	padding: 0px;
	background: #f9f9f9;
}

.tp-banner {
	width: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}

	.tp-banner ul {
		display: none;
	}

		.tp-banner ul li {
			list-style-type: none;
			padding-top: 0;
			padding-bottom: 0;
		}


	.tp-banner .largepinkbg {
		background: #d2322d;
	}

	.tp-banner .mediumwhitebg {
		font-family: 'Open Sans', sans-serif;
		font-size: 15px;
		padding-top: 10px;
		line-height: 20px;
		color: #666;
	}

	.tp-banner .img-tag {
		width: 40px;
		height: 40px;
		line-height: 40px !important;
		text-align: center;
		font-size: 13px !important;
		color: #fff;
		background: #d2322d;
		border-radius: 100px;
		font-weight: bold;
	}

	.tp-banner .large_bold_white {
		font-family: 'Open Sans', sans-serif;
		font-size: 45px;
		color: #666;
	}

	.tp-banner .medium_light_white {
		font-size: 18px;
		line-height: 28px;
		color: #888;
	}

	.tp-banner a.btn {
		border: 0px;
		padding: 9px 14px;
		color: #fff;
		font-size: 14px;
		border-radius: 0;
		font-family: 'Open Sans', sans-serif;
	}

/* Footer */

footer {
	background: #65605c url("../footer.png") repeat;
	position: absolute;
	bottom: 0;
	padding-top: 20px;
	padding-bottom: 0px;
	margin-top: 10px;
	color: #aaa;
	width: 100%;
	font-size: 12px;
	height: 410px;
}

	footer a, footer a:visited {
		color: #ddd;
	}

		footer a:hover {
			color: #ccc;
			text-decoration: underline;
		}

	footer hr {
		height: 0px;
		padding: 0px;
		margin: 5px 0px;
		border-top: 1px solid #111;
		border-bottom: 1px solid #222;
	}

	footer h5 {
		color: #fff;
	}

	footer h6 {
		color: #fff;
	}

	footer ul {
		margin-left: 0px;
		margin: 0px;
		padding-left: 15px;
	}

		footer ul li {
			list-style-type: none;
			margin-bottom: 5px;
		}

	footer .widget {
		margin-bottom: 20px;
	}

	footer .copy {
		margin-bottom: 5px;
		font-size: 11px;
	}

	footer .payment-icons img {
		max-width: 35px;
		margin-right: 5px;
	}


/* Responsive */
@media screen and (max-width: 330px) {
	* {
		box-sizing: border-box;
	}

	.error-page .big-text {
		font-size: 138px;
	}

	body #page-wrapper .contenido {
		padding-bottom: 1600px;
	}

	body #page-wrapper footer {
		height: 1000px !important;
	}

	body #page-wrapper header {
		padding-top: 10px !important;
		padding-bottom: 20px !important;
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
		height: 600px !important;
	}
}

@media screen and (max-width: 480px) {
	* {
		box-sizing: border-box;
	}

	div.row {
		margin-right: -2px;
		margin-left: -2px;
	}

	#page-wrapper .contenido {
		padding-bottom: 1250px;
	}

	#page-wrapper footer {
		height: 750px !important;
	}

	#page-wrapper header {
		padding-top: 10px !important;
		padding-bottom: 20px !important;
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
		height: 500px !important;
	}

	.col-left, .promo .pcol-left {
		width: 100%;
		float: none;
		margin-right: none;
	}

	.col-right, .promo .pcol-right {
		width: 100%;
		float: none;
		margin-top: 10px;
	}

	.promo .pcol-right {
		text-align: center;
	}

	.promo .pbox {
		height: auto !important;
	}

	.tp-caption a.btn {
		padding: 3px 5px !important;
		font-size: 9px !important;
		box-shadow: none;
	}

	.tp-banner .img-tag {
		display: none;
	}

	.social-panel-container.visible {
		transform: translateX(0px);
	}

	.floating-btn {
		right: 10px;
	}

	.modal .checkout1 {
		margin: 250px auto 30px;
		width: 350px;
	}

	.modal .credit-card-box .front,
	.back {
		width: 250px;
	}

	.modal .credit-card-box {
		left: 73%;
		transform: translateX(-73%);
		width: 275px;
	}

	.butt {
		padding: 8px 15px;
	}

	.CloseButt {
		padding: 8px 15px;
	}
}

@media (max-width:650px) {
	.saldo .btn {
		right: 80px;
	}

	.saldo .course {
		height: 305px;
	}

	.saldo .fueraCicloPeriodo {
		bottom: 90px;
	}
}

@media (max-width: 767px) {
	* {
		box-sizing: border-box;
	}

	body .contenido {
		padding-bottom: 1060px !important;
	}

	body footer {
		height: 680px !important;
	}

	.container {
		width: 100%;
		max-width: 550px;
		margin: 0 auto;
	}

	.onethree-left {
		display: block;
		float: none;
		text-align: center;
		width: 100%;
		margin-bottom: 10px;
	}

	.onethree-right {
		float: none;
		width: 100%;
		text-align: center;
	}

	.flex-caption {
		display: none !important;
	}

	.flex-direction-nav .flex-prev {
		left: 10px;
	}

	.flex-direction-nav .flex-next {
		right: 10px;
	}

	.slider-features, footer, .page-head, .navbar-inner {
		padding-left: 20px;
		padding-right: 20px;
	}

	body header {
		padding-top: 10px !important;
		padding-bottom: 20px !important;
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
		
	}

	header .logo {
		text-align: center;
		margin-bottom: 10px;
	}

	header form {
		width: 100%;
		margin: 0px auto;
		max-width: 300px;
	}

	header .lr {
		display: block;
	}

	header .hlinks > span {
		background: transparent !important;
		border: none !important;
		color: #888;
		padding: 0px;
	}

	header .hlinks a, header .hlinks a:visited {
		color: #555;
	}

		header .hlinks a:hover {
			color: #222;
		}

	.navbar .nav {
		margin-left: 0px !important;
		border: 0px !important;
	}

		.navbar .nav > li > a {
			border: 0px !important;
		}

	.dropdown-menu {
		border: 0px !important;
	}

	.navbar .nav {
		border-left: 0px !important;
	}

	.flex-caption {
		display: none;
	}

	.page-head {
		text-align: center;
	}
}

@media (max-width: 992px) {
	* {
		box-sizing: border-box;
                font-size: 9px;
	}

	.container {
		width: 100% !important;
	}

	.container2 {
		width: 100% !important;
	}

	.contenido {
		padding-bottom: 915px;
	}

	footer {
		height: 600px !important;
	}

	header {
		padding-top: 10px !important;
		padding-bottom: 20px !important;
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
		height: 315px !important;
	}

		header .logo {
			text-align: center;
			margin-bottom: 10px;
		}

	.flexbox {
		width: 100% !important;
		text-align: center;
		margin-bottom: 10px;
		align-content: center;
	}

	.vertical-menu {
		width: 92% !important;
		text-align: center;
		margin-bottom: 10px;
		align-content: center;
		margin: 0px 0px 0px 15px;
	}

	.forbtn input {
		text-align: center;
		margin-bottom: 10px;
		align-items: center;
		align-content: center;
		justify-content: center;
	}

	.forbtn a {
		text-align: center;
		margin-bottom: 10px;
		align-items: center;
		align-content: center;
		justify-content: center;
	}

	.instrucciones .feat-inner3 {
		text-align: center;
		margin-bottom: 10px;
		align-items: center;
		align-content: center;
		display: flex;
		justify-content: center;
	}

	.card-body {
		text-align: center;
		align-content: center;
	}

		.card-body .dropdownlist {
			width: 80% !important;
			color: black;
			height: 34px;
			border: 1px solid #cccccc;
			border-radius: 4px;
		}

	.form-horizontal .dropdownlist {
		width: 100% !important;
		color: black;
		height: 34px;
		border: 1px solid #cccccc;
		border-radius: 4px;
	}

	.content {
		width: 100% !important;
		text-align: center;
		margin-bottom: 10px;
		align-content: center;
	}

	#main {
		padding: 30px;
	}

	.tit {
		padding: 30px;
	}

	.opciones {
		text-align: center;
		align-content: center;
	}

	.pagar {
		width: 100% !important;
		text-align: center;
		align-content: center;
	}

	.mod img {
	}

	.title button {
		text-align: center;
		align-content: center;
	}

	.title img {
		text-align: center;
		margin-bottom: 10px;
	}

	header form {
		width: 100%;
		margin: 0px auto;
		max-width: 300px;
	}

	.sitem img {
		max-width: 35px;
	}

	.features-five .feat-inner6 {
		padding: 10px 10px 10px 10px;
		background: url("../patterns/fondo1.jpg") no-repeat center center fixed;
		border-radius: 10px;
		box-shadow: inset 0px 0px 5px #ccc;
		margin-bottom: 20px;
		color: #fafafa;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		align-content: center;
		text-align: center;
	}

	.features-five {
		margin: 30px 0px 10px 0px;
		text-align: center;
	}

		.features-five h1 b {
			color: brown;
			align-content: center;
			text-align: center;
		}

		.features-five h2 b {
			color: brown;
			align-content: center;
			text-align: center;
		}

		.features-five i {
			font-size: 25px;
			margin-bottom: 10px;
			align-content: center;
			text-align: center;
		}

		.features-five .button {
			margin-top: 10px;
			margin-bottom: 20px;
			align-content: center;
			text-align: center;
		}

			.features-five .button a {
				font-size: 11px;
				align-content: center;
				text-align: center;
			}

	.card-blue {
		align-content: center;
		text-align: center;
	}

	.w3-modal-content {
		border-radius: 15px;
	}

	.w3-modTarjeta-content {
		margin: 3px auto 3px !important;
		position: relative;
		width: 600px !important;
		height: 700px !important;
		background: white;
		border-radius: 15px;
		padding: 40px 3px 3px !important;
	}

		.w3-modTarjeta-content .features-two .iz {
			text-align: center;
		}

		.w3-modTarjeta-content .features-two .de {
			text-align: center;
		}

		.w3-modTarjeta-content .features-two .mod .texto {
			padding: 10px !important;
		}
}





.topnav {
	background-color: #3C4A5F;
	overflow: hidden;
}

	/* Style the links inside the navigation bar */
	.topnav a {
		float: left;
		display: block;
		color: white;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
		font-size: 13px;
	}

		/* Change the color of links on hover */
		.topnav a:hover {
			background-color: #991a6e;
			color: white;
		}

		/* Add an active class to highlight the current page */
		.topnav a.active {
			background-color: #80155a;
			color: white;
		}

	/* Hide the link that should open and close the topnav on small screens */
	.topnav .icon {
		display: none;
	}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
	.topnav a:not(:first-child) {
		display: none;
	}

	.topnav a.icon {
		float: right;
		display: block;
	}

	body {
		overflow-x: hidden;
	}
}


/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
	.topnav.responsive {
		position: relative;
	}

	body {
		overflow-x: hidden;
	}

	.topnav.responsive a.icon {
		position: absolute;
		right: 0;
		top: 0;
	}

	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}
}








/* cambios recientes */
@media (min-width: 992px) {
	.mb-lg-4 {
		margin-bottom: 1.5 rem !important;
	}


	.mx-lg-2 {
		margin-right: 0.5 rem !important;
		margin-left: 0.5 rem !important;
	}
}












.card-blue h3 {
	color: #fafafa;
}

.vertical-menu {
	width: 200px;
}

	.vertical-menu a {
		background-color: #eee;
		color: black;
		display: block;
		padding: 12px;
		text-decoration: none;
	}

		.vertical-menu a:hover {
			background-color: #ccc;
		}

		.vertical-menu a.active {
			background-color: brown;
			color: white;
		}

.features-two .feat-inner3 {
	padding: 20px 10px 10px 10px;
	background: #fafafa url("../patterns/shattered.png") repeat;
	border-radius: 10px;
	box-shadow: inset 0px 0px 5px #ccc;
	margin-bottom: 20px;
	color: #fafafa;
	width: 300px;
	height: 150px;
}

	.features-two .feat-inner3 img {
		align-content: center;
	}




.botonform .button a {
	border-radius: 7px;
}

.botonform .button {
}


.shadow {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.40) !important;
	background: #fafafa url("../patterns/fondo1.jpg") repeat;
	color: #fafafa;
}

.shadow-s {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.40) !important;
	background: #fafafa url("../patterns/header.png") repeat;
	color: #fafafa;
}

.shadow-F {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.40) !important;
	background: #fafafa url("../patterns/header-profile-skin-3.png") repeat;
	color: #fafafa;
}

.shadow-C {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.40) !important;
	background: #fafafa url("../patterns/header6.png") repeat;
	color: #fafafa;
}


select {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
}

.form-select {
	display: block;
	width: 100%;
	padding: 0.375 rem 2.25 rem 0.375 rem 0.75 rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);
	background-repeat: no-repeat;
	background-position: right 0.75 rem center;
	background-size: 16 px 12 px;
	border: 1 px solid #ced4da;
	border-radius: 0.25 rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.colorHead {
	color: black !important;
}

.buttons {
	width: 80%;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color: #000;
	text-transform: uppercase;
	margin-left: 15px;
	margin-right: 0px;
	cursor: pointer;
	display: inline-block;
}


.button-2 {
	background-color: transparent;
	border: 3px solid #991a6e;
	border-radius: 50px;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	color: #991a6e;
}

	.button-2:hover {
		box-shadow: 0 0 10px 0 #991a6e inset, 0 0 20px 2px #991a6e;
		border: 3px solid #991a6e;
	}