/*Documento CSS style_endereco_cuecas.css*/

/*Tags*/
body{
   /*background-attachment:fixed;*/
   margin:0;
  }
   /* background: #FFFFFF url(/static/img/cabecalho-azul-cueca.png);
     background-repeat: repeat-x;
     margin-top:-20px;
     
      /*background-image:url(/static/img/bordadouva.jpg);
		 background-repeat: no-repeat;
		 background-position: 5px;*/      



/* ID  */
#container{ 
	/*border: 1px dotted #000;*/
	width:960px;
	height: 1020px;
	margin: 0 auto;

}
#box-logo{
      position:relative;
      float:left;
}

.box-painel-titulo {
      position: relative;
      width: 960px;
      height:300px; /*aumenta o fundo azul na vertical*//*tem essa imagem pronta de quiser usar, fundo-azul-cuecas.png*/
      margin:0 auto;
      /*background: #4EBDF6;/*fundo azul feito com declaração de cor e não com imagem*/
       background: #4EBDF6 url(/static/img/cuecas-variadas.jpg) no-repeat 0px 0px;/*chapa cinza*/
       background-position: center right;
      top: 15px;/*encosta o box debaixo no painel do usuárioº  ele sobe*/
      /*box-shadow: 5px 9px 9px 10px #8B4513;/*o primeiro número é da sombra direita, o 2º é da parte debaixo,*/
      /*background-color: #FFA500; /*cor de fundo*/
      border-radius: 8px; /*deixa a borda da caixa (div) arredondada*/
      -moz-border-radius:8px; /*deixa as bordas arredondadas*/
      -webkit-border-radius:8px;/*para que funcione em outros navegadores*/
      z-index:1;
      }
      

 .loja_1 {
     /*border: 1px dotted #000;*/
     position:relative;
     float: left;
     width: 180px;
     
  } 
  
.loja_2  {
    /*border: 1px dotted #000;*/
     position:relative;
     float: left;
     width: 180px;
  }
  
 .loja_3{
    /*border: 1px dotted #000;*/
     position:relative;
     float: left;
     width: 340px;
     clear: both:
  } 
  
.loja_mogi{
     /*border: 1px dotted #000;*/
     position:relative;
     float: left;
     width: 300px;
     
   }
 

.loja_susano{ 
     /*border: 1px solid blue;/*colocar a borda para verificar o tamanho do bloco aí trabalhar a disposição do texto*/
     float:left;
     width: 300px;
      margin-top: 60px;
     }
     
 .loja_santo_andre{ 
     /*border: 1px solid blue;/*colocar a borda para verificar o tamanho do bloco aí trabalhar a disposição do texto*/
     float:left;
     width: 300px;
     margin-top: 60px;
     
     }

   h2{
  color: #CFA914;
  font-family: Arial, "Challenge Extra Bold", "lucinda grande", "lucinda sans", verdana, sans-serif;
  /*font-size: 64px;*/
  text-align: 25px 50px;
}
em{
  font-size: 55px;
  color:#181818;
  padding-top: 50px; 
  margin-left: 150px; 
}