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

	
@media only screen and (min-width : 801px) and (max-width : 1999px){
	
	/* OPERACION EXITOSA*/
	
	div#divMsgOperacionExitosa {
		display:none;
		padding-bottom:1vw;
		width:35vw;
		height:auto;
		position:fixed; 
		left:50%; 
		top:50%; 
		transform: translate(-50%, -50%); 
		-webkit-transform: translate(-50%, -50%); 
		border: 0.3vw solid #000;
		-webkit-border-radius:1.0000em; 
		border-radius:1.0000em; 
		text-align:center; 
		vertical-align:middle;
		color:#FFF;
		background-color:#000;
		font-size:2.5em;
	}
	
	.msgOperacionExitosa {
		display;inline-block;
		margin-top:1vw;
		padding:2%;
		width:96%;
		height:auto;
		font-size:0.8em;
		vertical-align:middle;
		position:relative;
	}
	
	.msgOperacionExitosa-imagen {
		display:inline-block;
		width:10%;
		vertical-align:middle;
		position:relative;
	}
	
	.msgOperacionExitosa-img {
		width:80%;
	}
	
	.msgOperacionExitosa-msg {
		display:inline-block;
		width:auto;
		vertical-align:middle;
		position:relative;
	}
	
	.msgOperacionExitosa-boton {
		display:inline-block;
		margin-top:1vw;
		width:100%;
		position:relative;
	}
	
	div#divMsgOperacionExitosa span {
		display:inline-block;
		font-size:1em;
		position:relative
	}
	
	div#divMsgOperacionExitosa span div {
		display:inline-block;
		width:auto;
		position:relative
	}
	
	div#divMsgOperacionExitosa span img {
		width:1vw;
	}
	
	
	/* CONFIRMAR ELIMINAR */
	
	div#divEliminarRegistro {
		display:none;
		padding-bottom:1vw;
		width:60vw;
		height:auto;
		position:fixed; 
		left:50%; 
		top:50%; 
		transform: translate(-50%, -50%); 
		-webkit-transform: translate(-50%, -50%); 
		border: 0.3vw solid #000;
		-webkit-border-radius:1.0000em; 
		border-radius:1.0000em; 
		font-size:1.2em;
		text-align:center; 
		vertical-align:middle;
		color:#FFF;
		background-color:#000;
	}
	
	.eliminarRegistro-msg {
		display:inline-block;
		margin-top:1.5vw;
		padding-left:5%;
		padding-right:5%;
		width:88%;
		height:auto;
		font-seze:1em;
		font-weight:bold;
		text-align:left;
		vertical-align:middle;
		position:relative;
	}
	
	.eliminarRegistro-botones {
		display:inline-block;
		margin-top:1.2vw;
		padding-left:5%;
		padding-right:5%;
		width:88%;
		height:auto;
		font-seze:1em;
		text-align:right;
		vertical-align:middle;
		position:relative;
	}
	
	.eliminarRegistro-boton {
		display:inline-block;
		margin-left:5vw;
		width:auto;
		height:auto;
		font-seze:1em;
		text-align:center;
		vertical-align:middle;
		position:relative;
	}
	
	div#divEliminarRegistro span {
		display:inline-block;
		font-size:1.5em;
		position:relative
	}
	
	div#divEliminarRegistro span div {
		display:inline-block;
		width:auto;
		position:relative
	}
	
	div#divEliminarRegistro span img {
		width:1vw;
	}
	
	/*MENSAJE DE ERROR*/
	
	div#divError2 {
		display:none;
		padding-bottom:1vw;
		width:60vw;
		height:auto;
		position:fixed; 
		left:50%; 
		top:50%; 
		transform: translate(-50%, -50%); 
		-webkit-transform: translate(-50%, -50%); 
		border: 0.3vw solid #000;
		-webkit-border-radius:1.0000em; 
		border-radius:1.0000em; 
		font-size:1.5em;
		text-align:center; 
		vertical-align:middle;
		color:#FFF;
		background-color:#F00;
	}
	
	.divError2-cerrar {
		display:inline-block;
		margin-top:1vw;
		width:88%;
		font-size:1em;
		text-align:right;
		position:relative;
	}
	
	.divError2-imagen {
		display:inline-block;
		margin-top:1.5vw;
		padding-left:5%;
		padding-right:5%;
		width:88%;
		height:auto;
		font-seze:1em;
		font-weight:bold;
		text-align:center;
		vertical-align:middle;
		position:relative;
	}
	
	.divError2-img {
		width:5%;
	}
	
	.divError2-titulo {
		display:inline-block;
		margin-top:1.5vw;
		padding-left:5%;
		padding-right:5%;
		width:88%;
		height:auto;
		font-seze:1em;
		font-weight:bold;
		text-align:left;
		vertical-align:middle;
		position:relative;
	}
	
	.divError2-msg {
		display:inline-block;
		margin-top:1.5vw;
		padding-left:5%;
		padding-right:5%;
		width:88%;
		overflow:auto; 
		border:1px black solid; 
		max-height:30vh;
		font-seze:1em;
		font-weight:bold;
		text-align:left;
		vertical-align:middle;
		position:relative;
	}
	
	/* FIN SESION */
	
	div#divFinSesion {
		display:none;
		padding-bottom:1vw;
		width:50vw;
		height:auto;
		position:fixed; 
		left:50%; 
		top:50%; 
		transform: translate(-50%, -50%); 
		-webkit-transform: translate(-50%, -50%); 
		border: 0.1vw solid;
		-webkit-border-radius:1.0000em; 
		border-radius:1.0000em; 
		font-size:1.5em;
		text-align:right; 
		color:#FFF;
		background-color:#F00;
	}
	
	div#divFinSesion span#x {
		display:inline-block;
		left:93%;
		top:0.5vw;
		border: 1px solid;
		-webkit-border-radius:1.0000em; 
		border-radius:1.0000em; 
		font-size:1em;
		font-weight:700;
		background-color:#F00;
		position:absolute;
	}
	
	div#divFinSesion span#x:hover {
		background-color:#FFF;
		color:#000;
	}
	
	/* PROCESO ESPERA */
	
	div#procesoEspera {
		display:none;
		width:50vw;
		height:auto;
		position:fixed; 
		left:50%; 
		top:50%; 
		transform: translate(-50%, -50%); 
		-webkit-transform: translate(-50%, -50%); 
		border: 1px solid;
		-webkit-border-radius:1.0000em; 
		border-radius:1.0000em; 
		font-size:2vw;
		text-align:center; 
		background-color:#333333;
	}
	
	.procesoEspera-contenido {
		display:inline-block;
		margin-top:5vw;
		margin-bottom:5vw;
		width:100%;
		height:auto;
		font-size:0.8em;
		color:#FFF;
		text-align:center;
		position:relative;
	}
	
	.procesoEspera-contenido-img {
		width:10%;
	}
	
	
	
	
	
	
}

