/*================================================================================================================================
 FORMULARIO MODAL
==================================================================================================================================*/
.formulariomodal{height:auto; font-family: 'OpenSans', sans-serif;}
.formulariomodal ul{display: table; margin: 10px 0 10px 80px; }
.formulariomodal ul li{float: none; list-style: none; margin: 0 30px 5px 0; }
.formulariomodal ul li{float: none; list-style: none; margin: 0 30px 5px 0; }

.formulariomodal label{ width: 380px; text-align: left; float: none; margin:0 0 3px 80px; display: block;}

.formulariomodal label.error { float: none; position: relative; top:-5px; left:0; color: #f00; vertical-align: top; font-size: 12px; text-align: left; display: block; border-left:3px solid #f00;  padding: 0px 0 0 5px; margin: 0 0 3px 0;}

.formulariomodal input{padding:5px; margin:0px 0 7px 80px; border:1px solid #bab9b9; font-weight:400; font-size:15px; color:#333; display:block; outline: none; 
	-webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; transition: background 0.5s ease-out;} 
.formulariomodal input:focus{border:1px solid #bab9b9; background: #FFFAEF;}
/*.formulario input.g{ width:50%;} */
/*.formulario input.m{ width:30%;} */
.formulariomodal input.p{ width:392px;}
/*.formulario input.pp{ width:5%;} */
.formulariomodal input.form-control{height: 30px;}
.formulariomodal select{padding:5px; margin:0px 0 5px 80px; border:1px solid #bab9b9; font-weight:400; font-size:15px; color:#333; display:block; outline: none;
	-webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; transition: background 0.5s ease-out;}
.formulariomodal select:focus{border:1px solid #bab9b9; background: #FFFAEF;}
/*.formulario select.g{ width:50%;}*/
.formulariomodal select.t{ width:392px;}
.formulariomodal select.p{ width:139px;}

.formulariomodal span.g{display: table; margin: 5px 0 0px 0}
/*.formulario select.pp{ width:5%;}*/

.formulariomodal textarea{padding:5px; margin:0px 0 5px 80px; border:1px solid #bab9b9; font-weight:400; font-size:14px; color:#333; display:block; outline: none;
	-webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; transition: background 0.5s ease-out; resize: none;}
.formulariomodal textarea:focus{border:1px solid #bab9b9; background: #FFFAEF;}
.formulariomodal textarea.g{ width: 393px;}
.formulariomodal span.g{ margin-left: 27% }
/*.formulario textarea.m{ width:30%;}*/
/*.formulario textarea.p{ width:15%;}*/
/*.formulario textarea.pp{ width:10%;}*/

.formulariomodal input[type="radio"]{ float: left; margin:1px 5px 0 0;}
.formulariomodal input[type="checkbox"]{ float: left; margin:1px 5px 0 0;}

.formulariomodal input[type="submit"]{float:left; border-radius:5px; padding:10px 20px 5px 20px; margin:10px 0 20px 360px; background: #000; border:solid 0px; color:#fff; cursor:pointer;}
.formulariomodal input[type="submit"]:hover{background: #666;}


/*================================================================================================================================
 FORMULARIO RESPONSIVO MODAL 
==================================================================================================================================*/
/* RESOLUÇÃO TABLETS 10" */

@media only screen and (max-width:989px){
	.formulariomodal{float:none; margin:auto;}
	.formulariomodal ul{margin:10px 0 10px 10%;}
	.formulariomodal label{width: 60%; text-align: left; float: none; margin:0 0 3px 10%; display: block;}
	.formulariomodal label.error {left:40px;}

	.formulariomodal input.g{ width:80%;}
	.formulariomodal input.m{ width:60%;}
	.formulariomodal input.p{padding:4px; width:83%; margin:0 0 5px 10%;}
	.formulariomodal input.form-control{  margin:0 0 0 0; height: 30px;}
	.formulariomodal div.dt{margin:0 0 0 10%;}

	.formulariomodal input.pp{ width:30%;}
	.formulariomodal select{padding:4px; margin:0px 0 5px 10%;}
	.formulariomodal select.g{ width:80%;}
	.formulariomodal select.t{ padding:4px; width:83%;}
	.formulariomodal select.m{ width:60%;}
	.formulariomodal select.p{ width:139px;}
	.formulariomodal select.pp{ width:30%;}

	.formulariomodal span.g{
  margin: 5px 0 0px 0px;
  height: 100%;
  min-height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
	}
	
	.formulariomodal textarea.g{padding:4px; width:83%; margin-left: 10%;}
	.formulariomodal textarea.m{ width:60%;}
	.formulariomodal textarea.p{ width:50%;}
	.formulariomodal textarea.pp{ width:30%;}
	
	.formulariomodal input[type="checkbox"]{ float: left; margin:1px 5px 0 0;}
	
	.formulariomodal input[type="submit"]{float: left; margin-left:10%;}

	}
/*================================================================================================================================
 FORMULARIO MODAL FIM
==================================================================================================================================*/

/*================================================================================================================================
 FORMULARIO 
==================================================================================================================================*/

.formulario{height:auto; font-family: 'OpenSans', sans-serif; margin-left: 150px;}
.formulario ul{display: table; margin: 10px 0 10px}
.formulario ul li{float: none; list-style: none; margin: 0 30px 5px 0; }
.formulario ul li{float: none; list-style: none; margin: 0 30px 5px 0; }

.formulario div.row{width: 410px;}
.formulario div.l{width:130px; float: left; margin: 0 140px 0 0px;}

.formulario label{width: 380px; text-align: left; float: none; margin:0 0 7px; display: block;}
.formulario label.error { float: none; position: relative; top:-5px; color: #f00; vertical-align: top; font-size: 12px; text-align: left; display: block; border-left:3px solid #f00;  padding: 0px 0 0 5px; margin: 0 0 5px 0;}

.formulario input{padding:5px; margin:0px 0 10px; border:1px solid #bab9b9; font-weight:400; font-size:15px; color:#333; display:block; outline: none; 
	-webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; transition: background 0.5s ease-out;} 
.formulario input:focus{border:1px solid #bab9b9; background: #FFFAEF;}
/*.formulario input.g{ width:50%;} */
/*.formulario input.m{ width:30%;} */
.formulario input.p{ width:392px;}
.formulario input.form-control{width:353px;}
/*.formulario input.pp{ width:5%;} */

.formulario select{padding:6px; margin:0px 0 10px; border:1px solid #bab9b9; font-weight:400; font-size:15px; color:#333; display:block; outline: none;
	-webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; transition: background 0.5s ease-out;}
.formulario select:focus{border:1px solid #bab9b9; background: #FFFAEF;}
/*.formulario select.g{ width:50%;}*/
/*.formulario select.m{ width:30%;}*/
.formulario span.g{display: table; margin: 10px 0 10px }
/*.formulario select.pp{ width:5%;}*/

.formulario textarea{padding:5px; margin:0px 0 10px; border:1px solid #bab9b9; font-weight:400; font-size:14px; color:#333; display:block; outline: none;
	-webkit-transition: background 0.5s ease-out; -moz-transition: background 0.5s ease-out; transition: background 0.5s ease-out; resize: none;}
.formulario textarea:focus{border:1px solid #bab9b9; background: #FFFAEF;}
.formulario textarea.g{ width: 393px;}
.formulario span.g{ margin-left: 65px}
/*.formulario textarea.m{ width:30%;}*/
/*.formulario textarea.p{ width:15%;}*/
/*.formulario textarea.pp{ width:10%;}*/

/*.formulario input[type="radio"]{ float: left; margin:1px 5px 0 0;}*/
.formulario input[type="checkbox"]{ float: left; margin:1px 5px 0 0;}

.formulario input[type="submit"]{float:left; border-radius:5px; padding:10px 20px 10px 20px; margin:10px 0 20px 460px; background: #000; border:solid 0px; color:#fff; cursor:pointer;}
.formulario input[type="submit"]:hover{background: #666;}


/*================================================================================================================================
 FORMULARIO RESPONSIVO 
==================================================================================================================================*/
/* RESOLUÇÃO TABLETS 10" */

@media only screen and (max-width:989px){

	.formulario{float:none; margin:auto; margin-left: 9%;}
	.formulario ul{margin:10px 0 10px 0;}
	.formulario label{text-align: left; float: none; margin:2px 0 10px; display: block;}
	.formulario label.error{left:0px;}

	.formulario div.row{width: 100%;}
	.formulario div.l{width: 130px; float: left; margin: 0 20% 0 0px;}
	
	.formulario input.g{ width:80%;}
	.formulario input.m{ width:60%;}
	.formulario input.p{ width:90%; margin:0px 0 10px}
	.formulario input.form-control{width:150px}
	.formulario input.pp{ width:30%;}
	.formulario select{margin:0px 0 10px}
	.formulario select.g{ width:80%;}
	.formulario select.m{ width:60%;}
	.formulario select.p{ width:35%;}
	.formulario select.pp{ width:30%;}

	.formulario span.g{
  margin: 10px 0 10px -9%;
  height: 100%;
  min-height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
	}
		
	.formulario textarea.g{ width:90%;}
	.formulario textarea.m{ width:60%;}
	.formulario textarea.p{ width:50%;}
	.formulario textarea.pp{ width:30%;}
	
	.formulario input[type="checkbox"]{ float: left; margin:1px 5px 0;}
	
	.formulario input[type="submit"]{float: left;}

	}