/* CSS Document */

#pageContent { color: #666; }
	#pageContent a, #pageContent select { color: #666; }
	#mainRoom { position: relative; height: 222px; overflow: hidden; z-index: 1; }
	#largeBanner { float: left; width: 762px; height: 222px; overflow: hidden; position: relative; z-index: 1; background-color: #e6e6e6; }
	#timeStamp { float: left; top: 0; color: #666666; font-size: 118%; width: 1000px; }
	
		#timeStamp p { float: left; height: 20px; padding: 6px 0 0 33px; }
		#timeStamp #smplBanner { float: right; height: 66px; }

		#feature1stLvl { float: left; width: 320px; padding-right: 35px; height: auto; margin: 0; }
			#feature1stLvl a { font-weight: bold; text-decoration: none; }

			#feature1stLvl #seuBilhete { padding-top: 12px; top: 0; left: 30px; height: 279px; width: 290px; position: relative; overflow: hidden;}
		
				#feature1stLvl #seuBilhete dt { background: url(/img/title/seuBilhete.gif) no-repeat; margin: 0 0 0 29px; text-indent: -5000em; width: 119px; height: 35px; }
    
				#feature1stLvl #seuBilhete #seuBilheteLinks { height: 47px;}
	
					#feature1stLvl #seuBilhete #seuBilheteLinks a {
						display: block;
						height: 22px;					
						text-transform: uppercase;
						color: #FFF;
						font-weight: bold;
						float: left;
						text-align: center;
						padding-top: 7px;
					}
	
					#feature1stLvl #seuBilhete dd li a#mnuBuComum { background: url(/img/layout/seuBilheteComum.gif) repeat-x; width: 97px; }
					#feature1stLvl #seuBilhete dd li a#estudante { background: url(/img/layout/seuBilheteEstudante.gif) repeat-x; width: 96px; }
					#feature1stLvl #seuBilhete dd li a#valeTransporte { background: url(/img/layout/seuBilheteTransporte.gif) repeat-x; width: 97px; height: 29px; padding-top: 0; }

					#feature1stLvl #seuBilhete dd li.contentMnuComunAtv a#mnuBuComum { background: url(/img/layout/seuBilheteComumOver.gif) no-repeat center 0 ; padding-bottom: 26px; width: 97px; height:14px;}
					#feature1stLvl #seuBilhete dd li.contentMnuEstudanteAtv a#estudante { background: url(/img/layout/seuBilheteEstudanteOver.gif) no-repeat center 0 ; padding-bottom: 26px; height:14px;}
					#feature1stLvl #seuBilhete dd li.contentMnuValeAtv a#valeTransporte { background: url(/img/layout/seuBilheteTransporteOver.gif) no-repeat center 0 ; padding-bottom: 33px; height:14px; }
					
					#contentMnuComun li {background-image:url(/img/layout/bullet-vermelho-bco.gif); background-repeat:no-repeat; background-position:28px center;}
					#contentMnuComun li.greyLine {background-image:url(/img/layout/bullet-vermelho-cnz.gif); background-repeat:no-repeat; background-position:28px center;}
					#contentMnuComun li.nada {background-image:none}
					#contentMnuEstudante li {background-image:url(/img/layout/bullet-verde-bco.gif); background-repeat:no-repeat; background-position:28px center;}
					#contentMnuEstudante li.greyLine {background-image:url(/img/layout/bullet-verde-cnz.gif); background-repeat:no-repeat; background-position:28px center;}
					#contentMnuEstudante li.nada {background-image:none}
					#contentMnuVale li {background-image:url(/img/layout/bullet-azul-bco.gif); background-repeat:no-repeat; background-position:28px center;}
					#contentMnuVale li.greyLine {background-image:url(/img/layout/bullet-azul-cnz.gif); background-repeat:no-repeat; background-position:28px center;}
					#contentMnuVale li.nada {background-image:none}

/*Mnu Seu bilhete*/
				#feature1stLvl #seuBilhete ul li ul li a { text-transform: uppercase; padding-left: 22px; }
				#feature1stLvl #seuBilhete .subMnuBu { clear: both; height: 288px; position: relative; }
				
					#feature1stLvl #seuBilhete .subMnuBu li { height: 14px; padding: 6px 0 6px 28px ; width: 262px; }
					#feature1stLvl #seuBilhete .subMnuBu .feature { width: 178px; padding: 0 15px 5px 97px; height: 62px; background: url(/img/layout/bgBunicoHome.gif) no-repeat 17px 0; overflow:hidden; line-height:13px;}
					#feature1stLvl #seuBilhete .subMnuBu #contentMnuVale .feature {height:88px}
						#feature1stLvl #seuBilhete .subMnuBu #feature a { text-decoration: underline; }
					#feature1stLvl #seuBilhete .subMnuBu li.greyLine { background-color: #e5e5e5;}


