*{
	color : #47423a;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration : none;
	background-repeat : no-repeat;
	margin : 0;
	padding : 0;
	list-style : none;
	border : none;
}
body{
	background-color : #fff;
}

#topo{
	background-color : #ff9900;
	position : absolute;
	width : 990px;
	height : 30px;
	left : 0;
	top: 0;
	display : block;
	background-image : url(img/terra.gif);
}
#topo a{
	display : block;
	width : 300px;
	float : left;
	height : 30px;
	overflow : hidden;
	text-indent : -60000px;
}
#banner{
	position :  absolute;
	left : 131px;
	top : 40px;
	width : 728px;
	height : 90px;
	z-index : 20;
}
h1{
	background-image : url(https://sdp.terra.com.br/image/klavika?c=ph&t=Hubble%2020%20anos);
	position : absolute;
	width : 940px;
	height : 40px;
	left : 15px;
	top : 140px;
	z-index : 2;
}
h1 a{
	display : block;
	width : 700px;
	height : 40px;
	float : left;
	text-indent : -6000px;
	overflow : hidden;
}

/*menu*/
#menu{
	position : absolute;
	left : 5px;
	top : 175px;
	width : 980px;
	height : 40px;
	border-top : 1px solid #d5d0cb;
	z-index : 20;
}
#menu h2{
	width : auto;
	height : 40px;
	line-height : 40px;
	float : left;
}
#menu h2 a{
	width : auto;
	height : 13px;
	line-height : 13px;
	float : left;
	margin : 8px 0 0 0;
	padding : 0 10px;
	border-right : 1px solid #bbb7b3;
	color : #5d5850;
	display : block;

}

#menu h2 a:hover,
#menu h2#sel a{
	color : #ff9900;
}

/*submenu*/
a#linkao{
	z-index : 10;
	background-image : url(img/x.gif);
	width : 252px;
	height : 252px;
	display : block;
	position : absolute;
	left : 30px;
	top : 250px;
}
a#linkao.capa{
	width : 460px;
	height : 400px;
	top : 210px;
	left : 11px;
}
a#linkao.foto{
	width : 700px;
	height : 400px;
	top : 211px;
	left : 10px;
}
a#linkao.linha{
	width : 970px;
	height : 240px;
	top : 370px;
	left : 11px;	
	z-index : 200;
}
#info{
	width : 980px;
	height : 400px;
	display : block;	
	left : 10px;
	top : 211px;
	position : absolute;
	z-index : 9;
	border : 1px solid #d5d0cb;
}

/*capa*/

#info.capa #texto{
	width : 430px;
	height : 290px;
	display : block;
	position : absolute;
	left : 480px;
	top : 60px;
	overflow : auto;
	z-index : 4;
	border : none;
	padding : 0 15px;
}
#info.capa #texto h2{
	font-size : 18px;
	color : #ff9900;
}
#info.capa #texto p{
	color : #fff;
}
#info.capa{
	background-image : url(img/capa.jpg);
}
#info.linha{
	background-image : url(img/linhadotempo.jpg);
}

#legenda {
	width: 290px;
	height: auto;
	font-size: 10px;
	padding: 2px 0;
	float: left;
	margin: 0 0 5px 0;
	text-indent: 5px;
}

#texto{
	width : 620px;
	height : 300px;
	position : absolute;
	left : 300px;
	top : 40px;
	display : block;
	overflow : auto;

	
}
#texto p{
	margin : 12px 0;

}

#info.sucessor #texto h2{
	font-size : 18px;
	margin : 0 0 20px 0;
	color : #ff9900;
}
#info.sucessor #texto p{
	margin : 12px 0;
	color : #fff;
}
#credito{
	font-size : 10px;
	color : #beb7af;
	position : absolute;
	left : 20px;
	top : 25px;
}
#veja{
	position : absolute;
	left : 300px;
	top : 240px;
}
#veja p{
	margin : 5px 0;
}
#veja p span,
#veja p a:hover{
	color : #ff9900;	
}

#veja h3{
	color : #beb7af;
}
#veja p a{
	font-weight : bold;

}
#veja p a.video{
	font-weight : bold;
	background-image : url(img/video.gif);
	padding-left : 16px;
	background-position : 0 1px;
}

#prox_ant{
	position : absolute;
	left : 930px;
	top : 220px;
	z-index : 10;
	display : block;
	width : 52px;
	height : 26px; 
	z-index : 77;	
}
#prox_ant a{
	display : block;
	position : absolute;
	width : 24px;
	height : 24px;
	margin : 1px;
	z-index : 77;
	}
#prox_ant a:hover{
	background-position : 0 -24px;
}
#prox_ant a.pro{	background-image : url(img/prox.gif); left : 26px; top : 1px}
#prox_ant a.ant{	background-image : url(img/ant.gif); left : 0; top : 1px;}



