/* CSS Document */

#pEspeciaisContent { float: left; padding-left:33px; font-size: 107%; width:729px; }
	#relatedEsp iframe { width: 696px; height: 460px; overflow: hidden; border: 0; margin-left: -23px; }

	#pEspeciaisContent h1 { font-size: 100%; display: block; height: 3.8em; padding-top: .7em; }
		
		#pEspeciaisContent #pageNovidades { background: url(/img/bilheteUnico/layout/novidadesContent1Bg.gif) no-repeat top left #FFF; /*width: 712px;*/ }

			/*#pEspeciaisContent h2.homePEspeciais { background: url(/img/passageirosEspeciais/title/homePEspeciais.gif) no-repeat; width: 413px!important; height: 130px!important; }*/
			#pEspeciaisContent h2.homePEspeciais { background: url(/img/passageirosEspeciais/title/homePEspeciais.gif) no-repeat -5px 1px; width: 440px!important; height: 130px!important; }
			#pEspeciaisContent h2.homeInscricoes { background: url(/img/passageirosEspeciais/title/novosUsuarios.gif) no-repeat; width: 375px!important; }
			#pEspeciaisContent h2.homeAtende { background: url(/img/passageirosEspeciais/title/destaqueAtende.gif) no-repeat; width: 89px!important; height: 20px!important; }
			#pEspeciaisContent h2.homeFrota { background: url(/img/passageirosEspeciais/title/destaqueFrota.gif) no-repeat; width: 203px!important; height: 23px!important; }
			#pEspeciaisContent h2.homeLinks { background: url(/img/passageirosEspeciais/title/destaqueFrota.gif) no-repeat; width: 203px!important; height: 23px!important; }
			#pEspeciaisContent h2.homeIndicar { background: url(/img/passageirosEspeciais/title/destaqueIndicar.gif) no-repeat; width: 400px!important; height: 23px!important; }
			#pEspeciaisContent h2.homePostos { background: url(/img/passageirosEspeciais/title/destaquePostos.gif) no-repeat; width: 320px!important; height: 23px!important; }
			#pEspeciaisContent #pageNovidades #novidadesContent p {width:465px}
			#pEspeciaisContent #pageNovidades img { float: left ; }
			#pEspeciaisContent #pageNovidades #novidadesContent {
				float: left;
				width: 500px;
			}
			
			.introEspeciaisHome { background-image: url(/img/passageirosEspeciais/layout/demoEspeciais.gif)!important; background-position: 0 0!important; }
			.introEspeciaisAtende { background-image: url(/img/passageirosEspeciais/layout/programaAtende.gif)!important; height: 43px!important; background-position: 0 0!important; }
			.introEspeciaisAtendeInsc { background-image: url(/img/passageirosEspeciais/layout/programaAtende.gif)!important; height: auto!important; background-position: 0 0!important; }
			
			
			#pEspeciaisContent #pageNovidades #novidadesContent .atendeDestaque { padding-top: 3.1em; }
			#pEspeciaisContent .atendeDestaque { padding:3.1em 0 1em 200px; width:465px; background:url(/img/passageirosEspeciais/layout/programaAtende.gif) no-repeat 67px 27px}
			#pEspeciaisContent .atendeDestaque span {color:#cc0000}
		
	#pEspeciaisContent #buEspecial { width: 696px; background: url(/img/bilheteUnico/layout/bgTitCinza.gif) repeat-x; height: 14.7em; margin-bottom: 3.1em; }
	
	#pEspeciaisContent .contentHolder { width: 358px; float: left; }
	
	#pEspeciaisContent #programaAtende, #pEspeciaisContent #programaFrota { background-repeat: no-repeat; background-position: 15% 0; padding-top: 4.8em; }
	#pEspeciaisContent #programaAtende { background-image: url(/img/passageirosEspeciais/layout/programaAtende.gif); }
	#pEspeciaisContent #programaFrota { background-image: url(/img/passageirosEspeciais/layout/programaFrota.gif); }
	
	#pEspeciaisContent #programaAtende dl,#pEspeciaisContent #programaFrota dl { background-repeat: repeat-x; width: 338px; margin-bottom: 5.1em; height: 25em; }
	#pEspeciaisContent #programaAtende dl { background-image: url(/img/passageirosEspeciais/layout/bgAtende.gif); }
	#pEspeciaisContent #programaFrota dl { background-image: url(/img//layout/sptransCidadeTitle.gif); }
		#pEspeciaisContent .contentHolder dt { height: 3em; display: block; background-repeat: no-repeat; text-indent: -5000em; width: 341px; }
		#pEspeciaisContent #programaAtende dt { background-image: url(/img/passageirosEspeciais/title/programaAtende.gif); background-position: 24px 0; }
		#pEspeciaisContent #programaFrota dt { background-image: url(/img/passageirosEspeciais/title/programaFrota.gif); background-position: 24px 0; }

		#pEspeciaisContent #programaAtende dd, #pEspeciaisContent #programaFrota dd { padding: 2em 24px 0; position: relative; }
		#pEspeciaisContent #programaAtende dd a, #pEspeciaisContent #programaFrota dd a, #pEspeciaisContent #buEspecial dd a {
			text-indent: -5000em;
			display: block;
			position: absolute;
			top: 20em;
			left: 202px;
			_left: 187px;
			background-repeat: no-repeat;
			background-image: url(/img/passageirosEspeciais/button/saibaMais.gif);
			height: 2.1em;
			width: 98px;
		}

		#pEspeciaisContent #buEspecial dt { background: url(/img/passageirosEspeciais/title/buEspeciais.gif) no-repeat; height: 3.1em; width: 700px; text-indent: -5000em; background-position: 8% 0; }
		#pEspeciaisContent #buEspecial dd { padding: 2em 19px 0 326px; background: url(/img/passageirosEspeciais/layout/buEspecial.jpg) no-repeat 0 22px; height: 14.8em; position: relative; }
		#pEspeciaisContent #buEspecial dd a { top: 12em; left: 557px; }
			
		/*Bloco Show hide*/
		#pEspeciaisContent #peOptPrograma dl {
		        width: 695px;
		        padding-bottom: .5em;
		        background-repeat: repeat-x;
		        background-position: top left;
		}
		
		        
			#pEspeciaisContent #peOptPrograma dt {
				height: 3.1em;
				text-indent: -5000em;
				display: block;
				background-repeat: no-repeat;
				}
			
				 #peOptPrograma a.abreAba { display: block; background: url(/img/bilheteUnico/button/abreAba.gif) no-repeat; height: 2.1em; width: 20px; position:relative; }
				 #peOptPrograma .ativo a.abreAba {background:url(/img/aSptrans/button/fechaAba.gif) no-repeat}

		/*Show Hide Atende*/
		#pEspeciaisContent .showHideHome dl {
			background-image:url(/img/bilheteUnico/layout/bgTitCinzaClaro.gif);
		}
			#pEspeciaisContent .showHideHome dd { padding: 2.5em; }
			.showHide dt {cursor:pointer}
			#peOptPrograma p { margin-bottom: 1.2em; }
					
			#peOptPrograma #historico dt { background-image: url(/img/passageirosEspeciais/title/atendeHistorico.gif); background-position: 5% 0; }
			#peOptPrograma #padronizacao dt { background-image: url(/img/passageirosEspeciais/title/atendePadronizacao.gif); background-position: 7% 0; }
			#peOptPrograma #administrativo dt { background-image: url(/img/passageirosEspeciais/title/atendeAdministrativo.gif); background-position: 6% 0; }
			#peOptPrograma #terminais dt { background-image: url(/img/passageirosEspeciais/title/atendeTerminais.gif); background-position: 6% 0; }

			#peOptPrograma #historico dd { display: block; }
			#peOptPrograma #padronizacao dd { display: none; }
			#peOptPrograma #administrativo dd { display: none; }
			#peOptPrograma #terminais dd { display: none; }
			
			#pEspeciaisContent #peOptPrograma #recarga dd { display: none; }
			
				#peOptPrograma #cadastre dd p { margin-bottom: 1em; }
				#peOptPrograma #cadastre dd ul li {
					list-style-type: disc;
					margin-left: 12px;
					line-height: 1.5em;
				}
				
				 #pEspeciaisContent .showHideHome a.abreAba { left: 660px; top: -1em; }
				
        #sobreEspecial a { text-decoration: none; }
    
            #sobreEspecial .contentHolder {
                float: left;
                width: 355px;
                margin:2.5em 0;
            }

                #sobreEspecial #uteisEspeciais { background: url(/img/bilheteUnico/layout/bgTitCinza.gif) repeat-x; width: 335px;}
                        #sobreEspecial #uteisEspeciais dt { background: url(/img/passageirosEspeciais/title/atendeLink.gif) no-repeat; background-position: 12% 50%; }
                #sobreEspecial #informeEspecias { background: url(/img/bilheteUnico/layout/bgTitVermelho.gif) repeat-x; width: 340px;}
                        #sobreEspecial #informeEspecias dt { background: url(/img/passageirosEspeciais/title/atendeInformese.gif) no-repeat; }
                        #sobreEspecial #informeEspecias dd { position: relative; }
                        
                        #sobreEspecial dd { height: 14.7em; background-color: #e5e5e5;  padding: 1.2em 30px 0 32px;  }
                                #sobreEspecial dd li { background: url(/img/passageirosEspeciais/layout/bgAtendeListaLinks.gif) no-repeat; line-height: 1.5em; display: block; margin: 0 0 .3em -22px; padding-left: 20px; }
                                #sobreEspecial dd li span { border-bottom: 1px solid #FFF; width: 285px; display: block; }
                                #sobreEspecial dd p { padding-bottom: 1.2em; line-height: 120%; }
                                        #sobreEspecial dd p span { text-decoration: underline; color: #CC0000; font-weight: bold; } 
                                          #sobreEspecial #informeEspecias .verTodos, #sobreEspecial #informeEspecias .indicar { position: absolute; top: 12em; background: url(/img/passageirosEspeciais/button/linkInforme.gif) no-repeat; padding: .5em 0 0 25px; height: 2.3em; display: block; font-weight: bold; text-transform: uppercase; } 
                                          #sobreEspecial #informeEspecias a.verTodos { left: 32px;}
                                          #sobreEspecial #informeEspecias a.indicar { left: 214px;}

        #relatedEsp {width:696px; background:#e5e5e5 url(/img/layout/backgroundVermelho.gif) repeat-x; padding:0 0 2.4em 0; }
        #relatedEsp span.vermelho { color: #CC0000; font-weight: bold; }
                #relatedEsp dl { display:block; background: url(/img/passageirosEspeciais/layout/bgAtende.gif) repeat-x; }
                #relatedEsp dt, #relatedEsp dd  { margin: 0 23px; }
                #relatedEsp dt { padding:.9em 0; text-transform:uppercase; color:#fff; }
                #relatedEsp p {display:block; border-top:1px solid #a5a5a5; padding:.6em 0 1.3em 0; margin-top:4.6em; font-weight:bold}
                #relatedEsp label {display:block; color:#cc0000; font-weight:bold}
                #relatedEsp #espalheForm label { float: left; color:#666; width: 208px; font-weight:bold; height: 1.5em;}
                #relatedEsp .cepAtende {display:inline; float: left; color:#666; text-transform: uppercase; height: 1.2em; padding: .3em 22px 0 0; font-weight:bold}
                #relatedEsp select {width:313px; height:1.9em; float:left; margin:.2em 10px 0 0; display:inline}
                #relatedEsp select.mes {width:160px;}
                #relatedEsp div.formHold {background:none; padding:0; margin:0 75px 0 0; float:left}
                #relatedEsp .cepPrefixo, #relatedEsp .cepSufixo { width: 75px; float: left; display: inline; height: 1.5em; margin-right: 11px; padding-top: .3em; padding-left: 5px; }
                #relatedEsp .cepSufixo { width: 30px; float: left; padding-left: 5px; }
                #relatedEsp .commitBuscaCep { float: left; display: inline; }
                        #relatedEsp div table {margin-bottom:2.1em}
                        #relatedEsp table #local {width:257px;}
                        #relatedEsp table .total {background:#f0f0f0}
                
                #relatedEsp .voltar {width:71px; height:2.1em; display:block; text-indent:-1000px; overflow:hidden; background:url(/img/indicadores/button/voltar.gif) no-repeat}

                 #relatedEsp dl dl { margin-top: 2.1em; background: none; border-top: 1px solid #a5a5a5; width: 626px; }
                 #relatedEsp dl dl dt, #relatedEsp dl dl dd { margin: 0; }
                 #relatedEsp dd dl dt { display:block; padding:.7em 0 10px 0; color:#cc0000; font-weight:bold; text-transform: none; }
                 #relatedEsp dd#resultados { background-color: #FFF; padding: 1.6em 20px; width: 586px; }
                 #relatedEsp dd#resultados ul { overflow-y: scroll; overflow-x: hidden; height: 33.8px; line-height: 1.4em; }
                         dd#resultados li { margin-bottom: 2.1em; }
                         dd#resultados span { display: block; color: #CC0000; text-transform: uppercase; font-weight: bold; }
                         dd#resultados p { margin: 0; padding: 0; border: none; color: #666; }
                         dd#resultados a { color: #CC0000; font-weight: bold; }

                #relatedEsp #espalheForm { width: 426px; display: block; }
                #relatedEsp #espalheForm li { clear: both; }
                #relatedEsp #espalheForm li.userData { margin-bottom: 1.2em; }
                #relatedEsp #espalheForm input { width: 175px; height: 1.9em; margin-right: 30px; }
				#relatedEsp #espalheForm #linkTitulo { width: 384px; }
				#relatedEsp #espalheForm #linkIndiqueLink { width: 384px; }
                #relatedEsp #espalheForm textarea { width: 384px; height: 6.9em; overflow: auto; }
                #relatedEsp #espalheForm li div, #relatedEsp #espalharLink, #relatedEsp #mnsgSucesso { text-align: right; display: block; width: 384px; }
                #relatedEsp #espalheForm #receberinfosptransIndiqueLink { width: 13px; height: 1.3em; overflow: hidden; margin-right: 7px; vertical-align: -0.2em }
                #relatedEsp #espalheForm .newsEspalhe { display: inline; width: auto; float: none; }
                #relatedEsp #espalheForm #espalharLink input { width: 78px; height: 2.1em; margin: 2.1em 0 0 0; }
                #relatedEsp #mnsgSucesso p { border-color: #cc0000;
                    text-transform: uppercase;
                    display: block;
                    height: 2.9em;
                    text-align: left;
                    padding: 1.7em 0 1.7em 40px;
                    background: url(/img/passageirosEspeciais/layout/sucessoIndique.gif) no-repeat 0 16px;
                }
                
                #relatedEsp #mnsgSucesso p span { color: #CC0000; }
                
                #relatedEsp dd#linksAtende { background-color: #FFF; margin: 1em 32px .8em; padding: 1.8em 180px 1.8em 25px; width: 428px; display: block; }
                #relatedEsp dd#linksAtende a { display: block; color: #cc0000; font-weight: bold; }
                #relatedEsp dd#linksAtende span { display: block; }
                #relatedEsp dd#linksAtende p { border: 0 none; display:block; font-weight: normal; margin:0 0 3.2em 0; }
                
                .paddingL0 p {padding-left:0 !important}
        #pEspeciaisContent #txtIntro p#navInscricao { padding-right: 20px; }
        #pEspeciaisContent #txtIntro a { background-repeat: no-repeat; display: inline; float: left; padding: .3em 0 .5em 23px; text-transform: uppercase; text-decoration: none; font-weight: bold; margin: 4.2em 0; background-image: url(/img/passageirosEspeciais/button/btVoltar.gif); }
        #pEspeciaisContent #txtIntro a#fichaMedica { background-image: url(/img/passageirosEspeciais/button/btAvaliacaoMedica.gif); background-position: 100% 0; padding: .3em 23px .5em 0; float: right; }

		.erro {background:#CC0000; border-top-color:#890000;}