body {
 
 
}

#envelope{
	 
	 
 width: 120px;
 height: 100px;
 float: left;
 }


 .envelope {
	 
 position: fixed
 
 }
 
 
 
 .larguracolunapainelgerencial {
  width: 20px;
}
 
#logoebusca {
 width: 880px;
 height: 180px;
 margin: top;
 background-color: #013565;
 

}

.logoebusca {

font-size: 40px solid white;
text-align; center;
    
}



a:hover {
 text-decoration: none;
 color: gray;
 font-family: "Lucida Grande","Arial Unicode MS", sans-serif;
 font-size: 16px
 
   
}


#logoebusca1 {
 width: 880px;
 height: 100px;
 background-color: #013565;
 margin: auto;
 text-align: center;
}

#logoebusca2 {
 width: 880px;
 height: 50px;
 margin: auto;
 background-color: #013565;
 margin-top: 5px;
 text-align: center;

}


.logoebusca {
 
 font-family: "Lucida Grande","Arial Unicode MS", sans-serif;
 font-size: 45px;
 color: white;
 
 
}


#conteudobusca {
 
 width: 880px;
 margin: auto;
 background-color: white;
 border: black;
 
  
}

#conteudobusca1 {
 height: 210px;
 width: 880px;
 margin: auto;
 background-color: white;
 border: 1px black;
 float: right;
 
  
}

#fotobusca {
 
 background-color: white;
 height: 186px;
 width: 146px;
 margin: auto;
 margin-top: 1px;
 float: left;
   
}

#dadosdoprodutobusca {
 
 background-color: white;
 height: 186px;
 width: 680px;
 margin-top: 15px;
 text-align: left;
 float: right;
   
}

#menu {
 height: 63px;
 width: 880px;
 background-color: #4D4DFF;
 text-align: center;
 margin: auto;

 
    
    
}

.menu {
 
 font-family: "Lucida Grande","Arial Unicode MS", sans-serif;
 font-size: 16px;
 color: white;
 display: inline; 
}






*{
    margin: auto;
    padding: 0px;
}
ul{
    width: 880px; /* Tamanho da lista principal */
    margin: auto; /* Para centralizar na página */
    list-style: none;        
}
ul li{
    float: left;
    background-color: #20548E;
    position: relative; /* Necessário para o item filho se posicionar a LI que é o pai */
}
ul li a{
    display: block;
    padding: 10px 69px 10px 68px;
    border: 1px #ffffff solid;
    text-decoration: none;
    color: #EAFFED;
}
ul li:hover > a{ /* Quando passarmos o mouse sobre a LI colocamos estilo no A */
    background-color: #1A4473;
    color: #FFFFFF;
}



ul li ul{
    display: none;
    position: absolute;
}




ul li:hover ul{ /* Quando passar o mouse sobre a LI aparecerá o menu filho */
    width: 110px; /* Tamanho do menu filho */
    display: block; 
}
ul li ul li{
    width: 350px;
    cursor: pointer;
}
ul li ul li:hover > a{
    background-color: #0099FF;
    color: #FFFFFF;
}
ul li ul li ul li{
    display: none;
}






ul li ul li ul{
    top: 0; /* Para deixar o sub-menu na mesma linha do menu pai */
}
ul li ul li:hover ul li{
    display: block;
    width: 350px;
    left: 319%; /* Para deixar o sub-menu ao lado do menu pai */
}





#bannergrande {
 width: 1200px;
 height: 350px;
 margin-left: 73px;
 margin-top: 0px;
 background-color: gray;
 text-align: center;
 
}


#bannergrande1 {
 width: 500px;
 height: 350px;
 margin-top: 0px;
 background-color: gray;
 text-align: center;
        float: left;
 
}



#bannergrande2 {
 width: 700px;
 height: 310px;
 margin-top: 0px;
 background-color: gray;
 text-align: center;
        float: right;
        padding-top: 40px;
        

 
}


#conteudo {
 width: 880px;
 margin: auto;
 background-color: white;
 
  
}

#foto {
 
 background-color: white;
 height: 560px;
 width: 440px;
 margin: auto;
 margin-top: 10px;
   
}

#dadosdoproduto {
 
 background-color: white;
 width: 800px;
 line-height: 50px;
 margin-top: 20px;
 text-align: center;
   
}

#dadosdoproduto1 {
 
 background-color: white;
 width: 750px;
 line-height: 50px;
 padding-top: 20px;
   
}


#analiseconcurso {
 
 background-color: white;
 width: 750px;
 line-height: 50px;
 padding-top: 20px;
 text-align: left;
 
}


#redesocial {
 
 background-color: white;
 height: 50px;
 width: 300px;
 margin-top: 10px;

   
}

#email {
 
 background-color: white;
 height: 150px;
 width: 830px;
 line-height: 30px;
 margin-left: 50px;
 
 
 
   
}


