/*************** Codi per igualar propietats entre Explorer i FireFox **************/
* {
padding: 0;
margin: 0;
}

/******************** General **************************************************/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(../img/fons_body.jpg);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#6eb404;
}

#container_general {
	width:943px;
	position:absolute;
	left:50%;
	margin-left:-471px;
}

#container_blanc {
	width:943px;
}

#divHR {
	width: 162px;
	height: 2px;
	border: 0;
	background-color: #616161;
	margin: 3px 0 3px 0;
} 

/******************** Capçalera **************************************************/
#capsalera {
	width:943px;
	margin-top:12px;
	height:370px;
}

#barra_seccions {
	float:left;
	width:252px;
	height:21px;
	background-color:#5e5e5e;
}
	#barra_seccions div{
		text-align:right;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFF;
		padding:4px 15px 0px 0px;
	}

#barra_navegacio {
	float:right;
	width:691px;
	height:21px;
	background-color:#99ff00;
}
	#barra_navegacio div {
		padding:4px 42px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#060000;
		text-align:right;
	}

#foto_cap {
	clear:both;
	float:left;
	width:252px;
	height:130px;
}

#cistella {
	float:right;
	margin-top:21px;
	margin-right:43px;
	width:648px;
	height:92px;
	background-image:url(../img/fons_cistella.jpg);
	background-repeat:no-repeat;

}

#cistella_total {
	float:left;
	width:455px;
	margin:20px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#010000;
	text-align:left;
	cursor:pointer;
}
	#cistella_total div{
		padding:0px 0px 0px 361px;
		text-align:right;
	}

#cistella_productes {
	float:right;
	width:149px;
	height:55px;
	margin:6px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#010000;
	text-align:left;
}
	#cistella_productes {
		padding:0px 14px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#1f1f1f;
	}

/* Aquesta és la capa contenedora on ensenyem els productes que ja hi ha a la cistella */
#container_cistella_mobil {
	height:37px;
	overflow:hidden;
}

.borderGris {
	clear:both; /*amb aquest clear em permet fer un loop situan una foto sota l'altre*/
	float:left;
	border:1px solid #8e8e8e;
	margin-right:5px;
}

#cistella_caixa {
	clear:both;
	width:160px;
	margin:0px 0px 0px 310px;
	padding:13px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

/*********************************** Index ***********************************/
#esquerraIndex {
	clear:both;
	float:left;
	width:252px;
	/*height:535px;*/
}

#sabiasQue {
	width:252px;
	height:45px;
	background-image:url(../img/fons_sabiasque.jpg);
	background-repeat:repeat-y;
}
	#sabiasQue div {
		padding:16px 15px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:24px;
		color:#000000;
		text-align:right;
	}

#sabiasQueContingut {
	width:252px;
	height:834px;
	margin-top:2px;
	background-image:url(../img/fons_sabiasque_contingut.jpg);
	background-repeat:repeat-x;
	background-color:#f0f0f0;
	overflow-x:hidden;
	overflow-y:auto;
}
	#sabiasQueContingut div {
		padding:12px 20px 0px 15px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#000000;
	}
	
	#sabiasQueContingut h2 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#000000;
		text-align:left;
	}
	
#sabiasQueArxiu {
	width:252px;
	height:40px;
	background-color:#f1f1f1;
}
	#sabiasQueArxiu div {
		padding:10px 0px 0px 14px;
	}

/* desplegable de l'històric */
.arxiuSabiesQue {
	width:220px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4c4c4c;
	border:1px solid #4c4c4c;
}

#indexSabiasQueLinea {
	width:252px;
	height:1px;
	margin-top:24px;
	background-color:#000000;
}

#sabiasQuePeu1 {
	width:252px;
	height:24px;
	background-color:#777777;
}

	#sabiasQuePeu1 div {
		padding-top:4px;
	}

#sabiasQuePeu2 {
	width:252px;
	height:19px;
	background-color:#b3b3b3;
}
	
#indexProductes {
	float:right;
	width:657px;
	/*height:488px;*/
}

#indexProductesTitols div {
	padding:16px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#000000;
	text-align:left;
}

#indexProductesTitols2 div {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#000000;
	text-align:left;
}

