label {display: block;}
input {display: inline-block; 
	   width:90%; 
	    border: 0.5px solid #31bcad;
	   border-radius: 1px;
	  -moz-border-radius: 1px;
      -webkit-border-radius: 1px;
       background:none;
   }

.boton input { padding-right: 15px;}
#formulario { padding-bottom: 4%;padding-top:5%; text-align:center;}
/*#formulario input:required:valid, #formulario textarea:required:valid {box-shadow:0 0 5px #e7bb36; border-color:#e7bb36;} esta regla es para darle color al input que es correcto o validado*/
/*#formulario input:focus:invalid, #formulario textarea:focus:invalid {box-shadow:0 0 5px #e7bb36; border-color:#e7bb36;} esta regla es para darle color al input que es incorrecto o invalido*/
textarea {width: 90%; 
	      min-height:80px; 
	      background: none;
	      border: 0.5px solid #31bcad;
	      -moz-border: 0.5px solid #31bcad; 
	      -webkit-border: 0.5px solid #31bcad;  
	      border-radius: 1px;
	      -moz-border-radius: 1px;
          -webkit-border-radius: 1px;}

.detalle {font-size:11px;}

/*#confirma {padding:15%; min-height:250px; font-size: 20px;}
.confirma{margin:15%;}*/
.compromiso {float:left; width:30%; padding-top: 1%;}
.contacto{float:left; width:45%;text-align:left;padding-top: 4%; padding-left:10%;}


/*#formulariocliente{padding-left:15%; padding-bottom: 4%;padding-top:5%;min-height:520px; }
.contactocliente{ margin:5px;float:left; width:50%; margin-bottom:5%;}
.compromiso2 {background:rgba(185,190,16,0.7);float:left; width:42%;min-height:520px;padding: 2%;margin-bottom:15px; border-radius: 15px 0 15px 15px; -moz-border-radius:15px 0 15px 15px;-webkit-border-radius: 15px 0 15px 15px; margin:5px;}

.compromiso2 hr {width:100%;background-color:#b9be10;margin:0 auto;}
.compromiso2 h2 {color:#333434;text-align:left;font-size:16px;}
.compromiso2 h3 {color:black;text-align:left;font-size:14px;}*/

/*#prodint {text-align:center; margin-top:25px; margin-bottom:5%;}
#prodint h2{font-size:18px;}
.produ {text-align:left;float:left;padding-left:2%;padding-right:3%; border-left: 1px dashed #408080;-moz-border-left: 1px dashed #408080;
          -webkit-border-left: 1px dashed #408080;}
.produ h3{color:black;font-weight:700;text-align:left;}
.produfirst{text-align:left;float:left;padding-left:2%;padding-right:3%;margin-left: 17%;border-left: 1px dashed #408080;-moz-border-left: 1px dashed #408080;
          -webkit-border-left: 1px dashed #408080;}
.produfirst h3{color:black;font-weight:700;text-align:left;}*/


/* MEDIAQUERIE */
@media screen and (max-width:1366px){
.compromiso {width:34%;}
}

@media screen and (max-width:996px){
.contacto {width: 58%;padding-left: 10%;}
.compromiso {width: 29%;}
.consulte article {width: 29%;}
}

@media screen and (max-width:783px){
.contacto {width: 90%;padding-left: 5%;}
.compromiso {width: 40%;padding-left:5%;}
.consulte article {width: 36%;margin-left: 5%; margin-top: 10%;}

}

@media screen and (max-width:768px){
#prodint {display:none;}

}