/*mais*/

#info.mais #texto{
	top : 0px;
	left : 5px;
	width : 980px;
	padding-right : 0px;
	height : 400px;
	background-color : transparent;
	border : none;
	overflow : hidden;
}

#info.mais #texto p{
	float : left;
	margin : 2px;
}
#info.mais #texto p,
#info.mais #texto p a{
	width : 190px;
	display : block;
	height : 77px;
	font-weight : bold;
	line-height : 13px;
	font-size : 11px;
}
#info.mais #texto p a:hover{
	color : #ff9900;
}
#info.mais #texto p a img{
	border : 3px solid #fff;
	float : left;
	margin : 0 5px 0 0;
}
#info.mais #texto p a:hover img{
	border : 3px solid #ff9900;
}
#info.mais #texto h2{
	font-size : 18px;
	width : 650px;
	height : 40px;
	line-height : 40px;
	text-indent : 10px;
}

#info.linha #texto p{
	color : #fff;
}

#info.linha #quadro{
	width : 440px;
	height : 215px;
	top : 150px;
	display : block;
	position : absolute;
	opacity:0.50;
	-moz-opacity: 0.50;
	filter: alpha(opacity=50);
}
#info.linha #texto{
	width : 430px;
	height : 195px;
	top : 150px;
	padding : 20px 10px 10px 10px;
	z-index : 100;
	background-image : none!important;
}

#info.linha #texto h2{
	font-size : 18px;
	color : #ff9900;
}
#tempo{
	width : 820px;
	height : 50px;
	display : block;
	position : absolute;
	left : 90px;
	top : 102px;
}
#tempo h2{
	display : block;
	float : left;
	width : 40px;
	height : 50px;

}
#tempo h2 a{
	position : relative;
	left : 0;
	top : 0;
	width : 40px;
	height : 50px;
	display : block;
	background-image : url(img/pontos.gif)!important;
}
#tempo h2 a strong{
	color : #197193;
	font-size : 10px;
	width : 30px;
	height : 15px;
	line-height : 15px;
	text-align : center;
	position : absolute;
	left : 5px;
	top : 30px;
	opacity:0.50;
	-moz-opacity: 0.50;
	filter: alpha(opacity=50);
}
#tempo h2#sel a,
#tempo h2 a:hover{
	background-position : 0 -50px;
}
#tempo h2#sel a strong,
#tempo h2 a:hover strong{
	background-color : #ff9900;
	color : #fff;
	opacity:0.99;
	-moz-opacity: 0.99;
	filter: alpha(opacity=99);
}


#info.linha #foto{
	float : left;
	margin : 0 5px 5px 0;
	border : 1px solid #245161;
	background-color : #000;
	padding : 1px;
	font-size : 10px;
}


.linha0{	left : 300px!important;	background-image : url(img/box0.gif); width : 380px!important; padding-right : 20px!important;}
.linha1{	left : 80px!important;	background-image : url(img/box1.gif);}
.linha2{	left : 120px!important;background-image : url(img/box1.gif);}
.linha3{	left : 160px!important;background-image : url(img/box1.gif);}
.linha4{	left : 200px!important;background-image : url(img/box1.gif);}
.linha5{	left : 240px!important;background-image : url(img/box1.gif);}
.linha6{	left : 280px!important;background-image : url(img/box1.gif);}
.linha7{	left : 320px!important;background-image : url(img/box1.gif);}
.linha8{	left : 360px!important;background-image : url(img/box1.gif);}
.linha9{	left : 230px!important;background-image : url(img/box2.gif);}
.linha10{	left : 270px!important;background-image : url(img/box2.gif);}
.linha11{	left : 310px!important;background-image : url(img/box2.gif);}
.linha12{	left : 350px!important;background-image : url(img/box2.gif);}
.linha13{	left : 390px!important;background-image : url(img/box2.gif);}
.linha14{	left : 260px!important;background-image : url(img/box3.gif);}
.linha15{	left : 300px!important;background-image : url(img/box3.gif);}
.linha16{	left : 340px!important;background-image : url(img/box3.gif);}
.linha17{	left : 380px!important;background-image : url(img/box3.gif);}
.linha18{	left : 420px!important;background-image : url(img/box3.gif);}
.linha19{	left : 460px!important;background-image : url(img/box3.gif);}
.linha20{	left : 500px!important;background-image : url(img/box3.gif);}




#info.sucessor #texto{
	width : 450px;
	height : 380px;
	left : 35px;	
}
#info.sucessor #texto p{
	margin : 8px 0;
}
#info.sucessor{
	background-color : #000;
	background-image : url(img/webb1.jpg);
}




