/* CSS Document */

* {
   margin:0;
   padding:0;
   }
   
   
#topo { 
   margin:10px auto 0 auto;
   border:2px solid #FFFFFF; 
   width:1304px;
   height:150px;
   background-image:url(images/header61b3.png);
   }
   
#menu {
   margin:0 auto;
   width:1304px;
   height:50px;
   border:2px solid #FFFFFF;
   background-image:url(images/fon1b2.jpg);
   }
   
#nav {
     list-style:none;
	 float:left;
	 margin-left:370px;
	 margin-top:15px;
	 }
	 
#nav li {
     float:left;
	 margin-right:45px;
	 
	 }
	 
#nav a {
     text-decoration:none;
	 color:#FF0000;
	 font-size:22px; 
	  
	 }
	 
#nav a:hover {
     color:#FFFFFF;	 
	 
	 }
	 
#nav a.ativa {
     color:#FFFFFF;
	
	 }
	 
#conteudo_aluminio {
     margin:0 auto;
     width:1304px;
     height:550px;
     border:2px solid #FFF;
	 background:#FF6600;
	 }
	 
#menu_aluminio {
     width:250px;
	 height:550px;
	 background:#f7cf86;
	 float:left;
	 }
	 
#cssmenu {
  width: 190px;
  padding: 0px;
}
#cssmenu ul {
  margin-top: 50px;
  margin-left:20px;
  padding: 0px;
  list-style: none;
}
#cssmenu li a {
  height: 32px;
  height: 24px;
  text-decoration: none;
  font-weight: normal;
  color: #000;
  display: block;
  
 
  padding: 8px 0 0 30px;
}
#cssmenu li a:hover {
  color: #fff;
  background-color:#FF0000;
  
  padding: 8px 0 0 30px;
}
#cssmenu li a:active {
  color: #fff;
  background: url(images/menu4.gif) 0 -64px;
  padding: 8px 0 0 30px;
}


	 
#fotos_aluminio {
     width:930px;
	 height:550px;
	 background:#F4A460;
	 float:left;
	 }
	 
#fotos_aluminio img {
     margin-top:50px;
	 margin-left:70px;
	 }
	 

	 
.coluna4  {
     width:124px;
	 height:550px;
	 background:#f7cf86;
	 float:left;
	 	
	 }
	 
.coluna4 img {
	 display: block; 
	 margin-left: auto; 
	 margin-right: auto;
	 margin-top:10px;
	 margin-bottom:10px;
	 border:none;
	 	 	 	 
	 }
	 
.coluna4 li {
     color:#FF0000;
	 font-size:12px;
	 font-family:"Times New Roman", Times, serif;
	 text-align:center;
	 margin-bottom:45px;
	 list-style:none;	  
	 	 
	 }
.coluna4 li a {
     color:#FF0000;
	 text-decoration:none;
	 } 
	 
.coluna4 li a:hover {
      color:#FFFFFF;
	  }
	 
	 
#barra {
     position: relative;
     clear: both;
	 }
	 
	 
#rodape {
    margin:0 auto;
    width:1304px;
    height:50px;
    border:2px solid #FFFFFF;
    background-image:url(images/fon1b22.jpg);
   }
   
#rodape p {
    text-align:center;
	color:#CC0000;
	font-size:16px;
	}
	




	

    
	
/* efeitos de fade */
@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; } 
}
@-moz-keyframes fadeIn {
0% { opacity: 0;}
100% { opacity: 1; }
}
@-o-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}

.fadeIn {
	-webkit-animation: fadeIn 1s ease-in-out;
	-moz-animation: fadeIn 1s ease-in-out;
	-o-animation: fadeIn 1s ease-in-out;
	animation: fadeIn 1s ease-in-out;
}