/*Mnu Seu bilhete*/


		#feature1stLvl #destaques { background: url(/img/layout/destaquesHomeBg.gif) no-repeat top left; margin-top:83px; width: 314px; height: 266px; position: relative; }
			#feature1stLvl #destaques dt { background: url(/img/title/titleDestaque.gif) no-repeat; text-indent: -5000em; position: relative; left: 62px; width: 155px; height: 17px; }
			#feature1stLvl #destaques dd { position: relative; top: 21px; left: 62px; width: 252px; font-size: 114%; }

				#destaques dd #opcao1 { display: block; }
				#destaques dd #opcao2 { display: none; }

					#destaques dd #opcao1Conteudo span { color: #CC0000; display: block; text-transform: uppercase; font-weight: bold; }
					#destaques dd #opcao1Conteudo img { position: absolute; top: 0; left: 166px; }
					#feature1stLvl #opcao1Conteudo p { width: 150px; }
					#destaques dd #opcao2Conteudo span { color: #CC0000; display: block; text-transform: uppercase; font-weight: bold; }
					#destaques dd #opcao2Conteudo img { position: absolute; top: 0; left: 166px; }
					#feature1stLvl #opcao2Conteudo p { width: 150px; }

					#destaques dd .opcaoLinks { position: absolute; left: -20px; top: 145px; }
						#destaques dd .opcaoLinks li { background: url(/img/layout/linkOpcao.gif) no-repeat left; height: 15px; padding-left: 22px; }
							#destaques dd .opcaoLinks li a { text-transform: uppercase; font-size: 100%; text-decoration: none; font-weight: bold; }
							
					#destaques dd #escolha1, #destaques dd #escolha2 { display: block; width: 20px; height: 20px; position: absolute; top: 207px; text-indent: -5000em; }
					#destaques dd #escolha1 { background: url(/img/button/opcao1Destaque.gif) no-repeat; left: 168px;}
					#destaques dd #escolha2 { background: url(/img/button/opcao2Destaque.gif) no-repeat; left: 198px;}
					#destaques dd .ativo1 #escolha1 { background: url(/img/button/opcao1Destaqueon.gif) no-repeat;}
					#destaques dd .ativo2 #escolha2 { background: url(/img/button/opcao2Destaqueon.gif) no-repeat;}
					
					#opcao1Conteudo,
					#opcao2Conteudo {position:absolute}
					
		#feature1stLvl #enquete #enqueteResultado { display:none; }
		#feature1stLvl #enqueteConsciencia { width: 310px; position: relative; top: 22px; font-size: 114%; }
			#feature1stLvl #enquete { padding-left: 28px;}
				#feature1stLvl #enquete dt { background: url(/img/title/titleEnquete.gif) no-repeat;  height: 28px; width: 290px; text-indent: -5000em; }
				#feature1stLvl #enquete dd { display: block; height: 115px; width: 282px; position:relative }
					#feature1stLvl #enquete dd p { font-weight: bold; float: left; width: 80px; }
					#feature1stLvl #enquete dd form { float: left; width: 202px; }
					#feature1stLvl #enquete dd p#resposta {position:absolute; left:0; bottom: 6px; *bottom: 6px; width:auto;}
						#feature1stLvl #enquete dd ul#enqueteOptions { float: left; width: 150px; padding-left: 20px; display:block }
							#enquete dd ul#enqueteOptions li { display: block; line-height: 18px; *margin-top: 0px; *height: 14px; _margin-top: -3px }
							#enquete dd ul#enqueteOptions label { position: relative; top: -2px; }
						#feature1stLvl #enquete dd ul#enqueteResultado { float: right; padding-right: 2px; }
							#enquete dd ul#enqueteResultado li { display:block; line-height: 18px; }
								dd ul#enqueteResultado li span { color: #cc0000; }

		#feature1stLvl #conciencia { position: relative; width: 310px; height: 130px; background: url(/img/layout/concienciaAmbientalBg.jpg) no-repeat;}
			#feature1stLvl #conciencia dt { height: 12px; padding: 8px 0 9px 60px; width: 250px; font-weight: bold; text-transform: uppercase; }
			#feature1stLvl #conciencia dd { padding: 10px 0 0 150px; } 
				#feature1stLvl #conciencia dd a { text-decoration: none; font-weight: bold; } 
				#feature1stLvl #conciencia dd a:hover {text-decoration:underline}

