@charset "utf-8";
/* CSS Document */
@media only screen and (max-width : 700px ){
	body{
		margin:0px;
		padding:0px;
		background:#6F6A6A;
		font-family: Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;
	}
	.header{
		margin:auto;
		width:80%;
		height:300px;
		background-color: #8C6936;
		top:10px;
		left:5%;
		position: absolute;
		border:double;
		border-color: black;
		border-width: 15px;
		border-radius: 10px;
	}
	.imgcabecera{
		margin-left:10%;
		width: 80%;
	}
	h1{
		color:black;
		margin:auto;
		text-align: center;

	}
	.login{
		margin:auto;
		width:80%;
	}
	.header input{
		width: 100%;
		margin-bottom: 10px;
	}
	.header input[type="text"],input[type="password"]{
		height:40px;
		background: white;
		opacity:0.8;
		border: none;
		border-bottom: 1px solid #182486;
		outline: none;
		border-radius: 5px;
	}
	::placeholder{
		color:black;
		opacity:1;
		font-family: Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;
	}
	.header input[type="submit"]{
		margin-left:30%;
		width:40%;
		height: 40px;
		background-color: #183ABC;
		outline: none;
		color:white;
		font-size: 20px;
		font-weight: bold;
		border-radius: 5px;
		border: none;
	}
	.header input[type="submit"]:hover{
		background-color: #3871CA;
	}
}
@media only screen and (min-width : 701px ){
	body{
		margin:0;
		padding:0px;
		background:url("../img/fondoBW.jpg");
		background-size: auto;
		background-repeat:no-repeat;
		font-family: Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;
	}
	.header{
		margin:auto;
		width:40%;
		height:400px;
		background-color: #8C6936;
		top:50px;
		left:30%;
		position: absolute;
		border:double;
		border-color: black;
		border-width: 15px;
		border-radius: 10px;
	}
	.imgcabecera{
		margin-left:10%;
		width: 80%;
	}
	h1{
		color:black;
		margin:auto;
		text-align: center;

	}
	.login{
		margin:auto;
		width:80%;
	}
	.header input{
		width: 100%;
		margin-bottom: 10px;
	}
	.header input[type="text"],input[type="password"]{
		height:40px;
		background: white;
		opacity:0.8;
		border: none;
		border-bottom: 1px solid #182486;
		outline: none;
		border-radius: 5px;
	}
	::placeholder{
		color:black;
		opacity:1;
		font-family: Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;
	}
	.header input[type="submit"]{
		margin-left:40%;
		width:20%;
		height: 40px;
		background-color: #183ABC;
		outline: none;
		color:white;
		font-size: 20px;
		font-weight: bold;
		border-radius: 5px;
		border: none;
	}
	.header input[type="submit"]:hover{
		background-color: #3871CA;
	}
}