/* Mobile Layout: 480px and below. */
.area_menu {
	float: left;
	clear: none;
	width: 90%;
	margin-left: 5%;
}

#botao_menu {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	float: left;
	text-align: left;
}

.item_menu {
	width: 100%;
	clear: both;
}

.js #menu {
	display: none;
}

.js .slicknav_menu {
	display: block;
}

.menu2 {
	display: none;
}

}


@media screen and (max-width:321px) {
}


/* Tablet Layout: 480px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 480px), only screen and (orientation:landscape) {
}


@media only screen and (min-width: 600px) {


}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
#botao_menu{
	display: none;
}

.menu2{
	display: block;
}

.area_menu {
	float: left;
	clear: both;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	color: #FFFFFF;
	font-size: 13px;
}

.item_menu {
	width: auto;
	float: left;
	clear: none;
	margin-left: 3%;
	margin-right: 0.6%;
	padding-top: 15px;
	padding-bottom: 15px;
}

/* inicio estilos do menu popup */

.area_menu li a {
	color: #FFFFFF;
	text-decoration: none;
}

.area_menu li a:hover {
	color: #CCCCCC;
	text-decoration: none;
}

.area_menu li ul {
	margin-top: 15px;
	display: none;
	position: absolute;
	background-color: #57595A;
	width: 190px;
	height: auto;
	text-align: left;
	margin-left: -2.5%;
	z-index: 999;
}

.area_menu li:hover ul {
	display: block;
}

.area_menu li li {
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}

.area_menu li ul a {
	display: block;
	margin: 0;
	text-align: left;
	padding-top: 8%;
	padding-bottom: 8%;
	padding-left: 5%;
	font-size: 13px;
}

.area_menu li ul a:hover, .menu li ul li:hover a {
	border: 0;
	text-decoration: none;
	background-color: #CC0000;
	color: #FFFFFF;
}
/* fim estilos do menu popup */
.js #menu {
	display: block;
}

.js .slicknav_menu {
	display: none;
}
}

.btn-blog a img{
	width: 80%;
}
@media only screen and (min-width: 768px) {
.item_menu {
	margin-right: 0;
	margin-left: 2%;
}
}


@media only screen and (min-width: 800px) {
.item_menu {
	margin-right: 0.9%;
	margin-left: 2%;
}
}

@media only screen and (min-width: 858px) {
.item_menu {
	margin-left: 3%;
}
}

@media only screen and (min-width: 1024px) {
.area_menu {
	font-size: 15px;
}

@media only screen and (min-width: 1124px) {
.item_menu {
	margin-left: 4.32%;
	margin-right: 0.2%;	
}
}

@media only screen and (min-width: 1280px) {
.item_menu {
	margin-left: 5.4%;
	margin-right: 0.1%;
}
}

@media only screen and (min-width: 1366px) {
.item_menu {
	margin-left: 5.4%;
	margin-right: 0.5%;
}
}

@media only screen and (min-width: 1440px) {
.item_menu {
	margin-left: 5.4%;
	margin-right: 0.5%;
}
}