* {margin:0;padding:0;font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;font-size:13px;color:#63097b;background-color:inherit;}
#main { width:960px;margin:0 auto;z-index:1;padding:0px 2px 2px 2px;background-color:inherit; color:inherit;}

body{background-image:url(../img/rodones.gif)}

h1{width:400px;}
.margin .flash,.flash{width:300px; font-size:24px;}
.margin ul{margin-left:15px;}

#f1{position:relative; background-image:url(../img/superior_bkg.png); background-repeat:no-repeat; height:149px; font-family:"Trebuchet MS";}
#f2{background-color:#adc3d1; min-height:400px; padding:10px;}

/**
 * Logo
 */
#f1 #logo{position:relative; width:280px; top:30px; margin:0 auto; background-image:url(../img/logo_sup.png); background-repeat:no-repeat; height:78px;display:block;}
/*Idioma*/
#f1 #menu_idioma{position:absolute; right:5px; top:10px;background-color:none;}
	#f1 #menu_idioma ul li{list-style:none;}
		#f1 #menu_idioma ul li a{color:#fff; text-decoration:none;font-size:11px; display:block; width:50px; padding-left:10px;background-color:none;}
		#f1 #menu_idioma ul li a:hover{background-image:url('../img/butons i mes/triangle_h.png'); background-position:left; background-repeat:no-repeat;}

/************************************************************************
 * Menu
 ************************************************************************/
#f1 #menu {color:inherit;background-color:inherit;padding:0px 25px; position:absolute; bottom:0px; width:910px; text-align:center; font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;font-weight:normal;}
/* Per a Firefox 2.0 o inferior */
/*#f1 #menu, x:-moz-any-link {padding-top:4px;}*/
/* Per a Firefox 3.0 o superior */
/*#f1 #menu, x:-moz-any-link, x:default {padding-top:0px;}
	#f1 #menu a:link, #f1 #menu a:visited {display:inline-block;color:#fff;background-color:inherit;text-decoration:none;text-transform:uppercase;}
    #f1 #menu a:hover {color:#FFFFFF;}*/

 	
/*#f1 #menu ul, #menu li {margin:0px; padding:0; font-family:"Trebuchet MS"; text-align:center;}
#f1 #menu ul{margin-left:70px; margin-bottom:2px;}
#f1 #menu li,#f1 #menu #ca,#f1 #menu #es {float:left; text-align:center; padding:0px; list-style: none;}
#f1 #menu li a{margin-left:12px; padding-right:12px; border-right:2px solid #9b68a9;}*/
/*
#inici span, #vinil span, #quisom span, #faq span, #howto span,#premsa span,#dist span,#contacte span {display:none;}
#inici, #vinil, #quisom, #faq, #howto,#premsa,#dist,#contacte{height:12px; display:block; background-position: 0px top;background-repeat: no-repeat;}
#inici:hover, #vinil:hover, #quisom:hover, #faq:hover, #howto:hover,#premsa:hover,#dist:hover,#contacte:hover{background-position: 0px bottom;}

#ca #inici {width:22px;}
#ca #vinil {width:38px;}
#ca #quisom {width:48px;}
#ca #faq {width:127px;}
#ca #howto {width:58px;}
#ca #premsa {width:47px;}
#ca #dist {width:82px;}
#ca #contacte {width:56px;}

#es #inici {width:29px;}
#es #vinil {width:45px;}
#es #quisom {width:78px;}
#es #faq {width:132px;}
#es #howto {width:58px;}
#es #premsa {width:47px;}
#es #dist {width:86px;}
#es #contacte {width:56px;}
*/

.notes {
	font-family: "Trebuchet MS";
	font-weight: normal;
	font-size:11px;
	text-decoration: none;
	color:#B1B3B4;
	text-align:center;
}

/* Peu */
#peu_p {background-color:#f9ebff;}
#peu {background-color:#fff;}
	#peu_p p, #peu p{text-align:center; min-height:20px;}
 #peu_p p, #peu p, #peu_p a, #peu a{font-size:11px; color:#748ea1; text-decoration:none;}

/*Contingut*/
	#colA_p, #colB {background-color:transparent;}
	#colA, #colA_p{width:160px;float:left;}
	#colB{position:relative; float:left;margin-left:10px; width:730px; min-height:300px;}

	#colA{background-image:url(../img/lateral_apartats_bkg.png); background-position:right; background-repeat:repeat-y; min-height:890px; background-color:#fff;}
	* html #colA{height:890px;}
	/*****************************************************************************
	 * Menu Esquerra
	 */
	#colA_p ul,#colA ul{list-style:none; background-color:transparent;}
	#colA ul{background-image:url(../img/lateral_apartatsflor_bkg.png); background-position:bottom;background-position:right; background-repeat:no-repeat; min-height:580px;}
	* html #colA ul{height:500px; background-position:right bottom;}
		#colA_p ul li, #colA ul li{margin-bottom:12px;}		
			/*#as a, #cs a, #rcc a, #sl a, #prc a , #atc a{height:51px; width:132px;  display:block; background-position: 0px top;background-repeat: no-repeat;}	
			#as a:hover, #cs a:hover, #rcc a:hover, #sl a:hover, #prc a:hover , #atc a:hover{background-position: 0px bottom;background-repeat: no-repeat;}*/
			
	/**
	 * Contingut Portada
	 */
	#contingut h1{font-size:32px; color:#adc3d1;}
	/*a{color:#A4C100;}*/
	a:hover{color:#A4C100}
	
	#intro {position:absolute; right:16px; top:11px;}
	
	/*#contingut a{color:#A4C100;}*/
	
	/**
	 * Contingut
	 */
	#contingut_p, #contingut{padding:20px; min-height:901px;}
	#contingut_p{background-color:#f9ebff; height:900px; background-repeat:no-repeat;}
	#contingut{background-color:#fff;}
	
	/*Cistell*/
	#portada_cistell, #portada_missatge, #portada_destacat{position:absolute;}
	#portada_cistell {right:0px; top:0px;}	
		#portada_cistell a{ background-image:url(../img/cistelles.png); display:block; width:36px; height:54px; background-position:0px top;}
		#portada_cistell a#plena{background-position:0px bottom;}	
	/*Missatge*/	
	#portada_missatge{left:270px; top:540px; width:300px;}
		#portada_missatge p, #portada_missatge p b{color:#63097b; text-align:center; font-size:15px;  font-family:"Trebuchet MS";}	
	/*Destacats*/		
	#portada_destacat{left:120px; top:705px; background-repeat:no-repeat; width:603px; height:166px; padding:12px;}		
		#portada_destacat #destacat_llista{margin-left:124px;}
			#portada_destacat #destacat_llista a{margin:0px 6px;}
	
	
	/**
	 * Llista de PRODUCTES
	 */
	#productes{}
		#productes li{float:left; list-style: none; margin:6px;}
		#productes li .novetat{text-align:center; font-weight:bold; position:absolute;bottom:17px; left:4px; height:50px; width:155px; background-color:#67187d;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
			#productes li .novetat a{color:#FFDF00; font-size:38px;}
	/**
	 * NOTICIES / PREMSA
	 */
	.noticies{border-bottom:1px dashed #b499b8; color:#63097b; margin-top:20px;}
		.noticies div{margin:4px;}
		.noticies .noticies_resum,.noticies .noticies_adjunts{float:left; min-height:70px;}
		.noticies .noticies_resum{width:420px;}
		.noticies p, .noticies h2{color:#63097b;}
		.noticies h2{font-size:12px; margin-bottom:24px;}
		.noticies .noticies_resum .data{color:#bfbfbf;}
		.noticies .noticies_adjunts{width:140px;}
		.noticies .noticies_adjunts p{margin:24px auto;}
		
		.ico_doc, .ico_link{ background-position: 0px top; background-repeat: no-repeat; width:100px; padding-left:20px; display:block; font-weight:bold; text-decoration:none;color:#63097b; font-size:10px;height:15px; }
		.ico_doc:hover, .ico_link:hover{background-position: 0px bottom;color:#a4c100;}
		.ico_doc{background-image:url(../img/ico_doc.png); }
		.ico_link{background-image:url(../img/ico_link.png);} 
		 
	
	/**
	 * Distribuidors
	 */
	.distribuidor{margin:0px; padding:8px; font-family:"Trebuchet MS";}
		.dist_pob{padding:6px 0px; border-bottom:2px dashed #adc3d1; border-top:2px dashed #adc3d1; font-size:18px; font-weight:bold; text-transform:uppercase;}
		.dist_foto{padding:12px;float:left; margin-left:46px;}
		.dist_desc{float:left; padding:12px;font-size:12px; margin-left:24px;}
			.dist_desc b{font-size:14px;}
			.dist_desc p{margin:2px; font-family:"Trebuchet MS";}
			
			
	/**	
	 * Formularis
	 */
	.formaulari, select {
		border: 1px solid #772D7E;
		background-color:#EEE2EE;
		font-family: "Trebuchet MS";
		font-size: 13px;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		color: #333333;
	}
	
	select{width:502px; *width: 431px !important;}
	
	
	* html #pais,* html #pais_entrega{width:431px;}
	* html .carrer_ca,* html .carrer_entrega_ca{width:257px;} 
	* html .carrer_es,* html .carrer_entrega_es{width:243px;}
	.carrer_ca, .carrer_entrega_ca{width:319px; *width: 257px !important; /*IE 7*/}
	.carrer_es, .carrer_entrega_es{width:305px; *width: 243px !important; /*IE 7*/}
	
	
	
	#ciutat,#ciutat_entrega{width:200px;	*width:160px !important;}
	#codi_postal,#codi_postal_entrega{width:50px; *width:40px !important;}
	#provincia,#provincia_entrega{width:161px;*width:140px !important;}
	
	
	.capcalera{background-color:#b9cedf;text-align:left; color:#fff; font-size:12px;font-family: "Trebuchet MS"; padding:6px;}
	.totals{border:1px solid #ccc; padding:12px;}
	.compra_box{}
		.compra_box th{background-color:#efeaf1; padding:4px; font-size:11px;}
		.compra_box td{text-align:center; padding:4px; border-top:1px solid #ccc;}
		.compra_box .opcions,.info_box .opcions{border:0; text-align:left;font-weight:bold; font-size:14px;}
			.info_box .lletraopcions{font-size:14px; color:#d8c9de; font-weight:bold;}
		.compra_box .totals{background-color:#d8c9de; }
		.compra_box2 .texte_compra, .compra_box2 .dades_compra, .compra_box .dades_compra{text-align:left; color:#000; border-bottom:1px solid #ccc;}
		.compra_box2 .texte_compra{text-align:center;}	

		.texte2{background-color:#efeaf1; font-size:12px;font-family: "Trebuchet MS"; padding:6px;}

        /*Simulador*/
		.linkdetallopcionsactiu, .detallopcionsactiu{color:#A4C100;}
		table tr td .linkdetallopcions{color:#632a6f;}
		a{text-decoration:none;}
		.idees{font-size:16px; font-weight:bold;}
		td .texteblanc{background-color:#b694bb;}
		
		.referencia{font-weight:bold; color:#67187D; padding:4px;padding-left:12px;}
		.separator_punts{background-image: url('../img/punts.jpg'); height:3px; position:relative; background-repeat: repeat-x;}
		.llista_colors745,.llista_colors377{list-style: none; }
		.llista_colors377{width:377px;}
		 .llista_colors745 li,.llista_colors377 li{margin-right:3px; float:left; margin-bottom:3px;}
	
		#photo_idea{position:relative; width:304px;}
		#more_photos{position:absolute; top:0px; margin: 8px; margin-left:9px; width:304px; height:16px;  background-color:#67187d; filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6; overflow: hidden;}
			#more_photos a{font-size:36px;color:#FFDF00;}
			#more_photos .more_photos_open{display:block; background-image: url(../img/adown.png); background-repeat: no-repeat; text-align:left; font-size:11px; height:16px; color:#FFDF00; padding-left: 16px;}
	
	
	/* PROMOCIO */
	.tatxat{text-decoration: line-through;}
	#msg_promo, #msg_promo p{background-color:#67187D; font-weight:bold; color:#fff; padding-right:6px; font-size:16px; margin:0px; text-align:center;}
		#msg_promo p{height:50px; margin:0px;}
		#msg_promo b,#msg_promo p b,#msg_promo p strong{color:#FFDF00; font-size:18px;}
	
	/**
	 * Altres
	 */		
	a span{display:none;}
	.fl{float:left;}
	.cb{clear:both;}
	.abi155, .abi135{border:4px solid #b087bb; display:block;}
        .abi155:hover,.abi135:hover{border-color:#A4C100; }
	
	.abi155{width:155px; height:155px;}
	.abi135{width:135px; height:135px;}
	
	.center{text-align:center;}

.linktexte {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size:13px;
	text-decoration: none;
	color:#772D7E;
}

.linktexte:hover {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size:13px;
	text-decoration: none;
	color:#A4C100;
}







/** MENU DESPLEGABLE **/
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h {
  margin: 0;
  border: 0;
  padding: 0;
  width: 800px; /*Per KHTML*/
  list-style: none;
  height: 22px;
  margin-left:100px;
  z-index:100;
}

ul#navmenu-h li {
  margin: 0;
  border: 0;
  padding: 0;
  float: left; /*Per Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 22px;
  text-align:left;
  z-index:100;
  border-right:1px solid #A67cb2;
}

ul#navmenu-h ul {
  margin: 0;
  border: 0;
  padding: 0;
  width: 140px;
  list-style: none;
  display: none;
  position: absolute;
  top: 22px;
  left: 0;
  z-index:100;
}

ul#navmenu-h ul:after /*From IE 7*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 140px;
  float: left; /*Per IE 7*/
  display: block !important;
  display: inline; /*Per IE*/
  
}

/* Root Menu */
ul#navmenu-h li a {
  /*border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;*/
  padding: 0 10px;
  float: none !important; /*Per Opera*/
  float: left; /*Per IE*/
  display: block;
  color: #fff;
  font: bold 14px/22px "Trebuchet MS",Arial,Verdana, Helvetica, sans-serif;
  /*font: normal 16px/22px Times,Arial,Verdana, Helvetica, sans-serif;*/
  text-decoration: none;
  height: auto !important;
  height: 1%; /*Per IE*/
  
}

/* Root Menu Hover Persistent */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {background: inherit; color: #A4C100; text-decoration:underline;}


/* 2n Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {float: none;background: #A87EB5;color: #f9ebff;border:0;font-weight:normal;font-size:11px; text-decoration:none}

/* Mario */
ul#navmenu-h li:hover ul,
ul#navmenu-h li.iehover ul {border:1px solid #743187;background-color:#fff;border-top:0px;}

/* 2n Menu Hover Persistent */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {background: #f9ebff;color: #a57ab1;text-decoration:none;}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {display: none;position: absolute;top: 0;left: 160px;}

ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {display: none;}



ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {display: block;}