.loja-frm-loja-url {
   margin-bottom:20px;
}
.etapas-criacao {
	clear:both;float:left;width:100%;
	text-align:center;margin-bottom:25px;
	font-weight:bold;
	height:25px;
        position:relative;
}
.etapas-criacao ul {display:block;padding-right:15px;margin-top:-5px;background:url(/templates/images/bgTrans80.png) #006AB0;}
.etapas-criacao ul li {display:inline-block;white-space:nowrap;}
.etapas-criacao ul li span {border-radius:50%;display:inline-block;border-right:2px solid #006AB0;background-color:#fff;width:35px;height:35px;line-height:35px;text-align:center;margin:0 5px 0 15px;}

.lstItens-pedido .Lista .ListaTitulo .up-arrow,
.lstItens-pedido .Lista .ListaTitulo .down-arrow {
 display:none;
}

#lstLojas {
  display:block;
  text-align:center;
}
#lstLojas ul li {
  width: 150px;
  /*height:150px;*/
  display:inline-block;
  padding:10px;
  border:1px solid #ccc;
  border-radius:3px;
  margin:0 5px 10px 5px;
  background-color:#fff;
  overflow:hidden;
}
#lstLojas ul li img {
  height:50px;
  max-width:100%;
}
#lstLojas ul li h3 {
  display:block;
  font-size:.7em;
  font-weight:normal;
  padding:5px;
  border-top:1px solid #eaeaea;
}
#lstLojas ul li:hover {
  cursor:pointer;
  border-color:#999;
}
#lstLojas ul li .uf {
  font-size:.7em;
}

.lstLogomarcas {
  width:100%;
  text-align:center;
  padding:15px 0;
  overflow:auto;
  white-space:nowrap;
  border-bottom:3px solid #ccc;
}
.lstLogomarcas ul li {
  width: 120px;
  display:inline-block;
  padding:5px 10px;
  border:1px solid #ccc;
  background-color:#fff;
  border-radius:3px;
  margin:0 5px;
  overflow:hidden;
}
.lstLogomarcas ul li img {
  height:35px;
  max-width:100%;
}
.lstLogomarcas ul li:hover {
  border-color:#999;
  cursor:pointer;
}

.quadro-marca .marca {
  clear:both;
  float:left;
  width:100%;
  text-align:center;
  padding-bottom:10px;
  border-bottom:1px solid #ccc;
  margin-bottom:15px;
}

.quadro-marca .marca .logo-nome .logo {
  height:60px;
}
.quadro-marca .marca .logo-nome .nome {
  display:inline-block;
  color:#fff;
  padding:5px 10px;
}
.quadro-marca .marca,
.quadro-marca .armacao-video {
  clear:both;
  float:left;
  width:100%;
  margin:15px 0;
}
.quadro-marca .marca .texto .marca-nome {
  display:block;
  font-size:1.5em;
  font-weight:bold;
}

.grade-view {
  clear:both;
  float:left;
  width:100%;
  margin:10px 0;
}

.grade-view p {
  font-weight:bold;
  text-transform:uppercase;
  font-size:1.5em;
  text-align:center;
}

.grade-view .caracteristicas {

}

.grade-view .caracteristica {
  display:inline-block;
  margin:5px;
  border:1px solid #ccc;
  border-radius:3px;
  padding:10px;
  text-align:center;
}

.grade-view .caracteristica span {
  font-weight:bold;
  text-transform:uppercase;
  font-size:1.2em;
}

.grade-view .variacoes {
  text-transform:none;
  padding: 5px 0 10px 0;
}

.grade-view .variacao {
  display:inline-block;
  padding-right:5px;
}

.grade-view .variacao label {
  display:inline-block;
  padding:5px 10px;
  margin:3px;
  border:1px solid #ccc;
  border-radius:2px;
  background-color:#fff;
}

@media only screen and (max-width:1024px) {
   .loja-meu-plano .col-33 {clear:both;float:left;width:100%;margin:0 0 15px 0;}
   .etapas-criacao {display:none;}
}

