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

html{
   width: 100%;
   height: 100%;
   background: url('porsche-normal.jpg') 50% 50% no-repeat;
   background: url('portada index.jpg') 50% 50% no-repeat;
   background-size: cover;
	}

body{
	font-family: 'Roboto';
	min-width: 960px;
	}		

#container{
	width:250px;
	margin:6% auto;
	padding:5%;
	background:rgba(255,255,255,0.7);
	border-radius:8px;
	border:thin solid  #CCC;
	padding-bottom: 15px;
	animation-name: opacity;
  animation-duration: 2s;
	}	
	
	
	/* The animation code */
@keyframes opacity {
  from {opacity: 0;}
  to {opacity: 100;}
}

	
	
h1{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:18px;
	margin-bottom:20px;
	}
input{
	border:none;
	padding:3px;
	width:100%;
	box-sizing: border-box;
	margin-bottom:10px;
	border-radius:2px;
	}
input:focus{
	background:#FFC;
	}
	
	
input[type="button"]{
	width:30%;
	background:#464C47;
	color:#FFF;
	border-radius:2px;
	padding: 10px;
    border-radius: 5px;
	}	
input[type="button"]:hover{
	width:30%;
	background:#A43131;
	color:#FFF;
	border-radius:2px;
	padding: 10px;
    border-radius: 5px;
	}	
	
	
	
	
	
	
	
input[type="submit"]{
	width:30%;
	background:#464C47;
	color:#FFF;
	border-radius:2px;
	padding: 10px;
    border-radius: 5px;
	}	
input[type="submit"]:hover{
	width:30%;
	background:#A43131;
	color:#FFF;
	border-radius:2px;
	padding: 10px;
    border-radius: 5px;
	}	
a{
	font-size:12px;
	color:#F00;
	text-decoration:none;
	}
a:hover {
  font-size:14px;
}