/* Depths Z-Index Layers
PageContent / Conteudo site folha = 60;
Menu5 = 50;
Menu4 = 49:
Menu3 = 48;
Menu2 = 47;
Menu1 = 46;


*/

/* ~~~~~~~~~ layout ~~~~~~~~~~ */

html, body {
   height: 100%;
   margin: 0;
   padding: 0;
 }

body {
  background: url(../images/bg_header.png) repeat-x;
  background-position:left top;
}

html {
   background: url(../images/bg_body2.jpg);
}

#container {
	width: 980px;
	margin: auto;
	/*background: #fff;*/
	padding: 10px;
	overflow: hidden;
}

#page-content{
	background-image: url(../images/bg_content.jpg);
	background-repeat: repeat;
	padding:40px 0 40px 0;
	/* Glow do Conteudo*/
	-webkit-box-shadow:0 0 25px #000; /* safari, chrome... */
    -moz-box-shadow:0 0 25px #000; /* firefox */
    box-shadow:0 0 25px #000; /* oper a */
	/*Para Internet Explorer*/
	zoom:1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000,Direction=50,strength=3);
	/*=====================*/
	position:relative;
	z-index:60;
	
}


/* ~~~~~~~~~ header ~~~~~~~~~~ */

#main-navigation {
	margin: 0 0;
}
#main-navigation ul {
		width: 100%;
		margin:0;
	}
	
	#main-navigation li {
			list-style-type:none;
			float:left;
		}
			#main-navigation li a {
				margin:0;
				padding:0;
				display: block;
				/*background: #666;*/
			}
			#main-navigation li.current a {
				/*background: #666;	*/
			}
			#main-navigation li a:hover {
				/*background: #777;	*/
			}

			
/* ~~~~~~~~~ article ~~~~~~~~~~ */

article {
	width: 100%;
	overflow: hidden;
}

section {
	float: left;
	width: 570px;
	margin-left:30px;
}

/* ~~~~~~~~~ QuemSOmos ~~~~~~~~~~ */

#quemSomos {
	width:920px;
	padding: 0 0 30px 0;
}


/*  Tools */
.picRight {
	float:left;
	margin-right:20px;
	
}

div.figure {
  float: left;
  width: 0 0 0 20%;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size:small;
  text-indent: 0;
}

/* ~~~~~~~~~ footer ~~~~~~~~~~ */
			
footer {
	width: 980px;
	margin: 20px auto;
	font-size: 1.4em;
	color: #fff;
	text-align: right;
}

.logoFooter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

/*Ajusta logo topo a esquerda*/
.posLogo{
	float:fixed;
	left:660px;
	margin:0;
	position:relative;
} 

.posMenu1{
	width:171px;
	padding:0;
}
.posMenu2{
	width:224px;
	padding:0;
}
.posMenu3{
	width:132px;
	padding:0;
}
.posMenu4{
	width:126px;
	padding:0;
}
.posMenu5{
	width:327px;
	padding:0;
	position:relative;
	z-index:50;
}

div.top {
	position: relative;
	overflow: hidden;
}	
div.top div {
	position: absolute;
	top: 0;
	left: 0;
}
div.top div.first {
	z-index: 1000;
}		
div.top:hover div.first {
	display: none;
}

#bt1 {
	width: 109px;
	height: 50px;
	position:relative;
	z-index:50;
}
#bt2 {
	width: 195px;
	height: 50px;
	position:relative;
	z-index:49;
}
#bt3 {
	width: 115px;
	height: 50px;
	position:relative;
	z-index:48;
}
#bt4 {
	width: 105px;
	height: 50px;
	position:relative;
	z-index:47;
}
#bt5 {
	width: 129px;
	height: 50px;
	position:relative;
	z-index:46;
}