@charset "utf-8";
/* CSS Document */

body {
	margin:0px; padding:0px;
	color:#422806;
	background:url(i/fons-pagina.gif) top center repeat-y #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1 {
	color:#FFF;
	padding:0px;
	margin:8px 0px 0px 10px;
	width:auto;
	font-size:12px;
}

h2 { 
	font-size:14px; padding:0px;
	margin:0px 0px 0px 0px;
	color:#754C2C;
}

#pagina {
	width:700px; padding:0px; margin:0px;
}
#cabecera { 
	background:url(i/fons-capsalera.gif) top left repeat-x;
	height:120px; 
}
#cabecera img {margin-top:20px; border:0px; }

#menu-top {
	background:url(i/fons-menu-top.gif) top left repeat-x;
	height:60px; text-align:left;
}

#menu-top-iz {
	float:left;
}
#menu-top-de {
	float:right;
}
#menu-top ul {
	list-style:none;
	margin:8px 10px 0px 0px; padding:0px;
}
#menu-top li, #pie li {
	float:left;
	margin:0px 10px 0px 10px;
}
#menu-top a 		{ color:#FFC; text-decoration:none; }
#menu-top a:hover	{ color:#FFF; text-decoration:underline; }
#contenedor {
	background:url(i/fons-cuerpo.gif) top left repeat-x #EDE8DA;
	height:auto; min-height:400px; overflow:hidden;
}
#contenido {
	margin:0px 20px 20px 20px;
	/* border:1px solid #333; */
}
#con-superior {
	/* superior derecho inferior izquierdo */
	margin:0px 0px 20px 0px;
	text-align:left; 
	overflow:hidden; width:auto;
}
#con-sup-iz {
	float:left;	width:220px; height:293px; 
	text-align:left; 
	margin:0px 0px 0px 0px;
}
#con-sup-de {
	width:425px; height:293px; float:right;
	background:url(i/fons-imatge.gif) center no-repeat;
	text-align:center; 
	margin:0px 0px 0px 0px;
}
#con-sup-de img {
	margin-top:16px;
}
#con-inferior {
	display:table; width:auto;
	text-align:left; overflow:hidden;
}
#con-inferior-iz {
	float:left;	width:220px; 
	display:table; text-align:left;
	overflow:hidden;
}
#con-inferior-de {
	width:425px; text-align:justify;
	float:right; display:table;
	overflow:hidden;
}

#pie {
	background:url(i/fons-peu.gif) top left repeat-x;
	height:50px; border-top: solid 1px #FFF;
	padding:20px 20px 0px 20px;
}
#pie-iz { float:left; padding:0px; text-align:left; }
#pie-de { float:right; }
#pie ul {
	list-style:none;
	margin:0px 10px 0px 0px; padding:0px;
}
#pie a 			{ color:#AB6D36; text-decoration:none; }
#pie a:hover	{ color:#FFF; text-decoration:underline; }

.fotitos {
	/* superior derecho inferior izquierdo */
	margin:10px 6px 0px 4px;
	border:0px;
	width:100px;
}

#form-contacto {
	background:#EAE3CE;
	border:1px dashed #EAE3CE;
	margin:10px 0px 10px 0px;
}