*{
		margin:0px;
	}
	body{
		
	}
	header{
		display:none;	
	}

	a{
		text-decoration: none;
		cursor: pointer;
		color:black;
		display: block;
	}
	a:hover{
		text-decoration: underline;
		cursor: pointer;
		display: block;
	}
	.box_ingreso {
		display: flex;
		flex-direction:column;
		justify-content: center;
		width:400px;
		padding:0px;
		margin-left:auto;
		margin-right:auto;
		background-color: rgba(87, 81, 81, 0.2);
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		background-repeat:no-repeat;
		}
	.box_ingreso #logo{
		margin-left:auto;
		margin-right:auto;
		padding:0px;
		width:350px;
		height: 130px;
	   }

	   .box_ingreso #logo img{
		position:absolute;
		width:350px;
		margin 0px auto 0px auto;
	}

	   #loggin
	{
	width:400px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	}


	input{
		display: flex;
		justify-content: center;
	margin:0px auto 30px auto;
	padding:15px;
	width:350px;
	font-size: 20px;
	background-color:transparent;
	outline: #000000;
	border-style:none;
	border-bottom: 2px solid #000000;
	
	}

	input:focus{
		cursor: pointer;
		border-style:none;
		background-color:rgb(236,216,179);
		}
	input:hover{
			cursor: pointer;
			border-style:none;
			background-color:rgb(236,216,179);
			}

	#loggin  #Inicio{
		margin-top:50px;
		margin-left:auto;
		margin-right:auto;
		width:350px;
		height: 50px;
		background-color: #067302;
		color:white;
		border-radius:10px;
		border:0px ;
		font-size:20px;
		transition: 2s;
	}
	
	#loggin  #Inicio:hover{
		background-color: #078C03;
		color:white;
		border-radius:15px;
		border:0px;
		cursor: pointer;
		font-size:25px;
	}

	#opciones{
		position:relative;
		width:400px;
		height: 150px;
		display:flex;
		justify-content:center;
		flex-direction:column;
		padding:10px;
		margin:0px;
	}
	#opciones h2{
		position:relative;
		width:300px;
		display: block;
		margin-right: auto;
		margin-left:auto;

	}
	
	#opciones p{
		position:relative;
		width:100px;
		display: block;
		margin-right: auto;
		margin-left:auto;
	}
	#opciones a{
		width:250px;
		height: 50px;
	}
	.footer{
		width:400px;
		margin: 25px auto;	
		font-size:15px;
		text-align: center;
	}
@media only screen and (min-width: 600px){


	*{
		margin:0px;
	}
	
	body{
		min-height: 100vh;

	}
	

	header{
		height: 100%;
		display:flex;
		justify-content: center;
		margin-top:20px;
		height:50px;
		font-size: 10px;
	}
	
	
	/* Index */
	
	#home{
		height: 100%;
	}
	
	a {
		font-size: 16px;
		line-height: 0.5;
		text-decoration: none;
	}
	
	
	
	.box_ingreso {
	display: flex;
	justify-content: center;
	flex-direction:column;
	width:750px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	background-color: rgba(87, 81, 81, 0.2)
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-repeat:no-repeat;
	}
	
	.box_ingreso #logo{
		width:400px;
		position: relative;
	 	margin: 0 auto;
	 	padding:0px;
	}
	.box_ingreso #logo img{
		position:relative;
		display:flex;
		justify-content: center;
		margin 0px auto 0px auto;
	}
	#loggin
	{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	padding-left: 0px;
	}
	
	
	#loggin input{
		display: flex;
		justify-content: center;
	margin:10px auto 30px auto;
	padding:15px;
	width:400px;
	font-size: 20px;
	background-color: transparent;
	outline: #000000;
	border:0px;
	border-bottom: 2px solid #000000;
	
	}
	#loggin input:hover{
		border:0px solid #edc481 ;
		background-color:rgb(236,216,179);
		}

	#loggin  #Inicio{
		margin-top:50px;
		background-color: #067302;
		color:white;
		border-radius:15px;
		border:0px ;
		font-size:20px;
		transition: 2s;
	}
	
	#loggin  #Inicio:hover{
		background-color: #078C03;
		color:white;
		border-radius:15px;
		border:0px;
		cursor: pointer;
		font-size:22px;
	}
	
	
	.footer{
		display: flex;
		justify-content: center;
		margin-bottom: 0%;
		padding:10px;
		height: 100px;
		width:100%;
		background-color: grey;
	}
	
	
	#btn_Acceso{
	
	width: 300px;
	height: 50px;
	
	margin-top: 40px;
	margin-left:-40px;
	margin-right:auto;
	padding-left: -50;
	}
		
	#btn_Acceso input{
		
		display: block;
		padding: 0px 3px 3px 3px; /* sliding doors padding */
		margin: 3px 51px 3px 3px;;
		height: 28px;
		width:40px;
		float:left;
	
	}
	
	#opciones{
	width: 300px;
	display:block;
	float:left;
	
	
	}
	
	
	#respuesta{
	display: flex;
	justify-content: center;
	margin-top: 50px;
	height: 50px;
	width:450px;
	padding:15px;
	font-family:"Georgia";
	font-size:20px;
	color:white;
	background-color:rgba(255,255,255,0.5)
	margin-bottom:10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	}
	
	/* Fin Loggin  */
	
	/*   Forms    */
	
	

	
	.requerido{
	color:#FFFFFF;
	background:#CC0000;
	}
	
	#box_form input{
	border: 1px solid;
	margin:5px;
	height:20px;
	width:200px;
	}
	
	input:hover{
	border:1px solid #990000 ;
	background:#FFFF99;
	}


}