.user-box {
  position: relative;
  font-family:"Cartonnage-Regular";
  margin-bottom: 15px;
  margin-top:5px;
}

.user-box input,.user-box select,.user-box textarea {
  width: calc(100% - 20px);
  padding: 10px;
  font-size: 16px;
  color: #ffffff;
  border: 1px solid #94BC32;
  outline: none;
   font-family:"Cartonnage-Regular",Roboto,Arial;
   background: #94BC32;
   /*text-transform:uppercase;*/
   border-radius:10px;
   margin-top:5px;
   

}

.user-box select {
	background:url(../img/flecha.png) no-repeat right center;
	background-size:20px;
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
			outline:none;
}
/*.user-box textarea {
  border: 2px solid #ffffff;
  padding:10px;
  width: calc(100% - 22px);
  border-radius:10px;

}*/

.user-box label {
 /* position: absolute;
  top:0;
  left: 10px;
  padding: 10px 0;
  font-size: 18px;
  color: #fff;
  pointer-events: none;
  transition: .5s;
  */
  font-size: 18px;
  text-transform:uppercase;

}
#cometarioslabel {
  padding: 10px;
}


.user-box input:focus,.user-box textarea:focus{
	background:#FFDE00;
	color: #94BC32;
}

/*.user-box input:focus ~ label,
.user-box input:valid ~ label,.user-box select:focus ~ label,.user-box select:valid ~ label,.user-box textarea:focus ~ label,.user-box textarea:valid ~ label {
  top: -25px;
  left: 0;
  color: #ffffff;
  font-size: 10px;
  padding: 10px 0px;
}*/
/*.user-box textarea:focus ~ label,.user-box textarea:valid ~ label {
  top: -35px;

}*/

.cambio{
  top: -20px;
  left: 0;
  color: #ffffff;
  font-size: 9px;	
}

/*form a {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  color: #ffffff;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  transition: .5s;
  margin-top: 40px;
  letter-spacing: 4px
}

a:hover {
  background: #ffffff;
  color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px #ffffff,
              0 0 25px #ffffff,
              0 0 50px #ffffff,
              0 0 100px #ffffff;
}

a span {
  position: absolute;
  display: block;
}

a span:nth-child(1) {
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #ffffff);
  animation: btn-anim1 1s linear infinite;
}*/

@keyframes btn-anim1 {
  0% {
    left: -100%;
  }
  50%,100% {
    left: 100%;
  }
}

a span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, transparent, #ffffff);
  animation: btn-anim2 1s linear infinite;
  animation-delay: .25s
}

@keyframes btn-anim2 {
  0% {
    top: -100%;
  }
  50%,100% {
    top: 100%;
  }
}

a span:nth-child(3) {
  bottom: 0;
  right: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg, transparent, #ffffff);
  animation: btn-anim3 1s linear infinite;
  animation-delay: .5s
}

@keyframes btn-anim3 {
  0% {
    right: -100%;
  }
  50%,100% {
    right: 100%;
  }
}

a span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, transparent, #ffffff);
  animation: btn-anim4 1s linear infinite;
  animation-delay: .75s
}

@keyframes btn-anim4 {
  0% {
    bottom: -100%;
  }
  50%,100% {
    bottom: 100%;
  }
}
/* CSS Document */



.campo_error label{
	/*color:#ea2900;*/
}
.campo_error input,.campo_error select,.campo_error textarea {
	/*border-color:#ea2900;*/
	color:#ea2900;
}
.campo_error input:focus ~ label,
.campo_error input:valid ~ label,.campo_error select:focus ~ label,.campo_error select:valid ~ label,.campo_error textarea:focus ~ label,.campo_error textarea:valid ~ label {
	color:#ea2900;
}

.campo_ok label{
	/*color:#ea2900;*/
}
.campo_ok input,.campo_ok select,.campo_ok textarea {
	border-color:#42FF00;
	color:#ffffff;
	background-image:url("../img/campo_ok.png");
	background-repeat:no-repeat;
	background-size:16px;
	background-position: calc(100% - 10px) center;
}
select option{
	background:#ffffff;
	color:#00adc5;
}