/*   
Version: 1
Author: Railef.com
Author URI: http://www.railef.com
 formulario.css */
 
 #commentform {
 	width: 100%;
	float: left;
 }
 textarea {height:200px;padding:5px;overflow: auto;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
.error, .notice {padding:0;margin-bottom:1em;border:0px solid #ddd;}
.error {background:transparent;color:#FF5151;width: 100%; float: left;}
.error-message, .error {
	width: 100%;
	float: left;
	color: #FF5151;
}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}

.error a {color:#8a1f11;}
.notice a {color:#514721;}


label {
    display:block;
   	width: 150px;
	float: left;
	 text-align: left;
	 padding-top: 3px;
	 padding-bottom: 5px;
	 font-size: 12px;

	 color: #ffffff;
}

input, textarea, select  {

border: 1px solid #00263E;
 float: left;
 padding: 4px 4px;
 font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
 font-size: 16px;
 color: #B3C2B3;
background-color: #002840;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;

-webkit-box-shadow: inset 1px 1px 1px 0px #002033;
-moz-box-shadow: inset 1px 1px 1px 0px #002033;
box-shadow: inset 1px 1px 1px 0px #002033;
  -webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
behavior: url(/css/css3pie/PIE.htc);
}
input[type="radio"] {
  visibility: hidden;
  width: 0px;
  height: 0px;
  padding: 0px;
  margin: 0px;
 display: none;
}

select:focus, textarea:focus, input:focus, #producto-cantidad input:focus {
border-color: #002840; 
background: #B3C2B3;
color: #003b5d; 
font-style: normal;
 outline:0px;
}


input:hover, textarea:hover, select:hover, #producto-cantidad input:hover {
background: #B3C2B3;
border-color: #002840; 
color: #003b5d; 
 outline:0px;
}
input:focus:hover, textarea:focus:hover, select:focus:hover {
background: #B3C2B3;
border-color: #002840;
color: #003b5d; 
 outline:0px;

}

.submit {
	width: 100%;
	float: left;
	text-align: right;
	
}
.input {
	width:100%;
	float: left;
	margin-top: 0px;
	margin-bottom: 10px;
	/*clear: both;*/
}

.tex-form {
	width: 100%;
	float: left;
	text-align: left;
	font-size: 11px;
}
.obligatorio {
	color: #c1002b;
}

#contacto input {
	width: 300px;
}
	#contacto textarea {
	width: 300px;
}
button.btn { 
	
float: right;

}

/************************************************/
button.btn {
 
font-family: 'DINRegular', Helvetica, 'Helvetica Neue', Arial, sans-serif;
text-transform: uppercase;
font-size: 12px;
padding: 7px 20px;
background-color: #b3c2b3;
color: #003b5d;
 border: 0px solid #b3c2b3;
-webkit-border-radius: 7px;
 border-radius: 7px;
   behavior: url(/css/css3pie/PIE.htc);
        -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
   }
  
  
  button.btn:hover,  button.btn-for:hover {
 background-color: #fff;
      -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
  }
    
  button.btn:active,  button.btn-for:active {
   background-color: #8FA58F;}