/* COMUNES */
h1.bickley, h2.bickley{font-size:4.16em;color:#d9a75c;font-weight:normal;position:relative;}
#contenido .columnas h2.bickley{
	font-size:3em;
	line-height:1.5em;
	margin:0;
	color:#e1ac5d;
}
#contenido .columnas h2.h1{font-size:4em;line-height:1em;}
#contenido .columnas h3.bickley{color:#d9a75c;font-size:2.4em;line-height:.8em;margin:.5em 0;}
#contenido img.pixel{height:4em;display:block;float:none;}

.columna{width:43em;}
.columna p{font-family:"Trebuchet MS";font-size:1.08em;line-height:1.33em;}
.columnas{
	float:left;
	width:29em;
	padding: 1.4em 0 2.5em 2em;
}
#origenes h1, #filosofia h1, #pieza h1, #conoce h1{
	xfont-family:bickley;
	xfont-size:4.16em;
	color:#ab8956;
	line-height:1.1em;
	font-weight:normal;
}

/* origenes */

/* filosofia */
#filosofia #padding{width:38em;}
#filosofia ul{margin-top:1.2em;}
#filosofia li{color:#ab8956; padding-left:1em; font-family: "Trebuchet MS", Arial; font-size:1em; background:url(../img/all/secciones/la_bodega/bullet.gif) 0 .4em no-repeat;}

/* pieza unica */
#piezaunica{padding-bottom:6em;}
#contenido #piezaunica #columnaDer h2.bickley{
	font-size:2.5em;
	line-height:1.9em;
	font-weight:normal;
	margin-bottom:.8em;
}


/* conoce la bodega */
#conoce{float:left;width:29.3em;}
#conoce p{text-align:left;font-size:1.08em;line-height:1.33em;}
#conoce ul{font-family:Arial;font-size:1em;}
#conoce li p.titulo{border-bottom:1px solid #ab8956;}
#conoce li p{line-height:1.3em;}
#conoce li{float:left;width:15.8em;}
#conoce li.izquierda{width:13.5em}
#conoce ul p.titulo, #conoce ul .izquierda span{color:#ab8956;line-height:1em;}
#conoce ul .derecha p{line-height:1.5em;}
#conoce ul .derecha p.titulo{line-height:1em;}
#conoce ul a{color:#71695f;font-size:.85em;text-decoration:underline;}
#mapa{
	float:right;
	width:26em;
	height:25em;
/*	overflow:hidden;*/
}
/* para que las líneas de información y copyright 
*  de google map no se salgan del mapa
*  dado que podría haber problemas con el copyright
*/
#mapa span {white-space:normal;}

/* CONTACTO */

	/* Inicialmente: formulario */
	#contacto{
		background:url(../img/all/secciones/utilidades/contacto_bg.jpg) 0 -2.2em no-repeat;
		height:50em;
		position:relative;
	}
	#contacto .padding{clear:both;}
	#formulario p.error, #formDiv .izquierda p.error{color:#fb97a9;}
	#formulario{
		clear:both;
		margin-left:1.6em;
	}
	#formulario h2{
		color:#ab8956;
		font-size:1.83em;
		font-weight:normal;
	}
	p.intro{color:#B2B2B2;}
	#formDiv{
		width:50em;
		background:#000;
		display:table;
	}
	#formDiv div{float:left;}
	#formDiv .izquierda{width:25em;}
	#formDiv label{font-weight:bold;float:left;}
	#formDiv .izquierda p{clear:left;height:1.66em; color:#B2B2B2;font-weight:normal;}
	#formDiv .derecha{width:48%;float:right;}
	input.texto{
		float:right;
		width:17em;
		background:url(../img/all/secciones/utilidades/input_bg.gif) 0 0 no-repeat;
		border:0;
		height:1.5em;
		padding:.2em .3em;
		font-size:.9em;
	}
	#mensaje{
		display:block;
		width:22em;
		height:6em;
		background:#FFF url(../img/all/secciones/utilidades/mensaje_bg.gif) 0 0 no-repeat;
		border:none;
		color:#666;
		font-size:.9em;
		padding:.2em .5em;
		margin-bottom:1em;
	}
	#enviar{
		border:1px solid #71695f;
		background:#857d74;
		color:#000;
		font-size:.9em;
		line-height:1.8em;
		padding:.2em .3em;
		overflow-y:hidden;
		width:5em;
		height:2em;
	}
	
	/* FORMULARIO ENVIADO*/
	
	#resultado{
		padding-top:15.8em;
		width:31em;
	}
	#resultado h2{width:14.9em;}
	#resultadoCuerpo{background:#000;} 
	#resultadoCuerpo .padding{padding:3em 2em;}
	#resultadoCuerpo .ok p{color:#b2b2b2;}
	#resultadoCuerpo .error p{
		color:#c01e1e;
		text-align:right;
		padding-right:5em;
	}
	.gracias{text-align:right;font-weight:bold;}