#info.fotos{
	background-color : #47423a;
}
#info.fotos #fotog{
	position : absolute;
	left : 0px;
	top : 0px;
	width : 700px;
	height : 400px;
	background-color : #47423a;
}
#info.fotos #thumbs{
	width : 275px;
	height : 345px;
	display : block;
	position : absolute;
	right : 2px;
	bottom : 2px;
}

#info.fotos #thumbs a{
	width : 67px;
	height : 67px;
	float : left;
	margin : 0 1px  1px 0;
	display : block;
}
#info.fotos #thumbs a#sel,
#info.fotos #thumbs a:hover{
	border : 3px solid #ff9900;
	width : 61px;
	height : 61px;
	background-position : -3px -3px;
}

#legenda{
	position : absolute;
	left : 5px;
	top : 370px;
	color : #fff;
	width : 690px;
	font-size : 10px;
	text-indent : 0;
	background-color : #000;
	height : 21px;
	line-height : 21px;
	text-indent : 10px;
	opacity:0.60;
	-moz-opacity: 0.60;
	filter: alpha(opacity=60);
}
#info.fotos #thumbs a.foto01{	background-image : url(img/foto01p.jpg);}
#info.fotos #thumbs a.foto02{	background-image : url(img/foto02p.jpg);}
#info.fotos #thumbs a.foto03{	background-image : url(img/foto03p.jpg);}
#info.fotos #thumbs a.foto04{	background-image : url(img/foto04p.jpg);}
#info.fotos #thumbs a.foto05{	background-image : url(img/foto05p.jpg);}
#info.fotos #thumbs a.foto06{	background-image : url(img/foto06bp.jpg);}
#info.fotos #thumbs a.foto07{	background-image : url(img/foto07p.jpg);}
#info.fotos #thumbs a.foto08{	background-image : url(img/foto08p.jpg);}
#info.fotos #thumbs a.foto09{	background-image : url(img/foto09p.jpg);}
#info.fotos #thumbs a.foto10{	background-image : url(img/foto10p.jpg);}
#info.fotos #thumbs a.foto11{	background-image : url(img/foto21p.jpg);}
#info.fotos #thumbs a.foto12{	background-image : url(img/foto12p.jpg);}
#info.fotos #thumbs a.foto13{	background-image : url(img/foto13p.jpg);}
#info.fotos #thumbs a.foto14{	background-image : url(img/foto14p.jpg);}
#info.fotos #thumbs a.foto15{	background-image : url(img/foto15p.jpg);}
#info.fotos #thumbs a.foto16{	background-image : url(img/foto16p.jpg);}
#info.fotos #thumbs a.foto17{	background-image : url(img/foto17p.jpg);}
#info.fotos #thumbs a.foto18{	background-image : url(img/foto18p.jpg);}
#info.fotos #thumbs a.foto19{	background-image : url(img/foto19p.jpg);}
#info.fotos #thumbs a.foto20{	background-image : url(img/foto20p.jpg);}

#info.fotos #fotog.foto01{	background-image : url(img/foto01.jpg);}
#info.fotos #fotog.foto02{	background-image : url(img/foto02.jpg);}
#info.fotos #fotog.foto03{	background-image : url(img/foto03.jpg);}
#info.fotos #fotog.foto04{	background-image : url(img/foto04.jpg);}
#info.fotos #fotog.foto05{	background-image : url(img/foto05.jpg);}
#info.fotos #fotog.foto06{	background-image : url(img/foto06b.jpg);}
#info.fotos #fotog.foto07{	background-image : url(img/foto07.jpg);}
#info.fotos #fotog.foto08{	background-image : url(img/foto08.jpg);}
#info.fotos #fotog.foto09{	background-image : url(img/foto09.jpg);}
#info.fotos #fotog.foto10{	background-image : url(img/foto10.jpg);}
#info.fotos #fotog.foto11{	background-image : url(img/foto21.jpg);}
#info.fotos #fotog.foto12{	background-image : url(img/foto12.jpg);}
#info.fotos #fotog.foto13{	background-image : url(img/foto13.jpg);}
#info.fotos #fotog.foto14{	background-image : url(img/foto14.jpg);}
#info.fotos #fotog.foto15{	background-image : url(img/foto15.jpg);}
#info.fotos #fotog.foto16{	background-image : url(img/foto16.jpg);}
#info.fotos #fotog.foto17{	background-image : url(img/foto17.jpg);}
#info.fotos #fotog.foto18{	background-image : url(img/foto18.jpg);}
#info.fotos #fotog.foto19{	background-image : url(img/foto19.jpg);}
#info.fotos #fotog.foto20{	background-image : url(img/foto20.jpg);}