#iraloja1 {
 
 height: 200px;
 width: 800px;
 text-align: center;
 border-radius: 5px;
 margin-top: 10px;
 
 
  
}



#iraloja2 {
 
 height: 200px;
 width: 800px;
 text-align: center;
 border-radius: 5px;
 margin-top: 10px;
 
 

}



#iraloja11 {
 
 height: 180px;
 width: 360px;
 text-align: center;
 border-radius: 5px;
 float: left;
  
}


#iraloja12 {
 
 height: 180px;
 width: 360px;
 text-align: center;
 border-radius: 5px;
 float: right;
 
}


#imagemiraloja {
 
 height: 180px;
 width: 360px;
 text-align: center;
 border-radius: 5px;
 
 
 
 
}



#detalhamento_produto {
 
 width: 800px;
 margin: auto;
 background-color: white;
 margin-top: 20px;
 text-align:justify;

    
}


.detalhamento_produto {
 font-size: 20px;

  
}

#contato {
 
 width: 800px;
 margin: auto;
 background-color: white;
 margin-top: 20px;
 padding: 20px 0px 20px 40px;
 
 
 
}

#titulo_rodape {
 
 width: 1251px;
 height: 50px;
 margin: auto;
 margin-top: 180px;
 text-align: left;
   
}

.titulo_rodape {
 
 font-family: "Lucida Grande","Arial Unicode MS", sans-serif;
 font-size: 26px;
 color: black;
  
 
}



#banner_rodape {
 
 width: 900px;
 height: 200px;
 margin: auto;
 text-align: center;
 margin-top: 100px;
 
 
}

#banner_rodape1 {
 
 float:left;
 width: 400px;
 height: 200px;
 text-align: center;
  
   
}


#banner_rodape2 {
 
 float: right;
 width: 400px;
 height: 200px;
 text-align: center;
 
}

#banner_rodape11 {
 
 float:left;
 height: 200px;
 width: 150px;
 text-align: center;

}


#banner_rodape12 {
 
 float:right;
 height: 200px;
 width:150px;
 text-align: center;
   
}

#image1 {
 
 float:left;
 height: 200px;
 width:150x;
 text-align: center;
   
}



#image2 {
 
 float:right;
 height: 200px;
 width:150x;
 text-align: center;
   
}


#image3 {
 
 float:left;
 height: 200px;
 width:150x;
 text-align: center;
   
}



#image4 {
 
 float:right;
 height: 200px;
 width:150x;
 text-align: center;
   
}

#image5 {
 
 float:left;
 height: 200px;
 width:150x;
 text-align: center;
   
}



#image6 {
 
 float:right;
 height: 200px;
 width:150x;
 text-align: center;
   
}

#image7 {
 
 float:left;
 height: 200px;
 width:150x;
 text-align: center;
   
}



#image8 {
 
 float:right;
 height: 200px;
 width:150x;
 text-align: center;
   
}

#image9 {
 
 float:left;
 height: 200px;
 width:150x;
 text-align: center;
   
}



#image10 {
 
 float:right;
 height: 200px;
 width:150x;
 text-align: center;
   
}


#image11 {
 
 float:left;
 height: 200px;
 width:150x;
 text-align: center;
   
}



#image12 {
 
 float:right;
 height: 200px;
 width:150x;
 text-align: center;
   
}

#image13 {
 
 float:left;
 height: 200px;
 width:150x;
 text-align: center;
   
}



#image14 {
 
 float:right;
 height: 200px;
 width:150x;
 text-align: center;
   
}

#image15 {
 
 float:left;
 height: 200px;
 width:150x;
 text-align: center;
   
}



#image16 {
 
 float:right;
 height: 200px;
 width:150x;
 text-align: center;
   
}

#image17 {
 
 float:left;
 height: 200px;
 width:150x;
 text-align: center;
   
}



#image18 {
 
 float:right;
 height: 200px;
 width:150x;
 text-align: center;
   
}

#image19 {
 
 float:left;
 height: 200px;
 width:150x;
 text-align: center;
   
}



#image20 {
 
 float:right;
 height: 200px;
 width:150x;
 text-align: center;
   
}

#image21 {
 
 float:left;
 height: 200px;
 width:150x;
 text-align: center;
   
}



#image22 {
 
 float:right;
 height: 200px;
 width:150x;
 text-align: center;
   
}

#image23 {
 
 float:left;
 height: 200px;
 width:150x;
 text-align: center;
   
}



#image24 {
 
 float:right;
 height: 200px;
 width:150x;
 text-align: center;
   
}

#image25 {
 
 float:left;
 height: 200px;
 width:150x;
 text-align: center;
   
}



#image26 {
 
 float:right;
 height: 200px;
 width:150x;
 text-align: center;
   
}

#image27 {
 
 float:left;
 height: 200px;
 width:150x;
 text-align: center;
   
}



#image28 {
 
 float:right;
 height: 200px;
 width:150x;
 text-align: center;
   
}

