@charset "utf-8";
/* CSS Document 				*/
/* client: Fira Vaixell Ocasió 	*/
/* developer: nucliweb.net		*/
/* date: 26.04.2008				*/

body{
	line-height: 1;
	margin: 0px;
	padding: 0px;
	font-family: "trebuchet MS";
}

a{ text-decoration: none}
a:hover{text-decoration:underline}



#body{
	width: 990px;
	margin-left: 50%;
	left: -495px;
	position: absolute;
	border: 1px solid #1b1c3d;}


.borderBlau{border: 1px solid #2E3041}


/*
	Barra sel·lecció idioma
*/
#topbar{
	background-image: url(../images/head.bg.gif);
	background-repeat: repeat-x;
	height: 25px;
	padding: 0px 20px;
}
.mapaweb{
	color: #dbdbde;
	font-size: 12px;
	display:block;
	padding-top: 5px;
}
.idiomes{
	float: right;
	font-size: 12px;
	color: #FFFFFF;
	margin-top: -10px;
}
.idiomes a{color: #FFFFFF;}
.idiomes a.select{color: #f08618;}

/*
	Contingut capçalera
*/

#headbanner{
	background: url(../images/head.banner.png) no-repeat;
	width: 384px;
	height: 120px;
	position: absolute;
	left: 575px;
	top: 50px;
	text-align: right;
}
#headbanner img{
	margin: 10px 10px 0px 0px;
	}


#headbanner p{
	color: #1c1c3e;
	width: 290px;
	font-size: 12px;
	margin: 0px 10px;
	}

#path{
	background: url(../images/arrow.path.gif) no-repeat 0px 4px;;
	padding-left:15px;
	padding-top: 3px;
	color: #1c1c3d;
	font-size: 12px;
	height: 16px;
}
#path a{ color: #1c1c3d; text-decoration: underline}
	
/*
	Contingut de la plana
*/
#content{
	padding: 15px 20px;
}

#contingut{
	width: 680px;
	float: left;
	margin-top: 10px;
}
#contingut h1{
	background: url(../images/title.page.bg.gif) no-repeat;
	color: #1c1c3d;
	font-size: 16px;
	font-weight: bold;
	height: 35px;
	padding: 3px 12px;
	margin: 0px;
}
#contingut h1>span{
	color: #4d698d;
	font-size: 14px;
	font-weight: normal;
	margin-left:5px;
}
.icon_nou{
	vertical-align: middle;
	margin-right: 5px;
}
.titol_nou{
	color: #455f82;
	font-size: 12px
}


/*
	Taula llistat de productes
*/

.taula_ordre{
	background: url(../images/table.order.gif) repeat-x;
	height: 22px;
	font-size: 11px;
	color: #FFFFFF;	
}
.taula_ordre td{
	padding-top: 3px;

}
.taula_filtres{
	background: url(../images/table.filter.gif) repeat-x;
	height: 22px;
	font-size: 11px;
	}

.ordASC{
	background: url(../images/arrows.order.gif) no-repeat 0px 0px;
	width: 7px;
	height: 4px;
	float: left;
	margin-right: 4px;
	margin-bottom: 2px;
	clear:both;
	cursor: pointer;
}
.ordDESC{
	background: url(../images/arrows.order.gif) no-repeat 0px -4px;
	width: 7px;
	height: 4px;
	float: left;
	margin-right: 4px;
	margin-bottom: 2px;
	clear:both;
	cursor: pointer;
}
.ordASCselect{
	background: url(../images/arrows.order.gif) no-repeat 0px -8px;
	width: 7px;
	height: 4px;
	float: left;
	margin-right: 4px;
	margin-bottom: 2px;
	clear:both;
	cursor: pointer;
}
.ordDESCselect{
	background: url(../images/arrows.order.gif) no-repeat 0px -12px;
	width: 7px;
	height: 4px;
	float: left;
	margin-right: 4px;
	margin-bottom: 2px;
	clear:both;
	cursor: pointer;
}


.despFiltre{
	border: 1px solid #abadb3;
	color: #003c5a;
	font-size: 11px;
	width: 85%;
	height: 18px;
	padding: 1px 3px;
	}

.inputFiltre{
	border: 1px solid #abadb3;
	color: #003c5a;
	font-size: 11px;
	}
	
	
.rowLlistat td{
	border-bottom: 1px solid #a4b1c3;
	font-size: 12px;
	color: #2E3041;
	padding-top: 3px;
	}



#paginacio{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin-right: 5px;
	margin-bottom: 10px;
}
#paginacio a{ color:#8e8ea4;}
#paginacio a:visited{ color:#8e8ea4;}
#paginacio a.select{ color:#000000;}


/*
	Contingut Columna Dreta
*/
#columna_dreta{
	width: 260px;
	float: right;
	margin-top: 10px;
}
#bannerdestacat{
	background: url(../images/destacat.bg.jpg) no-repeat 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #222652;
	text-align: right;
	margin-bottom: 5px;
	height: 70px;
	padding: 25px 5px 5px 5px;
	text-decoration: none;
	line-height: 20px;
}
#bannerdestacat a{
	text-decoration: none;
	color: #222652;
}
#bannerdestacat span{color: #FFFFFF;}

#destacat{
	border: 1px solid #a3a3b0;
	background: url(../images/destacats.bg.gif) repeat-x;
	min-height: 93px;
	}
#destacat .text {
	width: 120px;
	float: right;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 5px 0px 5px;
	line-height: 25px;
	color: #222652;
	}
#destacat .text a{ color: #222652;}
#destacat .preu{ color: #f08618;}
#destacat .text span{ display: block}
/*
	Contingut peu
*/
#footbar{
	background: url(../images/foot.bg.gif) bottom no-repeat #d5d5db;
	padding: 20px;
	height: 153px;
	clear:both;
}
#footbar .col1{
	width: 300px;
	float: left;
	}

#footbar .col1 a{ display: block;color: #818194; font-size: 12px;position:absolute; bottom: 5px; text-decoration:none}
#footbar .col1 a:hover{color: #FFFFFF; text-decoration: underline;}


#footbar .col2{
	width: 410px;
	float: left;
	}
#footbar .col2 ul{
	list-style: url(../images/arrow.filter.png);
	font-size: 12px;
	line-height: 18px;
}
#footbar .col2 ul.index a{
	color: #1c1b3d;
}
#footbar .col3{
	width: 240px;
	float: right;
	text-align: right;
	}
#footbar .col3 a{
	font-size: 12px;
	color: #818194;
	}



/*
	ESTILS GENÈRICS
*/
.columnaEsquerra{
	float: left;
	width: 290;
	padding: 20px;
	}

.columnaDreta{
	float: right;
	width: 290;
	padding: 20px;
	}

.titol{
	font-size: 14px;
	font-weight: bold;
	color: #f08619;
	margin-top: 10px;
	margin-bottom: 5px;
	}
.text{
	font-size: 12px;
	color: #4a6589;
	line-height: 14px;
	}
.text a{ text-decoration: underline;color: #4a6589;}

.banner500{
	background: url(../images/banner.500.bg.jpg) no-repeat;
	text-align: right;
	padding-top: 30px;
	padding-right: 10px;
	height: 95px;
	width: 250px;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	color: #FFFFFF;
	}
.banner500 span{color:#222652;}