@charset "utf-8";
/* CSS Document */





/*CELULAR VERTICAL*/
@media (min-width: 220px) and (max-width: 600px) and (orientation:portrait) { 

.bt1{margin-bottom: 20px;}
	
.comodaBox ul{
	width:100%;
}


.tituloBoxHome{
	font-size:35px;
	padding: 10px;
	width: 100%; text-align: center;
}
.padder{padding:10px;}


.itensCon{
	padding: 0px 0px 20px 0!important;
	width: 150px;
	float: none;
	text-align: center;
	margin: 0 auto!important;
	}
	
	.itensCon div{margin-bottom:20px;}


.aco{
	display: inline-block;
	   }


	.menufix{
		margin: 0!important;
		}
	
		.alturaSlider p{
			margin-top: 10%!important;
			
		}
		

	.topoSite{
	
		height: 40vh;
		}

		.tituloH1{font-size: 45px;}

	
	#owl-demo5 .item5{
		margin: 0 15px;
		
	}

	.overlay nav {
		position: relative;
		height: auto;
		top: 15%;
		transform: translateY(0);
		font-size:28px;
	
	  }

	  .overlay ul li {
		display:inline-block;
		padding:10px;
		
	  }
	  .overlay ul li a {
		display:block;
	  }

	.margincel{margin-top: 30px; margin-bottom: 30px;}

    .relativetopo{position: relative;  width: 100%; background-color: #412c1e; height: auto;} 
	
	.centerlogo {
		width: 130px;
		left:0;
		right:0;
		padding-top:0px;
		margin-left: inherit;
		margin-right: inherit;
		z-index: 500;
		padding: 15px;
	}	

	.arrow-topo{display: none;}


	.titulo6{font-size: 45px;}

	.titulosFull{
		font-size: 30px;
		}

}
	





/* TABLET VERTICAL*/
@media (min-width: 680px) and (max-width: 980px) and (orientation:portrait) { 	
	.arrow-topo{display: none;}
	.container {
		padding: 0;
		margin: 0;
		max-width: 100%;
	}
		 .row {
		padding: 0;
		margin: 0;
	}


	.centerlogo {
		width: 150px;
		}	

		.overlay nav {
			top:42%;
		   font-size:30px;
		 }
   
		 .overlay ul li {
		   padding: 5px 0;
		 }

		 .fundorodape{
		 margin-top: 50px; 
		}

	
}





/* TABLET HORIZONTAL*/
@media (min-width: 1024px) and (max-width: 1366px) and (orientation:landscape) { 
	/*.arrow-topo{display: none;}*/
}


/*ramo class*/

@media only screen and (min-width: 320px) and (max-width: 1466px)  {
	.ramo{
		display: none;
	}


	.titulos4{
				padding: 40% 0 0 0;
	}


	
}





/* CELULAR HORIZONTAL*/
@media all and (max-width: 1024px) and (max-height: 768px) and (orientation:landscape) {
.container{
max-width: 100%;
}


.bt1{margin-bottom: 20px;}

.comodaBox ul{
	width:100%;
}

.aco{
	display: inline-block;
	   }


.centerlogo {
	width: 150px!important;
	left:0;
	right:0;
	padding-top:0px;
	margin-left: inherit;
	margin-right: inherit;
	z-index: 500;
	padding: 15px;
}	

.menufix{
	margin: 0!important;
	}


    .topoSite{
    height: 300px;
    }

	.overlay ul li {
		display: inline;
		 }
		 .overlay ul li a {
			display: inline;
			margin: 0px;
			font-size: 30px;
		 }	 


		 #owl-demo5 .item5{
			margin: 0 20px;
			
		}


		.centerlogo {
			width: 120px;
					}
					
					
					.masonry {
						-moz-column-count: 4;
						-webkit-column-count: 4;
						column-count: 4;
					}


					.tituloBoxHome{
						font-size:35px;
						padding: 10px;
						width: 100%; text-align: center;
					}
					.padder{padding:10px;}
					
					
					.itensCon{
						padding: 0px 0px 20px 0!important;
						width: 150px;
						float: none;
						text-align: center;
						margin: 0 auto!important;
						}

						.itensCon div{margin-bottom:20px;}
						
						



}