@charset "utf-8";
/* CSS Document */

html {
/*	scrollbar-gutter: stable;*/
}

div {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
}

.web {
	max-width: 1400px;
	min-width: 320px;
	margin: auto;
	float: none;
}

.web-seccion {
	max-width: 900px;
	min-width: 320px;
	margin: auto;
}

.transition {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.redondeado {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

input:focus, 
textarea:focus, 
select:focus, 
button:focus {
	outline: 0px;
}

input:-webkit-autofill,
textarea:-webkit-autofill, 
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill {
    -webkit-text-fill-color: #000;
}

input::placeholder, 
select::placeholder, 
textarea::placeholder {
	color: #666;
}

textarea {
	font-family: Helvetica, sans-serif;
	font-size: 18px;
	resize: none;
}

a:active {text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}

h1, h2, h3, h4, h5 {
	font-weight: lighter;
	margin: 0px;
	margin-bottom: 15px;
}

hr {
	border-top: #000 1px solid;
	border: none;
}

ul {margin: 0px;}

a img { border: 0px;}

p {margin: 0px; margin-bottom: 10px;}

.bold {font-weight: bold;}

.tleft {text-align: left;}
.tcenter {text-align: center;}
.tright {text-align: right;}
.tjustify {text-align: justify;}

.titulo {
	border-bottom: #09F 3px solid;;
	line-height: 30px;
	margin-bottom: 25px;
	padding-bottom: 10px;
}

.titulo-ico {
	width: 30px;
	height: 30px;
}

.subtitulo {
	line-height: 25px;
	margin-bottom: 20px;
}

.subtitulo-ico {
	width: 25px;
	height: 25px;
	margin-bottom: -2.5px;
}

h3.subtitulo {
	line-height: 25px;
	margin-bottom: 10px;
	font-size: 18px;
}





/*		Tablas 	*/
.tabla {
	width: 100%;
	float: left;
	font-size: 16px;
	border: #999 1px solid;
	border-collapse: collapse;
}

.tabla-titulo {
	background-color: #09F;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}

.tabla-titulo td {
	display: table-cell;
	padding: 10px 0px;
}

.tr {
	border: #999 1px solid;
	border-collapse: collapse;
}

.td {
	border: #999 1px solid;
	border-collapse: collapse;
}

.fila-impar {
	background-color: #F9F9F9;
}

.fila-par {
	background-color: #E2E2E2;
}

.password-blur {
	float: left;
	filter: blur(5px);
}

.ico-copiar {
	width: 20px;
	height: 20px;
	float: right;
	padding: 0px;
	margin-left: 10px;
}

.ico-acciones {
	width: 35px;
	height: 35px;
	display: inline-block;
	margin: 0px 5px;
	padding: 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
}

.ico-archivo {
	width: 35px;
	height: 35px;
	display: inline-block;
	margin: 0px 5px;
	box-sizing: border-box;
}

.ico-deshabilitado {
	background-color: #999 !important;
}

.deshabilitado {
	filter: grayscale(1) brightness(2);
}

.bg-acciones-play {
	background-color: #37F;
}

.bg-acciones-eliminar {
	background-color: #F00;
}

.bg-acciones-ver {
	background-color: #63F;
}





/*		Form 	*/
.columna-izquierda {
	width: -moz-calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	width: -o-calc(50% - 10px);
	width: calc(50% - 10px);
	float: left;
	box-sizing: border-box;
}

.columna-derecha {
	width: -moz-calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	width: -o-calc(50% - 10px);
	width: calc(50% - 10px);
	float: right;
	box-sizing: border-box;
}

.input, 
select {
	border: #666 2px solid;
	background-color: #FFF;
	width: 100%;
	height: 40px;
	float: left;
	padding: 0px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 25px;
	box-sizing: border-box;
	font-size: 16px;
}

.input-izquierdo {
	border: #666 2px solid;
	background-color: #FFF;
	width: -moz-calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	width: -o-calc(50% - 10px);
	width: calc(50% - 10px);
	height: 40px;
	float: left;
	padding: 0px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 25px;
	box-sizing: border-box;
	font-size: 16px;
}

.input-derecho {
	border: #666 2px solid;
	background-color: #FFF;
	width: -moz-calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	width: -o-calc(50% - 10px);
	width: calc(50% - 10px);
	height: 40px;
	float: right;
	padding: 0px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 25px;
	box-sizing: border-box;
	font-size: 16px;
}

.radio {
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 10px;
}

.checkbox {
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 10px;
}

.btn {
	border: none;
	background-image: url(imagenes/3D.png);
	background-size: 100% 100%;
	background-color: #05B;
/*	background-color: #08F;*/
	width: auto;
	float: right;
	padding: 10px 25px;
	color: #FFF;
	font-size: 16px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.btn:hover {
	background-color: #090;
}

.centrado {
	width: 100%;
	float: left;
	text-align: center;
}

.left {float: left !important;}
.right {float: right !important;}

.tleft {text-align: left !important;}
.tright {text-align: right !important;}

.status {
	width: auto;
	display: initial;
	padding: 5px 10px;
	color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.status-pendiente {color: #F60;}
.bg-status-pendiente {background-color: #F60;}
.status-pagado {color: #090;}
.bg-status-pagado {background-color: #090;}
.status-rechazado {color: #F00;}
.bg-status-rechazado {background-color: #F00;}
.status-cancelado {color: #F00;}
.bg-status-cancelado {background-color: #F00;}

.flex {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-vertical {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.flex-center {
	display: flex;
	justify-content: center;
}

.flex-left {
	display: flex;
	justify-content: left;
	align-items: center;
}

.flex-right {
	display: flex;
	justify-content: right;
	align-items: center;
}

.wrap{
	flex-wrap: wrap;		/*		Permite que bajen los elementos		*/
}

.stretch {
	align-items: stretch;	/* 	Todos queden igualmente alineados a lo alto		*/
}

.fila-impar {
	background-color: #FFF;
}

.fila-par {
	background-color: #F5F5F5;
}

.bg-hebreo {
	position: relative;
	background-image: url(imagenes/bg-texto-hebreo.jpg);
	background-size: cover;
}

.bg-griego {
	position: relative;
	background-image: url(imagenes/bg-texto-griego.jpg);
	background-size: cover;
}

.bg-latin {
	position: relative;
	background-image: url(imagenes/bg-texto-latin.jpg);
	background-size: cover;
}

[class*="bg-"] {
	position: relative;
}

[class*="bg-"].bg-alpha::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

[class*="bg-"] > * {
	position: relative;
	z-index: 2;
}

.bg-shadow {
	box-shadow: 0px 15px 10px #00000025;
}

.bg-pleca {
	background-image: url(imagenes/bg-pleca.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.bg-imagen-gris {
	background-image: url(imagenes/bg-imagen-gris.jpg);
	background-repeat: repeat;
}

.bg-letras-hebreas {
	background-image: url(imagenes/bg-letras-hebreas.png);
	background-repeat: repeat;
}

.bg-letras-griegas {
	background-image: url(imagenes/bg-letras-griegas.png);
	background-repeat: repeat;
}

.bg-letras-latinas {
	background-image: url(imagenes/bg-letras-latinas.png);
	background-repeat: repeat;
}

.bg-blanco {background-color: #FFF !important;}
.bg-negro {background-color: #000 !important;}
.bg-rojo {background-color: #F00 !important;}
.bg-verde {background-color: #090 !important;}
.bg-oro {background-color: #EB2 !important;}/*background-color: rgb(235, 191, 47);*/
.bg-azul {background-color: #29F !important;}

.blanco {color: #FFF !important;}
.negro {color: #000 !important;}
.rojo {color: #F00 !important;}
.verde {color: #090 !important;}
.oro {color: #EB2 !important;}
.azul {color: #29F !important;}

.border-azul {border: #29F 2px solid !important;}
.border-top-azul {border-top: #29F 2px solid !important;}
.border-right-azul {border-right: #29F 2px solid !important;}
.border-bottom-azul {border-bottom: #29F 2px solid !important;}
.border-left-azul {border-left: #29F 2px solid !important;}

.blur {box-shadow: 10px 10px 15px #999;}

.inline {width: 100%; float: left;}
.diline {width: 50%; float: left;}
.triline {width: 33%; float: left;}
.ditriline {width: 66%; float: left;}
.tetraline {width: 25%; float: left;}

.top-0 {margin-top: 0px !important;}
.top-5 {margin-top: 5px !important;}
.top-10 {margin-top: 10px !important;}
.top-15 {margin-top: 15px !important;}
.top-20 {margin-top: 20px !important;}
.top-25 {margin-top: 25px !important;}
.top-30 {margin-top: 30px !important;}
.top-35 {margin-top: 35px !important;}
.top-40 {margin-top: 40px !important;}
.top-45 {margin-top: 45px !important;}
.top-50 {margin-top: 50px !important;}

.bottom-0 {margin-bottom: 0px !important;}
.bottom-5 {margin-bottom: 5px !important;}
.bottom-10 {margin-bottom: 10px !important;}
.bottom-15 {margin-bottom: 15px !important;}
.bottom-20 {margin-bottom: 20px !important;}
.bottom-25 {margin-bottom: 25px !important;}
.bottom-30 {margin-bottom: 30px !important;}
.bottom-35 {margin-bottom: 35px !important;}
.bottom-40 {margin-bottom: 40px !important;}
.bottom-45 {margin-bottom: 45px !important;}
.bottom-50 {margin-bottom: 50px !important;}

.left-0 {margin-left: 0px !important;}
.left-5 {margin-left: 5px !important;}
.left-10 {margin-left: 10px !important;}
.left-15 {margin-left: 15px !important;}
.left-20 {margin-left: 20px !important;}
.left-25 {margin-left: 25px !important;}
.left-30 {margin-left: 30px !important;}
.left-35 {margin-left: 35px !important;}
.left-40 {margin-left: 40px !important;}
.left-45 {margin-left: 45px !important;}
.left-50 {margin-left: 50px !important;}

.right-0 {margin-right: 0px !important;}
.right-5 {margin-right: 5px !important;}
.right-10 {margin-right: 10px !important;}
.right-15 {margin-right: 15px !important;}
.right-20 {margin-right: 20px !important;}
.right-25 {margin-right: 25px !important;}
.right-30 {margin-right: 30px !important;}
.right-35 {margin-right: 35px !important;}
.right-40 {margin-right: 40px !important;}
.right-45 {margin-right: 45px !important;}
.right-50 {margin-right: 50px !important;}

.gap-5 {gap: 5px;}
.gap-10 {gap: 10px;}
.gap-15 {gap: 15px;}
.gap-20 {gap: 20px;}
.gap-25 {gap: 25px;}
.gap-30 {gap: 30px;}
.gap-35 {gap: 35px;}
.gap-40 {gap: 40px;}
.gap-45 {gap: 45px;}
.gap-50 {gap: 50px;}

.respuesta {
	width: 100%;
	float: left;
	margin: 15px 0px;
}

.correcto {
	position: relative;
	background-color: #00AA4425;
	background-color: #E6F5ED;
	background-color: #FFF;
	background-image: url(imagenes/ico-correcto.png);
	background-repeat: no-repeat;
	background-position: left 5px top 8px;
	background-size: 25px 25px;
	width: 100%;
	min-height: 40px;
	color: #0A4;
	border: 2px solid #0A4;
	font-size: 18px;
	margin: 15px 0px;
	padding: 10px;
	padding-left: 35px;
	float: left;
	text-align: left;
	box-sizing: border-box;
}

.correcto::before {
	content: "";
	position: absolute;
	inset: 0;
	background: #00AA4425;
}

.error {
	position: relative;
	background-color: #FF000025;
	background-color: #FFF;
	background-image: url(imagenes/ico-error.png);
	background-repeat: no-repeat;
	background-position: left 5px top 8px;
	background-size: 25px 25px;
	width: 100%;
	min-height: 40px;
	color: #F00;
	border: 2px solid #F00;
	font-size: 18px;
	margin: 15px 0px;
	padding: 10px;
	padding-left: 35px;
	float: left;
	text-align: left;
	box-sizing: border-box;
}

.error::before {
	content: "";
	position: absolute;
	inset: 0;
	background: #FF000025;
}

.atencion {
	position: relative;
	background-color: #FF660025;
	background-color: #FFF;
	background-image: url(imagenes/ico-atencion.png);
	background-repeat: no-repeat;
	background-position: left 5px top 8px;
	background-size: 25px 25px;
	width: 100%;
	min-height: 40px;
	color: #F60;
	border: 2px solid #F60;
	font-size: 18px;
	margin: 15px 0px;
	padding: 10px;
	padding-left: 35px;
	float: left;
	text-align: left;
	box-sizing: border-box;
}

.atencion::before {
	content: "";
	position: absolute;
	inset: 0;
	background: #FF660025;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}