/*	
	Fbrandão Web & Comunicação  -  fbrandao.com.br
	fonte Google -->  font-family: @param.fontFamily;
*/
*{
	margin:0 auto;
	padding:0;
}
body{
	background:#FFF;
	width:100%;
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
}
a{
	text-decoration:none;
}
a img{
	border:none;
}
p{
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:22px;	
	color:#666;
}
h1{
	font-family:@param.fontFamily;
	font-weight:500;
	color:#008A4E;
	font-size:25px;
	margin-bottom:10px;
}
h2{
	font-family:@param.fontFamily;
	font-weight:500;
	color:#999 !important;
	font-size:18px;
	margin-bottom:10px;
}




/* ====  NAVEGACAO  */

.menu-suspenso{
	background:#008A4E;
	width:100%;
}
.ul-left{
	display:block;
	float:left;	
}
.ul-right{
	display:block;
	float:right;
}
	.menu-suspenso ul{
		overflow:hidden;
	}
		.menu-suspenso ul li{
			list-style:none;
			display:inline;
		}
			.menu-suspenso ul li a{
				display:block;
				float:left;
				padding:14px 20px;
				color:#FFF;
				font-family: @param.fontFamily;
				font-weight:100;
				font-size:14px;
		    }
			.menu-suspenso ul li a:hover, .active-nav{
				background:#006d3c !important;
			}
	.btn-cadastrar{
		  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	}

/* ====  HEADER  */



/*   HEADER   */


.chat{
	padding:10px 20px;
}
.chat img{
	display:block;
	float:left;
	width:55px;
	position:absolute;
	margin:-15px 0 0 -15px;
}
.chat p{
	display:block;
	float:left;
	margin-left:50px;
	color:#FFF;
	font-weight:bold;
	margin-top:3px;
}


header{
	background:#FFF;
	padding: 15px 0;
	position: absolute;
	z-index: 99;
	margin-top: 85px;
	height: 36px;
}

.logo{
	position: relative;
}


.logo img{
	position: absolute;
	z-index: 999;
	margin-top: -60px;
/*	background:#4A5C75;  */
	padding:10px 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}

.topo-site{
}

nav{

}
nav ul{
	float:right;
}
nav ul li{
	display: inline;
	list-style:none;
}
nav ul li a{
	margin:-16px 0 0 ;
	display: block;
	float: left;
	color:#008A4E;
	font-size: 14px;
	font-weight: 100;
	font-family:@param.fontFamily;
	text-transform: uppercase;
	padding: 24px 13px;
}
nav ul li a:hover,nav ul li .active{
	background:#008A4E !important;
	color: #FFF;
}

/*   BANNER   */
.banner{
	overflow: hidden;
	width: 100%;
	position: relative;
	max-height: 520px;
}

.img-banner{
	width: 100%;
}

/*   PAGINA INICIAL -->  HOME   */


