/* CSS Document */

* {
   margin:0;
   padding:0;
   }
  a {
  	text-decoration: none;
  } 
   
#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 {
     margin:0 auto;
     width:1304px;
     height:550px;
     border:2px solid #FFF;
	 background:#FF6600;
	 }
	 
	 
.coluna1  {
     width:188px;
	 height:550px;
	 background:#f7cf86;
	 float:left;
	 }
	 
.coluna1 h1 {
     color:#FF3300;
	 padding-top:15px;
	 text-align:center;
	 font-size:20px;
	 font-family:Georgia, "Times New Roman", Times, serif;
	 	 
	 }
	 
.coluna1 img {
     border:2px solid #FFF;
	 display: block; 
	 margin-left: auto; 
	 margin-right: auto;
	 margin-top:15px;
	 	 
	 }
	 
.coluna1 h2 {
     color:#000;
	 font-size:14px;
	 font-family:"Times New Roman", Times, serif;
	 text-align:center;
	 margin-top:15px;	
	  
	 	 
	 }
	 
.coluna1 h3 {
	color: #000;
	padding-top: 10px;
	text-align: center;
	padding-bottom: 10px;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	 	 
	 }
	 
.coluna2  {
     width:170px;
	 height:550px;
	 background:#fff;
	 float:left;
	 }
	 
.coluna2 img {
	 display: block; 
	 margin-left: auto; 
	 margin-right: auto;
	 margin-top:10px;
	 	 
	 }
	 
#repres {
    width:700px;
	height:400px;
	margin-top:50px;
	margin-left:0px;
	}
#repres h1 {
	text-align:center;
	font:12pt "Times New Roman", Times, serif;
	margin-bottom:50px;
	margin-top:0px;
}	
.texto {
	width:320px;
	height:380px;
	float:left;
	margin-left:30px;
}

.texto p {
	text-align:center;
	margin-top:0px;
}
.mapa {
	width:320px;
	height:380px;
	float:right;
	margin-left:30px;	
}
.mapa img {
	float:right;
	margin-top:0px;
	margin-left:50px;
	border:none;
}
	
#form  {
     
     margin-left:30px;
	 margin-right:20px;
    float:left;
	}
	
#endereco {
    margin-left:60px;
   float:left;
   }
	 

	 
.coluna3  {
     width:820px;
	 height:550px;
	 background:#F4A460;
	 float:left;
	 }
	 
.galeria {
    width:770px;
	height:500px;
	margin:auto;
		
}

.galeria img {
	margin-left:20px;
	margin-top:10px;
	border:2px solid #ccc;
	width:160px;
	height:100px;
}

.galeria span {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FF0000;
	padding: 20px;
}
.galeria span a {
	margin-left: 30px;
}
.galeria span a:hover{
	color: #FFF;
}

#slides_container {
     
	 display: block; 
	 margin-left:20px; 
	 margin-right: auto;
	 margin-top:10px;
	 margin-bottom:10px;
	 float:left;
	 }
	 
#slider1_container {
     border:2px solid #FFFFFF;    
      margin-left:20px;
	  margin-top:10px;
	  width:770px;
	  height:250px;
	  
	  }
#slides {
  margin:0 auto;
  width:770px;
  height:250px;
  overflow:hidden;
  
  }
	  

	 
#fotos  {
     background:#F4A460;
	 margin-top:20px;
	 margin-left:px;
	 margin:0 auto;
  width:770px;
  
  overflow:hidden;
	 }
	 
#fotos img {
     display: block; 
	 margin-left:10px; 
	 margin-right: 10px;
	 margin-top:10px;
	 float:left;
	 }
	 
.coluna4  {
     width:126px;
	 height:550px;
	 background:#f7cf86;
	 float:right;
	 	
	 }
	 
.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:40px;
	 list-style:none;	  
	 	 
	 }
.coluna4 li a {
     color:#FF0000;
	 text-decoration:none;
	 } 
	 
.coluna4 li a:hover {
      color:#FFFFFF;
	  }
	  
.coluna4 li a.ativa {
	color:#FFF;
}
	 
	 
#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;
	}
	
/* empresa */

#empresa_container {
     border:2px solid #FFFFFF;
	 display: block; 
	 margin-left:20px; 
	 margin-right: auto;
	 margin-top:10px;
	 float:left;
	 }

#empresa img {
    width:770px;
	height:300px;
	
	display: block; 	 
	 float:left;
	}
	
#empresa_texto {
   width:770px;
   height:205px;
   border:2px solid #FFFFFF;
   margin-left:20px;
   margin-top:15px;
   float:left;
   }
   
#empresa_texto p {
   color:#000000;
   text-align:center;
   padding:5px;
   text-align:left;
   line-height: 16px;
	text-align: justify;
	text-indent: 30px;
   }
   
/* regiao */

#regiao1  {
      border:2px solid #FFFFFF; 
      width:770px;
	  height:232px;   
	 display: block; 
	 margin-left:23px; 
	 margin-right: auto;
	 margin-top:17px;
	 float:left;
	 }
	 
#regiao1 p {
     width:448px;
    float:left;
    color:#000000;
   text-align:center;
   padding:15px 5px 5px 5px;
   text-align:left;
   line-height: 18px;
   }
   
#regiao1 img {
     float:right;
   
	width:300px;
	height:230px;
	}
     
#regiao2  {
      border:2px solid #FFFFFF; 
      width:770px;
	  height:222px;   
	 display: block; 
	 margin-left:23px; 
	 margin-right: auto;
	 margin-top:17px;
	 float:left;
	 }
	 
#regiao2 p {
     width:448px;
    float:right;
    color:#000000;
   text-align:center;
   padding:15px 5px 5px 5px;
   text-align:left;
   line-height: 18px;
   }
   
#regiao2 img {
     
   float:left;
	width:297px;
	height:220px;
	}
	
/* feiras */

#feira1 {
    width:770px;
	height:300px;
	margin-top:15px;
	margin-left:25px;
	}
	
#feira1 img {
    float:left;
	width:370px;
	margin-left:10px;
	}
	
#feira2 img {
    float:left;
	width:370px;
	margin-left:10px;
	}
	
#feira2 {
    width:770px;
	height:200px;
	margin-top:15px;
	margin-left:25px;
	}
	
/* informacoes */

#informa1 {
     width:770px;
	height:252px;
	margin-top:25px;
	}
#informa1 a {
     
	 margin-left:65px;
	 }
	
#informa2  {
      margin-top:20px;

     width:800px;
	height:200px;
	}
	
#informa2 a {
      margin-left:14px
     
	 } 
	 
/* contato */

#contato  {
     float:left;
     }
	 
#fone  {
     float:left;
	 }
    
	
/* 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;
}