/* CSS Document */

#pageTitle { float:left; margin-left: 31px; display:inline}
.seloAcess { float: right; margin: -5px 30px 0; }
#coSac, .busca { color: #FFF; text-decoration: none; top: -0.1px; float: right; display: inline; font-size: 118%; margin-right: 5px; }
#coSac { width: 154px;}
#acessivel { top: -1.4em; left: 621px; width: 98px;}
#english { top: -2.7em; left: 738px; width: 38px; display:inline}
.busca { padding-left: 15px; border-left: 2px solid #FFF; height: 1.4em; }

#busca {float: right; width: 107px; height: 1.6em; padding: 2px; border: 0px; border-top: 1px solid #abadb3; margin-right: 4px; margin-top: -3px; display:inline}
#comitProcura {float: right; display:inline; background: url(/img/button/comitBuscaHEader.gif) no-repeat top left; width: 14px; height: 14px; border: 0px solid #e5e5e5; cursor: pointer; }

/*#pontoInteresse .erro { color:#CC0000 }*/

#headerLvl1 {
	height: 3.1em;
	padding-top:1.1em;
	width:100%;
	position: relative;
	background: url(/img/layout/headerLvl1bg.gif) repeat-x #999;
	overflow: hidden;
}

#headerLvl2 {
	height: 194px;
	width: 100%;
	overflow: hidden;
}

    #headerLvl2 img {
	    background-color: #FFF;
	    padding: 40px 27px 3.8em 29px;
	    float: left;
    }

    #headerLvl2 #mnuProcuraHeader {
        width: 731px;
        height:171px;
	    padding: 2.7em 0 0 38px;
	    float: left;
    	background-color:#e5e5e5;
    }
    
    #headerLvl2 form {
	    height: 11.6em;
	    clear: both;
    }
	        
        #headerLinks { display: block; height:25px; width: 100%; }
        #headerLinks a { float: left; color: #999; border-right: 1px solid #999; padding: 0 13px; }
        #headerLvl2 a.headerAtivo {text-transform: uppercase; font-weight: bold; color: #CC0000; text-decoration: none; }
        #headerLvl2 .fazerTrajeto { text-align: left; display: block; padding-left: 0;}
        #headerLvl2 .encontreLinha { text-align: center; display: block; }
        #headerLvl2 .encontreLocal { text-align: right; display: block; border-right: 0 none; }
        #headerLvl2 .linkRoteiros { border: 0; }
        #headerLinks select { width:155px; height:20px; float: right; margin-right: 3.4em; }
	
		label.lblProx { float: left; display: block; text-transform: uppercase; font-weight: bold; position:relative; width: 188px;}
		label.origemNo, label.destinoNo, label.lblProxNo { position: relative; text-transform: uppercase; font-weight: bold; }
		#contentLocal input#proximidade { width: 176px; height: 2em; position: relative; border: 0px; border-top: 1px solid #abadb3; margin-bottom: .2em; }
		
		labelForProcura { clear: both; display: block; }
        input#origem, input#destino, input.origemNo, input.destinoNo, input#noProximoAo { height: 18px; left: 0; margin: 0;border: 0px; border-top: 1px solid #abadb3 }
		input#origem, input#destino { width:208px; }
		input#destino { margin-left: 43px; }
		input#origem { *margin-left: -15px;}
		label.origem, label.destino, label.origemNo, label.destinoNo { display: table; float: left; text-transform: uppercase; font-weight: bold; }
		label.origem { width: 212px;}
		label.destino { width: 212px;}
		label.origemNo { width: 75px; }
		input.origemNo, input.destinoNo, input#noProximoAo { width: 30px; }
		#headerLvl2 #commitConsulta	{ margin-top:108px}
		
		.ajudaHold {clear:both}
			.ajudaHold a, .ajudaHold span {float:left; display:inline; margin: 0; }
			.btFavoritosHeader {margin-bottom:15px; margin-right:43px}
			.spacerHeader {width:45px}
		
		input.erro { background:#CC0000; border-top-color:#890000!important; color: #FFF; }
		select.erro { background:#CC0000; border-top-color:#890000!important; color: #FFF; }
				
		ul#origemBusca, ul#destinoBusca { float: left; margin: 0 20px 0 0; display:inline; padding:0 }
		ul#destinoBusca { margin-right: 18px; }
		
		    li#optTransporte {padding-top:0; clear:both; clear:both}
		    li#optTransporte strong { margin-right:14px; float:left; padding-top: 0; display: inline; }
		    li#optTransporte input { margin: 0 5px 0 0; padding: 0; width:13px; height:1.8em; overflow:hidden; vertical-align: -3px; }
		    li#optTransporte span {display:block; float:left}
				li#optTransporte span.border-bot {height:7px; border-bottom:1px solid #bfbfbf; clear:both; display:block; width:528px; overflow:hidden; float:none; margin-bottom:8px}
            ul#origemBusca .meusFavoritos, ul#destinoBusca .meusFavoritos { font-weight: bold; }
			
			.naoUtilizarHold {width:193px;}
			.considerarHold {white-space:nowrap}
		ul#destinoBusca select { position: relative; width: 106px; height: 1.8em; top: .7em; *top: .8em; border: 0px; border-top: 1px solid #abadb3; }
		ul#destinoBusca #adcionarFavoritos { position: relative; top: .6em; }
		
		#headerLvl2 .buscaAvancada { 
			position: absolute;
			text-decoration: none;
			font-weight: bold;
			text-transform: uppercase;
			display: inline;
			text-align: right;
			padding-left: 15px;
			background: url(/img/layout/bgAvancada.gif) no-repeat left bottom;
			top: 138px;
			left: 895px;
		}
		
        #contentLocal .buscaAvancada, #contentLinha .buscaAvancada { height: 3.1em; margin-top: -0.3em; }
        #contentLinha input#noNome { height: 2em; width: 382px; border: 0px; border-top: 1px solid #abadb3; }
        #contentLocal input#proximidade { width: 446px; }
        label.lblProx { width: 450px; }
        label.lblProxNo { width: 30px;}
        #contentLocal label, #contentLinha label { font-weight: bold; text-transform: uppercase; }
        #contentLocal a, #contentLinha a {/* float: right; margin: 1.4em 29.8em 0 0; _margin: 13px 120px 0 0; padding: .3em 0 0 23px; background: url(/img/button/setaVermelha.gif) no-repeat; display: block; height: 2.2em; text-decoration: none;*/ }
        #contentLocal .tipoReferencia, #contentLinha .tipoReferencia { margin-top: 10px;}
        .tipoReferencia input { vertical-align: -3px; margin: 0 2px 0 15px; }
			.tipoReferencia input#checkTerminais {margin: 0 2px 0 0px;}
        .tipoReferencia select { margin-left:380px; margin-top:10px; width: 100px; }
        .tipoReferencia span { margin-right: 2.2em;}

        #headerLvl2 #confiraLocais { float: right; }

    
    /*Busca Avançada*/
        
        #buscaAvancadaContet {
            position: absolute;
            top: 179px;
            left: 238px;
            background-color: #e5e5e5;
            font-size: 107%;
            margin: 30px;
            margin-bottom: 0px;
            border-bottom: 0;
            z-index: 100;
            height: 15em;
            overflow: hidden;
            width: 712px;
            display: none;
        }
        
        #bodyItinerario #buscaAvancadaContet { /*display: block;*/ }
        
        #parametrosPesquisaTrajeto, #parametrosPesquisaLinha, #parametrosPesquisaLocal {
                margin: 1.7em 20px;
                border-top: 1px solid #c1c1c1;
                width: auto;
                padding: 2em 0 0 0!important;
                color: #333;
                font-size: 90%;
                position:relative;
                _width: 670px;
                display: block;
        }
        
        #parametrosPesquisaLocal {width:670px}
        
        
        #parametrosPesquisaTrajeto ul { float: left; padding-bottom: 2.4em; }
        
        #parametrosPonto { width: 115px; overflow: hidden; }
        #parametrosHorario { width: 287px; overflow: hidden; float:left }
        #parametrosTrajeto { width: 105px; overflow: hidden; float:left }
        

        #parametrosPonto li,
        #parametrosTrajeto li { margin-bottom: .5em; clear: both; }
        #parametrosPonto li input { vertical-align: -2px; }
        #parametrosTrajeto li { font-weight: bold; }

        #parametrosHorario { padding: 0; font-weight: bold; }
                #parametrosHorario li { margin-bottom: .4em; height: 1.7em;}
                #parametrosHorario span {display: block; float: left; text-align: right; }
                #parametrosHorario input,
                #parametrosTrajeto input { width: 59px; border: 0;  border-top: 1px solid #abadb3; margin: 0 5px 0 5px; padding: .2em 2px; height: 1.1em; line-height: 1.3em; float: left; }
                
                #parametrosHorario strong,
                #parametrosTrajeto strong { /*font-size: 64%*/ }

                #parametrosHorario a { float: left;}
                #parametrosTrajeto input { width: 56px; margin: 0 5px .9em 0; }
                #parametrosTrajeto select { width: 101px; color: #333; }
                #parametrosTrajeto .distancia { color: #cc0000; }
                
                .commitItinerario { float: left; margin: 1.3em 0 0 7px; }
                
				.ui-datepicker-trigger {padding:0 !important}
    
        #parametrosPesquisaLinha, #itinerarios #parametrosPesquisaLocal { padding-top: .7em; height: 11.1em; }
        #parametrosPesquisaTrajeto { display: block; }
        #parametrosPesquisaLinha { display: none; }
        #parametrosPesquisaLocal { display: none; }
        
