@CHARSET "ISO-8859-1";

/* GERAL */
.header {
	height: 10% !important;
}

.footer {
	height: 20% !important;
}

.panelContainer {
	min-heght: 70% !important;
}

@media screen and (max-width: 1000px) and (orientation:portrait) {
	.lateraisAfastadas {
		margin-left: 0% !important;
		margin-right: 0% !important;
	}
	.panelContainerCenter {
		width: 100% !important;
	}
	.labelPromocao{
		display:none !important;
	}
	
}

@media screen and (max-width: 1000px) and (orientation:landscape) {
	.lateraisAfastadas {
		margin-left: 5% !important;
		margin-right: 5% !important;
	}
	.panelContainerCenter {
		width: 90% !important;
	}
	.labelPromocao{
		/*display:none !important;*/
	}
}

@media screen and (min-width: 1000px) {
	.lateraisAfastadas {
		margin-left: 10% !important;
		margin-right: 10% !important;
	}
	.panelContainerCenter {
		width: 80%;
		/*padding-left: 10% !important;
		padding-right: 10% !important;*/
	}
}

.lateraisVazias {
	padding-left: 10% !important;
	padding-right: 10% !important;
}

.tituloPags1 {
	margin-top: -1px;
	margin-bottom: 5px;
	font-weight: lighter;
	width: auto;
	border-top: solid 2px rgb(236, 241, 242);
	border-bottom: solid 2px rgb(222, 232, 233);
	background-color: rgb(252, 252, 254);
	background-size: 100% 50% !important;
	background-repeat: no-repeat;
	font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
}
.tituloPags1:FIRST-LETTER{
	/*font-weight: bold;
	font-size: 1.2em;*/
}

/* LAYOUT TOPO */
.layoutTopo {
	width: 100%;
	margin: 0 auto 0 auto;
}

/* Header 1 */
.panelHeader {
	width: 100%;
	height: 135px;
	margin: 0 auto 0 auto;
	border-style: solid 3px black;
	border-left: none !important;
	border-right: none !important;
	border-bottom: none !important;
	text-align: left;
}

.header1Left {
	float: left;
	width: 19%;
	padding: 0.5%;
	/*padding-top: 5px;*/
	height: 100%;
}

.header1Center {
	float: left;
	width: 57%;
	padding-top: 5px;
	height: 100%;
}

.header1Right {
	float: right !important;
	width: 22%;
	height: 100%;
}

/* Header Cliente e Pedido - direita */
.itensResumoCarrinhoHeader {
	-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	background: rgb(250, 250, 250);
	width: 100%;
	border-radius: 2px;
}

.infoResumoCarrinhoHeader {
	font-size: 1em !important;
	font-weight: bold;
}

.textoLabelClienteHeader {
	font-size: 0.9em;
}

#containerHeaderCarrinho {
	width: 100%;
	display: table-cell;
	padding-top: 20px;
}

.panelHeaderClientePedido {
	z-index: 1;
	width: 95%;
	border-radius: 0px 0px 5px 5px;
	font-size: 0.9em !important;
	-webkit-box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.3);
	margin-bottom: -5%;
	padding: 0 !important;
	text-transform: capitalize;
}

.panelHeaderCarrinho {
	z-index: 2;
	padding: 0 !important;
	font-size: 12px !important;
	margin: 6% 0 0 35%;
	width: 100%;
	/*position: absolute;*/
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.6);
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.6);
}

.headerBackgroundCarrinho {
	z-index: 3;
	margin-top: 0%;
	border: 2px solid;
	border-radius: 50px 50px 50px 50px;
	padding: 15px;
	position: absolute;
	width: auto;
	-webkit-box-shadow: -2px 2px 5px 1px rgba(0, 0, 0, 0.6);
	box-shadow: -2px 2px 5px 1px rgba(0, 0, 0, 0.6);
	font-size: 1em !important;
}

.panelHeaderBarraCores {
	border-style: solid;
	border-width: 3px;
	border-top: none !important;
	padding-left: 20px;
	padding-right: 20px;
	height: 25px;
	right: 1%;
	position: absolute;
	z-index: 200;
	border-radius: 0px 0px 50px 50px;
}

.botaoBarraCores {
	width: 15px;
	height: 15px;
	margin-top: 5px;
	margin-left: 15px !important;
	border-style: inset;
}
/* Acoes acima da caixa de pesquisa */
.panelLabelHeader {
	font-size: 80%;
	margin-top: 25px;
	margin-bottom: 22px;
	display: inline-block;
	width: 100%;
	text-shadow: 1px 1px 1px #000000;
	/*font-weight: bold;*/
}

.labelAcaoHeader:HOVER {
	text-decoration: underline !important;
}

