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

body, html {margin:0; padding:0;}

body {
	height:100%;
	width:100%;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow:0px 1px 0px #fff;
}

a {
    text-decoration:none;
}

.header {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:32px;
	font-weight:bold;
	text-align:center;
	color:red;
	width:280px;
	padding:8px;
	background:white;
	border-bottom:1px solid #333;
	line-height:40px;
}

.body_text {
	font-size:24px;
	padding:20px 70px 0px 70px;
	text-align:center;
}

.body_text2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:0px;
	width:100%;
}

.body_text div {
	margin-top:20px;
}
.body_text2 .space{ width:16.6%; display:inline-block; }
.body_text2 .item{ background-color: #FFFF99; width:99%; width:calc(100% -
12px); height:100%; text-align:center; display:block; padding:3px;
margin:3px; font-size:17px; }
.body_text2 .item .titulo{ display:block; margin-bottom: 0px; }
.body_text2 .item a{ display:block; }
.body_text2 .item a img{ width: 90%; height:auto; }
.body_text2 .item .nickeidade{ font-weight:bold }
.body_text2 .item .red{ color:#F00 }


@media only screen and ( max-width: 1694px )
	{
.body_text2 .space{ width:20%; display:inline-block; }
	}
@media only screen and ( max-width: 1494px )
	{
.body_text2 .space{ width:25%; display:inline-block; }
	}
@media only screen and ( max-width: 1130px )
	{
.body_text2 .space{ width:33.3%; display:inline-block; }
	}
@media only screen and ( max-width: 900px )
	{
.body_text2 .space{ width:50%; display:inline-block; }
	}
@media only screen and ( max-width: 550px )
	{
.body_text2 .space{ width:100%; display:inline-block; }
	}