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

html {
	
	overflow: hidden;

}


body {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background-image:url(../images/fundo.jpg);
	background-repeat: repeat;
	
}

a img  {
	border:none ;outline:none  }
a:link {
	text-decoration: none; color: #595857; font-size:20px; border:none;outline:none 
}
a:visited {
	text-decoration: none;color: inherit;border:none;outline:none
}
a:hover {
	text-decoration: none;
	color: #e1aa1c;
	border:none; font-size:20px
}
a:active a:focus {
	text-decoration: none;color: inherit;border:none; outline:none
	
}

#wrapper {
	width:100%;
	height:100%;
	position:absolute;
	top:0;left:0;

	overflow:hidden;
}

	#mask {
		width:620%;
		height:100%;
		
	}

#menu {margin:0 auto; width: 410px; position:relative; margin-top: 100px;  z-index:300;}

#logo {margin:0 auto; width: 1000px;  position:relative;  }	
	
	.item {
		width:16%;
		height:100%;
		float:left;
		
	}
	.first {
		width:400px;
		height:300px;
		top:20%;
		margin:0 auto;
		 
		position:relative;}
	
	.content {
		width:650px;
		height:80%;
		top:  40px;
		margin:0 auto;
		background: transparent url(../images/black.png) repeat top left;
		position:relative; border: double medium #666; 
	}

.content2 {
		width:650px;
		height:650px;
		top:  40px;
		margin:0 auto;
		
		position:relative;
	}
.divhome {
		width:383px;
		height:310px;
		top:  260px;
	background-color:#000000;
		position:relative; 
		overflow:visible;
	}
.divfotos{
		width:457px;
		height:100%;
		top:  230px;
	
		position:relative; 
		overflow:visible;  
	}
	.divcontato {
		
		width:450px;
		height:430px;
		top:  210px;
	background: transparent url(../images/sign.png) no-repeat top left;
		position:relative; 
		overflow:visible;
		
	}
	
	.divhistoria {
		width:600px;
		height:390px;
		top:  230px;
	background: transparent url(../images/historia.jpg) no-repeat top left;
		position:relative; 
		overflow:visible;
		
	}
	 .divprodutos {
		width:550px;
		height:420px;
		top:  230px;
	background: transparent url(../images/produtos.jpg) no-repeat top left;
		position:relative; 
		overflow:visible;
		
	}
	 	

	.clear {
		clear:both;
	}




	

	
.txt {
	text-align: justify;
	padding-top: 235px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 60px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height:18px;
	font-weight: normal;
	color:#3d3d3d; text-shadow: 1px 1px 1px #7a7979; position:absolute 
}








.home:hover img{
	background-repeat: repeat-x;
	background-position: top left;
	background-image: url(../images/smoke.gif); opacity:0.7
}
	

.historia:hover img{
	background-repeat: repeat-x;
	background-position: top left;
	background-image: url(../images/smoke.gif);opacity:0.7}
	
.produtos:hover img{
	background-repeat: repeat-x;
	background-position: top left;
	background-image: url(../images/smoke.gif);opacity:0.7}
	

	
.galeria:hover img{
		background-repeat: repeat-x;
	background-position: top left;
	background-image: url(../images/smoke.gif);opacity:0.7}
	
	

.contato:hover img{
		background-repeat: repeat-x;
	background-position: top left;
	background-image: url(../images/smoke.gif);opacity:0.7}
	

.divagenda{
	width:460px;
	display:block;
	float:left;
}
div.box {
	float: left;
	width: 218px;
	margin-right: 56px;
	font-size: 12px;}
	
	div.box-last {
	margin: 0;
}

.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}