
<style type="text/css">
*, html {

    margin: 0;
    padding: 0;
    border: 0;
}
body {
    background: #ffffff;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    color: #5e5e5e !important;
    font-weight: 400;
}


a{
    outline: none !important;
}

.sem-espaco{
    margin: 0 !important;
}

ul.menu-cotacao-full:after, div.container-valores-grupos:after{
        content:".";
        display:block;
        clear:both;
        visibility:hidden;
        height:0;
        overflow:hidden;
}
p.label-formulario{
    margin-bottom: 5px !important;
    margin-top: 5px !important; /* francisco era 15 */
}
.campos-reserva-web{
    border: none !important;
    border-radius: 0px !important;
    width: 90%;
    font-family: 'Open Sans', Arial, sans-serif !important;
    font-size: 14px !important;
    color: #969696 !important;
    height: 35px !important;
}
.campos-reserva-web2{
    border: none !important;
    border-radius: 0px !important;
    width:40%; /* francisco - mudei de 50% para 40% */
	font-family: 'Open Sans', Arial, sans-serif !important;
    font-size: 13px !important; /* francisco - mudei de 14px para 13px */
    color: #969696 !important;
    height: 36px !important;
}


.campos-reserva-web3{
    border: none !important;
    border-radius: 0px !important;
    width: 20%; /* francisco - mudei de 23% para 20% */
	font-family: 'Open Sans', Arial, sans-serif !important;
    font-size: 13px !important; /* francisco - era 14px mudei para 13px*/
    color: #969696 !important;
    height: 43px !important;
	margin-top:-10px;
}

/* ------------------------ TOPO --------------------------- */
button.bt-atualizar{
    border-radius: 0px !important;
    background: #ffa800 !important;
    border: none !important;
    text-shadow: none !important;
    font-family: 'Open Sans', Arial, sans-serif !important;
    font-size: 14px !important;
    color: #fff !important;
    font-weight: 700 !important;
    padding: 10px !important;
    float: right;
}
@media screen and (max-width: 850px) {
	button.bt-atualizar {
	    float: inherit;
	    margin-bottom: 20px;
	}}
    button.bt-atualizar:hover{
	background: #fcb52b !important;
    }
	.atualizar{
	    padding-right: 10px !important;
	}

.migalha{
    font-size: 18px;
    color: #006ab3;
    font-weight: 700;
}
    .migalha a{
	color: #006ab3 !important;
	font-weight: 400 !important;
    }
.margin-topo{
    margin-top: 20px;
}

    div.container-barra-passos{
	display: block;
	background: #006ab3;
	min-height: 30px; /* francisco-paulo de 70px para 30px */ 
    }
	div.numero-passo-ativo{
	    color: #ffffff;
	    display: block;
	    background: #ffa800;
	    min-height: 70px;
	}
	    div.numero-passo-ativo strong, div.numero-passo-azul strong, div.numero-passo-azul-claro strong{
		display: block;
		font-size: 36px;
		width: 40px;
		height: 40px;
		float: left;
		margin: 20px 10px 0px 20px;
	    }
		div.numero-passo-ativo span{
		    display: block;
		    float: left;
		    font-weight: 700;
		    margin-top: 23px;
		}
		@media screen and (max-width: 650px) {
		div.numero-passo-ativo span, div.numero-passo-azul span, div.numero-passo-azul-claro span {
		    width: 100% !important;
		    float: none !important;
		    padding-top: 22px !important;
		    
		}}
		@media screen and (max-width: 1050px) {
		div.numero-passo-ativo span, div.numero-passo-azul span, div.numero-passo-azul-claro span {
		    float: none !important;
		}}
		@media screen and (max-width: 1050px) {
		div.numero-passo-azul span, div.numero-passo-azul-claro span {
		    padding-top: 12px;
		}}
		@media screen and (max-width: 1050px) {
		div.numero-passo-ativo span {
		    padding-top: 22px;
		}}
		
		@media screen and (max-width: 1050px) {
		div.numero-passo-ativo span, div.numero-passo-ativo span, div.numero-passo-azul span, div.numero-passo-azul-claro span {
		    margin-top: 1px !important;
		    
		}}
		
		
	div.numero-passo-azul{
	    color: #dadada;
	    display: block;
	    background: #027ed3;
	    min-height: 70px;
	}
	    div.numero-passo-azul span, div.numero-passo-azul-claro span{
		    display: block;
		    float: left;
		    margin-top: 23px;
		}
	    
	div.numero-passo-azul-claro{
	    color: #dadada;
	    display: block;
	    background: #0489e5;
	    min-height: 70px;
	}
	    
	    
	div.numero-passo-finalizacao{
	    color: #dadada;
	    display: block;
	    min-height: 70px;
	    font-weight: 700;
	    font-size: 18px;
	}
	div.numero-passo-finalizacao-ativo{
	    color: #fff;
	    display: block;
	    min-height: 70px;
	    font-weight: 700;
	    font-size: 18px;
	    background: #ffa800;
	}
	    .finalizacao{
		float: left;
		margin: 15px 10px 0px 20px;
	    }
	    @media screen and (max-width: 1000px) {
		.finalizacao  {
		    margin: 0 !important;
		    padding-top: 22px;
		    padding-right: 3px;
		}}
	    @media screen and (max-width: 1000px) {
		div.numero-passo-finalizacao span, div.numero-passo-finalizacao-ativo span  {
		    padding-top: 7px;
		}}
	     
	    div.numero-passo-finalizacao span{
		display: block;
		float: left;
		margin-top: 22px;
		width: 100px;
	    }
	    div.numero-passo-finalizacao-ativo span{
		display: block;
		float: left;
		margin-top: 22px;
		width: 100px;
	    }
	    
	    @media screen and (max-width: 1000px) {
		div.numero-passo-azul span, div.numero-passo-azul-claro span  {
		    padding-top: 7px;
		}}


/* ------------------------ RESUMO --------------------------- */

div.box-resumos{
    display: block;
    background: #f0f0f0;
}
    div.box-resumos ul{
	display: block;
	padding-bottom: 20px;
	padding-top: 20px;
	text-transform: uppercase;
    }
	div.box-resumos ul li{
	    list-style: none;
	}
    .espaco-resumo{
	margin-top: 30px;
    }
	h2.titulo-resumo{
	    display: block;
	    padding: 15px;
	    background: #006ab3;
	    color: #fff;
	    font-size: 16px;
	}
	    .seta-resumo{
		margin-right: 7px;
	    }
    .carro-selecionado{
	margin: 0 auto !important;
	padding: 10px 0 0 0;
	display: block;
    }
	ul.tabela-valores{
	    font-size:  11px !important;
	}
	    .lista-valores{
		background: #dcdcdc !important;
	    }
    div.total-valores{
	display: block;
	background: #616161;
	font-size: 18px;
	color: #fff;
	padding: 25px;
    }
	button.bt-continuar{
	    display: block;
	    padding: 25px;
	    text-align: center;
	    color: #fff;
	    background: #ffa800;
	    font-size: 20px;
	    font-weight: 700;
	    width: 100%;
	}
	    button.bt-continuar:hover{
		background: #fcb52b;
	    }
		.seta-continuar{
		    margin-left: 15px;
		}



	    @media screen and (max-width: 767px) {
		.container-barra-passos > .container, button.bt-atualizar { display: none; }
		}
</style>
