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

*{
	padding:0px;
	margin:00px;
}

body{
background-color:#000000;
width:100%;
height:100%;
position:relative;
  left:50%;
  margin-left:-440px;
  width:881px;
  font-family:Arial, Helvetica, sans-serif;



}

#conteiner{
width:881px;
position:relative;
font-family: Arial, Helvetica, sans-serif;

 

}

.menu {
position: relative;
left:0;
top:0;
width:881px;
height:55px;
margin:0px;
background-image:url(images/layoutnew_01.jpg);
background-repeat:no-repeat;


}

.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	z-index:10px;
	
	
	}
.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
.menu ul{
	height:35px;
	list-style:none;
	margin:0;
	padding-left:60px;
	padding-top:10px;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:url("images/seperator.gif") bottom right no-repeat;
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #000000 url("images/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#000000;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#000000 url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	


.flash {
position:relative;
margin:0;
left:0;
top:0px;
width:881px;
height:267px;
z-index:-10;

}

.logo {
position:absolute;
margin:0;
left:0;
top:0;
width:463px;
height:267;
background-image:url(images/layoutnew_02.jpg);
background-repeat:no-repeat;
z-index:-10;
}


.slide {
position:absolute;
margin:0;
left:0;
top:0;
width:418px;
height:267;
background-image:url(images/layoutnew_03.jpg);
background-repeat:no-repeat;
}


.conteudo {
position:relative;
left:0px;
top:0;
width:881px;
height:371px;
background-image:url(images/layoutnew_04_conteudo.jpg);
background-repeat:no-repeat;
}

.conteudo_index {
position:relative;
left:0px;
top:0;
width:881px;
height:371px;
background-image:url(images/layoutnew_04_index.jpg);
background-repeat:no-repeat;
color:#D2D2A6;
font:Helvetica, Arial, Verdana, sans-serif;
}

.conteudo_news {

position:relative;
left:90px;
top:30px;
width:280px;
height:95px;
color:#D2D2A6;

}

.conteudo_depoimentos{
	position:absolute;
	left:577px;
	top:53px;
	width:213px;
	height:308px;
	color:#D2D2A6;

}

.conteudo_bemvindo{
	position:absolute;
	left:91px;
	top:53px;
	width:436px;
	color:#D2D2A6;
	
	height: 307px;
}

.conteudo_conteudo {
position:relative;
left:90px;
top:60px;
width:695px;
color:#cc6600;

text-decoration:none;
	
}
.rodape {
	position:relative;
	color:#cc6600;
	text-decoration:none
	left:0px;
	top:10px;
	margin:0;
	width:881px;
	height:70px;
	background-image:url(images/layoutnew_05.jpg);
background-repeat:no-repeat;

}

/* general styling for this example */
* { margin: 0; padding: 0; }
body { padding:20px; }
/* begin gallery styling */
#jgal { list-style: none; width: 200px; }
#jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#jgal li img { position: absolute; top: 170px; left: 220px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }


[if lt IE 8]>
<style media="screen,projection" type="text/css">
#jgal li { filter: alpha(opacity=50); }
#jgal li.active, #jgal li:hover { filter: alpha(opacity=100); }
</style>
<![endif]