/* Aqui começa a segunda linha de Destaque */

	#feature2ndLvl { float: left; width: 325px; }

		#feature2ndLvl #olhoVivo {
			padding-top: 4px;
			width: 290px;
			position: relative;
			height: 287px;
			overflow: hidden;
			font-size: 100%;
		}

			#feature2ndLvl #olhoVivo dt { background: url(/img/title/olhoVivo.gif) no-repeat; margin: 4px 0 4px 14px; *margin-top: 8px; text-indent: -5000em; width: 120px; height: 35px; }
            #feature2ndLvl #olhoVivo dt a { background: url(/img/layout/bgOlhoVivoHome.gif) no-repeat 100% 3%; display: block; width: 118px; height: 24px; margin: 0 0 0 154px ; }
			#feature2ndLvl #olhoVivo dd { background-color: #e5e5e5; height:244px; }

				#feature2ndLvl #olhoVivo #olhoVivoTitle { background: url(/img/layout/olhoVivoTitle.gif) repeat-x; height: 12; padding: 8px 0 7px 15px; width: 275px; color: #FFF; font-size: 117%; }

					#feature2ndLvl #olhoVivo ul ul { padding: 19px 19px 0 14px; height: 160px; font-size: 107%; overflow-x: none; overflow-y:auto}
						
						#feature2ndLvl #olhoVivo ul ul li { margin-bottom: 10px;}
							#feature2ndLvl #olhoVivo ul ul li span { color: #cc0000; text-transform: uppercase; display: block; font-weight: bold; }
							#feature2ndLvl #olhoVivo a#personalize { width: 96px; height: 20px; display: block; position: absolute; text-indent: -5000em; background: url(/img/button/olhoVivoPersonalize.gif) no-repeat; bottom: 10px; left:14px }
							#feature2ndLvl #olhoVivo a#verTodasVias { width: 127px; height: 20px; display: block; position: absolute; text-indent: -5000em; background: url(/img/button/olhoVivoVerTodas.gif) no-repeat; bottom: 10px; left: 133px; }
							
		
		#feature2ndLvl #euAndoSp { background: url(/img/layout/euAndoSp.gif) no-repeat 8% 0%; width: 290px; margin-top: 32px; position: relative; padding-top: 50px; font-size: 114%; }
			#feature2ndLvl #euAndoSp dt { background: url(/img/layout/euAndoTitle.gif) repeat-x;  height: 12px; padding: 8px 0 9px 15px; width: 275px; color: #FFF; font-weight: bold; }
			#feature2ndLvl #euAndoSp dd { background-color: #e5e5e5; width: 262px; padding: 14px 14px 0 14px; height: 200px; }
			
			#euAndoSp dd li { clear: both; height: 64px; overflow: hidden; }
				#euAndoSp dd li span { color: #cc0000; font-weight: bold; text-transform: uppercase; display: block; }
				#euAndoSp dd li img { float: left; width: 57px; height: 57px; }
				#euAndoSp dd li div { padding-left: 20px; background: url(/img/layout/bullet-vermelho-cnz.gif) no-repeat 0 1px; float: right; width: 173px; line-height: 120%; font-size: 90%; }
				#euAndoSp dd li a { text-decoration: underline; font-weight: bold; }

		#feature2ndLvl #coluna2 { position: relative; width: 290px; font-size: 114%; }
			#feature2ndLvl #bilheteAmigao { position: relative; margin-top: 46px; }
				#feature2ndLvl #bilheteAmigao dt { background: url(/img/layout/amigaoTitle.gif) repeat-x; height: 12px; padding: 8px 0 9px 15px; width: 275px; color: #FFF; font-weight: bold; text-transform: uppercase; }
				#feature2ndLvl #bilheteAmigao dd { background-color: #666666; width: 266px; padding: 10px 12px; height: 83px; color: #FFF; }
					#bilheteAmigao dd img { float: left; border-right: 14px solid #666666; width: 83px; height: 83px; }
					#bilheteAmigao dd a { display: block; position: absolute; text-indent: -5000em; background: url(/img/button/vejaBuAmigao.gif) no-repeat; width: 145px; height: 20px; top: 94px; left: 111px; }

			#feature2ndLvl #mobile { position: relative; top: 10px; *top: -2px; }
				#feature2ndLvl #mobile dt { background: url(/img/layout/mobibleTitleBg.gif) repeat-x; height: 12px; padding: 8px 0 9px 15px; width: 275px; color: #FFF; font-weight: bold; text-transform: uppercase; }
				#feature2ndLvl #mobile dd { background-color: #e5e5e5; width: 266px; padding: 10px 12px; height: 83px; }
					#mobile dd img { float: left; border-right: 14px solid #e5e5e5; width: 83px; height: 83px; }
					#mobile dd a { display: block; position: absolute; text-indent: -5000em; background: url(/img/button/sMaisMobile.gif) no-repeat; width: 102px; height: 20px; top: 100px; left: 111px; }
					
