.detalhes{ background-color:Aqua; display:none}
.passos{margin-left:0px; font-size:14px}
.traco{float:left; background-color:#DDD; height:1px;margin:8px -1px 0 -1px}
.tr100{ width:28px}
.tr160{ width:58px}

.p1{width:65px}
.p2{width:90px}
.p3{width:55px}
.p4{width:80px}

.passotexto{display: table-cell; width:80px; font-size:13px; text-align:center; color:#BBB}
.passocel{display: table-cell}

.passos_texto{float:left; color:#BBB; text-align:center}
.campox{border:1px solid #CCC;font-size:12px;color:#666;height:22px;padding: 3px;font-family:'Arial';-webkit-appearance:none;-webkit-border-radius:0;outline:none;}

.box_title{color:#000;font-family:'Montserrat',Arial;margin-left:1px;font-size:16px; margin-top:15px}
.div_cadastro{border:1px solid #DDD;margin-left:1px;margin-right:2px;padding:5px;color:#888; background-color:#F9F8F8;font-family:'Montserrat'; font-size:13px}
#div_cadastro_bot{text-align:right; max-width:650px}
a.rollover{display:block;	width: 202px;	height: 41px;	text-align:center;	background: url("/images/cadastrar_sprite.png"); margin-top:13px	}
a.rollover:hover{background-position: -202px 0px}
.esq{float:left; padding-top:3px}
.esq2{float:none; clear:both; padding-top:3px}
.div100{width:130px}
.div70{width:100px}
.w_end{width: 98%}
#div_titulo{margin-bottom:0px;margin-top:26px; margin-left:1px; font-size: 20px ;color:#666; text-align:center}
.wcamp1{width:98%}
.w_complemento{width: 98%; max-width:110px}
#botao_cad{max-width:700px;text-align:right; margin-top:10px}

#lateral{padding-left:10px}



@media screen and (min-width:440px){
.detalhes{ background-color:red}
.tr100{ width:60px}
.tr160{ width:80px}

.p1{width:120px}
.p2{width:90px}
.p3{width:85px}
.p4{width:110px}

}

@media screen and (min-width:540px){
.detalhes{ background-color:orange}
.passos{margin-left:40px}
.tr100{ width:90px}
.tr160{ width:120px}

.p1{width:186px}
.p2{width:90px}
.p3{width:186px}
.p4{width:80px}

.box_title{margin-left:25px}
.div_cadastro{margin-left:20px;margin-right:20px;padding:15px; max-width:650px}
#div_cadastro_bot{margin-top:10px;max-width:700px}
#div_titulo{margin-left:22px; text-align:left}
.wcamp1{width:275px}
.w_end{width: 380px}
.esq2{float:left; padding-right:0px; clear:none}
.w_complemento{width: 145px}
#lateral{width:170px; height:550px; float:left; padding-left:10px; padding-right:3px}

}

@media screen and (min-width:980px){
.detalhes{ background-color:purple}
.passos{margin-left:120px}
.tr100{width:100px}
.tr160{width:160px}

.p1{width:210px}
.p2{width:150px}
.p3{width:190px}
.p4{width:160px}
}