/* 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;
	
	 }
	 
#meio {
     width:1304px;
	 height:auto;
	 border:2px solid #FFFFFF;
	 margin:0 auto;
	 background:#F7cf86;
	 }
	 

	 
#menu_cromado {
     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-color:#FF0000;
  padding: 8px 0 0 30px;
}


	 
#fotos_cromado {
     width:930px;
	 height:550px;
	 background:#FFF;
	 float:left;
	 }
	 
#fotos_cromado p {
      float:left;
	  color:#000000;
	  margin-top:50px;
	  margin-left:250px;
	  }
	 
#fotos_cromado img {
     margin-top:60px;
	 margin-left:170px;
	 }
	 
#tubolar  {
     width:930px;
	 background:#FFFFFF;
	 float:left;
	 }
	 
#tubolar p {
     color:#000000;
	 margin-top:20px;
	 margin-left:200px;
	 margin-bottom:30px;
	 
	 }
	 
#tubolar img {
     width:200px;
	 height:200px;
	 border:3px solid #ccc;
	 margin-left:22px;
	 margin-top:20px;
	 float:left; 
	 -moz-box-shadow:#999 0 0 15px;
	 -webkit-box-shadow:#999 0 0 15px;
	 box-shadow: #999 0 0 15px;
	behavior: url(css/ie-css3.htc);
	 }
	 
#tubolar .menor  {
    width:150px;
   
   }
#tubolar .menor1  {
    height:150px;
      
   }
   
#tubolar .menor2  {
     width:425px;    
    height:250px;
      
   }	 

	 
.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;
}