/* 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;
}


/*
.win.gecko .example {
  background-color: red
}*/

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;
	list-style-type:none;
}

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

/* Ultimos Livros */

#livros{
	width: 100%;
}
#livros li{
	float: left;
	margin-left:10px;
	padding:10px 35px 0 35px;
	height:230px;
}

#lastBooks {
	width: 100px;
	text-align: center;
	height: 60px;
}

.glow{
	/* Glow do Conteudo*/
	-webkit-box-shadow:0 0 5px #000; /* safari, chrome... */
	-moz-box-shadow:0 0 5px #000; /* firefox */
	box-shadow:0px 0px 5px #000; /* oper a */
}


/* ~~~~~~~~~ aside ~~~~~~~~~~ */

aside {
	float: right;
	width: 340px;
	margin-right:20px;
	text-align:center;
	/* RGBa with 0.6 opacity */
	background: rgba(71, 54, 30, 0.1);
}

.fotoDestaque {
	/* Glow do Conteudo*/
	-webkit-box-shadow:0 0 5px #000; /* safari, chrome... */
	-moz-box-shadow:0 0 5px #000; /* firefox */
	box-shadow:0px 0px 5px #000; /* oper a */
	/*Para Internet Explorer*/
	zoom:1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000,Direction=50,strength=3);
	position:relative;
}
			
/* ~~~~~~~~~ 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;
}