@charset "utf-8";


body, html {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;

}
img { width: 100%}

header {
	
	height: 100px;
	width: 100%;
	margin-top: 10px;
	background-color: #FC6;
	clear: both;
	background: linear-gradient(to top, rgba(150,125,45,1) 0%, rgba(150,125,45,0) 100%);
	border-radius: 24px;
	
}


.contenedor {
	
	height: 70%;
	width: 40%;
	background-color: rgba(150, 125, 0, 0.4);
    border-radius: 24px;
	margin-top: 60px;
	margin-left: 80px;
	padding: 20px;
	float: left;


}

.contenedor2 {

	height: 70%;
	width: 40%;
	float: right;
	background-color: rgba(140, 115, 115, 0.7);
	border-radius: 24px;
	margin-top: 60px;
	margin-right: 20px;
	padding: 20px;

	
}
}





h1 {

	text-align: center;
	}