#indexProductesLinea {
	width:657px;
	height:1px;
	background-color:#000000;
}

#indexLlistaProductes {
	width:657px;
	height:270px;
	background-image:url(../img/fons_index_productes.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

#p1,#p2,#p3,#p4,#p5,#p6,#p7,#p8,#p9,#p10,#p11,#p12 {
	width:101px;
	height:98px;
	padding:1px 1px 1px 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#2f2f2f;
}

#ofertesContanier {
	width:657px;
	overflow:hidden;
}

/*em serveix perquè tb és vegi bé amb l'explorer 6 */
#ofertesContanier2 {
	/*l'amplada la calculo al document index.asp dins la pròpia capa*/ 
	height:175px;
	margin-bottom:25px;
}

#ofertesRequadreGeneral {
	float:left;
	width:319px;
	height:156px;
	margin:20px 19px 0px 0px;
}

#ofertesRequadreVerd {
	width:319px;
	height:135px;
	background-color:#9aff03;
}
	#ofertesRequadreVerd div {
		padding:10px 10px 10px 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align:justify;
	}
	#ofertesRequadreVerdDetall {
	width:309px;
	height:135px;
	background-color:#9aff03;
}
	#ofertesRequadreVerdDetall div {
		padding:10px 10px 10px 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align:justify;
	}
#IndexpreuOferta {
	font-size:15px;
}

.ofertesFotoBorder {
	float:left;
	border:1px solid #8b8b8b;
	margin-right:10px;
}

#ofertesRequadreCarro {
	float:left;
	width:182px;
	height:21px;
	background-image:url(../img/fons_ofertes_iconos.jpg);
	background-repeat:repeat-x;
	text-align:right;
}
#ofertesRequadreCarroDetall {
	float:left;
	width:177px;
	height:21px;
	background-image:url(../img/fons_ofertes_iconos.jpg);
	background-repeat:repeat-x;
	text-align:right;
}
#ofertesRequadreInfo {
	float:right;
	width:135px;
	height:21px;
	background-image:url(../img/fons_ofertes_iconos.jpg);
	background-repeat:repeat-x;
}
#ofertesRequadreInfoDetall {
	float:right;
	width:130px;
	height:21px;
	background-image:url(../img/fons_ofertes_iconos.jpg);
	background-repeat:repeat-x;
	text-align:left;
}
#indexOfertesPeu1 {
	clear:both;
	width:657px;
	height:24px;
	background-color:#777777;
}

	#indexOfertesPeu1 div {
		padding-top:4px;
	}

#indexOfertesFletxaEsquerra {
	float:right;
}

#indexOfertesText {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:right;
}

#indexOfertesFletxaDreta {
	float:right;
}

#indexOfertesPeu2 {
	clear:both;
	width:657px;
	height:19px;
	background-color:#b3b3b3;
}

.num_preus{
	font-size:15px; 
	color:#616161;
}

.num_preus_petit{
	font-size:10px;
	color:#616161;
	font-weight: normal;
}

.num_preus_petit_detall{
	font-size:10px; 
	color:#FFFFFF;
}

/*********************************** productes ***********************************/
#dretaProductes {
	float:right;
	width:657px;
}

#LlistaProductes {
	width:657px;
}
#LlistaProductesDetall {
	width:657px;
	
}
/* utilitzo una classe perquè el id em serveix per la funció del carro que fa el transfer */
.productesRequadreGeneral {
	float:left;
	width:319px;
	height:156px; 
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	/* marge dret (programat), varia depenen de la situació de la capa dins la pàgina */
}
.productesRequadreGeneralDetall {
	float:left;
	width:309px;
	height:156px; 
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	/* marge dret (programat), varia depenen de la situació de la capa dins la pàgina */
}
#productesRequadreNovetat {
	width:319px;
	height:135px;
	background-color:#ff8f0a;
}
#productesRequadreGris {
	width:319px;
	height:135px;
	background-color:#dfdfdf;
}
	#productesRequadreGris div, #productesRequadreNovetat div {
		padding:10px 10px 10px 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align:justify;
	}
	#productesRequadreGrisDetall {
	width:309px;
	height:135px;
	background-color:#dfdfdf;
}
	#productesRequadreGrisDetall div {
		padding:10px 10px 10px 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align:justify;
	}
