/*
	Color rojo CMR FRUITS				c10001
	Color verde CMR FRUITS				004d47
*/
/***************** MAQUETACIO DE LA WEB ******************************/
body.paginaInicial {
	margin:0px;	/*Para que la tabla este en la posicion 0,0 (sin margen)*/
	overflow: hidden;
/*
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:auto;
*/
	font-family:Arial, Helvetica, sans-serif;
}

/* Tabla de maquetacion*/
.tableHome {
	margin:0 auto;
	width: 100%;
	height: 599px;
	border-collapse:collapse;
}

/* Laterales rojos de la tabla de maquetacion */
.tableHomeLateral {
	width: 100% / 2;	/* Per expandir els dos laterals vermells */
/*	width: 48px;*/
	background-color: #C10001;
}

/* Zona central de la tabla de maquetacion */
.tableHomeCentral {
	padding-left: 32px;
	padding-right: 32px;
	vertical-align: top;
	width: 864px;	/* Mida exacta que ha de tenir la part central de la web */
}

/* Per maquetar la colocacio dels components que es carregaran */
.tableCentre {
	width: 100%;
	border-collapse: collapse;
}

/* Part esquerra que contindra els logos corporatius i el menu */
.tableCentreLeft {
	vertical-align: top;
}

/* Part amb el buscador */
.tableCentreRight {
	width: 646px;
	height: 38px;
	text-align: right;
}

/* Part amb el flash */
.tableFlash {
/*	background: orange;*/
}

/* Part amb el iframe de carrega i les marques */
.tableLoader {
/*	background: brown;*/
	height: 346px;
}

/* Part del peu amb els texts legals, adreça i desenvolupadora */
.tableCentreFoot {
	height: 65px;
/*	background: pink;*/
	vertical-align: top;
}

/* iFrame de carrega */
.frameCarrega {
margin-top: 5px;
	height:326px;
	width: 541px;
	float:left;
}

/* Class per les banderes dels idiomes */
.imgBandera {
	margin-right: 5px;
	cursor: pointer;
}

/* TextBox del buscador */
.buscadorBox {
	width: 103px;
	height: 15px;
	margin-left: 20px;
	padding-left: 5px;
	font-size: 11px;
	font-style: normal;
	color: #38393A;
	border-width: 1px;
	border-color:#004d47;
	border-style:solid;
}

/* Imagen flash de la cabecera*/
.imgCabecera {
	width: 642px;
	height: 136px;
}

.frameCabecera {
	width: 646px;
	height: 140px;
}

/* Contenidro per les imatges de les marques en la HOME principal */
.marques {
	float: right;
	text-align: center;
	width: 90px;
/*	height:310px;*/	/* S'ha fet mes alt per que no surti el scroll */
	height:340px;
	/*overflow:hidden;*/
}

/* Para controlar es scroll vertical de las marcas que salen en la home */
.marcaHomeScroll {
	width: 90px;
	height:340px;
	overflow:auto;
	overflow-x:hidden;
	scrollbar-base-color: #d9dadb;scrollbar-arrow-color: #eceded;scrollbar-3dlight-color: #eceded;scrollbar-darkshadow-color: #eceded;scrollbar-face-color: #d9dadb;scrollbar-highlight-color: #d9dadb;scrollbar-shadow-color: #eceded;scrollbar-track-color: #eceded;	
}

/* Per les imatges de les marques de la Home principal */
.imgMarques {
	margin-bottom: 5px;
	cursor: pointer;
}

/* Pastilla blava amb els enllassos de la part inferior de la HOME*/
.pastillaLinksInferiors {
	height: 25px;
	background: #004d47;
	text-align: center;
}

