/*  STORES */



/* ---- CAMPOS ---- */

#formgroup_busca {
	padding: 30px 15px 0;
}

#formgroup_busca input, #formgroup_busca select {
	width: 100%;
	margin-bottom: 30px;
	padding: 6px 5px; 
	border-radius: 5px; -webkit-border-radius: 5px;  -moz-border-radius: 5px; 
	font-size: 18px; 
}

#formgroup_busca input {
	border-width: 1px; 
	border-color: #ccc;
}

#formgroup_busca select {
	font-size: 18px; 
	border-color: #bbb;
}

#formgroup_busca .btn {padding: 10px 20px 10px 30px; color: #666; background: #ccc;}
#formgroup_busca .btn:hover {color: #fff; background: #f48000;}
#formgroup_busca .btn i {top: 10px; left: 10px;}


/* ---- FILTROS ---- */

#filtro_stores {
	text-align: center;
}

#filtro_stores ul {
	display: inline-block;
	width: 800px;
	list-style: none;	
	margin: 0; padding: 0;
}
	#filtro_stores ul li {
		display: inline-block;
		width: 15%;
		margin: 1%;
	}
		#filtro_stores ul li a {
			display: block;
			width: 100%; height: 100%;
			padding: 10px 0;
			text-align: center;
			text-transform: uppercase;
			font-size: 20px;
			font-weight: bold;
			color: #f48000;
			text-decoration: none;
		}
		#filtro_stores ul li a:hover {text-decoration: underline;}
		#filtro_stores ul li a.current {
			color: #900;
			cursor: default;
		}
		#filtro_stores ul li a.current:hover {text-decoration: none;}





/* ---- LISTA ---- */

