*{
	background-repeat : no-repeat;
	margin : 0;
	padding : 0;
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	list-style : none;
	text-decoration : none;
	border : none;
	color : #47423a;
}
body{
	background-color : #fff;
	background-image : url(img/bg3.jpg);
}
/*topo*/
#topo{
	position : absolute;
	left : 0;
	top:0;
	width : 980px;
	height : 30px;
	background-image : url(https://www.terra.com.br/economia/aston-martin-rapide/img/terra.gif);
	background-color : #ff9900;
}
#topo h2,
#topo h2 a{
	display : block;
	width : 120px;
	height : 30px;
	float : left;
}
#topo h2 a{	text-indent : -6000px;	overflow : hidden;}
	
/*titulo*/
h1,
h1 a{
	display : block;
	width : 227px;
	height : 131px;
	z-index : 100;
}
h1{
	position : absolute;
	left : 0x;
	top : 39px;
	background-image : url(img/hsm-o-desafio-3.gif);
}
h1 a{	text-indent : -6000px;	overflow : hidden;}

/*banner*/
#banner{
	position : absolute;
	left : 240px;
	top : 40px;
	height : 90px;
	width : 728px;
	display : block;
}

/*info*/
#info{
	position : absolute;
	width : 940px;
	height : 473px;
	left : 18px;
	top : 156px;
	display : block;
}
#info h2.subtitulo{
	width : 290px;
	height : 60px;
	position : absolute;
	left : 28px;
	top : 48px;
	display : block;
	text-indent : -6000px;
	overflow : hidden;
}

/*ant e prox*/
#prox_ant{
	width : 86px;
	height : 60px;
	display : block;
	position : absolute;
	top : 48px;
	left : 841px;
}
#prox_ant a{
	display : block;
	float : left;
	width : 43px;
	height : 60px;
	text-indent : -6000px;
	overflow : hidden;
}
#prox_ant a:hover{
	background-position : 0 -60px;
}
#prox_ant a.pro{	background-image : url(img/pro2.gif);}
#prox_ant a.ant{	background-image : url(img/ant2.gif);}

/*menu*/
#menu{
	width : 770px;
	height : 30px;
	position : absolute;
	left : 120px;
	top : 0px;
	display : block;
	border-bottom : 2px solid #eceae7;
	z-index : 320;
}
#menu h2,
#menu h2 a{
	float : left;
	height : 48px;
	color : #47423a;
	font-size : 12px;
	z-index : 330;
}
#menu h2 a{
	padding : 0 10px;
	border-right : 1px solid #eceea7;
	height : 20px;
	line-height : 20px;
}
#menu h2#sel a,
#menu h2 a:hover{
	color : #ff9900;
}
h2.mn1{	margin-left : 0px;}

h2.mn1, h2.mn1 a,
h2.mn2, h2.mn2 a,
h2.mn4, h2.mn4 a,
h2.mn5, h2.mn5 a,
h2.mn6, h2.mn6 a,
h2.mn7, h2.mn7 a,
h2.mn10, h2.mn10 a
h2.mn11, h2.mn11 a{	width : auto; }

h2.mn9, h2.mn9 a,
h2.mn3, h2.mn3 a{	display : none;}

#menu h2.mn12 a{ border : none;}
/*capa*/
#info.capa{
	background-image : url(img/capa1.jpg);
	background-position : 0 44px;
	background-color : #fff;
}
#info.capa #texto{
	position : absolute;
	left : 552px;
	top : 140px;
	width : 340px;
}
#info.capa #texto h2{
	font-size : 22px;
	color : #ba0000;
}
#info.capa #texto p{
	font-weight : bold;
	margin : 10px 0;
}
/*ultimas*/
#info.ultimas iframe{
	width : 890px;
	height : 300px;
	position : absolute;
	left : 30px;
	top : 120px;
}
#info.ultimas h2.subtitulo{	background-image : url(img/ultimasnoticias2.gif);}
/*fotos*/	
#info.fotos h2.subtitulo{	background-image : url(img/fotos2.gif);}

