/*///////////////////////////////////////////////////////////////////

Plantilla Contacto



Inserta un formulario de contacto en la sección creada compuesto

de varios campos, posibilidad de adjuntar archivos y de enviar

el contacto a un determinado correo. Todo configurable por el cliente.

///////////////////////////////////////////////////////////////////*/



/*Párrafo de introducción */



div#contents p { padding: 8px; }



/*Tabla contenedora del formulario*/



table.contact { margin: 0 0 0 15px; }



/*Elementos del formulario*/



table.contact td label { color: #fff; }

input { width: 290px;background: #232323; border: 0; }

textarea { width: 290px; height: 150px; background: #232323; border: 0; }



input, textarea { margin-top: 5px; padding: 4px; border: 0; }



/*Estilo del input en caso de que el formulario se pueda enviar a más de una dirección*/

input.deliver_to { width: 10px; background: none; margin: 0 10px 0 0; }

/* Contenedor del botón de enviar del formulario */

button { padding: 40px 0 0; }

/*Botón de enviar del formulario*/



td button {
	float: right;
	width: 65px;
	margin: 0 2px 2px;
	padding: 0;
	font-weight: bold;
	color: white;
	background: url(../images/btn_enviar.gif) no-repeat left;
	border: none;
	border-bottom: solid 1px color #444444;
}

td button:hover { text-decoration: underline; }



/*Contenedor del formulario que se usa para insertar una imagen decorativa de fondo */



div#contents form div { background: url(../images/bg_contact.jpg) bottom left no-repeat; }
div#contents div { background: url(../images/bg_contact.jpg) bottom left no-repeat; }
div#contents div.trabaja { background: url(../images/trabaje_c_nosotros.jpg) bottom left no-repeat; }

/*Avisos legales del formulario de contacto*/



div#contents form div p { color: #424141; font-size: 9px; line-height: 10px; padding: 30px 0 0; height: 55px; }


/*Zona de contacto direccion y demas*/

div#contents div.contacto
{
    background:none;
     background-color:#000000;
      border-bottom-width:2px;
      border-left-width:0px;
      border-right-width:0px;
      border-top-width:0px;
     border-color:#A9A9A9;
     border-style:solid;
     color:#FFFFFF;
     width:550px;
     height:100px;
}

div#contents div.contacto table hr
{
    width:2px;
    height:80px;  
}



/*Separador*/
div#contents div.separador
{
    background:none;
    
    height:20px;
}

div#contents div.contacto table
{
    
    vertical-align:middle;
    text-align:center;
    font-size:14px;
    font-weight:bold;
    width:520px;
     
     
    
}
table.social
{
   width:200px; 
   text-align:left; 
  
}
table.socialg
{
    width:540px;
    text-align:right;
    
}
