/* 
estl_from_contacto
Para las paginas que llama la pagina de portada 
Ver 2.0 Noviembre 2016
Vidal Lasa 
Esto son los estilos del formulario de contacto
*/


/*___________________________________________________________________________________________________________
                                                                                      formulario de contacto
*/
#contacto-form {
  height: 70%;
  width:98%;
  margin: 0.1% 0.4% 0.1% 0.4%;
  padding: 1%;
}
#contacto-form fieldset {
  width: 98%;
  height: 98%;

  border-width: 1px;
  border-color: #0A00FF; 
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;   
  border-radius: 8px;
}
.caja_input {
  position: relative;
  width: 33%;
  height: 10%;
  left: 33%;
}
.etiqueta {
  padding: 1px;
}
.entrada {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 40%;
  left: 0%;
  width: 95%;
}
.entrada input {
  font-size: 1em;
  line-height:1.25em;
  padding: 0.3%;
  margin:0.3%;
  width: 100%;
  
  border-width: 1px; 
  border-color:  var(--c_fondo_contacto_2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;   
  border-radius: 8px;
  
  background: var(--bg_contacto_ini);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(var(--bg_contacto_ini)),to(var(--bg_contacto_fin)));
  background: -webkit-linear-gradient(var(--bg_contacto_ini), var(--bg_contacto_fin));
  background: -moz-linear-gradient(var(--bg_contacto_ini), var(--bg_contacto_fin));   
  background: -ms-linear-gradient(var(--bg_contacto_ini), var(--bg_contacto_fin));    
  background: -o-linear-gradient(var(--bg_contacto_ini), var(--bg_contacto_fin));     
  background: linear-gradient(var(--bg_contacto_ini), var(--bg_contacto_fin));        
  -pie-background: linear-gradient(var(--bg_contacto_ini), var(--bg_contacto_fin));   
  
  outline:none;
}
.caja_captcha {
  position: relative;
  left: 33%;
  width: 33%;
  margin-bottom: 0.1%;
}
.caja_captcha img {
  position: relative;
  left: 33%;
  width: 33%;
}
.area_texto {
  position: relative;
  height: 33%;
  width: 100%; 
}

.area_texto textarea {
    float: left;
    height: 90%;
    width: 100%; 
    resize:vertical;
    font-size: 1em;
    line-height:1.25em;
    
    border: 1px solid var(--c_fondo_contacto_2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;   
    border-radius: 8px;

    background: var(--bg_contacto_ini);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(var(--bg_contacto_ini)),to(var(--bg_contacto_fin)));
    background: -webkit-linear-gradient(var(--bg_contacto_ini), var(--bg_contacto_fin));
    background: -moz-linear-gradient(var(--bg_contacto_ini), var(--bg_contacto_fin));   
    background: -ms-linear-gradient(var(--bg_contacto_ini), var(--bg_contacto_fin));    
    background: -o-linear-gradient(var(--bg_contacto_ini), var(--bg_contacto_fin));     
    background: linear-gradient(var(--bg_contacto_ini), var(--bg_contacto_fin));        
    -pie-background: linear-gradient(var(--bg_contacto_ini), var(--bg_contacto_fin));   
}
.botones_form {
  text-align:center;

  position: relative;
  width: 100%;
  margin-top: 0.1%;

}
.botones_form input {
  width: 45%;
  background-color: #FA8D00;
}


          
/***** alta cliente form *****/
#altacliente-form {display:block}

#altacliente-form label {
    display:block;
    height:37px;
    overflow:hidden;
    padding:0px 0px 0px 0px;
  }
  
#altacliente-form input[type=text] {
  /*float:left;*/
  font-size:12px;
  line-height:1.25em;
  padding:6px 10px 7px;
  margin:0px 0px 0px 0px;
  font-family:Arial, Helvetica, sans-serif;
  
  border:100px; solid var(--c_fondo_contacto_2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;   
  border-radius: 8px;
  
  background: var(--bg_contacto_ini);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(var(--bg_contacto_ini)),to(var(--bg_contacto_fin)));
  background: -webkit-linear-gradient(var(--bg_contacto_ini), var(--bg_contacto_fin));
  background: -moz-linear-gradient(var(--bg_contacto_ini), var(--bg_contacto_fin));   
  background: -ms-linear-gradient(var(--bg_contacto_ini), var(--bg_contacto_fin));    
  background: -o-linear-gradient(var(--bg_contacto_ini), var(--bg_contacto_fin));     
  background: linear-gradient(var(--bg_contacto_ini), var(--bg_contacto_fin));        
  -pie-background: linear-gradient(var(--bg_contacto_ini), var(--bg_contacto_fin));   
  
  outline:none;
}

#altacliente-form input[type=checkbox] {
  position: relative;
  bottom: -3px;
}

.ac-text-form {
  float:left;
  display:block;
  font-size:14px;
  line-height:2em;
  width:130px;
  font-family:Arial, Helvetica, sans-serif;
}




/*.botones {padding:15px 0 0 0; text-align:center;}
.botones a {margin-right:8px; padding:8px 32px;}*/