@charset "utf-8";

#finalizando { float: left; width: 100%; min-height: 600px; margin: 0 0 50px;}
#finalizando .topo { float: left; width: 100%; height: 40px; padding: 15px 0 13px; background-color: rgb(9, 11, 15); text-align: center;}
#finalizando .topo .logo { height: 40px; font-size: 0;}

#finalizando .conteudo { margin: 0 auto; width: 600px; max-width: 90%;}

#finalizando .retirarnaloja { float: left; width: 100%;}
#finalizando .receberemcasa { float: left; width: 100%;}

#finalizando .combinar { float: left; width: 100%; margin: 30px 0;}
#finalizando .combinar .tab { float: left; width: 90%; padding: 20px 5% 18px; margin: 0 0 10px; background-color: rgb(235, 235, 235); border: 1px solid rgb(200, 200, 200); text-align: center; font-size: 1.3em; cursor: pointer;}
#finalizando .combinar .tab:hover { background-color: rgb(225, 225, 225);}

#finalizando .form { float: left; width: 100%;}
#finalizando .form .c1 { float: left; width: 96%; margin: 0 0 0 2%;}
#finalizando .form .c2 { float: left; width: 47%; margin: 0 0 0 2%;}
#finalizando .form .nomecampo { float: left; width: 100%; margin: 40px 0 2px; font-size: 1.2em; color: rgb(100, 100, 100);}
#finalizando .form .nomecampo em { font-style: normal; color: rgb(221, 29, 33);}
#finalizando .form .nomecampo em:hover { text-decoration: underline;}
#finalizando .form .campo { float: left; width: 96%; height: 70px; padding: 0 2%; border: 1px solid rgb(100, 100, 100, 60%);}
#finalizando .form .campo.nascimento { width: 30%; padding: 0; text-align: center;}
#finalizando .form .campo.nascimento.mes { margin: 0 0 0 4.3%;}
#finalizando .form .campo.nascimento.ano { float: right;}
#finalizando .form .campo.end { width: 65%;}
#finalizando .form .campo.nend { float: right; width: 20%; text-align: center;}
#finalizando .form .escolha { float: left; width: 96%; height: 70px; padding: 0 2%; border: 1px solid rgb(100, 100, 100, 60%);}
#finalizando .form .marque { float: left; width: 90%; margin: 20px 5% 0; position: relative;}
#finalizando .form .marque .radio { display: none;}
#finalizando .form .marque .radio + label { float: left; width: 84%; padding: 15px 8% 13px; background-color: rgb(235, 235, 235); cursor: pointer;}
#finalizando .form .marque .radio + label strong { float: left; width: 100%; text-transform: uppercase; font-size: 1.1em;}
#finalizando .form .marque .radio + label em { float: left; width: 100%; margin: 5px 0 0; font-style: normal; color: rgb(221, 29, 33); font-size: 1em;}
#finalizando .form .marque .radio + label em i { float: left; padding: 4px 8px 3px; font-style: normal; font-size: 0.9em; color: rgb(255, 255, 255);}
#finalizando .form .marque .radio + label em i.de { background-color: #01A85A;}
#finalizando .form .marque .radio + label em i.ho { background-color: #D04141;}
#finalizando .form .marque .radio + label b { float: left; width: 100%; margin: 5px 0 0; font-weight: normal; font-size: 1em;}
#finalizando .form .marque .radio + label ok { position: absolute; width: 40px; height: 40px; top: 50%; left: -20px; margin: -20px 0 0; background-image: url('../imagens/escolhido.png'); background-repeat: no-repeat; background-position: 50%; display: none;}
#finalizando .form .marque .radio:checked + label { background-color: #D5FFBF;}
#finalizando .form .marque .radio:checked + label ok { display: block;}
#finalizando .form .bc { float: left; width: 100%; margin: 20px 0 0; text-align: center;}
#finalizando .form .botao { padding: 25px 50px; background-color: #01A85A; text-transform: uppercase; font-weight: bold; font-size: 1.4em; color: rgb(255, 255, 255); cursor: pointer;}
#finalizando .form .botao:hover { background-color: #206545;}

#finalizando .quase { float: left; width: 100%; margin: 40px 0;}
#finalizando .quase h2 { float: left; width: 100%; text-align: center; font-weight: bold; font-size: 2em;}
#finalizando .quase h3 { float: left; width: 90%; padding: 12px 5% 10px; border: 1px solid rgb(100, 100, 100, 60%); text-align: center; font-size: 1.1em; color: rgb(50, 50, 50);}
#finalizando .quase h4 { float: left; width: 100%; margin: 20px 0 0; font-size: 0.9em; color: rgb(100, 100, 100);}
#finalizando .quase a { float: left; width: 100%; margin: 30px 0 0; text-align: center; font-size: 1.1em; color: rgb(17, 141, 160);}
#finalizando .quase a:hover { text-decoration: underline;}

#finalizando .lamentamos { float: left; width: 100%; margin: 40px 0;}
#finalizando .lamentamos h2 { float: left; width: 100%; text-align: center; font-weight: bold; font-size: 2em;}
#finalizando .lamentamos h3 { float: left; width: 100%; margin: 0 0 15px; text-align: center; font-weight: bold; font-size: 1.2em;}
#finalizando .lamentamos a { float: left; width: 90%; padding: 15px 5% 13px; margin: 0 0 5px; border: 1px solid rgb(100, 100, 100, 60%); text-align: center; font-size: 1.1em; color: rgb(50, 50, 50);}
#finalizando .lamentamos a:hover { color: rgb(17, 141, 160);}

#finalizando .pagamento { margin: 40px 0;}

#finalizando .links { float: left; width: 100%; padding: 20px 0; text-align: center;}
#finalizando .links a { padding: 10px; color: rgb(100, 100, 100);}
#finalizando .links a:hover { text-decoration: underline;}

@media only screen and (max-width: 900px){
	#finalizando .topo { height: 35px;}
	#finalizando .topo .logo { height: 35px;}
}
@media only screen and (max-width: 600px){
	#finalizando .combinar .tab { font-size: 1em;}
}
@media only screen and (max-width: 500px){
	#finalizando .form .c1 { width: 96%; margin: 0 2%;}
	#finalizando .form .c2 { width: 90%; margin: 0 2%;}
	#finalizando .form .marque .radio + label strong { font-size: 1em;}
}