.title-categoria{
	width:100%;
	display:block;
	float:left;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.ultimo{
	width:100%;
	display:block;
	float:left;
	-webkit-border-bottom-right-radius: 10px !important;
	-webkit-border-bottom-left-radius: 10px !important;
	-moz-border-radius-bottomright: 10px !important;
	-moz-border-radius-bottomleft: 10px !important;
	border-bottom-right-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
}

.list-menus{
	display:block;
	float:left;
	width:99%;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
}
	.list-menus li{
		width:100%;
		display:block;
		background:#eee;
		
	}
		.list-menus li a{
			font-size:14px;
			color:#666;
			display:block;
			padding:8px 8px;
		}

		.list-menus li a:hover{
		
		}

	.white{
		background:#FFF !important;
	}

/* ====  FOOTER  */

.infor-footer{
	background:#f0f0f0;
	border-top:2px solid #bbb;
	padding:30px 0;
}
.tel-rodape{
	text-align:right;
}

/* ------ */
footer{
	background:#DDD;
	padding:15px 0 5px 0;
	display:block;
	float:left;
}
.direitos{
	display:block;
	float:left;
	color:#666;
} 
.fbrandao{
	display:block;
	float:right;
	color:#666;	
}
	.fbrandao a{
		color:#666;
	}
	
	
	
/* ====  SITE  */

.site{
	padding:20px 0;
}

.center{
	text-align:center;
}


.crop-img{
	margin-top:15px;

	
	width:100%; 
	height:150px; 
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
}

.crop-img-grande{
	margin-top:15px;
	width:100%; 
	height:210px; 
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
}

.title-galeria{
	margin-top:10px;
}


/* CONTATO */

.contato{
	width:550px;
	text-align:left;
}
	.contato label{
		display:block;
	}
		.contato label span{
			display:block;
			color:#666;
			margin-top:10px;
		}
		.contato label input{
			display:block;
			width:100%;
		}
		.contato label textarea{
			display:block;
			width:100%;
			height:150px;
		}
	
/* CADASTRO */

.cadastro{
	width:700px;
}
	.cadastro input{
		width:100%;
		margin-bottom:10px;
	}
	.cadastro select{
		width:104%;
		margin-bottom:10px;
	}
	.cadastro label{
		display:block;
		float:left;
	}
	.cadastro textarea{
		width:100% !important;
		height:70px;
		margin-bottom:10px;
	}
	.cadastro span{
		color:#999;
		display:block;
	}
	
	
	
/*  LISTA DE PRODUTOS */	


.list-img-produto{
	text-align:center;
	max-width:200px;
	height:160px;
}

.title-produto{
	line-height:18px;
	font-size:12px;
	color:#333;
	height:36px;
}

.valor-list-pronto{
	font-size:12px;
}
	.valor-list-pronto i{
		text-decoration:line-through;
	}
	.valor-list-pronto span{
		color:#C2161B;
	}
	.valor-list-pronto .accept-credit{
		color:#555 !important;
		font-weight: normal;
		font-size:14px;
		display:block;
		margin-bottom:10px;
		display: block;
	}

/*  PAGINA D0 PRODUTOS */

.slide-produtos{
	position:relative;
	height:300px;
	border:1px solid #F5F5F5;
	text-align:center;
}
.slide-produtos img{
	max-width:100%;
	max-height:300px;
}

.curti-aqui-amigo{
	display:block;
	padding-top:8px;
	text-align:right;
}
.codigo-produto{
	color:#008A4E;
	font-size:16px;
	margin-top:2px;
	text-transform: uppercase;
	font-weight: bold;
}	

.jquery-ratings-star {
  width: 18px;
  height: 16px;
  background-image: url(../img/empty-star.png);
  background-repeat: no-repeat;
  position: relative;
  float: left;
  margin-right: 2px;
}

.jquery-ratings-full {
  background-image: url(../img/full-star.png);
}	


.votar{
	padding-bottom:10px;
	border-bottom:1px dotted #CCC;
	margin-bottom:10px;
}

#example-2{
	display:block;
	float:left;
}

.de{
	text-decoration:line-through;
}
.por{
	color:#c4161c;
	font-size:16px;
}
.desconto{
	font-size:12px;
	color:#333;
}


.no-boleto{
	color:#008A4E;
}


.cep-comprar{
	margin-top:30px;
}



.cep p{
	display:block;
	float:left;
	padding-top:3px;
}
.cep form{
	display:block !important;
	float:left !important;
	width:250px;
	margin-left:15px;
}


.listagem-pg li{
	margin-left:20px;
}


.exclusiva{
	background:#eee;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.left-slide{
	display:block;
	float:left;
	position:absolute;
	top:50%;
	margin-top:-25px;
	left:2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#008A4E;
	padding:5px 10px;
	color:#FFF;
}
.right-slide{
	display:block;
	float:left;
	position:absolute;
	top:50%;
	margin-top:-25px;
	right:2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#008A4E;
	padding:5px 10px;
	color:#FFF;
}



/* CARRINHO */


.sacola{
	text-align:right;
	position:absolute;
	z-index:99;
	margin-top:22px;
}
.sacola .btn-small{
	padding:7px 15px 0px 15px;
}



.title-sacola{
	margin-top:10px;
	background:#008A4E;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color:#FFF;
	padding-top:10px;
}

.list-produtos{
	margin-top:1px;
	background:#F0F0F0;
	color:#333;
	padding-top:10px;
}
.nome-produto{
	text-align:left;
	padding-left:10px;
}

.title-valor{
	background:#008A4E;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color:#FFF;
	padding-top:10px;
}




.publicidade{
	background:#eee !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #DDD;
	text-align:center;
	margin-bottom:20px;
	overflow:hidden;
}
.publicidade b{
	display:block;
	margin:144px 0;
}



.serapar-opc{
	display:block;
	width:100%;
	height:15px;
	overflow:hidden;
}

.facebook{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#354D8A;
	padding:5px;
}
.facebook p{
	color:#FFF;
	display:block; 
	float:left;
	margin:5px 5px 5px 15px;
}



/*   ==   PAINEL DO CLIENTE   ==    */

