/* CSS Document */

@import url("reset.css");

body {
  font-size: 0.9em;
  font-family: calibri;
  color: black;
  background-color: #CAD2E5;
  margin: 0;
  padding: 0;
}

#container {
  width: 900px;
  background-color: #CAD2E5;
  position: relative;
  left: 50%;
  margin-left: -400px;
  float: left;
}




#container #lateral {
  width: 153px;
  height: 600px;
  background-image: url(img/lateral.jpg);
  float: left;  
}



#container #lateral #logo {
  width: 135px;
  height: 105px;
  background-image: url(img/logo.jpg);
  float: left; 
  margin-top: 15px; 
  margin-left: 7px; 
}

#container #lateral #logo h1 {
  margin: 0;
  padding: 0;
}

#container #lateral #logo h1 a {
  background-image: url(img/logo.gif);
  background-repeat: no-repeat;
  width: 100%;
  height: 105px;
  display: block;
  text-indent: -9000px;
  margin-top: 20px;
  margin-left: 0px;
}




/* INICIO MENU */
#container #lateral #menu {
  width: 100%;
  float: left;
  margin-top: 10px;  
}

#container #lateral #menu ul, #container #lateral #menu ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;

}

#container #lateral #menu ul {
  padding: 5px 6px;
  margin-left: 7px;
  margin-top: 10px;

}

#container #lateral #menu ul li {
  list-style-type: none;
    color: white;
}

#container #lateral #menu ul li a {
  color: white;
  text-decoration: none;

}


#container #lateral #menu ul li a:hover {
  color: #FFFF00;
}
/* INICIO MENU */


#container #lateral #rodape {
  width: 100%;
  float: left; 
  margin: 25px 0px 0px 15px; 
    color: #FFFF00;
  text-align: left;
}


#container #lateral #rodape a {
  text-decoration: none;
	color: #FFFF00;
}

#container #lateral #rodape a:hover {
	color: white;
}

#container #conteudo #index {
  width: 627px;
  height: 600px;
  background-image: url(img/bg_index.jpg);
  float: left; 
}

#container #conteudo #produtos {
  width: 627px;
  height: 600px;
  background-image: url(img/bg.jpg);
  float: left; 
}

#container #conteudo #produtos #tarjaProdutos{
  width: 200px;
  height: 20px;
  background-color: #000066;
  margin-top: 90px;
  color: white; 
  font-size: 1.2em;
  padding: 10px 10px 5px 20px;
}


#container #conteudo #produtos #galeriasPequenas { 
   width: 100%; 
   margin-top: 20px;
   margin-left: 12px;
   float: left;


} 

#container #conteudo #produtos #galeriasPequenas .fotosPequenas { 
   width:170px; 
   height:170px; 
   margin: 10px; 
   padding:5px; 
   padding-top:10px;
   background-color:#000066; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align: center;
   color: white; 
   float: left;
} 


#container #conteudo #produtos #galeriasGrandes { 
   width: 100%; 
   margin-top: 30px;
   margin-left: 2px;
   float: left;


} 

#container #conteudo #produtos #galeriasGrandes .fotosGrandes { 
   width:250px; 
   height:220px; 
   margin-top: 20px;
   margin-left: 27px;
   padding:10px; 
   background-color:#000066; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align: center;
   color: white; 
   float: left;
} 

#container #conteudo #produtos #paginas { 
   text-align: right;
   width: 100%; 
   margin-top: 15px;
   margin-left: -40px;
   float: left;
   color: #000066;
} 


#container #conteudo #produtos #formulario { 
   width: 375px; 
   height: 335px;
   left: 50%;
   margin-left: 114px;
   margin-top: 30px;
   margin-bottom: 20px;
   float: left;
   background-color: white;
   padding: 10px 0px 0px 25px;
} 



#container #conteudo #produtos #endereco { 
   text-align: center;
   width: 100%; 
   margin-top: 15px;
   float: left;
   color: #000066;
   font-size: 1.2em;
   font-weight: bold;
} 

#container #conteudo #produtos #endereco a {
  text-decoration: none;
	color: #000066;
}

#container #conteudo #produtos #endereco a:hover {
	color: black;
}