/* Hemocromatosis CSS Document */

body {
	font:12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	line-height:17px;
	color:#333;
	background:#FFF;
	margin:0px;
	padding:0px;
}
body, html {
  scrollbar-face-color: #DBDBDB !important;
  scrollbar-shadow-color: #CCC !important;
  scrollbar-highlight-color: #E5E5E5 !important;
  scrollbar-3dlight-color: #BEBAB3 !important;
  scrollbar-darkshadow-color: #CCC !important;
  scrollbar-track-color: #F3F3F3 !important;
  scrollbar-arrow-color: #BC024C !important;
}
#mare {
	margin:15px auto 0 auto;
	padding:0px;
	width:760px;
	height:auto;
}
#mare ul {
	margin:5px 0px 0px 8px;
	padding:0px;
}
#mare li{
	list-style:none;
	padding:0px 0px 3px 14px;
	margin:0px 7px;
	background:transparent url(../img/bullet_novedades.gif) no-repeat 0 0.30em;
}
#mare p {
	margin:10px 0;
	padding:0;
}
#mare a {
	text-decoration:underline;
	color:#BC024C;
}
#mare a:hover {
	text-decoration: none;
	color:#BC024C;
}
#mare h3 {
	font:bold 13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:#BC024C;
	background:#FFF;
	margin:5px 0 10px 0;
	padding:0;
}
#mare h4 {
	font:bold 12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	background:#FFF;
	margin:5px 0 10px 0;
	padding:0;
}
#mare img {
	border:none;
}
.left {
	float:left;
	margin:0 0 0 10px;
}
.right {
	float:right;
	margin:0 10px 0 0;
}
/*
----------------------------------------------------------------------------- 
TOP
-----------------------------------------------------------------------------
*/
#top {
	background:url(../img/top.gif) center no-repeat;
	margin:0;
	padding:0;
	width:760px;
	height:69px;
}
#top h2{
	margin:0px;
	padding:0px;
}
#top h2 a {
	position:relative;
	display:block;
	width:287px;
	height:60px;
	text-decoration:none;
	top:5px;
	left:10px;
}
#top h2 a:hover {
	text-decoration:none;
}
#top h2 span {
	display:none;
}
#contenidor_adreca {
	margin:0;
	padding:0;
	width:0px;
	height:0px;
}
#adreca {
	margin:0;
	padding:0;
	font:9px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	line-height:10px;
	width:184px;
	height:42px;
	text-align:right;
	position: relative;
	top: -60px;
	bottom: 0px;
	left: 560px;
	right: 0px;
}
#flash {
	margin:1px 0 0 0;
	_margin:-41px 0 0 0;	/* funciona sólo en IE6 y no en IE7 */
	padding:0;
	width:760px;
	height:75px;
}
/*
----------------------------------------------------------------------------- 
CONTINGUT
-----------------------------------------------------------------------------
*/
#main {
	margin:5px 0 0 0;
	padding:0;
	width:760px;
	height:390px;
	
}
#contingut {
	margin:0;
	padding:0;
	width:575px;
	float:right;
	height:100%;
}
#text {
	margin:19px 6px 0 0;
	padding:0 10px 0 5px;
	width:395px;
	height:100%;
	float:left;
	overflow:auto;
	text-align: justify;
}
html>body #text {
	margin:16px 5px 0 5px;
	padding:0 10px 0 0;
}
#banners {
	margin:0;
	padding:25px 4px 0 4px;
	width:146px;
	height:100%;
	float:right;
}
html>body #banners {
	margin:0;
	padding:25px 6px 0 4px;
}
#banners img{
	margin:0;
	padding: 4px 0;
}
#banners p{
	margin:0;
	padding:0;
}
.titol{
	margin:5px 0;
	padding:0;
}
html>body .titol{
	margin:8px 0;
	padding:0;
}
#imatge_ok img{
	vertical-align:middle;
	margin:-2px 0 0 0;
}
/*
----------------------------------------------------------------------------- 
MENU
-----------------------------------------------------------------------------
*/
#menu {
	font:11px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:25px 0 0 0;
	float:left;
	width:175px;
	height:auto;
	background:#F3F3F3;
	line-height:14px;
}
html>body #menu {
	margin:0 0 0 0;
	padding:25px 0 0 0;
}
#menu ul {
	padding: 0;
	margin: 0;
}
#menu li {
	list-style: none;
	margin:0 0 2px 0;
	padding:0;
}
html>body #menu li {
	margin:0 0 3px 0;
}
#menu a {
	background:#D1D1D1 url(../img/bullet_menu.gif) no-repeat 0.45em 0.45em; 
	width:158px;
	height:auto;
	color:#BC024C;
	text-decoration: none;
	margin:0;
	padding:1px 0 1px 17px;
	display:block;
}
#menu a.actiu {
	background: #BC024C;
	color: #FFFFFF;
}
#menu a:hover {
	text-decoration: none;
	background:#DBDBDB url(../img/bullet_menu.gif) no-repeat 0.45em 0.45em; 
}
#novedades {
	font:10px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
#novedades_titol {
	color:#FFF;
	font-weight:bold;
	margin:20px 0 0 0;
	padding:0;
	background:#545654;
	width:175px;
}
html>body #novedades_titol {
	height:15px;
}
#novedades_titol p{
	margin:0;
	padding:0 0 0 20px;
}
#novedades_llista {
	margin:0 0 5px 0;
	padding:0;
}
html>body #novedades_llista {
	margin:0 0 5px 10px;
	padding:0;
}
#novedades_llista ul {
	margin:8px 0 0 0;
	padding:0;
}
#novedades_llista li{
	list-style:none;
	padding:2px 0px 2px 16px;
	margin:2px 8px;
	background:url(../img/bullet_novedades.gif) no-repeat 0 0.30em;
	line-height:11px;
}
#novedades_llista li a {
	background: #F3F3F3;
	color:#333;
	margin:0;
	padding:0;
	width:auto;
}
#novedades_llista li a:hover {
	background: #F3F3F3;
	color:#BC024C;
	margin:0;
	padding:0;
	display:block;
}
#patrocini{
	background: #FFF;
	font:10px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	padding-top: 6px;
}
#patrocini a, #patrocini a:hover{
	background: #FFF;
}
/*
----------------------------------------------------------------------------- 
PEU
-----------------------------------------------------------------------------
*/
#peu {
	font:10px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	background:url(../img/fons_peu.gif);
	margin:15px 0 0 0;
	padding:0;
	text-align:center;
	height:20px;
	line-height:normal;
	clear: both;
}
html>body #peu {
	margin:40px 0 0 0;
}
#peu p{
	margin:2px 0 0 0;
	padding:0;
}
html>body #peu p{
	margin:0;
	padding:2px 0 0 0;
}
.rojo{
	color:#BC024C;
}
/*
----------------------------------------------------------------------------- 
FORM
-----------------------------------------------------------------------------
*/
form {
	margin:0;
	padding:0;
}
input{
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #BC024C;
	margin:0px;
	padding:0px;
	width: 230px;	
	height: 16px;
}
textarea {
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #BC024C;
	margin:0px;
	padding:0px;
	width: 190px;	
	height: 80px;
}
.textBlau {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
.boto {
	width:60px;
	height:17px;
    background-color:#C2C7C0;
    border:1px solid #BC024C;
}