/* CSS Document */

/************************************************************************************
HEADER MOBILE
*************************************************************************************/

	#header_mobile 
	{
	width: 100%;
	display: none;
	height: 55px;
	position:fixed; 
	top:0; 
	left:0; 
	z-index: 70;
	background-color:#EFEFEF;
	}
	
	.logo_mobile
	{
	margin-top: 7px;
	margin-left: 5px;
	float: left;
	width: 142px;
	height: 40px;
	}
	
	#bt_smart_phone
	{
	margin-top: 15px;
	margin-right: 20px;
	float: right;
	border: 0;
	cursor: pointer;	
	}
	
	#lang_mobile
	{
	display: none;
	}
	
/************************************************************************************
MENU MOBILE
*************************************************************************************/
	
	#menu_mobile
	{
	width: 100%;
	display: none;
	height: auto;
	background-color:#5a5a5a;
	text-align:center;
	top:56px; 
	left:0; 
	z-index: 70;
	position: absolute;
	margin-bottom: -56px;
	}
	
	#menu_mobile a
	{
	height: 36px;
	background-color:#EFEFEF;
	display: block;
	text-decoration: none;
	font-size: 0.9em;
	font-weight:600;
	color: #2a2b2b;
	margin-bottom: 1px;
	line-height: 36px;
	vertical-align: middle;
	cursor: pointer;
	text-transform: uppercase;
	}
	
	#menu_mobile a:hover
	{
	background-color:#2E2E2E;
	color: #FFF;
	}
	
	.menu_mobile_produtos
	{
	width: 100%;
	display: none;
	height: auto;
	background-color:#FFF;
	text-align:center;
	}
	
	.menu_mobile_produtos a
	{
	height: 36px;
	background-color:#666666 !important;
	display: block;
	text-decoration: none;
	font-size: 0.9em;
	font-weight:600;
	color: #FFF !important;
	margin-bottom: 1px;
	line-height: 36px;
	vertical-align: middle;
	cursor: pointer;
	text-transform: uppercase;
	}
	
	.menu_mobile_produtos a:hover
	{
	background-color:#E1E1E1;
	color: #000;
	}
	
	#bt_smart_phone
	{
	margin-top: 17px;
	margin-right: 20px;
	float: right;
	border: 0;
	cursor: pointer;	
	}
	
	.lista_produtos {
	width: 100%; 
	height: auto; 
	min-height:400px;
	display: block; 
	overflow: hidden;
	}
	
/* for 1010px or less */
@media screen and (max-width: 1099px) {

	.container
	{
	width: 100%;
	padding: 0px;
	padding-top: 50px;
	}
	
	#header_mobile 
	{
	display: block;
	}

	.menu100, div.container.topo
	{
	display: none;
	}
	
	#lang_mobile
	{
	display: block;
	}
	
	.lang
	{
	right: 60px;
	top: 8px;
	width: 80px;
	}
	
	.lang a
	{
	margin: 8px;
	}
	
	.lista_produtos {
	min-height:none;
	text-align: center;
	}
	
	.produto
	{
	display: inline-block;
	float: none;
	margin: 20px;
	margin-top: 0px;
	} 
	
	.last
	{
	margin-right: 20px;
	}
	
	.copyright
	{
	width: 96%;
	padding: 2%;
	line-height: 20px;
	height: auto;
	}
	
	.entrega > p {
	width: 96%;
	padding: 0px 2%;
	text-align: justify;
	}
	
}

/* for 524px or less */
@media screen and (max-width: 524px) {
	.lista_produtos {
	min-height:none;
	text-align: center;
	}
	
	.produto
	{
	width: 40%;
	display: inline-block;
	float: none;
	margin: 8px;
	margin-top: 0px;
	vertical-align: top;
	} 
	
	.produto img
	{
	width: 100%;
	}
	
	.last
	{
	margin-right: 8px;
	}
}

/* for 524px or less */
@media screen and (max-width: 300px) {

	.produto
	{
	width: 220px;
	display: inline-block;
	float: none;
	margin: 20px;
	margin-top: 0px;
	}

}

/* for 1010px or less */
@media screen and (max-width: 520px) {

.form
	{
	width: 96%;
	margin: 2% auto;
	}
	
.w_input, textarea
	{
	width: 97.5% !important;
	margin-bottom: 3px;
	}
	
	.w_text
	{
	width: 100%;
	height: 200px;
	margin-bottom: 3px;
	}
	
}