@CHARSET "UTF-8";
/***********************************/
/* IMPORTEM EL CSS DEL BLUEPRINT   */
/***********************************/
@import url("blueprint.css");
@import url("base.css");

/*GENERAL*/
html,body { height:100%; }
.container { height:100%; }
p { color:#FFFFFF; }
#centre{ margin-left:-8px; _margin-left:-28px; }
.centre { }
.imatge-footer { }
.credits { position:fixed; bottom:10px; _margin-left:-150px; }
.credits a { position:relative; display:block; font-size:9px; font-weight:bold; text-decoration:none; }
/************************/
/* FONS REDIMENSIONABLE */
/************************/
.img-background {width:100%; height:100%; position:fixed; top:0; left:0; z-index:-1;}

/*MENU*/
#menu { position:relative; }
#menu ul { margin:50px 0 0 0; }
#menu ul div { position:relative; }
#menu ul li { margin-bottom:2px; list-style:none; }
#menu ul li a { display:block; height:26px; line-height:26px; margin-left:14px; padding-left:10px; text-decoration:none; font-size:11px; font-weight:bold; background-color:#FFFFFF; }

#menu .submenu { margin:0 0 0 15px; width:135px; _width:120px; }
#menu .submenu li { margin:0 0 2px 0; *margin:2px 0 1px 0; _margin:2px 0 0 0; }
#menu .submenu li a { display:block; height:17px; line-height:17px; margin:0; font-weight:normal; }
#menu .submenu li a:hover,#menu .submenu li a.active { }

#menu .subsubmenu { margin:0; padding:0; }
#menu .subsubmenu li { height:18px; padding-left:15px; }
#menu .subsubmenu li a { display:block;  width:135px; height:18px; margin:0 0 0 6px; padding:0 0 0 10px; font-weight:normal; }

/*IDIOMA*/
#idioma { margin:50px 0 0 -6px; }
#idioma ul { margin:0; padding:0; width:50px; }
#idioma ul li { margin-bottom:2px; list-style:none;}
#idioma ul li a { display:block; height:16px; line-height:16px; margin-right:7px; padding-left:10px; text-decoration:none; font-size:11px; font-weight:bold; }

/*BOTIGA ONLINE*/
#botiga-online { margin:0 0 0 -6px; }

/*************************************/
/*				COLORS				 */
/*************************************/

/*Barra Idioma*/
	/*home*/
	#idioma .lang-home li { background:transparent url(../images/detalls/lang-home-corner.png) no-repeat right; }
	#idioma .lang-home li a { background-color:#8c8785; }
	/*empresa*/
	#idioma .lang-empresa li { background:transparent url(../images/detalls/lang-empresa-corner.png) no-repeat right; }
	#idioma .lang-empresa li a { background-color:#828282; }
	/*productes*/
	#idioma .lang-productes li { background:transparent url(../images/detalls/lang-serveis-productes-corner.png) no-repeat right; }
	#idioma .lang-productes li a { background-color:#446119; }
	/*serveis*/
	#idioma .lang-serveis li { background:transparent url(../images/detalls/lang-serveis-corner.png) no-repeat right; }
	#idioma .lang-serveis li a { background-color:#3d2211; }
	/*distribucio*/
	#idioma .lang-distribucio li { background:transparent url(../images/detalls/lang-distribucio-corner.png) no-repeat right; }
	#idioma .lang-distribucio li a { background-color:#3b1811; }
	/*contacta*/
	#idioma .lang-contacta li { background:transparent url(../images/detalls/lang-contacte-corner.png) no-repeat right; }
	#idioma .lang-contacta li a { background-color:#ad978c; }
	/*xocolata*/
	#idioma .lang-xocolata li { background:transparent url(../images/detalls/lang-xocolata-corner.png) no-repeat right; }
	#idioma .lang-xocolata li a { background-color:#572b10; }
	/*estiu*/
	#idioma .lang-estiu li { background:transparent url(../images/detalls/lang-estiu-corner.png) no-repeat right; }
	#idioma .lang-estiu li a { color:#0d3134; background-color:#FFFFFF; }
	/*complements*/
	#idioma .lang-complements li { background:transparent url(../images/detalls/lang-estiu-corner.png) no-repeat right; }
	#idioma .lang-complements li a { color:#570000; background-color:#FFFFFF; }
	/*cafe*/
	#idioma .lang-cafe li { background:transparent url(../images/detalls/lang-home-corner.png) no-repeat right; }
	#idioma .lang-cafe li a { background-color:#8c8785; }
	
	/*General*/
	#idioma .lang-home li a, #idioma .lang-empresa li a, #idioma .lang-productes li a, #idioma .lang-serveis li a, #idioma .lang-distribucio li a, #idioma .lang-contacta li a, #idioma .lang-xocolata li a, #idioma .lang-cafe li a { color:#FFFFFF; }

/*Barra Menu*/
	/*home*/
	#menu .menu-home li {background:transparent url(../images/detalls/menu-home-corner.png) no-repeat top left; }
	#menu .menu-home li a { color:#FFFFFF; background-color:#8c8785; border:1px solid #8c8785; border-left:none; }
	/*empresa*/
	#menu .menu-empresa img { position:absolute; top:5px; left:-8px; _left:2px; }
	#menu .menu-empresa li { background:transparent url(../images/detalls/menu-empresa-corner.png) no-repeat top left; z-index:-1; }
	#menu .menu-empresa li a { color:#FFFFFF; border:1px solid #575757; border-left:none; background-color:#575757;  }
	#menu .menu-empresa li.active { background:transparent url(../images/detalls/menu-empresa-corner-active.png) no-repeat top left; }
	#menu .menu-empresa li.active a { color:#575757; border:1px solid #575757; border-left:none; background-color:#FFFFFF; }
	/*productes*/
	#menu .menu-productes img { position:absolute; top:5px; left:-14px; _left:2px; }
	#menu .menu-productes li { background:transparent url(../images/detalls/menu-serveis-productes-corner.png) no-repeat top left; z-index:-1; }
	#menu .menu-productes li a { color:#FFFFFF; border:1px solid #446219; border-left:none; background-color:#446219; }
	#menu .menu-productes li.active { background:transparent url(../images/detalls/menu-serveis-productes-corner-active.png) no-repeat top left; }
	#menu .menu-productes li.active a { color:#446219; border:1px solid #446119; border-left:none; background-color:#FFFFFF; }
	/*serveis*/
	#menu .menu-serveis img { position:absolute; top:5px; left:-15px; _left:2px; }
	#menu .menu-serveis li { background:transparent url(../images/detalls/menu-serveis-corner.png) no-repeat top left; z-index:-1; }
	#menu .menu-serveis li a { color:#FFFFFF; border:1px solid #642d19; border-left:none; background-color:#642d19; }
	#menu .menu-serveis li.active { background:transparent url(../images/detalls/menu-serveis-corner-active.png) no-repeat top left; }
	#menu .menu-serveis li.active a { color:#642d19; border:1px solid #642d19; border-left:none; background-color:#FFFFFF; }
	/*distribucio*/
	#menu .menu-distribucio img { position:absolute; top:5px; left:-12px; _left:2px; }
	#menu .menu-distribucio li { background:transparent url(../images/detalls/menu-distribucio-corner.png) no-repeat top left; z-index:-1; }
	#menu .menu-distribucio li a { color:#FFFFFF; border:1px solid #3b1811; border-left:none; background-color:#3b1811; }
	#menu .menu-distribucio li.active { background:transparent url(../images/detalls/menu-distribucio-corner-active.png) no-repeat top left; }
	#menu .menu-distribucio li.active a { color:#3b1811; border:1px solid #3b1811; border-left:none; background-color:#FFFFFF; }
	/*contacta*/
	#menu .menu-contacta img { position:absolute; top:5px; left:-12px; _left:2px; }
	#menu .menu-contacta li { background:transparent url(../images/detalls/menu-contacte-corner.png) no-repeat top left; z-index:-1; }
	#menu .menu-contacta li a { color:#FFFFFF; border:1px solid #312620; border-left:none; background-color:#312620; }
	#menu .menu-contacta li.active { background:transparent url(../images/detalls/menu-contacte-corner-active.png) no-repeat top left; }
	#menu .menu-contacta li.active a { color:#312620; border:1px solid #312620; border-left:none; background-color:#FFFFFF; }

/*Barra Submenu*/

	/**General**/
	#menu .empresa-submenu li,#menu .productes-submenu li,#menu .serveis-submenu li,#menu .distribucio-submenu li { background:none; height:18px; }
	/*empresa*/
	#menu .empresa-submenu li a { background:transparent url(../images/menu/submenu-empresa.png) no-repeat 0 0; color:#4a4a4a; border:none !important; background-color:transparent !important; }
	#menu .empresa-submenu li a:hover,#menu .empresa-submenu li a.active { background:transparent url(../images/menu/submenu-empresa.png) no-repeat -135px 0; border:none !important; }
	/*productes*/
	#menu .productes-submenu li a { background:transparent url(../images/menu/submenu-productes.png) no-repeat 0 0; color:#446119; border:none !important; background-color:transparent !important; }
	#menu .productes-submenu li a:hover,#menu .productes-submenu li a.active { background:transparent url(../images/menu/submenu-productes.png) no-repeat -135px 0; border:none !important; background-color:transparent !important; }
		
		#menu .productes-submenu .subsubmenu li a { color:#787878; }
		#menu .productes-submenu .subsubmenu li a:hover,#menu .productes-submenu .subsubmenu li a.active { color:#000000; }
		
		#menu .productes-submenu .submenucafe { height:67px; background:transparent url(../images/menu/submenu-cafe.png) no-repeat left; background-color:transparent !important; }
		#menu .productes-submenu .submenucafe a,#menu .productes-submenu .submenucafe a:hover { background:none; height:17px; line-height:17px; }
		#menu .productes-submenu .submenucafe ul li { margin:0; padding:0; border:none; height:14px; line-height: 14px;}
		#menu .productes-submenu .submenucafe ul li a { width:106px; background:none; font-size:10px; height:12px; line-height:12px; }
		#menu .productes-submenu .submenucafe ul li a.active,#menu .productes-submenu .submenucafe ul li a:hover { color:#000000; background:none; height:12px; line-height:12px; }
	/*serveis*/
	#menu .serveis-submenu li a { background:transparent url(../images/menu/submenu-serveis.png) no-repeat 0 0; color:#642d19; border:none !important; background-color:transparent !important; }
	#menu .serveis-submenu li a:hover,#menu .serveis-submenu li a.active { background:transparent url(../images/menu/submenu-serveis.png) no-repeat -135px 0; border:none !important; background-color:transparent !important; }
	
	/*distribucio*/
	#menu .distribucio-submenu li a { background:transparent url(../images/menu/submenu-distribucio.png) no-repeat 0 0; color:#4a4a4a;  border:none !important; background-color:transparent !important; }
	#menu .distribucio-submenu li a:hover,#menu .distribucio-submenu li a.active { background:transparent url(../images/menu/submenu-distribucio.png) no-repeat -135px 0; border:none !important; background-color:transparent !important; }

/*CAPA CENTRAL BORDE*/
.home { border:2px solid #625f5d; background:transparent url(../images/fons/fons-home-centre.png) repeat-x top left; }
.empresa { border:2px solid #a4a3a3; }
.productes { border:2px solid #446219; }
.serveis { border:2px solid #3d2211; }
.distribucio { border:2px solid #7a5a45; }
.contacta { border:2px solid #ac978b; }
.cafe { border:2px solid #606060; }
.xocolata { border:2px solid #664227; }
.estiu { border:2px solid #9d9e9e; }
.complements { border:2px solid #9b9998; }
/*General*/
.home, .empresa, .productes, .serveis, .distribucio, .contacta, .cafe, .xocolata, .estiu, .complements { border-top:none; border-bottom:none; }

/*CAPA CENTRAL DEGRADAT*/
.fons-clar-centre { background:transparent url(../images/fons/fons-empresa-centre.png) repeat-x top left; }
.fons-fosc-centre { background:transparent url(../images/fons/fons-contacta-centre.png) repeat-x top left; }
.fons-verd-centre { background:transparent url(../images/fons/fons-tes-centre.png) repeat-x top left; }
.distribucio-centre { background-color:#e0ceac; filter:alpha(opacity=90); opacity: .9; }
.contacta-centre { background-color:#31251f; filter:alpha(opacity=90); opacity: .9; }
/*General*/
.fons-clar-centre,.fons-fosc-centre, .fons-verd-centre, .distribucio-centre, .contacta-centre { height:100%; text-align:left; }

/*TYPO*/
.lletra-home a,.lletra-home a:hover { color:#FFF; }
.lletra-empresa p,.lletra-empresa a,.lletra-empresa a:hover { color:#484747; }
.lletra-productes p,.lletra-productes a,.lletra-productes a:hover { color:#446219; }
.lletra-serveis p,.lletra-serveis a,.lletra-serveis a:hover { color:#FFF; }
.lletra-distribucio p,.lletra-distribucio a,.lletra-distribucio a:hover { color:#FFF; }
.lletra-contacta p,.lletra-contacta a,.lletra-contacta a:hover { color:#FFF; }
.lletra-cafe p,.lletra-cafe a,.lletra-cafe a:hover { color:#FFF; }
.lletra-xocolata p,.lletra-xocolata a,.lletra-xocolata a:hover { color:#664227; }
.lletra-estiu a { color:#FFF; }

.centre h2 { margin-bottom:10px; color:#000; font-weight: bold; font-size: 16px; font-weight:bold; }
.centre h3 { margin-bottom:5px; color:#000; font-size:14px; font-weight:bold; }
.centre p {  }
.contacta-centre p{ font-size:12px; color:#c2c2c2; }
.contacta-centre p span{ font-weight:bold; color:#FFF; }
.contacta-centre p a { text-decoration:none; color:#FFF; }
.contacta-centre p a:hover { color:#FFF; }
/*IMATGES PRODUCTES*/
.imatge-producte { position:relative; height:400px; }
.imatge-producte .imatge { float:left; margin-top:93px; width:508px; text-align:center; }

/*SLIDER*/
#slider ul, #slider li { margin:0; padding:0; list-style:none; text-align:center; }
#slider, #slider li{ width:508px; overflow:hidden; }
#prevBtn a { position:absolute; top:0; left:0; margin:360px 0 0 10px; display:block; width:8px; height:13px; background:url(../images/detalls/fletxa-marro-esquerra.png) no-repeat top left; }
#nextBtn a { position:absolute; top:0; left:0; margin:360px 0 0 490px; display:block; width:8px; height:13px; background:url(../images/detalls/fletxa-marro-dreta.png) no-repeat top left; }

#prevBtnGreen a { position:absolute; top:0; left:0; margin:360px 0 0 10px; display:block; width:8px; height:13px; background:url(../images/detalls/fletxa-verda-esquerra.png) no-repeat top left; }
#nextBtnGreen a { position:absolute; top:0; left:0; margin:360px 0 0 490px; display:block; width:8px; height:13px; background:url(../images/detalls/fletxa-verda-dreta.png) no-repeat top left; }