@media only screen and (max-width : 800px){
	
	/* OPERACION EXITOSA*/
	
	div#divMsgOperacionExitosa {
		display:none;
		padding-top:4vw;
		padding-bottom:4vw;
		width:85vw;
		height:auto;
		position:fixed; 
		left:50%; 
		top:50%; 
		transform: translate(-50%, -50%); 
		-webkit-transform: translate(-50%, -50%); 
		border: 0.3vw solid #000;
		-webkit-border-radius:1.0000em; 
		border-radius:1.0000em; 
		font-size:4vw;
		text-align:center; 
		vertical-align:middle;
		color:#FFF;
		background-color:#000;
	}
	
	.msgOperacionExitosa {
		display;inline-block;
		margin-top:4vw;
		padding:2%;
		width:96%;
		height:auto;
		font-size:1em;
		vertical-align:middle;
		position:relative;
	}
	
	.msgOperacionExitosa-imagen {
		display:inline-block;
		width:10%;
		vertical-align:middle;
		position:relative;
	}
	
	.msgOperacionExitosa-img {
		width:80%;
	}
	
	.msgOperacionExitosa-msg {
		display:inline-block;
		width:auto;
		vertical-align:middle;
		position:relative;
	}
	
	.msgOperacionExitosa-boton {
		display:inline-block;
		margin-top:4vw;
		width:100%;
		position:relative;
	}
	
	div#divMsgOperacionExitosa span {
		display:inline-block;
		font-size:1em;
		position:relative
	}
	
	div#divMsgOperacionExitosa span div {
		display:inline-block;
		width:auto;
		position:relative
	}
	
	div#divMsgOperacionExitosa span img {
		width:3vw;
	}
	
	
	/* CONFIRMAR ELIMINAR */
	
	div#divEliminarRegistro {
		display:none;
		padding-top:4vw;
		padding-bottom:4vw;
		width:90vw;
		height:auto;
		position:fixed; 
		left:50%; 
		top:50%; 
		transform: translate(-50%, -50%); 
		-webkit-transform: translate(-50%, -50%); 
		border: 0.3vw solid #000;
		-webkit-border-radius:1.0000em; 
		border-radius:1.0000em; 
		font-size:4vw;
		text-align:center; 
		vertical-align:middle;
		color:#FFF;
		background-color:#000;
	}
	
	.eliminarRegistro-msg {
		display:inline-block;
		margin-top:1.5vw;
		padding-left:5%;
		padding-right:5%;
		width:88%;
		height:auto;
		font-seze:1em;
		font-weight:bold;
		text-align:left;
		vertical-align:middle;
		position:relative;
	}
	
	.eliminarRegistro-botones {
		display:inline-block;
		margin-top:6vw;
		padding-left:5%;
		/*padding-right:5%;*/
		width:90%;
		height:auto;
		font-size:1em;
		text-align:right;
		vertical-align:middle;
		position:relative;
	}
	
	.eliminarRegistro-boton {
		display:inline-block;
		margin-left:5vw;
		width:auto;
		height:auto;
		font-size:1em;
		text-align:center;
		vertical-align:middle;
		position:relative;
	}
	
	div#divEliminarRegistro span {
		display:inline-block;
		font-size:1.1em;
		position:relative
	}
	
	div#divEliminarRegistro span div {
		display:inline-block;
		width:auto;
		position:relative
	}
	
	div#divEliminarRegistro span img {
		width:3vw;
	}
	
	/*MENSAJE DE ERROR*/
	
	div#divError2 {
		display:none;
		padding-bottom:1vw;
		width:90vw;
		height:auto;
		position:fixed; 
		left:50%; 
		top:50%; 
		transform: translate(-50%, -50%); 
		-webkit-transform: translate(-50%, -50%); 
		border: 0.3vw solid #000;
		-webkit-border-radius:1.0000em; 
		border-radius:1.0000em; 
		font-size:3vw;
		text-align:center; 
		vertical-align:middle;
		color:#FFF;
		background-color:#F00;
	}
	
	.divError2-cerrar {
		display:inline-block;
		margin-top:1vw;
		width:88%;
		font-size:1em;
		text-align:right;
		position:relative;
	}
	
	.divError2-imagen {
		display:inline-block;
		margin-top:1.5vw;
		padding-left:5%;
		padding-right:5%;
		width:88%;
		height:auto;
		font-seze:1em;
		font-weight:bold;
		text-align:center;
		vertical-align:middle;
		position:relative;
	}
	
	.divError2-img {
		width:5%;
	}
	
	.divError2-titulo {
		display:inline-block;
		margin-top:1.5vw;
		padding-left:5%;
		padding-right:5%;
		width:88%;
		height:auto;
		font-seze:1em;
		font-weight:bold;
		text-align:left;
		vertical-align:middle;
		position:relative;
	}
	
	.divError2-msg {
		display:inline-block;
		margin-top:1.5vw;
		padding-left:5%;
		padding-right:5%;
		width:88%;
		overflow:auto; 
		border:1px black solid; 
		max-height:30vh;
		font-seze:1em;
		font-weight:bold;
		text-align:left;
		vertical-align:middle;
		position:relative;
	}
	
	/* FIN SESION */
	
	div#divFinSesion {
		display:none;
		padding-bottom:4vw;
		width:80vw;
		height:auto;
		position:fixed; 
		left:50%; 
		top:50%; 
		transform: translate(-50%, -50%); 
		-webkit-transform: translate(-50%, -50%); 
		border: 1px solid;
		-webkit-border-radius:1.0000em; 
		border-radius:1.0000em; 
		font-size:4vw;
		text-align:right; 
		color:#FFF;
		background-color:#F00;
	}
	
	div#divFinSesion span#x {
		display:inline-block;
		left:92%;
		top:0.5vw;
		border: 1px solid;
		-webkit-border-radius:1.0000em; 
		border-radius:1.0000em; 
		font-size:1em;
		font-weight:700;
		background-color:#F00;
		position:absolute;
	}
	
	/* PROCESO ESPERA */
	
	div#procesoEspera {
		display:none;
		width:80vw;
		height:auto;
		position:fixed; 
		left:50%; 
		top:50%; 
		transform: translate(-50%, -50%); 
		-webkit-transform: translate(-50%, -50%); 
		border: 1px solid;
		-webkit-border-radius:1.0000em; 
		border-radius:1.0000em; 
		text-align:center; 
		background-color:#333333;
	}
	
	.procesoEspera-contenido {
		display:inline-block;
		margin-top:5vw;
		margin-bottom:5vw;
		width:100%;
		height:auto;
		font-size:3vw;
		color:#FFF;
		text-align:center;
		position:relative;
	}
	
	.procesoEspera-contenido-img {
		width:20%;
	}
	
	
	
	
	
	
	
	
}