.producteTransfer {
	border: 2px solid #99ff00;
}

#paginacio{
	background-color:#777777;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

	#paginacio div{
		padding-top:5px;
		padding-left:30px;
		padding-right:5px;
	}

#paginacio_esquerra{
	float:left;
	text-align:left;
	display:inline;	
}

#paginacio_dreta{
	float:right;
	text-align:right;
}

/*********************************** productes detall ***********************************/
#productesDetallRequadreGris {
	width:657px;
	margin-top:20px;
	border: 1px solid #5e5e5e;
}

#productesDetallEsquerra{
	width:299px;
	float:left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	text-align:right;
}

#productesDetallDreta{
	width:308px;
	float:right;
	padding:20px 10px 10px 10px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
}

#marcFoto{
	display:table; /*(només per FireFox) així fem que actui com una taula i podem aprofitar la propietat vertical-align*/
	width:288px;
	height:288px;
	line-height:288px; /*(només per IE) amb aquesta linea fem que també funciona amb IE*/
	border: 1px solid #8b8b8b;
	padding:10px 10px 10px 10px; /*top right bottom left*/
	margin-bottom:10px;	
	text-align:center;
}

	#marcFoto div{
		display:table-cell; /*(només per FireFox) ja hem dit que actui com una taula, ara aquesta capa actua com una cel·la*/
		vertical-align:middle; /*(només per FireFox) ja li podem dir que faci el vertical-align com si fos una taula*/	
	}

#ProducteMarcFoto{ 
	background-color: #FFFFFF;
}

.ProducteMarcFotoImg{ 
	border: 1px solid #bebebe;
}

#ProductesBarra{
	width:657px;
	height:21px;
	background-color:#5e5e5e;
	margin: 0px;
	padding: 0px;
}
#ProductesBarraDetall{
	width:232px;
	height:25px;
	background-color:#99FF01;
	text-align:left;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000000;
	margin: 0px;
	padding-top:7px;
}
#ProductesBarra_titol{
	width:309px;
	float:left;
	text-align:right;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	padding:4px 10px 0px 10px; /*top right bottom left*/
}

#ProductesBarra_carro{
	width:308px;
	float:left;
	text-align:left;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding:2px 0px 0px 10px;
}

.formatPreuDetall{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px; 
	color:#FFFFFF;
}

#netejarFloat{
	clear:both;
}

.lletra_referencia{
	color:#777777;
}

.nom_oferta{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
}

.num_paginacio{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:#000000;
}

/********************************* compra **********************************/
#compraRequadre{
	width:637px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 10px 10px 10px 0px; /*top right bottom left*/
}

.compraLinies{
	background-color:#8b8b8b;
}

.boto_buida_carro{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	background-color:#999;
	width:120px;
	height:18px;
	text-align:center;
	border:1px solid #333;
	cursor:pointer;
}

.boto_comfirmar_compra{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	background-color: #99ff01;
	width:120px;
	height:18px;
	text-align:center;
	border: 1px solid #333;
	cursor:pointer;
}

.fons_carro{
	background-color:#eaeaea;	
}

.fons_total_carro{
	background-color:#DADADA;	
}

.text_total{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}

.fons_titol_confirmar{
	background-color:#000000;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #ffffff;
	border-left-color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

#fons_taula_confirmar{
	background-color:#eaeaea;
	border: 1px solid #8f8f8f;
	padding:10px 10px 10px 10px;	
}

/*********************************** fons ***********************************/
.fons_blanc{
	background-color:#FFFFFF;	
}

/*********************************** peu ***********************************/
#peu{
	width:943px;
	clear:both;
}

#peuSeparador{
	width:943px;
	height:18px;	
}

#peuEsquerra
{
	width:252px;
	float:left;
	height:44px;
}

#peuDreta
{
	width:657px;
	float:right;
	margin-left:34px;
	height:44px;
}

#peuLinea1 {
	width:252px;
	height:1px;
	background-color:#000000;
}

#peuLinea2 {
	width:657px;
	height:1px;
	background-color:#000000;
}

#peuLineaGruixudaFosc1 {
	width:252px;
	height:24px;
	background-color:#777777;
}

#peuLineaGruixudaFosc2 {
	width:657px;
	height:24px;
	background-color:#777777;
}