.labelAcaoHeader:VISITED {
	text-decoration: none;
}

.labelHeader {
	text-decoration: none;
	color: white !important;
}

/* Caixa de Pesquisa */
#formSearchBox {
	width: 100%;
}

.inputSearchBox {
	border: none;
	width: 60%;
	height: 38px;
	padding: 0 !important;
	margin: 0;
	margin-top: 2px !important;
	/*margin-left: 2px !important;*/
	margin-right: 1px !important;
	float: left;
}

#panelSearchBox_content,#panelSearchBox.ui-panel,#panelSearchBoxScroll_content
	{
	margin: 0 !important;
	padding: 0 !important;
}

.panelSearchBox { /*padding: 2px !important;*/
	width: 90%;
	height: 40px;
	padding: 0;
	-webkit-box-shadow: inset 1px 2px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 1px 2px 2px 0px rgba(0, 0, 0, 0.3);
	display: inline-block;
	-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.botaoSearchBox {
	height: 41px;
	width: 5% !important;
	float: right;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
}

.botaoSearchBox.ui-button {
	margin-right: 0 !important;
}

.searchCheckboxCategorias {
	width: 34.3% !important;
	height: 39px;
	-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.0) !important;
	box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.0) !important;
	-webkit-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
}

.searchCheckboxCategorias .ui-selectonemenu-label {
	line-height: 30px;
	-webkit-border-radius: 2px 0px 0px 2px;
	border-radius: 2px 0px 0px 2px;
}

.searchBox:FOCUS,.searchBoxBranco {
	background: white !important;
	border: none !important;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

#botaoSearchBox.ui-icon-search {
	text-height: 0 !important;
}

/* Header 2 */
.panelHeader2 {
	width: 100%;
	height: 30%;
	padding-top: 12px;
	padding-bottom: 2px;
	height: 100%;
	border-width: 3px;
	border-style: solid;
	border-left: none !important;
	border-right: none !important;
	border-bottom: none !important;
}

.panelMenuPrincipal {
	text-align: center;
}

/* CONTAINER */
.panelContainer {
	width: 100%;
	margin-top: 2% !important;
	text-align: center !important;
	min-height: 52%;
}

.panelContainerCenter {
	text-align: center !important;
}
/* FOOTER */
div {
	zoom: 1 !important;
}

/* Geral */
.footer {
	width: 100%;
	clear: both;
	padding-top: 2%;
	margin-bottom: 0px !important;
}

/* Institucional */
.panelFooterSpace {
	text-align: center;
	padding: 2px;
	padding-bottom: 1px !important;
}

/* Endereco */
.divFooterEndereco {
	border-bottom: white 1px dashed;
	padding: 3px;
	text-align: center;
	font-size: small;
}

/* Grids */
.panelFooter {
	width: 100%;
	color: white
}
/*
.footerGrids {
	padding: 10px !important;
}
*/
.divFooterGrids {
	text-align: left;
	color: white;
	margin-top: 5px;
	padding-left: 1%;
	padding-right: 1%;
	width: 28%;
	float: right;
}

.divContainerGrids {
	text-align: center;
	width: 98%;
	float: left;
	padding-left: 1%;
	padding-right: 1%;
}

.divFooterSocial {
	position: absolute;
	right: 10%;
	margin-bottom: -30px;
}

.rodapeLinks {
	text-align: left;
	color: white;
	/*margin-top: -10px;*/
}

.rodapeLinks li {
	padding: 0;
	text-align: left;
	color: white;
}

.rodapeLink {
	color: rgba(255, 255, 255, 0.2);
}

.rodapeLink:HOVER {
	color: rgba(255, 255, 255, 0.4);
}

.fb-like-box {
	background: rgba(255, 255, 255, 0.6) !important;
	margin-bottom: 5px;
}

/* Formas de Pagamento */
.footerFormasPagamento {
	padding-bottom: 10px;
	text-align: left;
	border-radius: 0px;
	border: none;
	width: 80%;
	clear: both;
}

/*.footerFormasPagamentoSubTitulos {
	font-size: 14px;
	color: black;
	padding-left: 20px;
}*/

/* Segurança */
.footerSeguranca {
	padding-left: 10%;
	padding-right: 10%;
	text-align: left;
	padding-top: 20px;
	width: 80%;
	outline: aqua;
}

.footerTituloSeguranca {
	color: gray;
	font-size: 1.3em;
	font-weight: bold;
}

/* Avisos de rodapé */
.footerRodape {
	color: gray;
	background: transparent;
	text-align: left;
	border-top: 1px gray dotted;
	padding: 2px;
	font-size: x-small;
}

/* MAPA DO SITE */
.linksMapaSite li {
	padding-bottom: 8px;
}