div{ border:0px solid orange; }

.titulo1{ color:#ff7f00; background:none; font-weight:normal; font-size:24px; padding:0px; margin:0px 0px 15px 0px; }
h2{ background:#00478b; color:white; font-size:13px; padding:12px; font-weight:bold; margin-bottom:10px; }

.container{
	width:1000px;
	font-family:tahoma,arial,verdana;
	font-size:13.5px;
	color:#777;
}

.container a:link{ color:#ff7f00; text-decoration:none; }
.container a:hover{ color:#ff7f00; text-decoration:underline; }
.container a:visited{ color:#ff7f00; text-decoration:none; }

#tituloM{ float:left; width:100%; text-align:center; display:none; }
#tituloM a:link{ font-size:22px !important; }

.line{
	float:left;
	width:100%;
	border-bottom:1px solid #bcbcbc;
	margin-bottom:10px;
}


.titulo{ float:left; width:100%; height:40px; }
	.control{ float:left; width:33px; }
	.texto{ float:left; width:85%; font-weight:normal; font-size:14px; margin:5px 0px 0px 0px; }
	.content{ float:left; width:96%; margin:0px 0px 10px 30px; } 


.subtitulo{ float:left; width:100%; height:40px; }
.tituloAsk{ float:left; width:100%; height:30px; margin-bottom:7px;  }
	.controlAsk{ float:left; width:30px; margin-top:0px; }
	.controlAsk a:link{ color:black; text-decoration:none; margin-top:10px; }
	.contentAsk{ float:left; width:96%; margin:0px 0px 5px 30px; } 	


p{ margin-bottom:7px; }

.valid{ font-size:12px; color:darkred; }
#renda1,#renda2{ color:red; font-size:14px; }
	
#pessoas,#salario{
	width:200px;
}

#calcular{ width:150px; margin-right:20px; }
#cancelar{ width:150px; }
#bt-curso{ margin-right:20px; }


.lineBox{
	float:left;
	width:100%;
	margin:30px 0px 10px 0px;
	border-top:1px solid #bcbcbc;
	background:#eff0df;
}

.notablet{ display:none; }



@media screen and (max-width:767px){
	.container{ width:100%; }
	.titulo1{ color:#ff7f00; background:none; font-weight:normal; font-size:17px; padding:0px; margin:15px 0px 15px 0px; }	
	.texto{ width:85%; padding-bottom:7px; }
	.subtitulo{ width:85%; height:auto; }
	.tituloAsk{ width:85%; height:auto; }
	.content{ width:95%; }
	#bt-curso{ width:65%; margin-right:0px; }		
	#tituloM{ display:block; }
}

@media screen and (max-width:480px){
	.content{ width:90%; }
	.texto{ width:78%; }
	.subtitulo{ width:100%; height:auto; }
	.tituloAsk{ width:90%; height:auto; }	
	.contentAsk{ width:90%; margin-left:5px; }
	#calcular{ width:auto; margin-right:8px; }	
	#cancelar{ width:auto;  }
	
	#content4 .content{ margin-left:5px; }
	#bt-curso{ width:42%; }		
}