/* CSS Document */

#aSptrans{ float: left; padding-left:33px; font-size: 107%; }


                .titSelecao h2 { background: url(/img/aSptrans/titulo/a-sptrans.gif) no-repeat; }
                
        #aSptrans #selecaoTexto { background-color: #e5e5e5; width: 626px; margin: 2em 0 1em; padding: 2.3em 35px 3em 35px; }
                #aSptrans #selecaoTexto strong {display:block; text-transform:uppercase}
                #aSptrans #selecaoTexto strong.pSelecao {padding-top:1em}
                #aSptrans #selecaoTexto a {font-weight:bold}
                
                
        #aSptrans dl {background-position:left top; background-repeat:repeat-x}
        #aSptrans dl {padding-bottom:.5em; width:696px;}
        #aSptrans dl {background-image:url(/img/bilheteUnico/layout/bgTitCinzaClaro.gif)}
        #aSptrans #historico dt {background:transparent url(/img/asptrans/titulo/historico.gif) no-repeat scroll 0 6px; margin-left:33px;}
        #aSptrans #sistema dt {background:transparent url(/img/asptrans/titulo/sistema.gif) no-repeat scroll 0 9px; margin-left:33px;}
        #aSptrans #telefones dt {background:transparent url(/img/asptrans/titulo/telefones.gif) no-repeat scroll 0 9px; margin-left:33px;}
        #aSptrans #histTarifas dt {background:transparent url(../img/aSptrans/titulo/tarifas.gif) no-repeat scroll 0 7px; margin-left:33px;}
        #aSptrans dt {display:block; height:2.9em; text-indent:-5000em; position:relative; cursor:pointer}
        #aSptrans dd {padding: 2.4em 24px;}
                #aSptrans dd img {width:288px; height:55.6em; float:left; display:inline;}
                #aSptrans dd ul {width:328px; float:right}
                #aSptrans dd li {margin-bottom:1.3em}
                #aSptrans dd p {margin-bottom:1.5em;}
                #aSptrans dd h3 {font-weight:bold}
                #aSptrans dd h4 {height:1.8em; font-weight:bold; color:#fff; display:block; padding:.3em 0 0 26px} 
                #aSptrans dd h4 span {text-transform:uppercase}
                #aSptrans dd li p {padding:0 0 0 26px; margin-bottom:0}
                        #aSptrans dd #area1 h4 {background:url(/img/aSptrans/layout/seta-area1.gif) no-repeat}
                        #aSptrans dd #area2 h4 {background:url(/img/aSptrans/layout/seta-area2.gif) no-repeat}
                        #aSptrans dd #area3 h4 {color:#666666; background:url(/img/aSptrans/layout/seta-area3.gif) no-repeat}
                        #aSptrans dd #area4 h4 {background:url(/img/aSptrans/layout/seta-area4.gif) no-repeat}
                        #aSptrans dd #area5 h4 {background:url(/img/aSptrans/layout/seta-area5.gif) no-repeat}
                        #aSptrans dd #area6 h4 {background:url(/img/aSptrans/layout/seta-area6.gif) no-repeat}
                        #aSptrans dd #area7 h4 {background:url(/img/aSptrans/layout/seta-area7.gif) no-repeat}
                        #aSptrans dd #area8 h4 {background:url(/img/aSptrans/layout/seta-area8.gif) no-repeat}
                
        #aSptrans .showHide span.abreAba {right:21px; top:.4em; position:absolute}
        #spTransOptPrograma span.abreAba {background:url(/img/aSptrans/button/abreAba.gif) no-repeat; display:block; float:right; height:2.1em; width:20px;}
        #spTransOptPrograma .ativo dt span {background:url(/img/aSptrans/button/fechaAba.gif) no-repeat; }
        
        #telefones table {width:640px; border-top:1px solid #cd0102}
        #telefones table th {text-align:center; text-transform:uppercase; font-weight:bold; font-size:110%; color:#333333; padding:1.8em 0 5px 0; border-bottom:1px solid #cccccc;}
        #telefones table .colArea {width:55px}
        #telefones table .colConcessionaria {width:151px}
        #telefones table .colEmpresa {width:313px;}
        #telefones table .colTelefone {}
        #telefones table .primeiro {vertical-align:top; text-align:center; border:none; font-size:110%}
        #telefones table .area1 {background:#48af6a; color:#fff}
        #telefones table .area2 {background:#004b84; color:#fff}
        #telefones table .area3 {background:#f7e140}
        #telefones table .area4 {background:#dc252a; color:#fff}
        #telefones table .area5 {background:#01634a; color:#fff}
        #telefones table .area6 {background:#008cc9; color:#fff}
        #telefones table .area7 {background:#8f4b42; color:#fff}
        #telefones table .area8 {background:#ee8939; color:#fff}
        #telefones table tr.impar {background:#efefef}
        #telefones table td {padding:.7em 15px; border-width:0 0 1px 1px; border-style:solid; border-color:#cccccc; color:#666666}
        #telefones table td.telefone { width: 66px; }
		

	
	
	
	
		#histTarifas1 dd{ text-align: center;}
		#histTarifas1 dd table th{ width: 173px; height: 29px; text-indent: -3000em; }
		
		#histTarifas1 dd table .decreto{ background: url(../img/aSptrans/titulo/n-decreto.gif) no-repeat; }
		#histTarifas1 dd table .tarifa{ background: url(../img/aSptrans/titulo/valor-tarifa.gif) no-repeat; }
		#histTarifas1 dd table .dataAumento{ background: url(../img/aSptrans/titulo/data-aumento.gif) no-repeat; }
		
		#historico1{padding-bottom:.5em; width:696px;}
	
		#sistema1{padding-bottom:.5em; width:645px; }
		.areaMnuSist #sistema  {background-image:url(/img/bilheteUnico/layout/bgTitVermelho.gif)}
		.areaMnuHist #historico  {background-image:url(/img/bilheteUnico/layout/bgTitVermelho.gif)}
		.areaMnuTar #histTarifas  {background-image:url(/img/bilheteUnico/layout/bgTitVermelho.gif)}