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

@keyframes fade-in {
	0%{
		opacity:0;
		transform:translateY(30px);
		}
	33%{
		opacity:0.3;
		transform: scale(1.4)translateY(50px);
		}		
	100%{
		opacity:1;
		transform:translateY(0px);
		}	

}


body{
	
/*	background-image:url(medical2.jpg);*/
		

/* Para que la imagen de fondo no se repita */

background-repeat: no-repeat;

/* La imagen se fija en la ventana de visualización para que la altura de la imagen no supere a la del contenido */

background-attachment: fixed;

/* La imagen de fondo se reescala automáticamente con el cambio del ancho de ventana del navegador */

background-size: cover;

/* Se muestra un color de fondo mientras se está cargando la imagen

de fondo o si hay problemas para cargarla */

	margin: 0 auto;
	
background-color: #EFEFEF;



}


.fondo {
 
 position: fixed;	

 left: 0px;

 top: 0px;

 width: 100%;

 height: 100%;

 background: #FFF;
 
  
 display: flex;
 
 align-items: center;
 
 justify-content: center;
 
 background-color: rgba(255, 255, 255, 0.4);

}      





 .contenido {
	 
    background: #fff;
	opacity:0.9; 
	border-radius: 10px;
    box-shadow: 0px 0px 15px 5px rgba(33, 41, 52, .85);
    box-sizing: content-box;
    margin: 0 auto;
	height:420px;
	width:450px;   
	z-index: 999999999;
	 transition: all 0.2s;
	 animation: fade-in 1.2s;
	 
	 
	 
	 
}

input[type="submit"] {
font-family:Verdana, Geneva, sans-serif; 
font-size:12px; 
font-weight:bold; /*
border-color: #1368aa;
background-color: #1368aa; 
color:#FFF;*/
width:30%;
}


.jm-loadingpage {

 position: fixed;

 left: 0px;

 top: 0px;

 width: 100%;

 height: 100%;

 z-index: 999999999;

 background: url(cargando2.gif) center no-repeat #fff;

 opacity:85%;

}      

.p1 {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 11px;

	color: #666;

	text-align: center;

}

a {font: 60%/1.1 Verdana, Arial, Helvetica, sans-serif;
   
   color: #333;
	}

a img { /* este selector elimina el borde azul predeterminado que se muestra en algunos navegadores alrededor de una imagen cuando está rodeada por un vínculo */

	border: none;

}

/* ~~ La aplicación de estilo a los vínculos del sitio debe permanecer en este orden (incluido el grupo de selectores que crea el efecto hover -paso por encima-). ~~ */

a:link {

	color: #333;

	text-decoration: underline; /* a no ser que aplique estilos a los vínculos para que tengan un aspecto muy exclusivo, es recomendable proporcionar subrayados para facilitar una identificación visual rápida */

}

a:visited {

	color: #333;

	text-decoration: underline;

}

a:hover, a:active, a:focus { /* este grupo de selectores proporcionará a un usuario que navegue mediante el teclado la misma experiencia de hover (paso por encima) que experimenta un usuario que emplea un ratón. */

	text-decoration: none;

}


/*
@media screen and (min-height: 1300px) {
    
 
    
.contenido {
	 
    background: #fff;
	opacity:0.7; 
	border-radius: 10px;
    box-shadow: 0px 0px 15px 0px rgba(33, 41, 52, .75);
    box-sizing: content-box;
    margin: 0 auto;
	height:550px;
	width:320px;   
	 z-index: 999999999;
	 zoom:1.9;
	 transition: all 0.2s;
	 animation: fade-in 1s;
	 
}    
    
  .contenido img{
    width:80%;     
  }  

.contenido h5{
	 font-size: 8px; 
         
  } 
  
.swal2-container {
  zoom: 1.8;
}

}

*/