body {
	margin: 0px;
	padding: 0px;
	font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
}

#content {
	position: relative;
	padding: 0px;
	background-color: #F7F6F4;
	width: 636px;
	left: 50%;
	margin-left: -318px;
	background: url(img/guio1.gif) repeat;
}

/* header */

#header {
	position: absolute;
	background-color: #aaaaaa;
	width: 636px;
	height: 160px;
	top: 0px;
}
.hnovedades { background: url(img/hnovedades.jpg) no-repeat top center; }
.hdistribuidores { background: url(img/hdistribuidores.jpg) no-repeat top center; }
.heditorial { background: url(img/heditorial.jpg) no-repeat top center; }
.hrevista { background: url(img/hrevista.jpg) no-repeat top center; }
.hcatalogo { background: url(img/hcatalogo.jpg) no-repeat top center; }




/* navegacio */
#buttons {
	position: absolute;
  margin: 85px 0px 0px 0px;
	padding: 0px;
	border: 0px solid #dddddd;
	width: 636px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#tabnav {
	margin: 14px 3px 0px 3px; padding: 0px;
	border: 0px solid #000000;
	width: 628px;
	height: 20px;
}
#tabnav li {
	margin: 0px; padding: 0px; 
	display: inline;
	list-style-type: none;
}
#tabnav a {
	margin: 0px 1px 0px 1px;
	padding: 2px 10px 4px 10px;
	border: 1px solid #cc0000;
	font-weight: normal;
	font-size: 10px;
	float: right;
	text-decoration: none;
}
#tabnav a:link { background: #f5cccc; color: #ff0000; }
#tabnav a:visited { background: #f5cccc; color: #cc0000; }
#tabnav a.active:link { background: #cc0000; color: #ffffff; }
#tabnav a.active:visited { background: #cc0000; color: #ffffff; }
#tabnav a:hover { background: #E57F7F; color: #ffffff; }

/* contingut */

#contingut {
	position: absolute;
	background-color: #E7ECE2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #21211F;
	width: 636px;
	border: 0px solid #556677;
	padding: 0px 0px 0px 0px;
	top:160px;
}

#contingutleft {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #777777;
	position: absolute;
	width: 405px;
	height: auto;
	padding: 0px 10px 0px 10px;
	border: 0px solid #000000;
}
#contingutright {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	color: #666666;
	position: absolute;
	width: 180px;
	margin-left: 436px;
	padding: 0px 10px 0px 10px;
	border: 0px solid #000000;
}	

/* footer */

#footer {
	position: relative;
	padding: 0px;
	width: 636px;
	height: 80px;
	left: 50%;
	margin-left: -318px;
}
#copyright {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #1F211C;
	position: absolute;
	width: 400px;
	height: 40px;
	padding: 40px 0px 0px 0px;
}
#byfuga {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	color: #B5B6B0;
	position: absolute;
	width: 200px;
	height: 40px;
	margin-left: 436px;
	padding: 40px 0px 0px 0px;
}			
.pad4 {
	padding: 4px;
}

a.fuga:link { color : #B5B6B0; text-decoration: none;}
a.fuga:visited { color : #B5B6B0; text-decoration: none;}
a.fuga:hover { color : #B5B6B0; text-decoration: none;}
a.fuga:active { color : #B5B6B0; text-decoration: none;}

.txt1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #5D4718;
	line-height: normal;
	margin: 0px 0px 8px 0px;
}
.txt2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #6E6F64;
	line-height: normal;
	margin: 0px 0px 16px 0px;
}
.txt2b {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #6E6F64;
	line-height: normal;
	margin: 0px 0px 4px 0px;
}
.txt3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	color: #004159;
	line-height: normal;
	margin: 0px 0px 8px 0px;
	clear: both;
}
.llibre {
	float: right;
	margin: 4px 4px 16px 16px;
}
.txt4 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	color: ##DC241F;
	line-height: normal;
	margin: 0px 0px 8px 0px;
}
a:link { color : #DC241F; text-decoration: none;}
a:visited { color : #DC241F; text-decoration: none;}
a:hover { color : #DC241F; text-decoration: underline;}
a:active { color : #DC241F; text-decoration: underline;}
.txt5 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	color: #330000;
	line-height: normal;
	margin: 0px 0px 8px 0px;
	font-weight: bold;
}
.txt6 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	color: #5D4718;
	line-height: normal;
	margin: 0px 0px 0px 0px;
}
.txt6b {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	color: #330000;
	line-height: normal;
	margin: 8px 0px 4px 0px;
}
.txt7 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	color: #6E6F64;
	line-height: normal;
	font-weight: bold;
	margin: 0px 0px 24px 0px;
	clear: both;
}
.fletxes {
	float: left;
	margin: 16px 16px 16px 16px;
}
.center {
	text-align: center;
}