* {
	font-size: 100%;
	background: transparent;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0; 
}

img { behavior:url('_js/iepngfix.htc'); }

body {
	background: url(../_img/bg-main.jpg) no-repeat top center #000
}

body, input, select, textarea {
	font: 12px Trebuchet, Arial;
	color: #000
}

p {margin-bottom: 24px}

a:link, a:hover, a:visited, a:active {color: #000}

.left {float: left}

.right {float: right}

.clear {clear: both}

ol.lroman {list-style-type: lower-roman}

ol.ualpha {list-style-type: upper-alpha}

#container {
	position: absolute;
	left: 50%;
	width: 750px;
	margin-left: -376px;
} * html #container {margin-left: -375px;}

#container, x:-moz-any-link {margin-left: -375px;}

#container, x:default {margin-left: -376px;}

/*header*/
#header {
	width: 750px;
	height: 79px;
	overflow: hidden;
	background: url(../_img/bg-header.jpg) no-repeat top left;
}

#header h1 {
	position: relative;
	top: 3px;
	left: 38px;
	float: left
}

#header h1, #header h1 a {
	display: block;
	width: 141px;
	height: 76px;
	background: url(../_img/logo-ultradino.png) no-repeat top left;
	text-indent: -5000px;
}

.content {
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-content.jpg) no-repeat top left;
}

.content.home {
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-content.jpg) no-repeat top left;
}

.content.indique {
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-indique.jpg) no-repeat top left;
}

.content.para-pais{
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-para-pais.jpg) no-repeat top left;
}

.content.ovo-de-dino{
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-ovo-de-dino.jpg) no-repeat top left;
}

.content.ha-muito-tempo{
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-ha-muito-tempo.jpg) no-repeat top left;
}

.content.naquela-epoca{
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-naquela-epoca.jpg) no-repeat top left;
}

.content.familia-dino{
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-familia-dino.jpg) no-repeat top left;
}

.content.desaparecimento-guia{
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-desaparecimento.jpg) no-repeat top left;
}

.content.comida-int{
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-comida-int.jpg) no-repeat top left;
}

.content.tamanho-int{
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-tamanho-int.jpg) no-repeat top left;
}

.content.armas-int{
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-armas-int.jpg) no-repeat top left;
}

.content.reproducao-int{
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-reproducao-int.jpg) no-repeat top left;
}

.content.uberabatitan-int{
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-uberabatitan.jpg) no-repeat top left;
}

.content.tyranossauros-int{
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-tyranossauros-rex.jpg) no-repeat top left;
}

.content.velociraptor-int{
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-velociraptor.jpg) no-repeat top left;
}

.content.spino-int{
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-spino.jpg) no-repeat top left;
}

.content.paleontologo-int{
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-paleontologo-int.jpg) no-repeat top left;
}

.content.fosseis-int{
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-fosseis-int.jpg) no-repeat top left;
}

.content.como-eram-int{
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-como-eram-int.jpg) no-repeat top left;
}

.content.origem-int{
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-origem-int.jpg) no-repeat top left;
}

.content.seja-um-paleontologo{
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-seja-um-paleontologo-int.jpg) no-repeat top left;
}

.content.diversao{
	height: 555px;
	overflow: hidden;
	background: url(../_img/bg-diversao.jpg) no-repeat top left;
}

.container-diversao { position: relative; width: 750px; height: 555px; }
.container-diversao .gincana-do-barulho { position: absolute; top: 90px; left: 145px; }
.container-diversao .dinosafio { position: absolute; top: 353px; left: 175px; }
.container-diversao .pac-dino { position: absolute; top: 350px; left: 468px; }

.imagem-titan-cont { position: relative; z-index: 1; }
.imagem-titan { position: absolute; top: -140px; left: 390px; }
.imagem-uberabatitan { background: url(../_img/img-uberabatitan.png) no-repeat; width: 341px; height: 235px; behavior:url('_js/iepngfix.htc'); }
.imagem-titan-cont .bot-foto-maior { position: absolute; top: -100px; left: 620px; }

.imagem-tyranossauros-cont { position: relative; z-index: 10; }
.imagem-tyranossauros { position: absolute; top: -135px; left: 355px; }
.imagem-tyranossauros-rex { background: url(../_img/img-tyranossauro.png) no-repeat; width: 377px; height: 219px; behavior:url('_js/iepngfix.htc'); }
.imagem-tyranossauros-cont .bot-foto-maior { position: absolute; top: -20px; left: 540px; }

.imagem-velocraptor-cont { position: relative; }
.imagem-velocraptor-cont .bot-foto-maior { position: absolute; top: -90px; left: 635px; }

.imagem-spinossauro-cont { position: relative; }
.imagem-spinossauro-cont .bot-foto-maior { position: absolute; top: -90px; left: 625px; }

.content h3 {
	font-size: 13px;
	margin-bottom: 24px
}

.content ul, .content ol { margin:0 0 24px 28px; }

.content ul {list-style: circle}

.content li {margin-top: 24px}

#flashContent {background: none}

.topImage {
	/*position: relative;
	top: 115px;*/
	height: 172px;
	padding-top: 114px
}

.backNav {
	float: left;
	width: 123px
}

.backNav a:link, .backNav a:hover, .backNav a:visited, .backNav a:active {
	position: relative;
	top: 171px;
	left: 29px;
	display: block;
	float: left;
	width: 80px;
	height: 97px;
	text-indent: -5000px;
	background: url(../_img/bt-voltar.png) no-repeat top left;	
}

