/* Para Cel */
/*-----------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:320px) and (max-width:1024px){

.modal-overlay {
	position: fixed;
	display: none;
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;
 	padding-top: 100px;

	/*border: 1px solid red;*/
	background: rgba(0,0,0,0.1);	

	overflow-x: none;	
	overflow-y: auto;
	scrollbar-width: auto;
	scrollbar-color: #ddd #fff;
	
	z-index: 1;

}

.modal-popup {
	width: 85%;
	height: auto;
	
	position: relative;
	display: flex;
	
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/
	
	box-sizing: border-box;
 	/*padding: 10px;*/
	
	/*border: 1px solid red;*/
	border-radius: 2px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	background-color: #f8f8f8;
	
}

.modal-titulos {
	width: 100%;
	height: auto;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-titulo-1 {
	width: 100%;
	height: 50px;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-titulo-1a {
	width: 20%;
	height: 100%;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 10px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-titulo-1b {
	width: 60%;
	height: 100%;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 10px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-titulo-1b label {
	color: #111;
	text-align: center;	
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    text-transform: uppercase;
	
}

.modal-titulo-1b span {
	color: #111;
	text-align: center;	
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    text-transform: none;
	
}
	
.modal-titulo-1c {
	width: 20%;
	height: 100%;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 10px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-titulo-2 {
	width: 100%;
	height: 30px;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-titulo-2 label {
	color: #111;
	text-align: center;	
	font-size: 16px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    text-transform: uppercase;
	
}

.modal-titulo-2 span {
	color: #333;
	text-align: center;	
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    text-transform: uppercase;
	
}

.modal-titulo-3 {
	width: 100%;
	height: 20px;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-titulo-3 label {
	color: #111;
	text-align: center;	
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    text-transform: uppercase;
	
}

.modal-pie {
	width: 100%;
	height: auto;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	background: none;	
}

.modal-pie-1 {
	width: 100%;
	height: 30px;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	background: none;	
	
}

.modal-pie-1 label {
	color: #111;
	text-align: center;	
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	
}

.modal-pie-1 span {
	color: #111;
	text-align: center;	
	font-size: 13px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	
}

.modal-pie-2 {
	width: 100%;
	height: 80px;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	background: none;	
	
}

.modal-pie-2 label {
	color: #111;
	text-align: center;	
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    text-transform: uppercase;
	
}

.modal-pie-2 span {
	color: #111;
	text-align: center;	
	font-size: 13px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	
}

.modal-pie-3 {
	width: 98%;
	height: auto;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	padding: 10px;	
	padding-left: 20px;
	
	/*border: 1px solid red;*/
	border-top: 1px solid #ddd;
	background: none;	
	
}

.modal-pie-3 label {
	color: #666;
	text-align: center;	
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	
}

.modal-pie-3 span {
	color: #777;
	text-align: center;	
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	
}

.modal-btn-1 {
	width: 24px;
	height: 24px;
	
	position: relative;
    display: flex;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	color: white; /*color de texto*/
	text-align: center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	/*text-shadow: #591717 2px 2px 2px;*/
    /*text-transform: uppercase;*/
    text-decoration: none;	
	cursor: pointer;
	
	border: none;
	border-radius: 5px;
	background-color: #e70d0d;
	
}

.modal-btn-1:hover,
.modal-btn-1:focus {	
	color: #fff;
    opacity: 0.8; 
	
}

.modal-btn-2 {
	width: 100px;
	height: 30px;
	margin: 5px;
	
	position: relative;
    display: flex;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	color: #333;
	text-align: center;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	/*text-shadow: #591717 2px 2px 2px;*/
    /*text-transform: uppercase;*/
    text-decoration: none;	
	cursor: pointer;
	
	border: 1px solid #111;
	border-radius: 5px;
	background: none;
	
}

.modal-btn-2:hover,
.modal-btn-2:focus {	
	color: #fff;
    /*opacity: 0.8;*/

	/*border: 1px solid #ff5722; /*naranga*/
	border: 1px solid #1f618d; /*Azul*/
	
	/*background-color: #ff5722; /*naranga*/
	background-color: #1f618d; /*Azul*/
	
}

.modal-btn-3 {
	width: 28px;
	height: 28px;
	margin-left: 5px;
	
	position: relative;
    display: flex;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	color: #666;
	text-align: center;	
	font-size: 18px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
    text-decoration: none;	
	cursor:pointer;	
   
	border: none;
	/*border: 1px solid red;*/
	background: none;	 
		
}

.modal-btn-3:hover,
.modal-btn-3:focus {	
	color: orange;
	
	/*border: 1px solid orange;*/
	/*background: none;*/	
	
}

.modal-contenido {
	width: 100%;
	height: auto;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	padding: 0px 25px 0px 25px;
	
	/*border: 1px solid red;*/
	background: none;	

}

.modal-contenido-1 {
	width: 100%;
	height: auto;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px 20px 0px 20px;*/
	
	/*border: 1px solid red;*/
	background: none;	

}

.modal-contenido-1a {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/
	
	box-sizing: border-box;
	/*padding: 10px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-contenido-1a h1 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	
	color: #333;
	text-align: left;	
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/

	/*border: 1px solid red;*/
	background: none;	
	
}

.modal-contenido-1a label {
	width: 100%;
	height: auto;
	
	color: #333;
	text-align: left;	
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/

	/*border: 1px solid red;*/
	background: none;	
	
}

.modal-contenido-1a input, select {
	width: 100%;
	height: 28px;
	
	color: #222;
	text-align: left;	
	font-size: 13px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/

	box-sizing: border-box;
	padding-left: 5px;
	
	border: 1px solid #999;
	border-radius: 5px;
	background: #fff;	
	
}

.modal-contenido-1a input:focus, select:focus {	
	outline: none;	
	/*border: 2px solid #f1c40f;*/
	border: 2px solid #ff5722;

}

.modal-contenido-1a input::placeholder {
	color: #777;
	text-align: left;	
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/
	
}

.modal-contenido-1a textarea {
	width: 100%;
	height: 60px;

	box-sizing: border-box;
	padding: 5px;
	
	color: #222;
	text-align: left;	
	font-size: 13px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/
	
	resize: none;

	border: 1px solid #999;
	border-radius: 5px;
	background: #fff;
	
	overflow-x: none;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #ddd #fff;	
	
}

/*..modal-contenido-1a textarea:hover,*/
.modal-contenido-1a textarea:focus {
	outline: none;	
	/*border: 2px solid #f1c40f;*/
	border: 2px solid #ff5722;
	
}

.modal-contenido-2 {
	width: 100%;
	height: auto;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px 20px 0px 20px;*/
	
	/*border: 1px solid red;*/
	background: none;	

}

.modal-contenido-2a {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/
	
	box-sizing: border-box;
	/*padding: 10px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-contenido-2a h1 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	
	color: #333;
	text-align: center;	
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/

	/*border: 1px solid red;*/
	background: none;	
	
}

.modal-contenido-2a label {
	width: 100%;
	height: auto;
	
	color: #333;
	text-align: center;	
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/

	/*border: 1px solid red;*/
	background: none;	
	
}

.modal-contenido-2a span {
	width: 100%;
	height: auto;
	
	color: red;
	text-align: left;	
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/

	/*border: 1px solid red;*/
	background: none;	
	
}

/* Tabla mnodal */
/******************************/
.modal-tabla {
	width: 100%;
	height: 300px;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	
	
	box-sizing: border-box;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;	

	/*border: 1px solid red;*/
	background: none;

	overflow: auto;
	scrollbar-color: #ccc #fff;

}

.modal-tabla-contenido {
	width: 50%;
	/*height: 100%;*/
	
	/*border-spacing: 0; /*Ocultar lineas de tabla*/
	border-collapse: collapse;
	/*border: 1px solid #ccc;*/
	background: none;	
	
}
	
.modal-tabla-contenido th {
	width: auto;
	height: 50px;
	
	position: sticky;
	top: 0;
	
	box-sizing: border-box;	
	/*padding: 0.5rem;*/
	
	color: #21618c;	
	font-weight: bold;
	font-size: 13px;	
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;	
	
	/*border: 1px solid red;*/
	background-color: #f8f8f8;
	
}

.modal-tabla-contenido td {
	min-width: 80px;
	height: 40px;
	
	color: #222;
	text-align: center;
	font-size: 12px;
	/*font-weight: bold;*/
	font-family: Arial, Helvetica, sans-serif;
	/*text-transform: uppercase;*/
	
	box-sizing: border-box;	
	padding: 0.5rem;
	
	border-top: 1px solid  #5d6d7e;
	background: none;
	
}

/** Seleccionar fila al pasar mouse **/
.modal-tabla-contenido tr:hover td {
	color: #fff;

	background-color: #8eb5cf;	

}

/** Seleccionar fila al hacer click **/
.modal-tabla-seleccion1 {
	color: black;
	
	background-color: #f9e79f;
	/*background-color: #eaeded;*/
  
}

.modal-tabla-seleccion2 {
	color: black;
	
	/*background-color: #f9e79f;*/
	/*background-color: #eaeded;*/
	background: none;	
	
}

}

/* Para Laptop */
/*-----------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1025px) and (max-width:1599px) {

.modal-overlay {
	position: fixed;
	display: none;
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;
 	padding: 10px;

	/*border: 1px solid red;*/
	background: rgba(0,0,0,0.1);	

	overflow-x: none;	
	overflow-y: auto;
	scrollbar-width: auto;
	scrollbar-color: #ddd #fff;
	
	z-index: 1;

}

.modal-popup {
	width: auto;
	height: auto;

	position: absolute;
	display: flex;
	
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/
	
	box-sizing: border-box;
 	/*padding: 10px;*/
	
	/*border: 1px solid red;*/
	border-radius: 2px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	background-color: #f8f8f8;
	
}

.modal-titulos {
	width: 100%;
	height: auto;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-titulo-1 {
	width: 100%;
	height: 50px;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-titulo-1a {
	width: 20%;
	height: 100%;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 10px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-titulo-1b {
	width: 60%;
	height: 100%;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 10px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-titulo-1b label {
	color: #111;
	text-align: center;	
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    text-transform: uppercase;
	
}

.modal-titulo-1b span {
	color: #111;
	text-align: center;	
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    text-transform: none;
	
}
	
.modal-titulo-1c {
	width: 20%;
	height: 100%;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 10px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-titulo-2 {
	width: 100%;
	height: 30px;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-titulo-2 label {
	color: #111;
	text-align: center;	
	font-size: 16px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    text-transform: uppercase;
	
}

.modal-titulo-2 span {
	color: #333;
	text-align: center;	
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    text-transform: uppercase;
	
}

.modal-titulo-3 {
	width: 100%;
	height: 20px;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-titulo-3 label {
	color: #111;
	text-align: center;	
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    text-transform: uppercase;
	
}

.modal-pie {
	width: 100%;
	height: auto;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	background: none;	
}

.modal-pie-1 {
	width: 100%;
	height: 30px;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	background: none;	
	
}

.modal-pie-1 label {
	color: #111;
	text-align: center;	
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	
}

.modal-pie-1 span {
	color: #111;
	text-align: center;	
	font-size: 13px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	
}

.modal-pie-2 {
	width: 100%;
	height: 80px;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	background: none;	
	
}

.modal-pie-2 label {
	color: #111;
	text-align: center;	
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    text-transform: uppercase;
	
}

.modal-pie-2 span {
	color: #111;
	text-align: center;	
	font-size: 13px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	
}

.modal-pie-3 {
	width: 98%;
	height: auto;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	padding: 10px;	
	padding-left: 20px;
	
	/*border: 1px solid red;*/
	border-top: 1px solid #ddd;
	background: none;	
	
}

.modal-pie-3 label {
	color: #666;
	text-align: center;	
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	
}

.modal-pie-3 span {
	color: #777;
	text-align: center;	
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	
}

.modal-btn-1 {
	width: 24px;
	height: 24px;
	
	position: relative;
    display: flex;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	color: white; /*color de texto*/
	text-align: center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	/*text-shadow: #591717 2px 2px 2px;*/
    /*text-transform: uppercase;*/
    text-decoration: none;	
	cursor: pointer;
	
	border: none;
	border-radius: 5px;
	background-color: #e70d0d;
	
}

.modal-btn-1:hover,
.modal-btn-1:focus {	
	color: #fff;
    opacity: 0.8; 
	
}

.modal-btn-2 {
	width: 100px;
	height: 30px;
	margin: 5px;
	
	position: relative;
    display: flex;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	color: #333;
	text-align: center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	/*text-shadow: #591717 2px 2px 2px;*/
    /*text-transform: uppercase;*/
    text-decoration: none;	
	cursor: pointer;
	
	border: 1px solid #111;
	border-radius: 5px;
	background: none;
	
}

.modal-btn-2:hover,
.modal-btn-2:focus {	
	color: #fff;
    /*opacity: 0.8;*/

	/*border: 1px solid #ff5722; /*naranga*/
	border: 1px solid #1f618d; /*Azul*/
	
	/*background-color: #ff5722; /*naranga*/
	background-color: #1f618d; /*Azul*/
	
}

.modal-btn-3 {
	width: 28px;
	height: 28px;
	margin-left: 5px;
	
	position: relative;
    display: flex;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	color: #666;
	text-align: center;	
	font-size: 18px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
    text-decoration: none;	
	cursor:pointer;	
   
	border: none;
	/*border: 1px solid red;*/
	background: none;	 
		
}

.modal-btn-3:hover,
.modal-btn-3:focus {	
	color: orange;
	
	/*border: 1px solid orange;*/
	/*background: none;*/	
	
}

.modal-contenido {
	width: auto;
	height: auto;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	/*padding-top: 10px;*/
	
	/*border: 1px solid red;*/
	background: none;	

}

.modal-contenido-1 {
	width: 320px;
	height: auto;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	padding: 0px 40px 0px 40px;
	
	/*border: 1px solid red;*/
	background: none;	

}

.modal-contenido-1a {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/
	
	box-sizing: border-box;
	/*padding: 10px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-contenido-1a h1 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	
	color: #333;
	text-align: left;	
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/

	/*border: 1px solid red;*/
	background: none;	
	
}

.modal-contenido-1a label {
	width: 100%;
	height: auto;
	
	color: #333;
	text-align: left;	
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/

	/*border: 1px solid red;*/
	background: none;	
	
}

.modal-contenido-1a input, select {
	width: 100%;
	height: 28px;
	
	color: #222;
	text-align: left;	
	font-size: 13px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/

	box-sizing: border-box;
	padding-left: 5px;
	
	border: 1px solid #999;
	border-radius: 5px;
	background: #fff;	
	
}

.modal-contenido-1a input:focus, select:focus {	
	outline: none;	
	/*border: 2px solid #f1c40f;*/
	border: 2px solid #ff5722;

}

.modal-contenido-1a input::placeholder {
	color: #777;
	text-align: left;	
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/
	
}

.modal-contenido-1a textarea {
	width: 100%;
	height: 60px;

	box-sizing: border-box;
	padding: 5px;
	
	color: #222;
	text-align: left;	
	font-size: 13px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/
	
	resize: none;

	border: 1px solid #999;
	border-radius: 5px;
	background: #fff;
	
	overflow-x: none;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #ddd #fff;	
	
}

/*..modal-contenido-1a textarea:hover,*/
.modal-contenido-1a textarea:focus {
	outline: none;	
	/*border: 2px solid #f1c40f;*/
	border: 2px solid #ff5722;
	
}

.modal-contenido-2 {
	width: 350px;
	height: auto;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	padding: 0px 25px 0px 25px;
	
	/*border: 1px solid red;*/
	background: none;	

}

.modal-contenido-2a {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/
	
	box-sizing: border-box;
	/*padding: 10px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-contenido-2a h1 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	
	color: #333;
	text-align: center;	
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/

	/*border: 1px solid red;*/
	background: none;	
	
}

.modal-contenido-2a label {
	width: 100%;
	height: auto;
	
	color: #333;
	text-align: center;	
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/

	/*border: 1px solid red;*/
	background: none;	
	
}

.modal-contenido-2a span {
	width: 100%;
	height: auto;
	
	color: red;
	text-align: left;	
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/

	/*border: 1px solid red;*/
	background: none;	
	
}

/* Tabla mnodal */
/******************************/
.modal-tabla {
	width: 100%;
	height: 300px;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	
	
	box-sizing: border-box;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;	

	/*border: 1px solid red;*/
	background: none;

	overflow: auto;
	scrollbar-color: #ccc #fff;

}

.modal-tabla-contenido {
	width: 50%;
	/*height: 100%;*/
	
	/*border-spacing: 0; /*Ocultar lineas de tabla*/
	border-collapse: collapse;
	/*border: 1px solid #ccc;*/
	background: none;	
	
}
	
.modal-tabla-contenido th {
	width: auto;
	height: 50px;
	
	position: sticky;
	top: 0;
	
	box-sizing: border-box;	
	/*padding: 0.5rem;*/
	
	color: #21618c;	
	font-weight: bold;
	font-size: 13px;	
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;	
	
	/*border: 1px solid red;*/
	background-color: #f8f8f8;
	
}

.modal-tabla-contenido td {
	min-width: 80px;
	height: 40px;
	
	color: #222;
	text-align: center;
	font-size: 12px;
	/*font-weight: bold;*/
	font-family: Arial, Helvetica, sans-serif;
	/*text-transform: uppercase;*/
	
	box-sizing: border-box;	
	padding: 0.5rem;
	
	border-top: 1px solid  #5d6d7e;
	background: none;
	
}

/** Seleccionar fila al pasar mouse **/
.modal-tabla-contenido tr:hover td {
	color: #fff;

	background-color: #8eb5cf;	

}

/** Seleccionar fila al hacer click **/
.modal-tabla-seleccion1 {
	color: black;
	
	background-color: #f9e79f;
	/*background-color: #eaeded;*/
  
}

.modal-tabla-seleccion2 {
	color: black;
	
	/*background-color: #f9e79f;*/
	/*background-color: #eaeded;*/
	background: none;	
	
}

}


/* Para PC */
/*-----------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1600px) {

.modal-overlay {
	position: fixed;
	display: none;
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;
 	padding: 10px;

	/*border: 1px solid red;*/
	background: rgba(0,0,0,0.1);	

	overflow-x: none;	
	overflow-y: auto;
	scrollbar-width: auto;
	scrollbar-color: #ddd #fff;
	
	z-index: 1;

}

.modal-popup {
	width: auto;
	height: auto;

	position: absolute;
	display: flex;

	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/
	
	box-sizing: border-box;
 	/*padding: 10px;*/
	
	/*border: 1px solid red;*/
	border-radius: 2px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	background-color: #f8f8f8;
	
}

.modal-titulos {
	width: 100%;
	height: auto;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-titulo-1 {
	width: 100%;
	height: 50px;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-titulo-1a {
	width: 20%;
	height: 100%;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 10px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-titulo-1b {
	width: 60%;
	height: 100%;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 10px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-titulo-1b label {
	color: #111;
	text-align: center;	
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    text-transform: uppercase;
	
}

.modal-titulo-1b span {
	color: #111;
	text-align: center;	
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    text-transform: none;
	
}
	
.modal-titulo-1c {
	width: 20%;
	height: 100%;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: end; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/	

	box-sizing: border-box;
	padding-right: 3.5%;
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-titulo-2 {
	width: 100%;
	height: 30px;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-titulo-2 label {
	color: #111;
	text-align: center;	
	font-size: 16px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    text-transform: uppercase;
	
}

.modal-titulo-2 span {
	color: #333;
	text-align: center;	
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    text-transform: uppercase;
	
}

.modal-titulo-3 {
	width: 100%;
	height: 20px;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-titulo-3 label {
	color: #111;
	text-align: center;	
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    text-transform: uppercase;
	
}

.modal-pie {
	width: 100%;
	height: auto;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	background: none;	
}

.modal-pie-1 {
	width: 100%;
	height: 30px;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	background: none;	
	
}

.modal-pie-1 label {
	color: #111;
	text-align: center;	
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	
}

.modal-pie-1 span {
	color: #111;
	text-align: center;	
	font-size: 13px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	
}

.modal-pie-2 {
	width: 100%;
	height: 80px;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	/*padding: 0px;*/
	
	/*border: 1px solid red;*/
	background: none;	
	
}

.modal-pie-2 label {
	color: #111;
	text-align: center;	
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    text-transform: uppercase;
	
}

.modal-pie-2 span {
	color: #111;
	text-align: center;	
	font-size: 13px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	
}

.modal-pie-3 {
	width: 98%;
	height: auto;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	padding: 10px;
	padding-left: 20px;
	
	/*border: 1px solid red;*/
	border-top: 1px solid #ddd;
	background: none;	
	
}

.modal-pie-3 label {
	color: #666;
	text-align: center;	
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	
}

.modal-pie-3 span {
	color: #777;
	text-align: center;	
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	
}

.modal-btn-1 {
	width: 24px;
	height: 24px;
	
	position: relative;
    display: flex;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	color: white; /*color de texto*/
	text-align: center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	/*text-shadow: #591717 2px 2px 2px;*/
    /*text-transform: uppercase;*/
    text-decoration: none;	
	cursor: pointer;
	
	border: none;
	border-radius: 5px;
	background-color: #e70d0d;
	
}

.modal-btn-1:hover,
.modal-btn-1:focus {	
	color: #fff;
    opacity: 0.8; 
	
}

.modal-btn-2 {
	width: 100px;
	height: 35px;
	margin: 5px;
	
	position: relative;
    display: flex;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	color: #333;
	text-align: center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	/*text-shadow: #591717 2px 2px 2px;*/
    /*text-transform: uppercase;*/
    text-decoration: none;	
	cursor: pointer;
	
	border: 1px solid #111;
	border-radius: 5px;
	background: none;
	
}

.modal-btn-2:hover,
.modal-btn-2:focus {	
	color: #fff;
    /*opacity: 0.8;*/

	/*border: 1px solid #ff5722; /*naranga*/
	border: 1px solid #1f618d; /*Azul*/
	
	/*background-color: #ff5722; /*naranga*/
	background-color: #1f618d; /*Azul*/
	
}

.modal-btn-3 {
	width: 28px;
	height: 28px;
	margin-left: 5px;
	
	position: relative;
    display: flex;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	color: #666;
	text-align: center;	
	font-size: 18px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
    text-decoration: none;	
	cursor:pointer;	
   
	border: none;
	/*border: 1px solid red;*/
	background: none;	 
		
}

.modal-btn-3:hover,
.modal-btn-3:focus {	
	color: orange;
	
	/*border: 1px solid orange;*/
	/*background: none;*/	
	
}

.modal-contenido {
	width: auto;
	height: auto;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	/*padding-top: 10px;*/
	
	/*border: 1px solid red;*/
	background: none;	

}

.modal-contenido-1 {
	width: 350px;
	height: auto;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	padding: 0px 40px 0px 40px;
	
	/*border: 1px solid red;*/
	background: none;	

}

.modal-contenido-1a {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/
	
	box-sizing: border-box;
	/*padding: 10px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-contenido-1a h1 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	
	color: #333;
	text-align: left;	
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/

	/*border: 1px solid red;*/
	background: none;	
	
}

.modal-contenido-1a label {
	width: 100%;
	height: auto;
	
	color: #333;
	text-align: left;	
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/

	/*border: 1px solid red;*/
	background: none;	
	
}

.modal-contenido-1a span {
	width: auto;
	height: auto;
	
	color: #555;
	text-align: left;	
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/

	box-sizing: border-box;
	/*padding-left: 1px;*/

	/*border: 1px solid red;*/
	background: none;	
	
}

.modal-contenido-1a input, select {
	width: 100%;
	height: 30px;
	
	color: #222;
	text-align: left;	
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/

	box-sizing: border-box;
	padding-left: 5px;
	
	border: 1px solid #999;
	border-radius: 5px;
	background: #fff;	
	
}

.modal-contenido-1a input:focus, select:focus {	
	outline: none;	
	/*border: 2px solid #f1c40f;*/
	border: 2px solid #ff5722;

}

.modal-contenido-1a input::placeholder {
	color: #777;
	text-align: left;	
	font-size: 13px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/
	
}

.modal-contenido-1a textarea {
	width: 100%;
	height: 60px;

	box-sizing: border-box;
	padding: 5px;
	
	color: #222;
	text-align: left;	
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/
	
	resize: none;

	border: 1px solid #999;
	border-radius: 5px;
	background: #fff;
	
	overflow-x: none;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #ddd #fff;	
	
}

/*..modal-contenido-1a textarea:hover,*/
.modal-contenido-1a textarea:focus {
	outline: none;	
	/*border: 2px solid #f1c40f;*/
	border: 2px solid #ff5722;
	
}

.modal-contenido-2 {
	width: 360px;
	height: auto;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	

	box-sizing: border-box;
	padding: 0px 25px 0px 25px;
	
	/*border: 1px solid red;*/
	background: none;	

}

.modal-contenido-2a {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/
	
	box-sizing: border-box;
	/*padding: 10px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.modal-contenido-2a h1 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	
	color: #333;
	text-align: center;	
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/

	/*border: 1px solid red;*/
	background: none;	
	
}

.modal-contenido-2a label {
	width: 100%;
	height: auto;
	
	color: #333;
	text-align: center;	
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/

	/*border: 1px solid red;*/
	background: none;	
	
}

.modal-contenido-2a span {
	width: 100%;
	height: auto;
	
	color: red;
	text-align: left;	
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	/*text-shadow: #132639 2px 2px 2px;*/
    /*text-transform: uppercase;*/
	/*text-decoration: none;*/
	/*cursor: pointer;*/

	/*border: 1px solid red;*/
	background: none;	
	
}

/* Tabla mnodal */
/******************************/
.modal-tabla {
	width: 100%;
	height: 350px;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	
	
	box-sizing: border-box;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;	
	
	/*border: 1px solid red;*/
	background: none;

	overflow: auto;
	scrollbar-color: #ccc #fff;

}

.modal-tabla-contenido {
	width: 50%;
	/*height: 100%;*/
	
	/*border-spacing: 0; /*Ocultar lineas de tabla*/
	border-collapse: collapse;
	/*border: 1px solid #ccc;*/
	background: none;	
	
}
	
.modal-tabla-contenido th {
	width: auto;
	height: 50px;
	
	position: sticky;
	top: 0;
	
	box-sizing: border-box;	
	/*padding: 0.5rem;*/
	
	color: #21618c;	
	font-weight: bold;
	font-size: 13px;	
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;	
	
	/*border: 1px solid red;*/
	background-color: #f8f8f8;
	
}

.modal-tabla-contenido td {
	min-width: 80px;
	height: 40px;
	
	color: #222;
	text-align: center;
	font-size: 12px;
	/*font-weight: bold;*/
	font-family: Arial, Helvetica, sans-serif;
	/*text-transform: uppercase;*/
	
	box-sizing: border-box;	
	padding: 0.5rem;
	
	border-top: 1px solid  #5d6d7e;
	background: none;
	
}

/** Seleccionar fila al pasar mouse **/
.modal-tabla-contenido tr:hover td {
	color: #fff;

	background-color: #8eb5cf;	

}

/** Seleccionar fila al hacer click **/
.modal-tabla-seleccion1 {
	color: black;
	
	background-color: #f9e79f;
	/*background-color: #eaeded;*/
  
}

.modal-tabla-seleccion2 {
	color: black;
	
	/*background-color: #f9e79f;*/
	/*background-color: #eaeded;*/
	background: none;	
	
}

}