@charset "utf-8";

/* CSS Document */

form.contato {width:100%; height:auto; float:left; text-align:left;}
form.contato span {width:23%; margin-right:2.66%; float:left; margin-bottom:20px;}
form.contato span:nth-child(4) {margin-right:0px;}
form.contato span.msg {width:100%; margin-right:0px;}
form.contato hr {width:100%; float:left; height:2px; background:#CCC; border:0px; margin-bottom:20px; margin-top:20px;}
form.contato input, form.contato select { background:url(../img/bg-login.jpg) top repeat-x;
					border:1px solid #DDD;
					width:100%;
					padding:8px 5px;
					color:#000;
					font-size:100%;}

form.contato textarea {background: #E2E2E2;
					border:1px solid #DDD;
					width:100%;
					height:200px;
					padding:5px 5px;
					color:#000;
					font-size:100%;}

form.contato button {cursor:pointer;
					background:none;
					color:#343434;
					border:none;
					float:right;
					font-size:150%;
					margin-top:20px;
					font-weight:900;
					}

form.contato button:hover {color:#D68500;}

form.contato a {color:#000; text-decoration:none;}
form.contato a:active {color:#000; text-decoration:none;}
form.contato a:visited {color:#000; text-decoration:none;}
form.contato a:hover {color:#000; text-decoration:underline;}


form.contato span.nome {width:482.5px; float:left; margin-bottom:20px; margin-right:0px;}
form.contato span.nome:nth-child(3) {float:right;}
form.contato span.telefone {width:220px; float:left; margin-bottom:20px; margin-right:0px; margin-left:35px;}
form.contato span.email {width:220px; float:right; margin-bottom:20px; margin-right:0px; margin-left:0px;}
form.contato span.bairro {width:482.5px; float:right; margin-bottom:20px; margin-right:0px;}
form.contato span.cidade {width:220px; float:left; margin-bottom:20px; margin-right:0px; margin-left:0px;}
form.contato span.estado {width:80px; float:left; margin-bottom:20px; margin-left:0px;}
form.contato span.como-conheceu {width:630px; float:right; margin-bottom:20px; margin-left:0px; margin-right:0px;}

form.contato button.pedido {cursor:pointer;
					background:#4D4D4D;;
					color:#FFF;
					border:none;
					float:right;
					font-size:150%;
					margin-top:20px;
					font-weight:900;
					padding:10px 20px;
					}
form.contato button.pedido:hover {background:#000;}


form.pesquisa {width:650px; height:auto; min-height:270px; float:left; background:url(../img/mapa.png) left top no-repeat; padding-left:350px; box-sizing: content-box !important; padding-top:60px; margin-bottom:30px;}



form.pesquisa span {width:140px; float:left; margin-right:20px;}

form.pesquisa span:nth-child(2) {width:250px; margin-right:0px;}

form.pesquisa select {background:url(../img/bg-login.jpg) top repeat-x; border:1px solid #DDD; width:100%; height:40px;	padding:0 10px;	color:#333; margin-bottom:20px;}



form.area-restrita {width:345px; float:left; margin-left:65px; color:#000; font-size:112%; margin-top:35px; font-weight:300;}

form.area-restrita input {background:url(../img/bg-login.jpg) top repeat-x; border:1px solid #DDD; width:100%; height:40px;	padding:0 10px;	color:#333; margin-bottom:20px;}

form.area-restrita button {width:auto; height:auto; padding:7px 15px; color:#FFF; background:url(../img/bg-vernelho.jpg) repeat-x; float:right; cursor:pointer; border:0; font-weight:500;}

form.area-restrita button:hover {background:#000;}

				




form.cadastro {width:100%; height:auto; float:left; text-align:left;}
form.cadastro span {width:33%; float:left; margin-bottom:20px;}
form.cadastro span label {width:100%; float:left;}
form.cadastro span .telefone10 {width:54%; float:left;}
form.cadastro span .celular10 {width:40%; float:left;}
form.cadastro span .estado10 {width:30%; float:left;}
form.cadastro span .cidade10 {width:67%; float:left;}
form.cadastro input, form.cadastro select { background:url(../img/bg-login.jpg) top repeat-x;
					border:1px solid #DDD;
					width:90%;
					padding:8px 5px;
					color:#000;
					font-size:100%;
					float:left;}

form.cadastro button {cursor:pointer;
					background:#333;
					color:#FFF;
					border:1px solid #000;
					float:right;
					font-size:150%;
					font-weight:700;
					padding:5px 10px;
					}

form.cadastro button:hover {background:#000;}

form.cadastro a {color:#000; text-decoration:none;}
form.cadastro a:active {color:#000; text-decoration:none;}
form.cadastro a:visited {color:#000; text-decoration:none;}
form.cadastro a:hover {color:#000; text-decoration:underline;}


/* Estilo para tablet */

@media only screen and (min-width:481px) and (max-width:768px) {

form.pesquisa {width:auto; padding-left:230px; padding-top:20px; min-height:205px; background:url(../img/mapa2.png) left top no-repeat;}

form.pesquisa span:nth-child(2) {width:230px; margin-right:0px;}



form.area-restrita {width:100%; margin-left:0px; margin-top:35px;}

form.contato span.nome {width:58%;}
form.contato span.nome:nth-child(3) {float:left;}
form.contato span.telefone {width:18%; margin-left:15px;}
form.contato span.email {width:18%;}
form.contato span.bairro {width:40%;}
form.contato span.cidade {width:18%;}
form.contato span.estado {width:10%; margin-left:15px;}
form.contato span.como-conheceu {width:65%;}

}

/* Estilo para smartphone */

@media only screen and (min-width:0px) and (max-width:480px) {

form.contato span {width:100%; margin-right:0;}

form.cadastro span {width:100%; margin-right:0;}
form.cadastro input {width:100%;}
form.cadastro span .telefone10 {width:100%; float:left;}
form.cadastro span .celular10 {width:100%; float:left;}
form.cadastro span .estado10 {width:100%; float:left;}
form.cadastro span .cidade10 {width:100%; float:left;}

form.pesquisa {width:100%; min-height:30px; background:none; padding-left:0px; padding-top:0px; margin-bottom:20px;}

form.pesquisa span {width:100%;margin-right:0px;}

form.pesquisa span:nth-child(2) {width:100%;}



form.area-restrita {width:100%; margin-left:0px; margin-top:35px;}

form.contato span.nome {width:100%;}
form.contato span.nome:nth-child(3) {float:left;}
form.contato span.telefone {width:100%; margin-left:0px;}
form.contato span.email {width:100%; float:left; margin-left:0px;}
form.contato span.bairro {width:100%;}
form.contato span.cidade {width:100%;}
form.contato span.estado {width:100%;margin-left:0px;}
form.contato span.como-conheceu {width:100%; float:left;}

	}