#peuLineaGruixudaClar1 {
	width:252px;
	height:19px;
	background-color:#b3b3b3;
}

#peuLineaGruixudaClar2 {
	width:657px;
	height:19px;
	background-color:#b3b3b3;
}

#peuText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	text-align:right;
	padding-top:6px;
	padding-bottom:6px;
}

/*********************************** links ***********************************/
a.barranSeccions {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

	a:link.barranSeccions		{color:#FFFFFF}
	a:visited.barranSeccions	{color:#FFFFFF}
	a:hover.barranSeccions		{color:#CCCCCC}
	a:active.barranSeccions		{color:#FFFFFF}

a.productesIndex {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
}

	a:link.productesIndex		{color:#2f2f2f}
	a:visited.productesIndex	{color:#2f2f2f}
	a:hover.productesIndex		{color:#80d206}
	a:active.productesIndex		{color:#2f2f2f}
	
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

	a:link		{color:#000000}
	a:visited	{color:#000000}
	a:hover		{color:#FFFFFF}
	a:active	{color:#000000}

a.link_peu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

	a:link.link_peu		{color:#000000}
	a:visited.link_peu	{color:#000000}
	a:hover.link_peu	{color:#777777}
	a:active.link_peu	{color:#000000}


a.link_capsalera{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
}
	a:link.link_capsalera	{color:#000000}
	a:visited.link_capsalera{color:#000000}
	a:hover.link_capsalera	{color:#777777}
	a:active.link_capsalera	{color:#000000}
	
a.link_subratllat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}

	a:link.link_subratllat		{color:#000000}
	a:visited.link_subratllat	{color:#000000}
	a:hover.link_subratllat		{color:#777777}
	a:active.link_subratllat	{color:#000000}


a.link_paginacio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

	a:link.link_paginacio	{color:#FFFFFF}
	a:visited.link_paginacio{color:#FFFFFF}
	a:hover.link_paginacio	{color:#CCCCCC}
	a:active.link_paginacio	{color:#CCCCCC}

a.link_num_paginacio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

	a:link.link_num_paginacio	{color:#FFFFFF}
	a:visited.link_num_paginacio{color:#FFFFFF}
	a:hover.link_num_paginacio	{color:#CCCCCC}
	a:active.link_num_paginacio	{color:#CCCCCC}


/********************************** formularis **********************************/
.text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration: none;
}

.inputs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	border: 1px solid #000000;
}
.inputs_buscador {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666;
	text-decoration: none;
	border: 1px solid #000000;
	width:400px;
}
.botons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
}

#contactarMarc{
	width:424px;
	padding:10px 10px 10px 10px; /*top right bottom left*/
	margin-bottom:10px;
	vertical-align:middle;
	text-align:center;
	float:left;
}
	#contactarMarc div{
		width:404px;
		border: 1px solid #8b8b8b;
		padding:10px 10px 10px 10px; /*top right bottom left*/
		text-align:left;
	}
	
#contactarAdressa{
	width:180px;
	float:right;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	padding:10px 10px 10px 10px; /*top right bottom left*/
}
/********************************** empresa **********************************/
#empresaFons{
	width:657px;
	background-image:url(../img/fons_index_productes.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

#empresaText{
	width:637px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 20px 0px 20px 0px;
	text-align:justify;
	color: #000000;
	text-decoration: none;
}

/********************************** protecció de dades **********************************/
#proteccio_dades_contactar{
	width:615px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 20px 20px 20px 20px;
	text-align:justify;
	color: #000000;
	text-decoration: none;
	border: 1px solid #8b8b8b;
	background-color:#eaeaea;
}

#proteccio_dades{
	width:558px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 20px 20px 20px 20px;
	text-align:justify;
	color: #000000;
	text-decoration: none;
	border: 1px solid #8b8b8b;
	background-color:#eaeaea;
}

/********************************** situacio *************************************/
#GoogleMap{
	width:100%;
	height:400px;
	overflow:hidden;
}

/********************************** tooltips *************************/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#tooltip h3, #tooltip div { margin: 0; }

#titol_relacionats {
	background-color:#9aff03;
	margin-top:15px;
	border:1px solid #666;
	padding:3px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#000;
}