@import url(/css/estilo.css);

html { overflow:scroll; }
	body { background:#000; color:#000; font-family:Tahoma, Geneva, sans-serif; margin:0; padding:0; width:15120px; overflow:hidden; }
		a { color:#000; }
		#geral { margin:0 auto; }
			#topo { background-color:#eee; position:fixed; left:0; top:0; z-index:10; }
				#topo .conteudo { margin:0 auto; width:755px; }
				#topo .clear { background:none; }
			
			#rodape { background-color:#eee; position:fixed; left:0; top:1200px; }
				#rodape .conteudo { margin:0 auto; width:755px; }
				#rodape .clear { background:none; }
				
				
			.menu-utopia { background-color:#000; position:fixed; left:0; padding:4px 0 2px 0; top:75px; text-align:center; width:100%; z-index:5; }
				.menu-utopia li { display:inline; margin:0 15px; }
			
			.palco { background-color:#000; position:absolute; left:0; top:110px; width:15120px; }
				.bloco { display:block; float:left; height:750px; position:relative; width:1680px; }
				
				#principal { background:url(../imagens/bg-principal.jpg) no-repeat top center; }
					#principal .era { float:left; margin:80px 30px 40px 150px; }
					#principal .grandes { margin:80px 0 20px 0; }
					#principal .qual { float:left; margin:40px 40px 40px 150px; }
					#principal .linha { margin:0 0 40px 0; }
				
				#era { background:url(../imagens/bg-era.jpg) no-repeat top center; }
					#era .aserie { float:left; font-weight:bold; height:300px; margin:200px 105px 0 160px; width:300px; }
					
					#era .era-videos { float:left; margin:135px 50px 0 0; width:550px; }
						.era-videos .stepcarousel { min-height:240px; margin:45px 0 10px 0; overflow:scroll; position:relative; text-align:center; width:550px; }
							.era-videos .stepcarousel .belt { position:absolute; left:0; top:0; }
							.era-videos .stepcarousel .panel { float:left; overflow:hidden; margin:0; min-height:260px; width:550px; }
						.era-videos .anterior { clear:both; }
						.era-videos .proximo { position:relative; bottom:0; }
						
					#era .episodios { font-weight:bold; float:left; margin:140px 0 0 0; width:430px; }
						#era .episodios ul { margin:70px 0 20px 0; }
							#era .episodios ul li { display:inline; margin:0 40px 0 0; }
						#era .episodios .info { height:200px; overflow:auto; }
					
				#qual { background:url(../imagens/bg-qual.jpg) no-repeat top center; }
					#qual .blocoesquerda { float:left; font:14px Georgia, "Times New Roman", Times, serif; margin:100px 50px 0 100px; width:350px; }
						#qual .blocoesquerda .citacao { background-color:#e5e5e5; display:inline; font-size:24px; font-style:italic; }
						#qual .blocoesquerda div { background-color:#e5e5e5; margin:20px 0 0 0; padding:15px; }
							#qual .blocoesquerda div strong { font-size:16px; }
					#qual .videos { float:left; margin:250px 0 0 90px; width:550px; }
					#qual .podcast { float:left; margin:210px 0 0 80px; }
				
				#grandes { background:url(../imagens/bg-grandes.jpg) no-repeat top center; }
					#grandes .paperkraft { float:left; margin:360px 50px 0 90px; }
						#grandes .paperkraft p { background-color:#fff; padding:5px; }
					#grandes .avatares { float:left; margin:135px 50px 0 55px; }
					#grandes .quiz { float:left; margin:90px 0 0 10px; }
				
				#linha { background:url(../imagens/bg-linha.jpg) no-repeat top center; }
					#linha .tempo { margin:185px 0 0 60px; }
						#linha .tempo a { cursor:pointer; }
				
				
				#passagem1 { background:url(../imagens/bg-passagem1.jpg) no-repeat top center; }
				#passagem2 { background:url(../imagens/bg-passagem2.jpg) no-repeat top center; }
				#passagem3 { background:url(../imagens/bg-passagem3.jpg) no-repeat top center; }
				#passagem4 { background:url(../imagens/bg-passagem4.jpg) no-repeat top center; }
				
				
				
				
/*html { background:#080805 url(../imagens/bg.jpg) repeat-x 190px 115px; }
	body { background:#080805 url(../imagens/bg01.jpg) repeat-x; }

		.palco { color:#11100b; font:10px Verdana, Geneva, sans-serif; min-height:570px; padding:10px 0; }
			.palco .breve { margin:20px 0 90px 0; text-align:right; }
			.palco .sinopse { float:left; height:345px; width:245px; }
			.palco .fotos { background:url(../imagens/lambe-lambe-fotos.jpg) no-repeat center top; float:left; height:345px; margin:0 20px; padding:10px 7px; width:230px; }
				.palco .fotos .galeria { min-height:240px; margin:45px 0 10px 0; text-align:center; }
			.palco .videos { background:url(../imagens/lambe-lambe-videos.jpg) no-repeat center top; float:left; height:345px; padding:10px 8px; width:230px; }
				.palco .videos .galeria { min-height:240px; margin:45px 0 10px 0; text-align:center; }
				
				.palco .anterior { clear:both; float:left; }
				.palco .proximo { float:right; position:relative; bottom:0; }
				
			.palco .stepcarousel { min-height:240px; margin:45px 0 10px 0; overflow:scroll; position:relative; text-align:center; width:230px; }
				.palco .stepcarousel .belt { position:absolute; left:0; top:0; }
				.palco .stepcarousel .panel { float:left; overflow:hidden; margin:0; min-height:260px; width:230px; }
		
			#shadowbox_content { background:#fff url(../imagens/bg-sinopse.jpg) repeat; color:#000; font-size:12px; font-weight:bold; }
		
		#rodape { background-image:none; clear:both; float:left; margin:0 0 15px 0; width:775px; }
			#rodape div { background-color:transparent; }
			#rodape ul { margin:5px 0 10px 0; }
				#rodape p { color:#fff; margin:0; padding:0 0 15px 0; }
				#rodape a { color:#fff; }
			#rodape .clear { background:none; font-size:0; height:5px; line-height:0; }*/