/* Forms Base */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.w100p{
	width:100%;

}

.responsiveForm > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 5px 0;
}
.responsiveForm > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
.responsiveForm > div > label,
legend {
	width: 25%;
  float: left;
  padding-right: 2%;

}
.responsiveForm > div > div,
.responsiveForm > div > fieldset > div {
  width: 75%;
  float: right;
}
.responsiveForm > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}

input[type=text],
input[type=email],

input[type=url],
input[type=password],
textarea {
	width: 80%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 5px 5px 5px 5px;
  height: 24px;
  padding-left: 4px;
}
input[type=tel]{
	  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 5px 5px 5px 5px;
  height: 24px;
  padding-left: 4px;

}
select {
	font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #ccc;
	color:#999999;
	height: 24px;
}
textarea {
	font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password] {
  width: 50%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color:#006699;
  background-color:#F5F9F0;
}
select:focus {
  outline: 0;
  border-color:#006699;
  background-color:#F5F9F0;
  color:#000000;
}
select, option {
color:#727272;
}
button[type=submit] {
	background-color:#839BA9;
    background: -moz-linear-gradient(center top , #839BA9, #C9D1D3) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#839BA9', endColorstr='#C9D1D3'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#839BA9), to(#C9D1D3)); /* webkit browsers */
	color:#FFFFFF;
	border-radius: 3px 3px 3px 3px;
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
	border:1px solid #399;
	padding:4px 10px 4px 10px;
	text-transform:uppercase;
}
button[type=submit]:hover {
	background-color:#B6B6B6;
}
button[type=reset] {
	background-color:#839BA9;
    background: -moz-linear-gradient(center top , #839BA9, #C9D1D3) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#839BA9', endColorstr='#C9D1D3'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#839BA9), to(#C9D1D3)); /* webkit browsers */
	color:#FFFFFF;
	border-radius: 3px 3px 3px 3px;
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
	border:1px solid #399;
	padding:4px 10px 4px 10px;
	text-transform:uppercase;
}
button[type=reset]:hover {
	background-color:#B6B6B6;
}
@media (max-width: 600px) {
  .responsiveForm > div {
    margin: 0 0 5px 0; 
  }
  .responsiveForm > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  .responsiveForm > div > div,
  .responsiveForm > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%; 
  }
}
@media (min-width: 1200px) {
  .responsiveForm > div > label,
	legend {
  	text-align: right;
  }
}

/* mensagem de resposta do formulário */
p#mensagem_formulario {
	border-style:solid;
	border-width:1px;
	padding:3px;
	padding-left:25px;
	border-radius:2px;
	background-position:3px center;
	background-repeat:no-repeat;
}
p#mensagem_formulario.ok {
	background-color:#DFFFDF;
	background-image:url(../images/success.png);
	border-color:#0C0;
	color:#0c0;
}
p#mensagem_formulario.warning {
	background-color:#FFFFC6;
	background-image:url(../images/warning.png);
	border-color:#CC0;
	color:#cc0;
}
p#mensagem_formulario.error {
	background-color:#FFDFDF;
	background-image:url(../images/error.png);
	border-color:#C00;
	color:#c00;
}

/*end Forms Base*/

div.clear {clear: both; height: 1px; overflow: hidden;}
.left {float:left}
.right {float:right}
.w20p {width:20%;}
.w80p {width:80%;}