#imag29 {
 
 float:left;
 height: 200px;
 width:150x;
 text-align: center;
   
}



#image30 {
 
 float:right;
 height: 200px;
 width:150x;
 text-align: center;
   
}

#image31 {
 
 float:left;
 height: 200px;
 width:150x;
 text-align: center;
   
}



#image32 {
 
 float:right;
 height: 200px;
 width:150x;
 text-align: center;
   
}


#paginacao {
 
 height: 60px;
 width:300x;
 text-align: center;
 display: inline;
   
}



#paginacao1{
 
 margin-top: 20px;
 height: 60px;
 width:80px;
 text-align: right;
 float:left;
 margin-left: 270px;

}

#paginacao2 {
 
 margin-top: 20px;
 height: 60px;
 width:80px;
 text-align: center;
 float: right;
 margin-right: 270px;
}




#rodape {
 
 width: 880px;
 height: 30px;
 background-color: #32CD32;
 text-align: center;
 padding: 20px 40px 20px 40px;
 margin-bottom: 40px;
 border-radius: 5px;
 
 
   
}

.rodape {
 
 font-family: "Lucida Grande","Arial Unicode MS", sans-serif;
 font-size: 16px;
 color: white;
 display: inline; 
 padding: 20px 40px 20px 40px;
 
}


a img{border:none;}



a:link {
 text-decoration: none;
 color: #ffffff;
 font-family: "Lucida Grande","Arial Unicode MS", sans-serif;
 font-size: 16px
    
 
}
a:visited {
 text-decoration: none;
 color: #ffffff;
 font-family: "Lucida Grande","Arial Unicode MS", sans-serif;
 font-size: 16px
    
}

a:hover {
 text-decoration: none;
 color: gray;
 font-family: "Lucida Grande","Arial Unicode MS", sans-serif;
 font-size: 16px
 
 
}

#adsense {
 
 width: 800px;
 margin: auto;
 background-color: white;
 text-indent:20mm;
 text-align:center;
}
 
 
#adsense1 {
 
 float:left;
 height: 280px;
 width:300px;
 text-align: center;

 
}
 
 
  
 
 
 #conteudo {
 
 width: 880px; 
 margin: auto; 
 background-color: white; 
 border: black;

 }

 #TituloeAutor {
 
 width: 880px; 
 margin: auto; 
 background-color: white; 
 border: black;

 }
 
 #FotoeAdsenseTorre {
 
 height: 600px; 
 width: 880px; 
 background-color: white; 
 border: black;

 }
 
  #Foto {
 
 background-color: white; 
 height: 600px; 
 width: 400px; 
 margin-top: 1px; 
 float: left;

 }
 
 
 #ImgFoto {
 
background-color: white; 
height: 600px; 
width: 400px; 
margin: auto;

 }
 
  #AdsenseTorre {
 
 float: right; 
 height: 600px; 
 width: 300px; 
 text-align: center; 
 background-color: white;

 }
 
  #LojaeAdsenseQuadrado {
 
 height: 280px; 
 width:880px; 
 background-color: white;

 }
 
  #AdsenseQuadrado {
 
 height: 280px; 
 width:440px; 
 background-color: white; 
 float: right;

 }
 
  #Loja {
 
 height: 280px; 
 width: 440px; 
 text-align: center; 
 border-radius: 5px; 
 margin: auto; 
 background-color: white; 
 float: left;

 }
 
  #Descricao {
 
 width: 880px; 
 text-align: center; 
 background-color: white;

 }
 
  #VejaTambem {
 
 height: 210px; 
 width: 880px; 
 margin: auto; 
 background-color: white; 
 border: 1px black; 
 float: right;

 }
 
  #VejaTambemFoto {
 
 background-color: white; 
 height: 186px; 
 width: 146px; 
 margin: auto; 
 margin-top: 1px; 
 float: left;

 }
 
  #VejaTambemDescricao {
 
 background-color: white; 
 height: 186px; 
 width: 680px; 
 margin-top: 15px; 
 text-align: left; 
 float: right;

 }
 
 
 .butn {
  background: #013565;
  background-image: -webkit-linear-gradient(top, #013565, #2980b9);
  background-image: -moz-linear-gradient(top, #013565, #2980b9);
  background-image: -ms-linear-gradient(top, #013565, #2980b9);
  background-image: -o-linear-gradient(top, #013565, #2980b9);
  background-image: linear-gradient(to bottom, #013565, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.butn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}



 .butn2 {
  background: #32CD32;
  background-image: -webkit-linear-gradient(top, #32CD32, #32CD32);
  background-image: -moz-linear-gradient(top, #32CD32, #32CD32);
  background-image: -ms-linear-gradient(top, #32CD32, #32CD32);
  background-image: -o-linear-gradient(top, #32CD32, #32CD32);
  background-image: linear-gradient(to bottom, #32CD32, #32CD32);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}