.backNav p {
	position: relative;
	top: 172px;
	left: 29px;
	display: block;
	float: left;
	width: 80px;
	height: 97px;
	text-indent: -5000px;
	background: url(../_img/bt-voltaroff.png) no-repeat top left;
}

.moreNav {
	float: left;
	width: 87px
}

.moreNav a:link, .moreNav a:hover, .moreNav a:visited, .moreNav a:active {
	position: relative;
	top: 176px;
	left: 5px;
	display: block;
	float: left;
	width: 68px;
	height: 90px;
	text-indent: -5000px;
	background: url(../_img/bt-mais.png) no-repeat top left;	
}

.moreNav p {
	position: relative;
	top: 177px;
	left: 5px;
	display: block;
	float: left;
	width: 69px;
	height: 89px;
	text-indent: -5000px;
	background: url(../_img/bt-maisoff.jpg) no-repeat top left;
}

.main {
	float: left;
	width: 540px
}

.footer {
	width: 780px;
	font-family: Arial;
	background: url(../_img/bg-footer.jpg) no-repeat top left;
	padding-top: 99px;
	position: relative;
}

.footer.guia-assinatura {
	font-family: Arial;
	background: url(../_img/bg-footer-assinatura.jpg) no-repeat top left;
	padding-top: 99px;
}

.footer .selo-crianca-segura { position: absolute; top: 102px; right: 10px; }

#flashFooter {background: url(../_img/bg-flashfooter.jpg) no-repeat top left;}

#footerContent {
	height: 36px;
	color: #4e5013; 
	background: url(../_img/bg-footercontent.png) repeat-x top left;
	padding-top: 4px;
}

#footerContent p {
	font-size: 11px;
	text-align: center;
	margin: 0
}

/*Institucional*/

#instContent {
	background: url(../_img/bg-institucional.jpg) no-repeat top left;
}

/*scrollbar*/
#scrollbarContainer {
	position:absolute;
	top: 138px;
	left: 640px;
}

.scrollbarUp {
	position:absolute;
	left: 1px;
	cursor:pointer;
}

.scrollbarDown {
	position:absolute;
	top:310px;
	left: 2px;
	cursor:pointer;
}

.scrollbarTrack {
	position:absolute;
	top:29px;
	width:31px;
	height:282px;
	background: transparent url(../_img/ico-scrollbartrack.png) no-repeat scroll center center;
}

.scrollbarHandle {
	position:absolute;
	width:31px;
	height:29px;
}

#scrollerContainer {
	position:absolute;
	top: 132px;
	left: 146px;
	width:476px;
	height:343px;
	overflow:hidden;
}

.scrollerContent {
	position:absolute;
	top:0;
	left:0;
}

.scrollerContent h2 {
	font-size: 16px;
	text-align: center;
	margin-bottom: 20px
}

.faq dt {
	font-weight: bold;
	margin-top: 24px
}

/*titulps*/
h2.titPaleontologo {
	position: absolute;
	top: 122px;
	left: 251px;
	z-index: 100;
	width: 235px;
	height: 64px;
	background: url(../_img/tit-paleontologo.png) no-repeat top left;
	text-indent: -5000px;
}

h2.titFosseis {
	position: absolute;
	top: 187px;
	left: 321px;
	z-index: 100;
	width: 143px;
	height: 59px;
	background: url(../_img/tit-fosseis.png) no-repeat top left;
	text-indent: -5000px;
}

h2.titDinossauros {
	position: absolute;
	top: 172px;
	left: 402px;
	z-index: 100;
	text-indent: -5000px;
}

h2.titOrigem {	 
	width: 166px;
	height: 53px;
	background: url(../_img/tit-origem.png) no-repeat top left;
}

h2.titComoeram {	 
	width: 244px;
	height: 62px;
	background: url(../_img/tit-comoeram.png) no-repeat top left;
}

h2.titTamanho {	 
	width: 197px;
	height: 60px;
	background: url(../_img/tit-tamanho.png) no-repeat top left;
}

h2.titComida {	 
	width: 158px;
	height: 54px;
	background: url(../_img/tit-comida.png) no-repeat top left;
}

h2.titHamuitotempo {
	position: absolute;
	top: 221px;
	left: 382px;
	z-index: 100;
	width: 230px;
	height: 113px;
	background: url(../_img/tit-hamuitotempo.png) no-repeat top left;
	text-indent: -5000px;
}

h2.titNaquelaepoca {
	position: absolute;
	top: 239px;
	left: 343px;
	z-index: 100;
	width: 244px;
	height: 50px;
	background: url(../_img/tit-naquelaepoca.png) no-repeat top left;
	text-indent: -5000px;
}

h2.titParentes {
	position: absolute;
	top: 193px;
	left: 263px;
	z-index: 100;
	width: 257px;
	height: 140px;
	background: url(../_img/tit-parentes.png) no-repeat top left;
	text-indent: -5000px;
}

h2.titDesaparecimento {
	position: absolute;
	top: 222px;
	left: 267px;
	z-index: 100;
	width: 287px;
	height: 63px;
	background: url(../_img/tit-desaparecimento.png) no-repeat top left;
	text-indent: -5000px;
}

.botao-onde-encontrar { margin: 469px 0 0 153px; }
.bg-resposta { width: 750px; height: 555px; background: url(../_img/bg-resposta-indique.jpg) no-repeat; position: relative; }
.bg-resposta .continuar { position: absolute; top: 363px; left: 280px; }
.bg-resposta .indicar-mais { position: absolute; top: 355px; left: 405px; }