/* Enllsassos inferiors de la HOME */
a.linksInferiors:link{text-decoration:none; color:#FFFFFF; font-size:11px;}
a.linksInferiors:visited {text-decoration: none; color:#FFFFFF; font-size:11px;}
a.linksInferiors:active {text-decoration: none; color:#FFFFFF; font-size:11px;}
a.linksInferiors:hover {text-decoration: none; color:#FFFFFF; font-size:11px; font-weight:bold}

/* Per separar la barra separadora dels enllassos inferiors */
.sepLinksInferiors {
	margin-left: 15px;
	margin-right: 15px;
	color: #FFFFFF;
	font-size: 11px;
}

/* Taula inferior amb les dues imatges i text sobre CMRFruits i I-sistem*/
.tableCopyright {
	border-collapse: collapse;
	margin: 0 auto;
	margin-top: 2px;
}

/* Imatges dels enllassos inferiors */
.imgInferiors {
	/*width: 51px;*/
	/*height: 45px;*/
	width: 45px;
	height: 38px;

}

/* Text copyright */
.tdCopyright {
	font-size: 11px;
	font-weight: bold;
/*	padding-left: 10px;*/
	height: 20px;
	vertical-align:bottom;
}

/* TD del text i-sistem */
.tdISistem {
	text-align: center;
	line-height:10px;
}

/* Text I-Sistem */
a.enllasISistem:link{text-decoration:none; color:#707172; font-size:10px;}
a.enllasISistem:visited {text-decoration: none; color:#707172; font-size:10px;}
a.enllasISistem:active {text-decoration: none; color:#707172; font-size:10px;}
a.enllasISistem:hover {text-decoration: none; color:#000000; font-size:10px;}

.tableDireccioEmpresa {
	margin-top: 6px;
}
/* Imatge del group CMRFruits en la part superior de la columna del menu esquerra */
.imgCmrGroup {
	margin-left: 5px;
	cursor: pointer;
}

/* Text emb el nom de la empresa en la HOME principal */
.nomEmpresaHome {
	font-size: 11px;
	font-weight:bold;
	line-height: 11px;
/*	letter-spacing: -1px;*/
	color:#575757;
}

/* Textos per les adreçes de CMRFruits i Infinita en la home principal */
.direccioHome1 {
	font-size: 10px;
	line-height: 10px;	
	padding-left: 10px;
}

.direccioHome2 {
	font-size: 10px;
	line-height: 10px;	
	padding-left: 5px;	
}

/* Per el iframe on mostrarem el menu */
.frameMenu {
	margin-top: 10px;
	width: 200px;
	height:282px;
}

/* Imagen de 125 años de CMRFruits */
.img125anos {
	margin-top:5px;
	height: 60px;
	width: 61px;

}
/******************* FINAL DE MAQUETACIO *******************************/

/* Estils del body */
.cuerpoCarga {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #707172;
/*	height: 322px;*/
	height: 326px;
	margin:0px;
	cursor: default;
	scrollbar-base-color: #d9dadb;
	scrollbar-arrow-color: #eceded;
	scrollbar-3dlight-color: #eceded;
	scrollbar-darkshadow-color: #eceded;
	scrollbar-face-color: #d9dadb;
	scrollbar-highlight-color: #d9dadb;
	scrollbar-shadow-color: #eceded;
	scrollbar-track-color: #eceded;
}

.TablaCuerpoCarga{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #707172;
	height: 100%;
	width: 100%;
	margin:0px;
	padding: 0px;
	cursor: default;
}
/* Estils de body per la pagina de benvinguda */
.cuerpoCargaInicial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #707172;
	height: 326px;
	margin:0px;
}

/* Estils del titol de la pagina */
.titolPagina {
	font-size: 20px;
	color: #c10001;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 20px;
/*	border-style:solid;
	border-collapse:collapse;
	border-color:#0000FF;
	border-width:1px;	*/
}

/* Per alinear la imatge del topo verd amb el titol de la pagina */
.butoMenu {
	vertical-align: middle;
}

/******************* Pagina inicial Benvinguda ********************/
/* Div amb el producte INICI */
.divProductoHome {
	background-image: url(../images/marcs/circulo_producto_home.jpg);
	background-repeat:no-repeat;
	/* background-image-width: 100px;     NO FUNCIONA!!!! */
	height: 158px;
}

/* Div amb les noticies INICI */
.divInfoEsquerra {
	background-image: url(../images/marcs/circulo_info_home.jpg);
	height: 158px;
	width: 265px;
	float: left;
	margin-top: 10px;
}

/* Div amb els nuestros valores INICI */
.divInfoDreta {
	background-image: url(../images/marcs/circulo_info_home.jpg);
	height: 158px;
	width: 265px;
	margin-top: 10px;
	float: right;
}

/* Per al frame de la home on es carregara el producte destacat (producteHome.html)*/
.frameProductoHome {
	margin-top: 4px;
	margin-left: 7px;
	width: 526px;
	height: 145px;
}

/* Per als frames de la home on es carregaran les noticies (noticiasHome.html) i el s valors (valoresHome.html)*/
.framePetitHome {
	margin-top: 6px;
	margin-left: 6px;
	width: 253px;
	height: 145px;
}

/* Per al body de la pagina amb el producte destacat*/
.cosProducteHome {
/*	background-color:#FF0000;*/
	padding: 0px;
	margin: 0px;
	cursor: default;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #707172;
	/* Para que no aparezca el scrol vertical */
	overflow:hidden
}

/* Per al DIV amb el titol del producte destacat (substitueix al titolPagine de la resta de pagines)*/
.titolPaginaHome {
	margin-top: 6px;
	margin-left: 13px;
	font-size: 20px;
}

/* On van els tres divs del producte(imatge, descripcio i valors energetics)*/
.contenidorDadesProducte {
/*	background-color:#0066FF;*/
	margin-top:5px;
	height:10px
}

/* Els tres divs amb les dades del producte (imatge, descripcio y valors energetics)*/
.imatgeDadesProducte {float:left; width:175px; height:111px; overflow:auto; vertical-align:bottom}
.descripcioDadesProducte {float:left; width:200px; height:111px; overflow:auto; text-align:justify; line-height:10px}
/* Overflow el definim igual que a cosProducteHome */
.valorsDadesProducte {float:right; width:135px; height:111px; overflow:hidden}

/* Per la imatge del producte en la home princiapl */
.imatgeProductoHome {
	/* IMPORTANT --> Les imatges no poden sobrepassar aquestes mides */
	width: 174px;
	height: 108px;
}

/* Titol dels valors energetics */
.titolValoresEnergeticos {
	font-weight:bold;
	color:#000000;
	font-size:11px;
	line-height: 11px;
}

/* Taula amb els valors energetics del producte */
.tableValoresEnergeticos {
	font-size: 10px;
	line-height: 10px;
	margin-top: 9px;
}

/* Cel.la per al nom del valor energetic */
.tdCaloria {
	padding-right: 5px;
}

/* Cel.la per a la unitat del valor energetic */
.tdUnidad {
	font-style:italic;
	padding-right: 15px;
}

/* Cel.la per al valor numeric del valor energetic. El text hauria de ser en negreta, pero l'estil 
negreta no es pot aplicar fins que la mida del text sigui com a minim de 11px i aki es de 10px*/
.tdValor {
	text-align:right;
	color:#000000;
}

/* Per al body de les pagines de noticies y nuestros valores de la home */
.cosPetitHome {
/*	background-color:#FF0000;*/
	padding: 0px;
	margin: 0px;
	cursor: default;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #707172;
}

/* Per als DIVs amb les noticies i els "nuestros valores" (substitueix al titolPagine de la resta de pagines)*/
.titolPetitPaginaHome {
	margin-top: 6px;
	margin-left: 14px;
}

/* Tipografia de les noticies en la home principal */
.titolNoticiaHome {
	font-size: 11px;
	color: #004d47;
	font-weight: bold;
}

/* Per la taula noticies de la home principal */
.taulaNoticies_Valores {
	margin-top: 10px;
	margin-left: 15px;
}

.taulaNoticies_Valores2 {
	margin-top: 10px;
	margin-left: 15px;
	background-image:url(../images/mundivalores_p.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

/* Per als TDs de la taula de noticies de la home principal */
.tdNoticia_ValoresHome {
	padding-bottom: 5px;
}

/* Per a les fletxes verdes de nuestros valores a la home principal */
.flechaVerde {
	font-size: 11px;
	color: #004d47;
	font-weight: bold;
}

/* Tipografia de nuestros valores per la home principal */
.titolsValoresHome {
	font-size: 11px;
	color: #c10001;
	font-weight: bold;
	line-height: 11px;
}

/******************* Galeria fotografica ***********************/
.desplegableGaleria {
	text-align: left;
	font-size: 9px;
	color:#707172;
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid;
/*	width: 130px;*/
}

.iframeGaleria {
	width: 520px;
	height: 270px;
	/*	height: 250px;*/
}

/* Per al body del detall de la galeria */
.detallGaleria {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #707172;
	margin-left:0px;
	margin-right:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	cursor: default;
	background-color:#D6D6D6;
}

/* Per la cela amb la imatge*/
.celaImatge {
/*	background-color:#FFFFFF;    //Per comprovar errors*/
	background-color:#D6D6D6;
}

/* Per al titol de la galeria seleccionada */
.titolApartatGaleria {
	font-size: 15px;
	color: #004d47;
	font-weight: bold;
}

/* Per al div amb les imatges 
.divImatgeGaleria {
	background-color:#0066FF;
	text-align:center;
}

 Per al div amb els butons per passar les imatges 
.divButonsGaleria {
	background-color:#00CC66;
}
*/
/******************** Quienes somos ******************************/
/* Taula per posicionar la descripcio i el logo */
.tableQuienesSomos {
	margin-left: 20px;
	margin-top: 30px;
}

/* TD que conte la descripcio de l'apartat empresa */
.descripcionQuienesSomos {
	text-align:justify;
/*	width: 350px;*/
	cursor: default;
}

/* Pel div on muntem l'scroll */
.scrollEmpresa {
	overflow:auto;
	overflow-x: hidden;
	height: 257px;
	padding-right: 10px;
/*	background-color:#990033*/
}

/* Text de color negre (no negreta) */
.negrita {
	color: #000000;
}
/* TD que conte la imatge amb el logo de CMRFruits en gran */
.logoQuienesSomos {
	vertical-align: top;
	padding-left: 7px;
	padding-top: 12px;
}

/******************** Nuestra historia ***************************/
/* Class per al titol si al seu costat dret hem de carregar algun element com imatges, desplegables... */
.tdTitol {
	vertical-align: top;
	text-align: left;
	font-size: 20px;
	color: #c10001;
	font-weight: bold;	
	width: 240px;
}
.tdTitolNewsLetter {
	vertical-align: top;
	text-align: left;
	font-size: 20px;
	color: #c10001;
	font-weight: bold;	
}

/* Mides de la imatge del metro en l'apartat nuestra historia */
.imatgeMetro {
	width: 270px;
	height: 60px;
}

/* Caixa amb els fons gris que conte les dates cronologiques */
.datesHistoria {
	width: 91%;
	height: 42px;
	background-color:#E7E7E7;
	margin-left: 20px;
/*	margin-top: 5px;*/
	padding-left: 10px;
	padding-top: 2px;
}

/* Titol negre de Cronologia */
.titolNegreta {
	color: black;
	font-size: 12px;
	font-weight: bold;
}

/* Div amb les dates desplazables i els dos butons */
.divCorreder {
/*	border-style:solid;
	border-collapse:collapse;
	border-color:#0000FF;
	border-width:1px;*/
	width: 475px;
	margin-top: 2px;
	text-align: center;
}

/* TD amb la icona per desplaçar cap a l'esquerra */
/*.tdSliderLeft {
	padding-right: 20px;
}
*/
/* TD amb la icona per desplaçar cap a la dreta */
/*.tdSliderRight {
	padding-left: 20px;
}
*/
/* TD central amb les dates */
/*.tdSliderCenter {
	width: 405px;
	text-align: center;
}*/

.tableDates {
	border-collapse: collapse;
	width: 100%;
}

/* Class per els links de les dates cronologiques */
a.linksDates:link{text-decoration:none; color:#707172; font-size:15px;}
a.linksDates:visited {text-decoration: none; color:#707172; font-size:15px;}
a.linksDates:active {text-decoration: none; color:#c10001; font-size:15px; font-weight:bold}
a.linksDates:hover {text-decoration: none; color:#000000; font-size:15px;}

.datesVermellesHistoria {
	font-size: 12px;
	color: #c10001;
	font-weight: bold;
}

/********************** Seccions iframe historia **************************/
/* Estils del frame on carregarem les informacions de les histories */
.iframeHistoria {
	margin-left: 20px;
	width: 498px;
	height: 190px;
}

/* Per al body de la pagina del detall de la noticia */
.detallNoticia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #707172;
	margin-left:0px;
	margin-right:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	cursor: default;
	/* Color dels scrolls (http://iconico.com/CSSScrollbar/)*/
	scrollbar-base-color: #d9dadb;
	scrollbar-arrow-color: #eceded;
	scrollbar-3dlight-color: #eceded;
	scrollbar-darkshadow-color: #eceded;
	scrollbar-face-color: #d9dadb;
	scrollbar-highlight-color: #d9dadb;
	scrollbar-shadow-color: #eceded;
	scrollbar-track-color: #eceded;
}

/* El titol del detall de la noticia */
.titolDetallNoticia {
	font-size: 16px;
	color: #c10001;
	font-weight: bold;	
}

.masNoticias {
	color:#004d47;
	cursor:pointer;
}

/* Taula per posicionar el text de la historia i la imatge que acompaña */
.tableHistoria {
	width: 495px;
	height: 146px;
}

/* Per al TD on mostrem el text historia relacionat amb la data clicada */
.tdDescripcioHistoria {
	vertical-align: top;
	text-align:justify;
	width: 55%;
	height: 23px;
}

/* Per que aparegui l'escroll si fa falta*/
.scrollHistoria {
	overflow:auto;
	overflow-x: hidden;
	height: 158px;
	width: 250px;
/*	margin-top: 10px;*/
	padding-right: 10px;
}

/* Per al TD on mostrem la imatge relacionada amb la data clicada */
.tdImatgeHistoria {
	text-align: center;
	height: 140px;
}

.tdFletxesHistoria {
	text-align: center;
}

.fotografiaSeleccionada {
	padding-left: 10px;
	padding-right: 10px;
}
/**************************** RRHH *******************************/
/* Tabla para posicionar el texto y la imagen de la seccion RRHH */
.tableRRHH {
	margin-left: 20px;
	margin-top: 10px;
}

/* Td per el text descriptiu */
.descripcionRRHH {
	text-align:justify;
	width: 350px;
}

/* Per si fa falta que aparegui l'scroll */
.scrollRRHH {
	overflow:auto;
	overflow-x: hidden;
	height: 215px;
	padding-right: 10px;
}

/* Tipografia del text per l'adreça de correu electronic RRHH */
.subtitutloRRHH {
	font-size: 20px;
	color: #c10001;
	font-weight: bold;
}

.mailRRHH {
	font-size: 15px;
	color: #c10001;
	font-weight: bold;
}

.scrollRRHH {
	overflow:auto;
	overflow-x: none;
}

.puestoOfertado {
	text-transform:uppercase;
}

/* Enllassos per als llocs de treball ofertats per CMR Fruits */
a.linksRRHH:link{text-decoration:none; color:#9c9d9f; padding-left:5px}
a.linksRRHH:visited {text-decoration: none; color:#9c9d9f; padding-left:5px}
a.linksRRHH:active {text-decoration: none; color:black; padding-left:5px}
a.linksRRHH:hover {text-decoration: none; color:black; padding-left:5px}

/* Per la imatge de la seccio RRHH */
.logoRRHH {
	vertical-align: bottom;
	padding-left: 35px;
}

/* Estils per el textarea */
.textAreaRRHH{
	font-size: 10px;
/*	line-height: 12px;*/
	background-color:#D6D6D6;
	color:#666666;
	height:70px;
	width:260px;
	border:none;
	overflow:auto;
	overflow-y: none;
	font-family:Arial, Helvetica, sans-serif;
	
	
/*
	font-size: 10px;
	background-color:#D6D6D6;
	Font-family:Arial, Helvetica, sans-serif;	
	color: #666666;
	height:13px;
	width:107px;
	border:none;
*/	
}

.masRRHH {
	color:#004d47;
	font-size:11px;
	font-weight:normal;
/*	width:400px;*/
/*	position:absolute;
	float:right;
*/	
	text-align:right;
	cursor:pointer
}

/********************* Nuestros valores **********************/
/* Per si fa falta que aparegui el scroll */
.scrollNuestrosValores {
	overflow:auto;
	overflow-x: hidden;
	height: 249px;
	padding-right: 10px;
}

/* Td per numerar els diferents valors */
.tdNumeradorValores {
	color: #004d47;
	font-size: 30px;
	line-height: 23px;
	font-weight: bold;
}

/* Td per els textos dels valors */
.tdTextValores {
	padding-bottom: 20px;
	padding-left: 5px;
}

/* Tipologia per els titols de cada valor */
.titolsValores {
	font-size: 12px;
	line-height: 12px;
	color: #c10001;
	font-weight: bold;
}

/* Per ubicar la imatge absolutament */
.imagenNuestrosValores {
	position:absolute;
	margin-top: 56px;
	margin-left: 328px;
}
/***************************** Marcas **********************************/
/* Per al text amb color verd */
.textVerd {
	color: #004d47;
}

/* Per posicionar la imatge de la marca al costat dret inferior del seu text */
.logoMarca {
	vertical-align: bottom;
	text-align:right;
	width: 140px;
}

/****************************** Resum noticies ****************************/
/* Per si ha d'apareixer l'scroll en la seccio de resum de noticies */
.scrollResumNoticies {
	overflow:auto;
	overflow-x: hidden;
	text-align:justify;
	margin-top: 15px;
	margin-left: 0px;
	width: 490px;
	height: 249px;
	padding-right: 10px;
/*	background-color:#CCCCCC; */
}

/* Per controlar el posicionament de la noticia dins la seva cel.la */
.tdNoticia {
	padding-bottom: 10px;
}

/* Per la tipologia de les dates */
.datesVermelles {
	font-size: 11px;
	color: #c10001;
	font-weight: bold;
}

/* Tipologia del text per als titols de cada noticia en el RESUM de noticies*/
.titolNoticia {
	font-size: 12px;
	color: #004d47;
	font-weight: bold;
}

/* Tipologia del text per als titols de cada noticia en el DETALL de noticies*/
.titolNoticiaDetall {
	font-size: 14px;
	color: #004d47;
	font-weight: bold;
	margin-bottom: 10px;
}

/* Enllaços per accedir al detall de cada noticia */
a.masInfo:link{text-decoration:none;}
a.masInfo:visited {text-decoration: none;}
a.masInfo:active {text-decoration: none;}
a.masInfo:hover {text-decoration: none; font-size:10px;}

/************************* Detall Noticia ***************************************/
/* Td per el text descriptiu */
.descripcionNoticia {
	text-align:justify;
	width: 300px;
}

/* Per si ha d'apareixer l'scroll en la seccio del detall de noticies */
.scrollDetallNoticia {
	overflow:auto;
	overflow-x: hidden;
	height: 260px;
	padding-right: 10px;
}

.tdImatgeNoticia {
	text-align: center;
	height: 220px;
	width:200px;
}

/* Per posicionar la imatge relacionada amb la noticia al costat dret inferior del seu text */
.imatgeNoticia {
	vertical-align: bottom;
	text-align:right;
	width: 190px;
}

/******************* FAQS *******************************************/
/* Per si ha d'apareixer l'scroll en la seccio resum de FAQS */
.scrollFaqs {
	overflow:auto;
	overflow-x: hidden;
	text-align:justify;
	margin-top: 25px;
	margin-left: 20px;
	width: 327px;
	height: 249px;
	padding-right: 10px;
/*	background-color:#CCCCCC;*/
}

/* Scroll per al detall de la faq */
.scrollFaqsDetall {
	overflow:auto;
	overflow-x: hidden;
	height: 200px;
	padding-right: 10px;
}

/* Per al titol de faqs */
.tdTitolFaqs {
	vertical-align: top;
	text-align: left;
	font-size: 20px;
	color: #c10001;
	font-weight: bold;	
	width: 100px;
}

/* Per als titols de les faqs */
.titolFaqs {
	font-size: 11px;
	color: black;
	font-weight: bold;
}

.descripcionFaqs {
	cursor: default;
	text-align:left;
}
/* Faq que es troba oculta */
.faqOculta {
	display: none;
}

/* Faq que es troba visible */
.faqVisible {
	display: inline;
}

/* Para ubicar la imagen del perejil absolutamente */
.imgFaqsAbsoluta {
	position:absolute;
	margin-top:2px;
	margin-left: 359px;
}

/*************************** Localizacion ******************************/
.tableLocalizacion {
	border-collapse:collapse;
/*	border-style:solid;
	border-color:black;
	border-width: 1px;
*/	
	margin-top: 0px;
	margin-left: 0px;	
	height: 250px;
}

/* Per al TD amb el text de la seccio localizacion */
.textoLocalizacion {
/*	background-color:#00FFFF;*/
	width: 140px;
	vertical-align: bottom;
}

/* Per al TD amb la imatge de la seccio localizacion */
.imagenLocalizacion {
/*	background-color:#FF6633;*/
	text-align: right;
	width: 355px;
}

/* Class per el nom de la sucursal en la seccio de localizacion */
.textNomMapa {
	font-size: 11px;
	color: #c10001;
	font-weight: bold;
	text-transform:uppercase;
}

/* Class per al text del recinte on es troba la sucursal ubicada */
.recintoLocalizacion {
	text-transform:uppercase;
	color: #000000;
}

/* Class que s'assignara al div amagat on es carregara el mapa de google */
.classDivCarregaMapa {
/*
	width: 280px;
	height: 280px;
	border-color:#999999;
	border-collapse: collapse;
	border-style: solid;
	border-width: 2px;
	background-color:#ffffff;
	overflow: hidden;
	position:absolute;
	top: 15px;
	left: 150px;
*/
	width: 280px;
	height: 300px;
	border-color:#999999;
	border-collapse: collapse;
	border-style: solid;
	border-width: 2px;
	background-color:#ffffff;
	overflow: hidden;
	position:absolute;
	top: 15px;
	left: 150px;
	
}

/****************************** PRODUCTO 	*******************************/
/* Iframe per al cos del producte */
.cuerpoProductoIframe{
	width:528px;
	height:265px;
	margin-left:5px;
}

/* Per al cos del producte */
.cuerpoProductoBody {
/*	background-color:#00FFFF;*/
	cursor:default;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px;
	color:#707172;
	scrollbar-base-color: #d9dadb;
	scrollbar-arrow-color: #eceded;
	scrollbar-3dlight-color: #eceded;
	scrollbar-darkshadow-color: #eceded;
	scrollbar-face-color: #d9dadb;
	scrollbar-highlight-color: #d9dadb;
	scrollbar-shadow-color: #eceded;
	scrollbar-track-color: #eceded;
}

/* Tipografia per al titol "productos" de la capsalera de producto */
.titolProducte {
	vertical-align: middle;
	font-size: 20px;
	color: #c10001;
	font-weight: bold;
/*	font-family:Arial, Helvetica, sans-serif;*/
}

/* Tipografia per els labels dels desplegables de productos*/
.labelDesplegable { 
	font-size: 11px;
	color: #004d47;
	font-weight: bold;
}


/* Per els desplegables de variedad i subvariedad dels productes */
.familiaProducto {
/*	text-align: center;*/
	font-size: 9px;
	color:#38393A;
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid;
	width: 130px;
}

/* SUBGRUP(varietat) del producte en el seu detall */
.variedadProducto {
	font-size: 20px;
}

/* NOM(subvarietat) del producte en el seu detall */
.subvariedadProducto {
	font-size: 17px;
}

/* Per al HR puntejat de la taula */
.rallaPunteada {
	border-color:#000000;
	border-style: dotted;
	border-width: thin;
}

/* Pels enllassos de les seccions del producte */
a.seccionsProducte:link{text-decoration:none;font-size:10px;color:#004d47}
a.seccionsProducte:visited {text-decoration: none;font-size:10px;;color:#004d47}
a.seccionsProducte:active {text-decoration: none;font-size:10px;color:#c10001}
a.seccionsProducte:hover {text-decoration: none;font-size:10px;color:#c10001}

/* Text visible */
.textVisible {
	display:block;
}

/* Text amagat */
.textAmagat {
	display:none;
}

/* Per la taula amb els valors nutritius del producte en el DETALL DEL PRODUCTE */
.valorsDadesDetall {float:left; width:135px; height:111px; overflow:auto}
/* Per la taula amb la disponibilitat mensual del producte en el DETALL DEL PRODUCTE*/
.valorsMesosDetall {float:left; width:135px; height:111px; overflow:auto}

/* Per al TD on tenim les fonts del producte */
.fuentesProducto {
	line-height:10px;
}

/************************** Contacto ************************************/
/* Tipografia per els labels del formulari */
.labelFormulario {
	font-size: 11px;
	line-height: 11px;
	color: #004d47;
	font-weight: bold;
	width:180px;
}

/* Especific per als labels del formulari de RRHH */
.labelFormulario2 {
	font-size: 11px;
	line-height: 11px;
	color: #004d47;
	font-weight: bold;
	width:105px;
}

.labelFormularioNewsLeter {
	font-size: 11px;
	line-height: 11px;
	color: #004d47;
	font-weight: bold;
	width:150px;
}

.labelFormularioRojo {
	font-size: 10px;
	color: #CC0033;
	font-family:Arial, Helvetica, sans-serif;	
}

/* Estils per els inputs de text llargs */
.textInput {
	font-size: 10px;
	background-color:#D6D6D6;
	Font-family:Arial, Helvetica, sans-serif;	
	color: #666666;
/*	font-size: 11px;
	line-height: 11px;
	background-color:#D6D6D6;
	font-family:Arial, Helvetica, sans-serif;	*/
	height:13px;
	width: 260px;
	border:none;
}

/* Estils per els inputs de text curts */
.textInput2 {
	font-size: 10px;
	background-color:#D6D6D6;
	Font-family:Arial, Helvetica, sans-serif;	
	color: #666666;
	height:13px;
	width:107px;
	border:none;
}

.eliminarRegistro{
	background-image: url('/images/boton_eliminar.jpg');
	width: 51px;
	height: 17px;
	border: 0;
	cursor: pointer;
}

.enviarCurriculum {
	background-image: url('/images/boton_enviar1.jpg');
	width: 51px;
	height: 17px;
	border: 0;
	cursor: pointer;
}


.ComboNewsLetter {
	font-size: 10px;
	background-color:#D6D6D6;
	Font-family:Arial, Helvetica, sans-serif;	
	color: #666666;
}

/* Estils per el textarea */
.textAreaFormulari{
	font-size: 10px;
	line-height: 10px;
	background-color:#D6D6D6;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;	
	height:33px;
	width:260px;
	border:none;
	overflow:auto;
	overflow-y: none;
}

/* Per les adreces de les sucursals en la pagina de contacto */
.direccioContacto {
	font-size: 10px;
	line-height: 10px;	
	color:#000000;
}

/* Pels noms de les empreses en la pagina de contacto */
.nomEmpresaContacto {
	font-size: 11px;
	font-weight:bold;
	line-height: 11px;
/*	letter-spacing: -1px;*/
	color:#575757;
}

/* Texto contacto_OK verde*/
.textoOkVerde {
	font-size: 11px;
	line-height: 11px;
	color: #004d47;
	font-weight: bold;
}

/* Texto contacto_OK normal*/
.textoOkNormal {
	font-size: 11px;
	line-height: 11px;
/*	color: #004d47;*/
	font-weight: bold;
}

/* Class per als enllassos de la pagina de contacte */
a.enllasFormulari:link{text-decoration:none;color:#004d47}
a.enllasFormulari:visited {text-decoration: none;color:#004d47}
a.enllasFormulari:active {text-decoration: none;color:#004d47}
a.enllasFormulari:hover {text-decoration: none;color:#c10001}

/*********************** Resum ultima newsletter *******************/
/* Per l'scroll del resum de les newsletters */
.scrollResumNewsletter {
	overflow:auto;
	overflow-x: hidden;
	text-align:justify;
	margin-top: 15px;
	margin-left: 0px;
	width: 510px;
	height: 249px;
	padding-right: 10px;
}

/****************************** POPUPS****************************/
.popUp {
	cursor: default;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#707172;
}

.titolPopUp {
	font-size: 24px;
	color: #c10001;
	font-weight: bold;
	padding-top: 10px;
}

.titolAvisLegal {
	font-size: 16px;
	color: #004d47;
	font-weight: bold;	
}

/******************************** BUSCADOR *****************************/
.tdTitolBuscador {
	vertical-align: top;
	text-align: left;
	font-size: 20px;
	color: #c10001;
	font-weight: bold;	
	width: 300px;
}

/* Per als HR que separan els registres del buscador */
.hrResultados {
	width:100%;
	height:1px;
	border:1px;
	border-color:#707172;
	border-style:solid;
	background-color: #707172;
	border-collapse:collapse;
	margin-top:3px;
	margin-bottom:2px
}

/* Texto rojo Buscador para los grupos */
.grupoBuscador {
	color:#c10001;
	font-size:12px;
	font-weight:bold;
}

/* Texto verde Buscador para los subgrupos y nombres */
.subGgrupoNombreBuscador {
	color:#004d47;
	font-size:12px;
}

/* Texto de color rojo */
.textoRojo {
	color:#c10001;
}

/* Class per als enllassos de la pagina de contacte */
a.linksBuscador:link{text-decoration:none;color:#707172}
a.linksBuscador:visited {text-decoration: none;color:#707172}
a.linksBuscador:active {text-decoration: none;color:#c10001}
a.linksBuscador:hover {text-decoration: none;color:#c10001}

.numeroPagines{
	font-weight:bold;
	color:black;
}
/******************************* LOCALITZACIO ***************************/
/* Per la adreça de la empresa */
.dadesLocalitzacio {
	color:#000000;
	line-height:10px;
}

/* Per a la taula amb la info dels pabellons */
.tablePabellons{
	color:#004d47;
	line-height:8px;
}

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	width:263px;
	position: relative;
	text-align: right;
	filter:alpha(opacity: 0);
	opacity: 0;
/*
	filter:alpha(opacity: 100);
	opacity: 1;
*/
	z-index: 2;
}
.TextFileFake{
	font-size: 10px;
	line-height: 11px;
	background-color:#D6D6D6;
	color:#666666;
	height:13px;
	width:243px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;	
}

.imgFakeButton{ 
	cursor:pointer; 
	margin-left:4px; 
	margin-top:2px;
}