/* Aqui começa a terça linha de Destaque */

	#feature3rdLvl { float: left; }

		#feature3rdLvl #mapas {
			background: url(/img/layout/homeVideo.gif) no-repeat top right;
			padding: 44px 0 0 0;
			height: 117px;
			position: relative;
			width: 290px;
			margin-top: 3px;
		}							

				#feature3rdLvl #mapas #mapasTitle { background: url(/img/layout/mapasTitle.gif) repeat-x; height: 21px; padding: 6px 0 2px 16px; width: 275px; color: #FFF; font-size: 117%; }

					#mapas #mapasTitle select { height: 17px; width: 168px; border: 1px solid #e2e3ea; border-top: 1px solid #abadb3; position: relative; right:-17px; }

		#feature3rdLvl #tempo {
			overflow: hidden;
			height: 120px;
			position: relative;
			width: 290px;
			background: #e5e5e5;
			margin-top: 8px;
			color: #333;
		}							

				#feature3rdLvl #tempo #tempoTitle { background: url(/img/layout/tempoTitle.gif) repeat-x; height: 12px; padding: 8px 0 9px 15px; width: 275px; color: #FFF; font-size: 117%; font-weight: bold; }
				#feature3rdLvl #tempo #tempoContent { padding: 7px 0 0 15px; height: 82px; }
					#tempo #tempoContent #contentText { padding-top: 14px; width: 135px; height: 50px; }
					#tempo #tempoContent #legenda1 { position: relative; width: 54px; background-color: #fff; height: 72px; padding: 1px 0 2px 6px; text-align: center; top: -64px; left: 148px; }
					#tempo #tempoContent #legenda2 { position: relative; width: 54px; background-color: #fff; height: 72px; padding: 1px 6px 2px 0; text-align: center; top: -139px; left: 208px; }
	
		#feature3rdLvl #sptransCidade { background: url(/img/layout/sptransCidade.gif) no-repeat 100% 0%; padding-top: 44px; margin-top: 37px; font-size: 114%; position: relative; }
			#feature3rdLvl #sptransCidade dt { background: url(/img/layout/sptransCidadeTitle.gif) repeat-x;  height: 12px; padding: 8px 0 9px 15px; width: 275px; color: #FFF; font-weight: bold; }
			#feature3rdLvl #sptransCidade dd { background-color: #e5e5e5; width: 262px; padding: 14px; position: relative; height: 186px; overflow-x: hidden; overflow-y: auto; }
			
			#sptransCidade dd li { clear: both; position: relative; margin-bottom:7px }
				#sptransCidade dd li span { display: block; color: #cc0000; font-weight: bold; text-transform: uppercase; }
				#sptransCidade dd li img { float: right; border-left: 10px solid #e5e5e5; border-bottom: 10px solid #e5e5e5; }
				#sptransCidade dd li a { text-decoration: none; /*font-weight: bold;*/ }
				
				#sptransCidade dd a#maisSobreCidade { background: url(/img/button/verMaisSptransCidade.gif) no-repeat; display: block; width: 84px; height: 20px; position: absolute; top: 187px; left: 172px; text-indent: -5000em; }

		#feature3rdLvl #transporteNoticia { position: relative; width: 290px; margin-top: 42px; *margin-top: 54px; }
			#feature3rdLvl #transporteNoticia #transporteNoticiaTitle { background: url(/img/title/transporteNoticia.gif) no-repeat; text-indent: -5000em; position: relative; width: 229px; height: 18px; padding-bottom: 14px; }
			#feature3rdLvl #transporteNoticia select { background-color: #FFF; border: 1px solid #ededed; border-top: 1px solid #abadb3; height: 19px; }
			#feature3rdLvl #transporteNoticia #listaNoticias { position: relative; top: 10px; *top: 20px; height: 203px; *height: 203px; overflow-x: none; overflow-y: auto; }
			
				#transporteNoticia #listaNoticias ul li { margin-bottom: 13px; }
				#transporteNoticia #listaNoticias ul li a {text-decoration:none}
				#transporteNoticia #listaNoticias ul li a:hover {text-decoration:underline}
					#transporteNoticia #listaNoticias ul li strong { color: #CC0000; }
				
				
					#btVertodasNot{ width: 83px; height: 20px; background: url(../img/button/todasNoticias.gif) no-repeat; color: #F00; _margin: -21px 0 0 0; text-indent: -3000px; float:right; }