@charset "utf-8";
/*	----------------------------------------------------------------------------
	Estilos contacto
	
	version:	1.1
	autor:		Jorge Canteli
	email:		jorcanvi@q-interactiva.com
	web:		http://www.q-interactiva.com
	----------------------------------------------------------------------------*/
/*	----------------------------------------------------------------------------
	CSS contacto
	----------------------------------------------------------------------------*/

/*	----------------------------------------------------------------------------
	Información del formulario
	----------------------------------------------------------------------------*/
	#layer_left p
	{
		padding:0 0 5px 0;
		line-height:17px;
	}
	#layer_informacion
	{
		margin:0px 0px 0px 10px;		
		width:640px;
	}
		#layer_informacion ul
		{
			list-style:none;
			margin:0 0 15px 15px;
			padding:0 0 0 0;			
			width:470px;			
		}
		#layer_informacion ul li
		{
			list-style:none;	
			margin:0 0 5px 0;
			padding:0 0 0 20px;
			
			font-size:small;
			
			background:url(../img/ico_licontacto.gif) 0 2px no-repeat;
		}	
		#layer_informacion ul li a
		{
			text-decoration:none;
		}
			#layer_informacion ul li a img
			{
				border:0;
			}
		#layer_informacion .margen
		{
			margin:0 45px 0 0;
		}
		
	/*	----------------------------------------------------------------------------
	Area del formulario
	----------------------------------------------------------------------------*/
	#formContacto
	{
		margin:0 0 0 30px;
		padding:0 0 30px 0;		
		width:600px;
		
		font-family:Arial, Helvetica, sans-serif;
	}
		#formContacto .contformularios
		{
			clear:both;
			float:none;			
			margin:0 0 5px 0;
			padding:0 0 0 0;			
			width:520px;	
		}
		#formContacto .capaIzquierda
		{
			float:left;
			margin:0 20px 0 0;			
			width:150px;
		}
		#formContacto .capaDerecha
		{
			float:right;			
			width:350px;
		}
			#formContacto .caparesultado
			{
				display:none;
				clear:both;
				margin:0 0 0 0;
				padding:0;
				width:400px;		
			}
				#formContacto .caparesultado p
				{
					margin:0;
					
					color:#cc0001;
					font-size:10px;
				}
				#formContacto #caparesultadomensaje
				{
					padding:0 0 0 10px;	
				}	
		#formContacto label
		{
			display:block;
			margin:16px 0 0 0;
			padding:0 0 0 0;
			
			font-size:small;
			font-weight:bold;
			color:#666666;
		}
			#formContacto label span
			{
				font-size:x-small;
			}
		
		#formContacto input
		{
			display:block;			
			margin:8px 0 8px 0;
			padding:14px 10px 0 30px;			
			width:310px;
			height:26px;
						
			font-family:Arial, Helvetica, sans-serif;
			font-size:small;
			color:#666666;
			
			background-repeat:no-repeat;
			border:0;
		}
		
			#nombre
			{
				background-image:url(../img/contacto_input_nombre.jpg);
			}
			#apellidos
			{
				background-image:url(../img/contacto_input_nombre.jpg);
			}
			#email
			{
				background-image:url(../img/contacto_input_mail.jpg);
			}
			#tlf
			{
				background-image:url(../img/contacto_input_tlf.jpg);
			}
			#formContacto .pOculto
			{
				display:none;
			}
		#formContacto #capaTextearea
		{
			margin:8px 0 8px 10px;
			padding:20px 15px 10px 15px;			
			width:480px;
			height:200px;
			
			background-image:url(../img/contacto_textarea_fnd.jpg);
			background-repeat:no-repeat;
		}
			#formContacto #capaTextearea textarea
			{
				margin:0 0 0 0;
				padding:0;				
				width:480px;
				height:200px;
				
				font-family:Arial, Helvetica, sans-serif;
				font-size:small;
				color:#666666;
				
				border:0;
			}
		
		#formContacto #envio
		{
			display:inline;
			float:right;			
			margin:0 75px 0 0;
			*margin:30px 75px 0 0;
			padding:0;			
			width:62px;
			height:32px;
			
			text-align:center;
			
			background-image:url(../img/contacto_eviar.jpg);
			background-repeat:no-repeat;
			border:0;
		}
		#capaNotas
		{
			margin:15px 0 0 0;
			padding:0 0 0 0;			
			width:600px;
			
			text-align:center;
		}
			#capaNotas p
			{
				color:#C00;
				font-size:11px;
				font-weight:bold;
			}