header {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100px; 
			overflow: hidden; /* Disables scrollbars on the navigation frame. To enable scrollbars, change "hidden" to "scroll" */
			background: #BCCE98;
		}
		main {
			position: fixed;
			/*top: 100px;  Set this to the height of the header */
			left: 0; 
			right: 0;
			bottom: 0;
			overflow: auto; 
			background: #fff;
		}
		.body_index{
			height: 100vh;
			/* background-image: url("../../images/background_login.jpg"); */
			background-color: rgba(196, 196, 196, 0.538);
			background-blend-mode: screen;
			background-repeat: no-repeat;
			background-size:cover;	
			justify-content: center;
			align-items: center;
		}
		.box{
			width: 400px;
			min-width: 300px;
			background: #FFFFFF;
			border-radius: 5px;
			border:1px solid #ffffff;
			padding:0 1.5em 0 1.5em ;
			box-shadow: 0px 0px 13px 10px rgba(0,0,0,0.5);
			
		}
		.img_box{
			width: auto;
			height: auto;
			padding-top: 10px;
			vertical-align: middle;
		}
		.btn_personal{
			background-color: #F69A56;
			border-radius: 5px;
			color:#FFFFFF;
		}
		.btn_personal:hover{
			background-color: transparent;
			color:#00a4ca;
			border:1px solid #00a4ca;
		}
		a{
			text-decoration: none;
			color:#000;
			
		}
		
		.error_image{
			width: 500px;
		}
		.error_message{
			font-weight: 300;
			font-size: 1rem;
			color:#000000;
		}
		.error_enlace a{
			text-decoration: none;
			font-weight: 700;
			font-size: 1.2rem;
			color:#614AA8;
		}
		.formateo{
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		@media screen and (max-width:800px ) {
			.body_index{
				width: 100%;
			}
			.box{
			width: 100%;
			}
			.img_box{
				width: 50% !important;
			}
		}