#info.fotos #fotog{
	height : 341px;
	position : absolute;
	left : 30px;
	top: 106px;
	width : 519px;
	overflow : hidden;
}
#info.fotos #fotog #legenda{
	height : 341px;
	position : absolute;
	left : 0px;
	top: 321px;
	width : 100%;
	overflow : hidden;
	z-index : 10;
	height : 20px;
	line-height : 20px;
	font-size : 11px;
	background-color : #fff;
	-moz-opacity:.50;
	filter:alpha(opacity=50);
	opacity:.50;
	text-indent : 20px;
	display : none;
}
#info.fotos #fotog img{
	border : 4px solid #fff;
	text-align : center;
}
#info.fotos #thumb{
	width : 342px;
	height : 280px;
	display : block; 
	position : absolute;
	left : 580px;
	top : 107px;
}
#info.fotos #thumb h2{
	width : 66px;
	height : 66px;
	display : block;
	float : left;
	margin : 1px;
}
#info.fotos #thumb h2 a{
	width : 60px;
	height : 60px;
	display : block;
	border : 3px solid #fff;
}
#info.fotos #thumb h2#sel a{
	border : 3px solid #ff9900;
	-moz-opacity:.30;
	filter:alpha(opacity=30);
	opacity:.30;
}
#info.fotos a.linkao{
	position : absolute;
	left : 30px;
	top : 110px;
	width : 511px;
	height : 341px;
	z-index : 10;
	background-image : url(img/x.gif);
}
#info.fotos #ampliar{
	position : absolute;
	left : 504px;
	top: 410px;
	overflow : hidden;
}
#info.fotos #ampliar,
#info.fotos #ampliar a{
	height : 32px;
	width : 32px;
	display : block;
	z-index : 400000;
}
#info.fotos #ampliar a{
	background-image : url(img/ampliar.gif);
	-moz-opacity:.70;
	filter:alpha(opacity=70);
	opacity:.70;
}
#info.fotos #ampliar a:hover{
	background-position : 0 -32px;
	-moz-opacity:.99;
	filter:alpha(opacity=99);
	opacity:.99;
}
#fotogg{
	position : absolute;
	left : 2px;
	top : 90px;
}
/*fotos*/	
#info.videos h2.subtitulo{	background-image : url(img/videos2.gif);}

/*letra*/
#info.letra h2.subtitulo{	background-image : url(img/letra.gif);}

#info.letra #texto{
	position : absolute;
	left : 220px;
	top : 80px;
	width : 670px;
	z-index : 6;
}
#info.letra #texto h2{
	font-size : 22px;
}
#info.letra #texto p{
	margin : 13px 0;
	line-height : 18px;
}
#info.letra #texto #coluna{
	width : 300px;
	float : left;
}
/*cifra*/
#info.cifra h2.subtitulo{	background-image : url(img/cifra.gif);}

#info.cifra #texto h2{
	font-size : 22px;
}
#info.cifra #texto{
	position : absolute;
	left : 220px;
	top : 80px;
	width : 700px;
	z-index : 6;
}
#info.cifra #cifra{
	height : 320px;
	width : 700px;
	overflow : auto;
	position : absolute;
	left : 0;
	top : 60px;
}
/*o filme*/
#info.filme #texto{
	position : absolute;
	left : 220px;
	top : 85px;
	width : 670px;
	z-index : 6;
}
#info.filme h2.subtitulo{	background-image : url(img/filme2.gif);}

#info.filme #texto h2 em,
#info.filme #texto h2 i,
#info.filme #texto h2{
	font-size : 20px;
}
#info.filme #texto p{	margin : 8px 0;}

#info.filme #ilustra{
	position : absolute;
	background-image : url(img/bg4.jpg);
	width : 405px;
	height : 352px;
	display : block;
	left : 3px;
	top : 120px;
	z-index : 5;
}
/* personagens*/
#info.personagens h2.subtitulo{	background-image : url(img/personagens2.gif);}
#info.personagens h2.subtitulo#atores{	background-image : url(img/atores2.gif);}