#lista_stores {
	padding: 30px 0;
}
#lista_stores .central {
	padding: 0;
}
#lista_stores .breaker {
	width: 100%;
	margin: 20px 0; padding: 20px 0 0 0;
	border-top: 1px dashed #aaa;
	font-size: 16px;
	clear: both;
}
#lista_stores .store {
	position: relative;
	background-color: #fff;
	float: left;
	width: 320px; height: 270px;
	overflow: hidden;
	margin: 0 0 20px 0; padding: 10px 10px 50px;
	border: 1px solid #ddd;
}

	#lista_stores .resumo img {
		/*border-bottom: 1px solid #900;*/
		/*position: fixed;*/
		position: absolute;
		top: 10px; left: 10px;
    	transition: top 0.5s;
	}

	#lista_stores .store .resumo {
		position: absolute; 
		top: 0; left: 0;
		height: 480px;
		width: 100%;
		color: #fff;
		padding: 220px 15px 15px;
		/*-webkit-transition: background-color 2s;*/
    	transition: top 0.5s;
	}

		#lista_stores .store .resumo .bg {
			z-index: 1;
			position: absolute; left: 0; top: 210px;
			width: 100%; height: 100%;
			background-color: #000; opacity: 0.5;
	    	transition: opacity 0.5s;
		}

		#lista_stores .store .resumo h4, 
		#lista_stores .store .resumo h6,
		#lista_stores .store .resumo a {
			z-index: 2;
			position: relative;
		}

		#lista_stores .store .resumo h4 {
			margin: 0; font-size: 20px;
		}
		#lista_stores .store .resumo h6 {
			margin: 3px 0 10px; font-size: 13px;  font-weight: normal;
		}


	/*  HOVER */

	#lista_stores .store .resumo:hover {
		top: -210px;
	}

	#lista_stores .store .resumo:hover .bg {
		opacity: 0.7;
	}

	#lista_stores .store .resumo:hover img {
		top: 220px;
		
		-webkit-filter: grayscale(100%) blur(5px);
		   -moz-filter: grayscale(100%) blur(5px);
		    -ms-filter: grayscale(100%) blur(5px);
		     -o-filter: grayscale(100%) blur(5px);
				filter: grayscale(100%) blur(5px);
	
		filter: alpha(opacity=50); 	/* IE 8+ */
		-moz-opacity:0.5; 			/* Firefox 0.9- */
		-khtml-opacity: 0.5;		/* Safari 1.x- */
		opacity: 0.5; 				/* Modern! */
	}



	#lista_stores .resumo>div {
		z-index: 2; position: relative;
		font-size: 14px;
		font-style: italic;
		height: 30px;
		padding: 0;
	}

	#lista_stores .resumo>div span {
		display: inline-block;
	}

	#lista_stores .valor {
		position: absolute;
		left: 25px; top: 5px;
	}



	#lista_stores .entrega {
		background: url(img/icon_tempo_entrega.png) left center no-repeat;
		padding: 8px 0 0 28px;
		margin: 15px 0 10px;
	}
		#lista_stores .entrega .escala {
			display: inline-block; margin-left: 70px;
			width: 103px; height: 100%;
			background-image: url(img/icon_custo.png);
			background-repeat: no-repeat;
			background-position: left center;
		}
			#lista_stores .entrega .escala.s4 {background-position: -21px center;}
			#lista_stores .entrega .escala.s3 {background-position: -42px center;}
			#lista_stores .entrega .escala.s2 {background-position: -63px center;}
			#lista_stores .entrega .escala.s1 {background-position: -84px center;}
			#lista_stores .entrega .escala.s0 {background-position: -1000px center;}

		#lista_stores .obs {
			z-index: 2;
			display: block; position: absolute;
			left: 15px; top: 355px;
			font-size: 14px;
			font-style: normal;
			width: 270px;
		}
		#lista_stores .obs_kashrut {
			z-index: 2;
			display: block; position: absolute;
			left: 15px; top: 375px;
			font-size: 14px;
			font-style: normal;
			width: 270px;
		}
		#lista_stores .obs_kashrut strong,
		#lista_stores .obs strong {
			font-size: 14px;
		}


	#lista_stores .local {
		background: url(img/icon_local.png) left center no-repeat;
		padding: 8px 0 0 28px;
		margin: 10px 0 10px;
	}

	#lista_stores .estrelas, .estrelas {
		height: 23px;
	}
	#lista_stores .local .escala, .escala {
		display: inline-block; margin-left: 70px;
		width: 138px; height: 100%;
		background-image: url(img/icon_estrelas.png);
		background-repeat: no-repeat;
		background-position: left center;
	}
	.perfil.escala {
		margin: 4px;
	}
	.pedidos td, .pedidos tr {
		min-height: 40px !important;
		height: 40px;
	}
	#lista_stores .local .escala.s4, .escala.s4 {background-position: -28px center;}
	#lista_stores .local .escala.s3, .escala.s3 {background-position: -56px center;}
	#lista_stores .local .escala.s2, .escala.s2 {background-position: -84px center;}
	#lista_stores .local .escala.s1, .escala.s1 {background-position: -112px center;}
	#lista_stores .local .escala.s0, .escala.s0 {background-position: -1000px center;}

	#lista_stores .store .resumo a.btn {
		margin: 55px 0 0 75px;
		padding-left: 50px; padding-right: 50px;
	}

	/*  .fora  */
	#lista_stores .store.fora .resumo a.btn {margin-left: 50px;}	
	#lista_stores .store.fora .resumo img {
		-webkit-filter: grayscale(100%);
		   -moz-filter: grayscale(100%);
		    -ms-filter: grayscale(100%);
		     -o-filter: grayscale(100%);
				filter: grayscale(100%);
	
		filter: alpha(opacity=30); 	/* IE 8+ */
		-moz-opacity:0.3; 			/* Firefox 0.9- */
		-khtml-opacity: 0.3;		/* Safari 1.x- */
		opacity: 0.3; 				/* Modern! */
	}
	#lista_stores .store.fora .resumo .bg {
		background-color: #444;
	}
	#lista_stores .store.fora .resumo:hover img {
		-webkit-filter: grayscale(100%) blur(5px);
		   -moz-filter: grayscale(100%) blur(5px);
		    -ms-filter: grayscale(100%) blur(5px);
		     -o-filter: grayscale(100%) blur(5px);
				filter: grayscale(100%) blur(5px);
	}