#parametrosPesquisaLinha label, #parametrosPesquisaLocal label { 
                text-transform: uppercase;
                font-weight: bold;
                margin-right: 8.6em;
        }
        
        #parametrosPesquisaLocal label { margin-right: 105px;}
        
        #parametrosPesquisaLocal ul {
            float: left;
        }
        
        #parametrosPesquisaLinha select, #parametrosPesquisaLocal input {
                padding-left: 12px;
                width: 166px;
                height: 2em;
                margin-right: 22px;
        }
        
        #parametrosPesquisaLinha select { height: 2.2em; }
        #parametrosPesquisaLocal input { width: 162px; margin-right: 27px; padding-left: 0!important; }
        #parametrosPesquisaLocal input.passePor {left:0}
        
        #parametrosPesquisaLinha a, #parametrosPesquisaLocal a {
                float: right;
                margin: -2.3em 213px 0 0;
                padding: .4em 0 0 23px;
                background: url(/img/button/setaVermelha.gif) no-repeat;
                display: inline;
                height: 2.2em;
                text-transform: uppercase;
                font-weight: bold;
                color: #333;
                text-decoration: none;
        }
		
		.btQuerAjudaHeader {font-size:9px}
		#contentLinha .btQuerAjudaHeader {display:block; margin-left:322px; width:100px}
		#contentLocal .btQuerAjudaHeader {display:block; margin-left:418px; width:100px}
        
        #parametrosPesquisaLocal a { margin: 1.6em 0 0 0; float: left; }

    #commitEnviarLinha  { margin: 0; vertical-align: -8px; *vertical-align: 0; }
	#commitEnviarLocal { margin:14px 0 0 394px;}
    #contentTrajeto, #contentLinha, #contentLocal { display: block; margin-top: 2px; }
    #commitEnviarLinhaCompleta, #commitEnviarLocalCompleta { width: 86px!important; height: 20px!important; margin: 13px 0 0 0!important; }
    #commitEnviarLocalCompleta { vertical-align: -8px; left: 0; *vertical-align: 0; }
    #commitEnviarLinhaCompleta { left: 370px!important; }
    #proximoAoNumLabel1 { margin-right: 60px!important; }
    #contentTrajeto { display: block; }
    #contentLinha { display: none; }
    #contentLocal { display: none; }
    
    .zero { height: 1px!important; display: block!important; }
    #ui-datepicker-div{z-index:100;}
    
    #aboutAcessibilidade { position: absolute; top: 32px; left: 850px ; background: url(/img/layout/overHeader.gif); width: 81px; height: 25px; z-index: 999; padding: 18px 10px; color: #FFF; }
    .aboutThis { display: none; }
	
	.boxQuerAjuda {width:530px; position:absolute; top:123px; left:268px; background:#999999 url(/img/layout/bg-querajuda.gif) repeat-x; z-index:100; display:none}
		.boxQuerAjuda .btFecharAjuda {width:20px; height:20px; background:url(/img/button/bt-fechar-ajuda.gif) no-repeat; text-indent:-1000px; display:block; overflow:hidden; float:right; margin:5px 7px 0 0}
		.boxQuerAjuda h4 {width:114px; height:29px; background:url(/img/title/txt_querajuda.gif) no-repeat; text-indent:-1000px; display:block; overflow:hidden; float:left}
		.boxQuerAjuda div {padding:10px 20px; clear:both}
			.boxQuerAjuda div p {color:#fff; margin-bottom:10px}
		
	.btQuerAjudaHeader2, .btQuerAjudaHeader3{ display:block; width: 70px; }
		#ajudaDe{margin: 0 0 0 133px; }
		#ajudaPara{margin: 0 0 0 133px; }
		.btQuerAjudaHeader2{margin: 0 0 0 417px; }
		.btQuerAjudaHeader3{margin: 0 0 0 320px; }