#info.personagens #texto{
	position : absolute;
	left : 530px;
	top : 150px;
	width : 300px;
	z-index : 6;
}
#info.personagens #texto h2{
	font-size : 32px;
	margin : 10px 0;
}
#info.personagens #submenu{
	width : 300px;
	height : 300px;
	position : absolute;
	left : 40px;
	top : 105px;
	display : block;
}
#info.personagens #submenu h2{	margin : 2px;}

#info.personagens #submenu h2 a{
	background-image : url(img/h2-perso.gif);
	position:relative;
	left:0;
	top:0;
}
#info.personagens #submenu h2 a:hover{
	background-position : 0 -80px;
}
#info.personagens #submenu h2#sel a{
	background-position : 0 -160px;
}
#info.personagens #submenu h2 a,
#info.personagens #submenu h2{
	display : block;
	overflow : hidden;
	width : 80px;
	height : 80px;
	float : left;
}
#info.personagens #submenu h2 a strong{display:none}
#info.personagens #submenu h2#sel a strong{display:block; position:absolute; top:67px; left:3px; font-size:10px; width:76px; height:14px; text-align:center}
#info.personagens #submenu h2.sm1{background-image:url(img/perso1p.jpg);}
#info.personagens #submenu h2.sm2{background-image:url(img/perso2p.jpg);}
#info.personagens #submenu h2.sm3{background-image:url(img/perso3p.jpg);}
#info.personagens #submenu h2.sm4{background-image:url(img/perso4p.jpg);}
#info.personagens #submenu h2.sm5{background-image:url(img/perso5p.jpg);}
#info.personagens #submenu h2.sm6{background-image:url(img/perso6p.jpg);}
#info.personagens #submenu h2.sm7{background-image:url(img/perso7p.jpg);}
#info.personagens #submenu h2.sm8{background-image:url(img/perso8p.jpg);}

#info.personagens #personagem{
	display:block;
	width:200px;
	height:320px;
	border: 5px solid #fff;
	left: 295px;
	top: 108px;
	position:absolute;
	z-index:100;
	overflow:hidden;
	text-indent:-6000px;
}
#info.personagens #personagem.pers1{background-image:url(img/perso1.jpg);}
#info.personagens #personagem.pers2{background-image:url(img/perso2.jpg);}
#info.personagens #personagem.pers3{background-image:url(img/perso3.jpg);}
#info.personagens #personagem.pers4{background-image:url(img/perso4.jpg);}
#info.personagens #personagem.pers5{background-image:url(img/perso5.jpg);}
#info.personagens #personagem.pers6{background-image:url(img/perso6.jpg);}
#info.personagens #personagem.pers7{background-image:url(img/perso7.jpg);}
#info.personagens #personagem.pers8{background-image:url(img/perso8.jpg);}


/* entrevistas*/
#info.entrevistas h2.subtitulo{	background-image : url(img/entrevistas2.gif);}

#info.entrevistas #texto{
	position : absolute;
	left : 320px;
	top : 130px;
	width : 600px;
	height: 300px;
	z-index : 6;
	overflow:auto;
	display:block
}
#info.entrevistas #texto h2{font-size:22px; margin: 0 15px 25px 10px;}
#info.entrevistas #texto h4{margin: 20px 5px 5px 5px;}
#info.entrevistas #texto p{ margin: 15px 15px 20px 10px; line-height:150%;}

#info.entrevistas #submenu{
	position : absolute;
	left : 20px;
	top : 130px;
	width : 280px;
	height: 300px;
	z-index : 6;
	display:block;
}
#info.entrevistas #submenu h2 a{	font-size:14px;	color:#beb7af;}
#info.entrevistas #submenu h2 a:hover,
#info.entrevistas #submenu h2#sel a{color:#ff9900;}
#info.entrevistas #submenu h2 a strong{color:#ff9900; margin:2px}
#info.entrevistas #submenu h2 {padding:10px 0; border-bottom: 1px dotted #eceae7;}



#selo{
	display : block;
	width : 120px;
	height : 45px;
	position : absolute;
	left : 847px;
	top : 140px;
	z-index : 10;
}