/* 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: 769px; height: 217px; 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_2.gif) no-repeat top left; margin-top:46px; width: 314px; height: 312px; position: relative; }
			#feature1stLvl #destaques dt { background: url(/img/title/titDestaques.gif) no-repeat; text-indent: -5000em; position: relative; left: 62px; top: 54px; width: 155px; height: 17px; }
			#feature1stLvl #destaques dd { position: relative; top: 68px; 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; 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; } /* home_ie6.css e home_ie.css*/
							#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; }

		#conciencia { position: relative; width: 290px; height: 200px; margin-top: 20px; background: url(/img/layout/concienciaAmbientalBg.jpg) no-repeat;}
			#conciencia dt { height: 12px; padding: 70px 0 9px 78px; width: 250px; font-weight: bold; text-transform: uppercase; }
			#conciencia dd { padding: 2px 0 0 80px; } 
				#conciencia dd a { text-decoration: none; font-weight: bold; } 
				#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;  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: 12px; 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-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: 58px; 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: 43px; }
				#euAndoSp dd li div { padding-left: 20px; background: url(/img/layout/bullet-vermelho-bco.gif) no-repeat 0 1px; float: right; width: 215px; 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 #mobile { position: relative; margin-top: 46px; }
				#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: 98px; }
					#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; }
					
		    #feature2ndLvl #mapas {
			    background: url(/img/layout/homeVideo.gif) no-repeat top right;
			    top: 10px; 
			    position: relative;
			    width: 290px;
		    }							

				    #feature2ndLvl #mapas dt { background: url(/img/layout/mapasTitle.gif) repeat-x; height: 12px; padding: 8px 0 9px 15px; width: 275px; color: #FFF; font-weight: bold; text-transform: uppercase; }

					    #mapas #mapasTitle select { height: 17px; width: 168px; border: 1px solid #e2e3ea; border-top: 1px solid #abadb3; position: relative; right:-17px; }
/* Aqui começa a terça linha de Destaque */

	#feature3rdLvl { float: left; }

		#feature3rdLvl #infosOperacionais {
			background: url(/img/layout/homeGeral.gif) no-repeat top right;
			padding-top: 47px;
			width: 290px;
			position: relative;
			height: 244px;
			overflow: hidden;
			font-size: 100%;
		}							
		#feature3rdLvl #infosOperacionais dt { background: url(/img/layout/sptransCidadeTitle.gif) repeat-x; height: 21px; padding: 8px 0 0 16px; width: 275px; color: #FFF; font-size: 114%; font-weight: bold; text-transform: uppercase; }
		#feature3rdLvl #infosOperacionais dd { background-color: #e5e5e5; width: 262px; padding: 14px; position: relative; height: 244px; overflow-x: hidden; overflow-y: auto; }
		#infosOperacionais dd li { background: url(/img/button/btSetaClara.gif) no-repeat left; height: 22px; padding: 9px 0 0 28px; margin-top: 4px; } /*home_ie6.css*/
		#infosOperacionais dd li a { text-transform: uppercase; font-size: 107%; text-decoration: none; font-weight: bold;color:#C00;  }
		
		#coluna2Destaque3 #tempo {
			overflow: hidden;
			height: 118px;
			position: relative;
			width: 290px;
			background: #e5e5e5;
			margin-top: 15px;
			color: #333;
		}							

				#coluna2Destaque3 #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; }
				#coluna2Destaque3 #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 #museuHome { padding-top: 81px; }
			#feature3rdLvl #museuHome dt { background: url(/img/layout/museuTitle.gif) repeat-x;  height: 12px; padding: 8px 0 9px 15px; width: 275px; color: #FFF; font-weight: bold; }
			#feature3rdLvl #museuHome dt #imgMuseu { background: url(/img/layout/museu.png) no-repeat 100% 0%; margin-top: -80px; position: relative; height: 88px; }
			/*#feature3rdLvl #museuHome dt img { margin-top: -80px; float:right; position: relative; height: 88px; }*/
			#feature3rdLvl #museuHome dd { background-color: #e5e5e5; width: 262px; padding: 14px; position: relative; height: 75px; overflow-x: hidden; overflow-y: auto; }
			
						
				#museuHome dd span { display: block; color: #5c6b92; font-weight: bold; text-transform: uppercase; }
				#museuHome dd img { float: right; border-left: 10px solid #e5e5e5; border-bottom: 10px solid #e5e5e5; }
				#museuHome dd a { text-decoration: none; /*font-weight: bold;*/ }
				#museuHome dd a:hover { text-decoration: underline; /*font-weight: bold;*/ }
				
				
		#feature3rdLvl #centralAtendimento { margin-top: 11px; font-size: 114%; position: relative; }
			#feature3rdLvl #centralAtendimento dt { background: url(/img/layout/sptransCidadeTitle.gif) repeat-x;  height: 12px; padding: 8px 0 9px 15px; width: 275px; color: #FFF; font-weight: bold; }
			#feature3rdLvl #centralAtendimento dd { vertical-align: middle; background-color: #e5e5e5; width: 262px; padding: 4px 14px 24px 14px; position: relative; height: 62px; overflow-x: hidden; overflow-y: hidden; }
			
			#centralAtendimento dd li { clear: both; position: relative; margin-bottom:7px }
				#centralAtendimento dd span { display: block; color: #cc0000; font-weight: bold; text-transform: uppercase; }
				#centralAtendimento dd img { float: left; border-left: 10px solid #e5e5e5; border-bottom: 10px solid #e5e5e5; padding-right: 8px; }
				#centralAtendimento dd a { text-decoration: none; /*font-weight: bold;*/ }

		#feature3rdLvl #transporteNoticia { position: relative; width: 290px; margin-top: 42px; } /*home_ie.css*/
			#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; width: 280px; top: 10px; height: 203px;  overflow-y: auto; } /*home_ie.css*/
			
				#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: 143px; height: 30px; background: url(../img/button/todasNoticias.gif) no-repeat; color: #F00; text-indent: -3000px; float:right; }*/
					#btVertodasNot{ width: 143px;  height: 30px; background: url(../img/button/todasNoticias.gif) no-repeat; color: #F00; text-indent: -3000px; float:right; }
					
	#sptransComunica { width: 290px; }
	#sptransComunica dl{ margin-top: 5px; background: #E5E5E5; }
		#sptransComunica dl dt{ background: url(/img/layout/olhoVivoTitle.gif) repeat-x;  height: 29px; padding: 8px 0 0 15px; width: 275px; color: #FFF; font-weight: bold; }
		#sptransComunica dl dd{  padding: 5px 0px 0 16px; }
		#sptransComunica dd ul{ margin-top: 5px; }
		#sptransComunica dd li { background: url(/img/layout/linkOpcao_2.gif) no-repeat left; height: 15px; padding-left: 22px; }
		#sptransComunica dd li a { text-transform: uppercase; font-size: 100%; text-decoration: none; font-weight: bold; }
		
	#sptransNegrito { font-weight:bold; }
	#sptransNegrito1 { font-weight:bold; }
	#sptransNegrito2 { font-weight:bold; }
	#foto_opcao{border:0; width: 92px;}