/*   wolwerine.css   */

*{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration : none;
	background-repeat : no-repeat;
	margin : 0;
	padding : 0;
	list-style : none;
}

body,
p{
	color : #fff;
}
a{
	text-decoration : none;
	color : #ff9900;
}
a:hover{
	color : #fff;
	text-decoration : none;
}
body{
	background-image : url(img/bg.jpg);
	background-color : #000;
	margin : 0;
	padding : 0;
}
#topoterra{
	width : 936px;
	height :31px;
	display : block;
	float : left;
	position : absolute;
	left : 0;
	top : 0;
}
#topoterra h2 a,
#topoterra h2{
	display : block;
	float : left;
	height : 90px;
	width : 440px;
	overflow : hidden;
	margin : 0;
	padding : 0;
	border : none;
}
#topoterra h2 a{
	text-indent : -6000px;
	background-image : url(img/terra.gif);	
}
#banner{
	width : 468px;
	height : 60px;
	z-index : 100;
	position : absolute;
	display : block;
	left : 340px;
	top : 41px;
	background-color : #000;
}
#breadcrumb{
	display : none;
}
#capa,
#especial{
	width : 936px;
	float : left;
	_width : 945px;
	margin : 0;
	padding : 0;
	float : left;
}
#especial{
	margin : 0 0 30px 0;	
	padding-bottom : 20px;
}



/*geral*/
h1{
	margin : 0 0;
	height : 130px;
}
h1 a{
	display : block;
	height : 130px;
	width : 936px;
	text-indent : -5000px;
	overflow : hidden;
}
h2{
	font-size : 17px;
	text-transform : uppercase;
	line-height : 30px;
	color : #fff;
	margin : 0 0 10px 0;
}
p{
	font-size : 12px;
	margin : 15px 0;
	line-height : 130%;

}
/*geral fim*/

/*foto*/
#foto{
	display : block;
	width : 301px;
	height : 350px;
	position : absolute;
	left : 596px;
	top : 226px;

}

/*foto fim*/

/*menu*/
#especial #menu{
	width : 936px;
	height : 36px;
	float : left;
}
#especial #menu h2,
#especial #menu h2 a{
	text-transform : uppercase;
	font-size : 11px;
	font-weight : bold;
}
#especial #menu h2{
	float : left;
	line-height : 36px;
	height : 36px;
	border : none;
}
#especial #menu h2 a{
	color : #fff;
	padding :0;
	height : 36px;
	display : block;
	background-position : 0 0;
	text-indent : -5000px;
}
#especial.especiais #menu h2.menu_7 a,
#especial.quadrinhos #menu h2.menu_6 a,
#especial.fotos #menu h2.menu_5 a,
#especial.personagens #menu h2.menu_3 a,
#especial.analise #menu h2.menu_2 a,
#especial.capa #menu h2.menu_1 a,
#especial #menu h2 a:hover{
	background-position : 0 -36px;
	color : #000;
	text-decoration : none;
}

h2.menu_1{
	margin-left : 29px;
}
h2.menu_1 a{	background-image : url(img/menu-1.gif); width : 67px;}
h2.menu_2 a{	background-image : url(img/menu-2.gif); width : 72px;}
h2.menu_3 a{	background-image : url(img/menu-3.gif); width : 114px;}
h2.menu_4 a{background-image : url(img/menu-4.gif); width : 63px;}
h2.menu_5 a{background-image : url(img/menu-5.gif); width : 58px;}
h2.menu_6 a{background-image : url(img/menu-6.gif); width : 100px;}
h2.menu_7 a{background-image : url(img/menu-7.gif); width : 115px;}

.menu_maisespeciais{
	display : none;
}
/*menu fim*/
#revista{
	position : absolute;
	left : 600px;
	top : 250px;
	z-index : 3;
	
}


/*capa*/

#capa{
	width : 730px;
	float : left;
	margin : 15px 0 10px 30px;
}

#capa #texto{
	width : 510px;
	float : left;
}
#capa #texto.capa{}

