.mobile {
	margin: 0 auto;
 	background-color:#f3efe9;
	height:auto;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(https://smallenvelop.com/wp-content/uploads/2014/08/Preloader_11.gif) center no-repeat #fff;
}




.flat{color:#000;}

.tela_mobile{
	
	
	
	
}

.tela_mobile h1{
	font-size: 2em;
	text-align: center;
	color:#F60;
}
.tela_mobile h2{
	font-size:1.6em;
	font-weight:bold;
	text-align:left;
	
}

.tela_mobile form, .tela_mobile .box-resultado{
	margin: 1% 25%;
	color:#F60;
	background-color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:2.0%;
	border: medium solid #F60;
	/*width:50%;*/
}

.tela_mobile img{
	margin-bottom:2%;
	width:100%;
	bottom:0;
	position:relative;
	
}



.botao_mobile{
	margin-top:5%;
	text-align: center;
}
.botao_mobile a{
	margin-top: 8%;
	width:80%;
}
.botao_mobile i{
	margin: auto 3%;
}
.mobile_wrapper {
	right: 0px;
	margin: 0px auto;
	/*margin-top: 2%;*/
	max-width: 350px;
	position: relative; 
}

.control-label{
	color:#000;
	font-size:1.1em;
	font-weight: bold;
	margin-bottom:0;
}
.texto_mobile p{
	
	text-align: justify;
}
.botoes-finais{
	text-align:center;
	margin-top:5%;
}
.ident{
	text-indent: 2em;
}
#boxanoencaminhado{
	padding:3%;
	background-color:rgba(29,120,47,0.70);
}

#boxanoencaminhado label{
	color:#FFFFFF;
}
#boxruasperpendiculares{}

#boxruasperpendiculares div, .boxzonarural div, .boxcomunidade div {
	padding:2%;
	background-color:rgba(255,255,255,0.40);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.boxzonarural div, .boxcomunidade div {
	background-color:rgba(158,208,158,0.70);
	
}
.boxzonarural input[type=text], .boxcomunidade input[type=text] {
	background-color : rgba(255,255,255,1.0);
}

input[type=text]::-webkit-input-placeholder,textarea::-webkit-input-placeholder { 
   color: #BBB;
}


input[type=text]:-moz-placeholder,textarea:-moz-placeholder { /* Firefox 18- */
   color: #BBB;  
}

input[type=text]::-moz-placeholder, textarea::-moz-placeholder {  /* Firefox 19+ */
   color: #BBB;  
}

input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder {  
   color: #BBB;  
}

/*=============================================================
	Sugestão de @media retirado do site:
	https://www.w3schools.com/css/css_rwd_mediaqueries.asp
==============================================================*/
/* Extra small devices (phones, 320px and down) */
@media (min-width: 320px) and (max-width: 480px) {/*(300%)*/
	.mobile_wrapper {
		min-width: 320px;
	}
	.tela_mobile img{
		width:85%;
		margin-left:8%;
	}
	.tela_mobile form, .tela_mobile .box-resultado{
		margin: 1% auto;
	}
}

@media (min-width: 481px) and (max-width: 767px) {/*(200%)*/
	.mobile_wrapper {
		max-width: 95%;
	}
	
	.tela_mobile form, .tela_mobile .box-resultado{
		margin: 1% auto;
	}
	
	.tela_mobile img{
		width:75%;
		margin-left:10%;
	}
}

@media (min-width:768px) and (max-width: 899px) and (orientation: landscape) {
	
}


@media (min-width: 768px) and (max-width: 899px) {/*(170%)*/
	.mobile_wrapper {
		max-width: 75%;
	
	}
	
}



/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 900px) and (max-width: 1024px) {/*(150%)*/
	.mobile_wrapper {
		max-width: 50%;
	
	}
	
	
}
/* Large devices (laptops/desktops, 992px and up) */
@media (min-width: 1025px) and (max-width: 1280px) {/*(120%)*/
	.mobile_wrapper {
		max-width: 30%;
	}
	
	.tela_mobile h1{
		font-size: 3em;
	}
	
	
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media (min-width: 1281px) {/*(100%)*/
	
	.tela_mobile h1{
		font-size: 3em;
	}
	.mobile_wrapper {
		max-width: 35%;
	}
	
}