.bloco-nav{
	background:#008A4E;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px 10px;
}
	.bloco-nav i{
		display:block;
		float:left;
		margin-right:5px;
		margin-top:1px;
	}
	.bloco-nav ul{
		overflow:hidden;
	}
		.bloco-nav ul li{
			display:block;
			list-style:none;
		}
			.bloco-nav ul li a{
				color:#FFF;
				display:block;
				font-weight:bold;
				padding:4px 0;
				font-size:14px;
			}
				.bloco-nav ul li a:hover{
				}
				
				.opc-menu{
					margin-left:20px;
					font-weight:100 !important;
					color:#F4F4F4;
				}
				
.list-pg-pro{
	background:#eee;
	border-top:1px solid #999;
	padding:5px;
	margin-bottom:15px;
}
	.list-pg-pro ul{
		overflow:hidden;
	}
		.list-pg-pro ul li{
			display:block;
			list-style:none;
		}
		
.informa{
	display:block;
	float:left;
	width:100%;
	margin-bottom:0px;
}
	.informa strong{
		color:#008A4E;
	}
	
.atendimento{
}

.atendimento, .form-endereco input{
	margin-bottom:10px;
}
.atendimento, .form-endereco textarea{
	margin-bottom:10px;
}		

.dados-pessoais input{
	margin-bottom:10px;
}
.dados-pessoais textarea{
	margin-bottom:10px;
}	

.listagem-modal{
	overflow:hidden;
}	
	.listagem-modal li{
		display:block;
		width:100%;
		float:left;
		list-style:none;
		border-bottom:1px solid #CCC;
		padding-bottom:5px;
		margin-bottom:5px;
	}
	
	
	

.enderecos-cadastrados{
	border-top:1px solid #CCC;
	padding-top:10px;
	margin-top:40px;
}
	
.pagination .inactive{
	color: #bbb;
}
.freight_content{
	color: #fff;
	background: #71b265;
	overflow: hidden;
	padding-top: 10px;
}
.freight_content p{
	color: #fff;
}












.informativo{
	margin:6px 0;
	background:#EEE;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.informativo h1{
}
.enviar-informativo{
	margin-top:10px;
	float:right;
}


#leftPan {
	width:100%;
}
#leftPan ul {
	display:block;
}
#leftPan ul li {
	position:relative;
}
#leftPan ul li a {
	display:block;
	padding:10px 10px;
	color:#008A4E;
	font-family: @param.fontFamily;
	font-weight:100;
	font-size:14px;
	background:#EEE; 
	border-bottom:1px solid #fff;
}
#leftPan ul li a:hover {
	background:#FAAE42; 
	color: #FFF; 
}

.nav-institucional{
	margin:15px 0;
}
.nav-institucional ul li a{
	background:#fff !important; 
	border:1px solid #EEE;
}
.nav-institucional ul li a:hover{
	background:#EEE !important; 
	color:#008A4E !important;
}

/* Begin CSS Menus at Left */
#menuleft{}
#menuleft li{margin:0;padding:0;list-style-type:none;}
#menuleft li a{display:block;}
#menuleft ul{list-style-image:none;}

#menuleft ul li ul{list-style-image:none; left:240px; top:0px; padding:10px; padding-top:0px; position: absolute;
z-index: 2;left: 256px;}
#menuleft ul li ul li a{margin:0px; width:240px;  border-left:1px solid #fff; }
#menuleft ul li ul li a:hover{background-image:none;}

#menuleft ul ul{list-style-image:none;}
#menuleft ul ul ul{list-style-image:none;}

/* Begin CSS Popout Menus at Left */
#menuleft ul li{position:relative;}
#menuleft li ul{position:absolute;top:0;display:none;}

/* Fix IE. Hide from IE Mac \*/
* html #menuleft ul li{float:left;height:1%;}
* html #menuleft ul li a{height:1%;}
/* End */

div#menuleft ul li:hover ul{display:block;}
div#menuleft ul li:hover ul ul {display:none;}
div#menuleft ul li:hover ul ul ul {display:none;}

div#menuleft ul ul {display:none;}
div#menuleft ul ul ul {display:none;}

div#menuleft ul ul li:hover ul{display:block;}
div#menuleft ul ul ul li:hover ul{display:block;}

/* End CSS Popout Menus at Left */
/* End CSS Menus at Left */







/*  FORNECEDORES  */

.fornecedores{
	overflow:hidden;
}

.fornecedores li{
	margin-left:20px;
	font-size:14px;
	margin-bottom:10px;
}
.fornecedores li a{
	font-style:oblique;
	text-decoration:underline;
	margin-right:10px;
}