#especial.especiais #capa{
	width : 660px;
	margin : 15px 0 10px 30px;
}
#especial.especiais #capa h2.lista,
#especial.especiais #capa h2.lista a{
	width : 270px;
	height : 70px;
	margin : 5px 5px 0 0;
	float : left!important;
	display : block;
	padding : 0 0 0 0;
	clear : none;
}
#especial.especiais #capa h2.lista a{
	margin : 0;
	line-height : 60px;
	font-size : 12px;
}
#especial.especiais #capa h2.lista a img{
	border : 2px solid #000;
	margin : 0 2px 0 0;
	float : left;
}
#especial.especiais #capa h2.lista a:hover img{
	border : 2px solid #ff9900;
}

#link{
	width : 400px;
	height : auto;
	float : left;
	margin : 10px 0;
}
#link h2 a,
#link h2{
	font-size : 16px;
	color : #ff9900;
	width : 400px;
	height : auto;
	line-height : 18px;
	border : none;
	text-transform : none;
}
#link h2 a:hover{
	text-decoration : underline;
}

#proxant{
	width : 875px;
	height : 30px;
	float : left;
	position : absolute;
	left : 40px;
	top:600px;
	z-index : 40;
	border-top : 1px solid #4A4A00;

}
#proxant a{
	margin-top : 10px;
	display : block;
	height : 30px;
	width : 80px;
	float : left;
	overflow : hidden;
	text-indent : -3000px;	
	background-position : 0 -30px;
}
#proxant a.ant{
	background-image : url(img/anterior.gif);
}
#proxant a.pro{
	background-image : url(img/proxima.gif);
	float : right;

}
#proxant a:hover{
	background-position : 0 0;
}

#texto.capa h2,
#texto.classicos h2{
	font-size : 18px;
	line-height : 20px;
	border : none;
	margin : 0  0 10px 0;
	color : #ff9900;
}
#personagem{
	display : block;
	position : absolute;
	left : 20px;
	top : 290px;
	width : 890px;
	height : 300px;
}
#personagem h1{
	font-size : 22px;
	float : left;
	width : 400px;
	height : 40px;
	display : block;
	text-indent : 0;
	position : static;
	margin : 30px 0 15px 400px;
}
#personagem p{
	font-size : 12px;
	width : 400px;
	line-height : 16px;
	margin : 0 0 15px 400px;
}
#personagem.pers1{	background-image : url(img/pers1.jpg);}
#personagem.pers2{	background-image : url(img/pers2.jpg);}
#personagem.pers3{	background-image : url(img/pers3.jpg);}
#personagem.pers4{	background-image : url(img/pers4.jpg);}
#personagem.pers5{	background-image : url(img/pers5.jpg);}
#personagem.pers6{	background-image : url(img/pers6.jpg);}
#personagem.pers7{	background-image : url(img/pers7.jpg);}


#submenu{
	width : 890px;
	height : 90px;
	border : 1px solid #163a46;
	display : block;
	position : absolute;
	left : 20px;
	top : 180px;
	z-index : 200;
}
#submenu h2,
#submenu h2 a{
	display : block;
	float : left;
	position : static;
	text-indent : 0;
}
#submenu h2 a{
	width : 100px;
	height : 70px;
	text-indent : -3000px;
	overflow : hidden;
	border : 3px solid #163a46;
}



#submenu h2{
	width : 100px;
	height : 70px;
	text-align : center;
	padding : 7px 13px;
}
#submenu h2 a.pers1{	background-image : url(img/logan.jpg);}
#submenu h2 a.pers2{	background-image : url(img/dentes-de-sabre.jpg);}
#submenu h2 a.pers3{	background-image : url(img/stryker.jpg);}
#submenu h2 a.pers4{ background-image : url(img/personagem-deadpool.jpg);}
#submenu h2 a.pers5{	background-image : url(img/gambit.jpg);}
#submenu h2 a.pers6{	background-image : url(img/kayla.jpg);}
#submenu h2 a.pers7{	background-image : url(img/scott.jpg);}
#submenu h2 a#sel,
#submenu h2 a:hover{
	border : 3px solid #ff9900;
}