@charset "utf-8";

body {
	background-color:#000066;
	font-family: Verdana, Arial;
	margin:0;
}

#container {
	margin: 30px auto;
}	
header {
	height: 200px;
	background-image: url(gremio.jpg);
}
nav {
	background-color:#000000;
	padding: 25px 0;
	text-align: center;
}
nav a {
	background-color:#eee;
	padding: 10px 25px;
	margin: 0 10px;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color: #333;
	border-radius:6px;
}

nav a:hover {
	background-color:#006;
	color: #fff;
}

section {
	background-color: #fff;
	float:left;
}

footer {
	clear:both;
	padding: 50px 0;
	background-color: #000;
	color: #ccc;
	text-align:center;
}
.round {
	border-radius: 10px;
	margin-bottom:20px;
}

fieldset{
	width:400px;
	margin:50px auto;
	box-sizing:border-box;
	text-align:center;
}
legend{
	text-align:left;
}
.forms{
	width:240px;
	display:block;
	margin:10px auto;
	background-color:#D7D7D7;
}
/* media queries - design responsivo */

@media screen and (max-width: 1920px) {
#container{
	width:960px;
}

article {
	width: 710px;
	float:left;
	padding: 15px 35px;
	box-sizing: border-box;
}

aside {
	width:250px;
	float:right;;
	padding:35px 0;
	text-align: center;
}
}

@media screen and (max-width: 768px) {
#container{
	width:720px;
}

article {
	width: 470px;
}

aside {
	width:250px;
}

nav a{
	padding:10px 15px;
	font-size:16px;
}
}

@media screen and (max-width: 480px) {
#container{
	width:96%;
}

article{
	width:100%;
}

aside, header{
	display:none;
}

nav a{
	width:96%px;
	display:block;
	margin-bottom:5px;
}
}