/* GENRICS */
*{list-style: none;}
body{

	background: url(../imgs/bgBody.jpg) 50% 0 #9879B1 no-repeat;

 	margin:0px;
	padding:0 0 15px 0;
	text-align:center;
	font-family:verdana,geneva,sans-serif;
	font-size:9px;
	color:#000000;
}

hr{
  border:1px solid #666666;
}

.taula_general{
	width:975px;
	background-color:#FFFFFF;
	text-align:left;
	margin:0 auto;
}
.pginar{
width:50px;
float:left;
}
.ant{
width:50px;
float:left;
}
.seg{
width:50px;
float:left;
}
.pginar a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
padding:3px 5px 5px;
background-image:url(../imgs/bg_paginacio.gif);
background-repeat:no-repeat;
}
.pginar a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
background-image:url(../imgs/bg_paginacio_selected.gif);
background-repeat:no-repeat;
color:#FFFFFF;
}

.forms{
  height:16px;
	border:1px solid #404040;
	background-color:#FFFFFF;
	text-align:left;
	vertical-align:middle;
	padding-left:3px;
	font-family:verdana,geneva,sans-serif;
	font-size:8pt;
	color:#000000;
}
.forms_user,.forms_pass,.forms_email{
 	height:27px;
	border:1px solid #535353;
	background-color:#FFFFFF;
	text-align:left;
	vertical-align:middle;
	padding: 5px 25px 0px 3px;
	font-family:verdana,geneva,sans-serif;
	font-size:14;
	color:#797979;
	background-repeat:no-repeat;
	background-position:right;
}
.forms_user
{
 	background-image:url(../imgs/noves/icon_client.jpg);
}
.forms_email
{
 	background-image:url(../imgs/noves/icon_email.jpg);
}
.forms_pass
{
width:160px;
margin-top:7px;
 	background-image:url(../imgs/noves/icon_candau.jpg);
}

.botons{
  width:50px;
  height:18px;
	border:1px solid #404040;
	background-color:#EFEFEF;
	text-align:center;
	vertical-align:middle;
	font-family:verdana,geneva,sans-serif;
	font-size:7.5pt;
	color:#404040;
	font-weight:bold;
}

/* SECCIONS - TITOLS */
.seccions_titol{
  width:100%;
	height:32px;
	background-color:#000000;
	background-image:url(../imgs/noves/seccions_bg.jpg);
	background-repeat:repeat-x;
	background-position:center left;
	vertical-align:middle;
	text-align:left;
	padding:0 10px 5px 0px;
	border-bottom:1px solid #FFFFFF;
	font-family:verdana,geneva,sans-serif;
	font-size:12;
	color:#FFFFFF;
	font-weight:bold;
}

/* MEN SUPERIOR */
.menu_superior{
  width:100%;
	height:31px;
	/*background-color:#CCCCCC;
	background-image:url(../imgs/menu_superior_bg.gif);*/
	margin-top:-5px;
}

.menu_superior_items{
  /*float:right;*/
	vertical-align:middle;
	margin-right:2px;
	font-family:verdana,geneva,sans-serif;
	font-size:7pt;
	color:#000000;
	font-weight:bold;
}

.menu_superior_items a{
  color:#000000;
	text-decoration:none;
}

.menu_superior_items a:hover{
  color:#666666;
	text-decoration:none;
}

/* MEN SELECCI */
.menu_seleccio{
  width:100%;
	height:30px;
	background-color:#000000;
	background-image:url(../imgs/menu_seleccio_bg.gif);
	border-bottom:1px solid #FFFFFF;
}

.menu_seleccio_select{
  float:left;
	vertical-align:middle;
	height:100%;
	padding-top:4px;
}

/* MEN SELECCI-CERCAR */
.menu_seleccio_cerca{
  float:left;
	vertical-align:middle;
	height:100%;
	padding:4px 7px 0 0;
	font-family:verdana,geneva,sans-serif;
	font-size:7.5pt;
	color:#FFFFFF;
	font-weight:bold;
}

.menu_seleccio_cerca a{
  color:#FFFFFF;
	text-decoration:none;
}

.menu_seleccio_cerca a:hover{
  color:#CCCCCC;
	text-decoration:none;
}

/* LATERALS */
.laterals{
  width:200px;
	height:100%;
	background-color:#EFEFEF;
	background-image:url(../imgs/lateral_bg.gif);
	padding-bottom:5px;
	vertical-align:top;
}

/* TITOLS NEGRES */
.laterals_titols{
	height:32px;
	background-color:#000000;
	background-image:url(../imgs/noves/seccions_bg.jpg);
	background-repeat:repeat-x;
	vertical-align:middle;
	text-align:left;
	padding:0 5px 5px 10px;
	font-family:verdana,geneva,sans-serif;
	font-size:14;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
}
.laterals_titols_llarg{
	height:21px;
  	background-color:#000000;
	background-image:url(../imgs/lateral_titols_bg_llarg.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	text-align:left;
	padding:0 5px 0 18px;
	font-family:verdana,geneva,sans-serif;
	font-size:7.5pt;
	color:#FFFFFF;
	font-weight:bold;
}

/* TITOLS GRISOS */
.laterals_titols2{
	height:22px;
  background-color:#EFEFEF;
	background-image:url(../imgs/lateral_titols2_bg.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	text-align:left;
	padding:0 5px 0 18px;
	font-family:verdana,geneva,sans-serif;
	font-size:7.5pt;
	color:#000000;
	font-weight:bold;
}

.laterals_titols2 a{
  color:#000000;
	text-decoration:none;
}

.laterals_titols2 a:hover{
  color:#000000;
	text-decoration:underline;
}

/* FAMILIES - MEN */
#nav_div ul  {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index:200;
	
	}

#nav_div ul li {
	position: relative;
	}
	
#nav_div li ul {
	/*position: absolute;
	left: 200px;
	top: 0;
	display: block;height:15px;*/
	margin-bottom:5px;
	width:200px;
	
	}

/* Styles for Menu Items */
#nav_div ul li a {
	display: block;
	font-family:verdana,geneva,sans-serif;
	font-size:7.5pt;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: none;
	padding:9px 5px 9px 35px;
	border-bottom: 1px solid #FFFFFF;
	background-repeat:no-repeat;
	background-position:center left;
	vertical-align:middle;
	}

/* Fix IE. Hide from IE Mac \*/
#nav_div * html ul li { float: left; height: 1%; }
#nav_div * html ul li a { height: 1%; }
/* End */

#nav_div ul li a:hover { /* Hover Styles */
  background-repeat:no-repeat;
	background-position:center left;
  color:#FFFFFF;
  text-decoration:none;
}
		
#nav_div li ul li a { /* Sub Menu Styles */
  padding: 4px 5px 4px 5px;
	border:1px solid #000000;
	border-top:0px;
	border-left:0px;
	background-color:#FFFFFF;
	font-family:verdana,geneva,sans-serif;
	font-size:7.5pt;
	color:#000000;
	font-weight:bold;
	text-decoration: none;
}

#nav_div li ul li a:hover { /* Sub Menu Styles */
	background-color:#EFEFEF;
	font-family:verdana,geneva,sans-serif;
	font-size:7.5pt;
	color:#000000;
	font-weight:bold;
	text-decoration: none;
}
		
#nav_div li:hover ul, li.over ul { display: block; } /* The magic */

/* FAMILIES - TITOLS */
.families_titol{
  width:100%;
	height:30px;
	background-repeat:no-repeat;
	background-position:center left;
	vertical-align:middle;
	text-align:left;
	padding:0 5px 0 35px;
	border-bottom:1px solid #FFFFFF;
	font-family:verdana,geneva,sans-serif;
	font-size:7.5pt;
	color:#FFFFFF;
	font-weight:bold;
}

/* FAMILIES - ARTICLES */
.families_art_foto{
  width:125px;
	height:95px;
	text-align:center;
	vertical-align:middle;
}

.families_art_desc{
  width:100%;
	height:95px;
	text-align:justify;
	/*vertical-align:middle;*/
	font-family:verdana,geneva,sans-serif;
	font-size:7.5pt;
	color:#000000;
	padding-left:5px;
}

.families_art_titol{
  	width:98%;
	min-height:20px;
	text-align:left;
	vertical-align:middle;
	margin-bottom:5px;
	padding:2px 0 0 5px;
	font-family:verdana,geneva,sans-serif;
	font-size:8pt;
	color:#FFFFFF;
	font-weight:bold;
}

.families_art_ref_tits{
  border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
	height:20px;
	font-family:verdana,geneva,sans-serif;
	font-size:7.5pt;
	color:#000000;
	font-weight:bold;
}

.families_art_ref_desc{
	border-bottom:1px dotted #999999;
	background-color:#EFEFEF;
	height:20px;
	font-family:verdana,geneva,sans-serif;
	font-size:7.5pt;
	color:#000000;
}

.families_art_ref_preu{
	color:#D00303;
	font-weight:bold;
}

/* FAMILIES - DETALLS */
.families_det_foto{
  	width:275px;
	height:95px;
	padding:0px 0 5px 0;
	text-align:center;
	vertical-align:middle;
	font-family:verdana,geneva,sans-serif;
	font-size:7.5pt;
	color:#000000;
}

.families_det_foto a{
  color:#000000;
	text-decoration:none;
}

.families_det_foto a:hover{
  color:#000000;
	text-decoration:underline;
}

.families_det_desc{
  width:270px;
	height:95px;
	padding:5px 0 5px 0;
	text-align:justify;
	vertical-align:top;
	font-family:verdana,geneva,sans-serif;
	font-size:7.5pt;
	color:#000000;
}

/* PAGINACI */

.prod_lli_pagina {

background-image:url(../imgs/bg_paginacio.gif) ;
	float:left; width:21px; height:21px; margin-right:3px;
	font-family:verdana,geneva,sans-serif;
	color:#000000;
	font-weight:bold;
}
.prod_lli_pagina  a{

  color:#000000;
	text-decoration:none;
	font-weight:normal;
	
}

.prod_lli_pagina  a:hover{

  	color:#fff;
	text-decoration:underline;
	font-weight:normal;
}
.pag_selected {

color:#ffffff;
background-image:url(../imgs/bg_paginacio_selected.gif) ;


}
.pag_selected a{
	color:#ffffff;
}
.pag_selected a:visited{
	color:#ffffff;
}
.pag_selected a:active{
	color:#ffffff;
}


/* BOTONS ACCI */
.accions{
  width:100%;
	height:25px;
	padding:7px 0 5px 0;
	text-align:center;
	vertical-align:middle;
	font-family:verdana,geneva,sans-serif;
	font-size:7.5pt;
	color:#000000;
	font-weight:bold;
}

.accions a{
  color:#000000;
	text-decoration:none;
}

.accions a:hover{
  color:#000000;
	text-decoration:underline;
}

/* OFERTES */
.oferta{
  width:100%;
	height:150px;
	margin-top:5px;
	padding:5px 5px 5px 30px;
	background-color:#EFEFEF;
	background-image:url(../imgs/ofertes_bg.gif);
	background-position:left;
	background-repeat:no-repeat;
}

.oferta_foto{
  width:110px;
	text-align:middle;
}

.oferta_desc{
  width:290px;
	padding:3px 3px 3px 7px;
	text-align:middle;
	font-family:verdana,geneva,sans-serif;
	font-size:7.5pt;
	color:#000000;
}

/* CARRO */


/* BANNERS */
.laterals_banners{
font-family:verdana,geneva,sans-serif;
	font-size:8pt;
  width:200px;

	background-image:url(../imgs/lateral_banners_bg.gif);
	background-repeat:repeat-x;
	vertical-align:top;
	border-bottom:1px solid #000000;
}

/* LOGIN */
.laterals_login{
  width:200px;
	height:150px;
	background-color:#FFFFFF;
	background-image:url(../imgs/lateral_banners_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:center;
	vertical-align:top;
	border-bottom:1px solid #FFFFFF;
	font-family:verdana,geneva,sans-serif;
	font-size:7pt;
	color:#666666;
	font-weight:bold;
}

.laterals_login a{
  color:#666666;
	text-decoration:none;
}

.laterals_login a:hover{
  color:#000000;
	text-decoration:none;
}

/* CARRO RESUMIT */
.laterals_titcarro{
	height:20px;
  background-color:#000000;
	background-image:url(../imgs/lateral_titcarro_bg.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
	text-align:left;
	padding:0 5px 0 28px;
	font-family:verdana,geneva,sans-serif;
	font-size:7.5pt;
	color:#FFFFFF;
	font-weight:bold;
}
.laterals_carro{
 	width:200px;
  	height:100px;
	background-color:#FFFFFF;
	background-image:url(../imgs/lateral_carro_bg.gif);
	vertical-align:top;
}
.laterals_editcarro{
	height:20px;
	text-align:middle;
	padding-left:5px;
	font-family:verdana,geneva,sans-serif;
	font-size:7pt;
	color:#000000;
	font-weight:bold;
}
.forms_carro{
  width:30px;
  height:14px;
	border:1px solid #404040;
	background-color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	font-family:verdana,geneva,sans-serif;
	font-size:7pt;
	color:#000000;
}
.laterals_totcomanda{
  height:25px;
	background-color:#999999;
	vertical-align:middle;
	text-align:left;
	padding:0 5px 0 7px;
	font-family:verdana,geneva,sans-serif;
	font-size:8pt;
	color:#FFFFFF;
	font-weight:bold;
}
.laterals_processarcomanda{
height:25px;
background-color:#000000;
vertical-align:middle;
text-align:center;
background-image:url(../imgs/lateral_botocomanda.gif);
background-repeat:no-repeat;
padding:0 2px 0 20px;
font-family:verdana,geneva,sans-serif;
font-size:7.5pt;
color:#000000;
font-weight:bold;
}
.laterals_processarcomanda a{
text-decoration:none;
color:#000000;

}

/* COLUMNA CENTRAL */
.central{
  width:575px;
	height:100%;
	padding:0 5px 0 5px;
	vertical-align:top;
}
#bottom{
	width:975px;
	background-color:#FFFFFF;
	text-align:left;
	margin:0 auto;
}
/* PEU */
.peu{
  width:100%;
	
	
	background-color:#FFFFFF;

	vertical-align:middle;
	font-family:verdana,geneva,sans-serif;
	font-size:7pt;
	color:#bbb;
	font-weight:bold;
}
.peu2{
	background-color:#4e217b;
	height:20px;
	padding-top:5px;
 	color:#fff;
	width:100%;
	font-weight:bold;
	padding-left:0px;

}
.peu2 a{
  color:#fff;
	text-decoration:none;
}

.peu2 a:hover{
  color:#000;
	text-decoration:none;
}
.color_groc{
	height:10px;
	background-color:#BEAACE;
	width:100%;

}

.img_peu{
text-align:left;
height:150px;
float:left;
}
.text_peu {
padding-bottom:5px;
padding-left:10px;
width:200px;
}
/* SITEMAP */
#sitemap{
  width:340px;
	margin:7px 7px 7px 10px;
	padding:7px;
	border:1px solid #000000;
	background-color:#EFEFEF;
	font-family:verdana,geneva,sans-serif;
	font-size:8pt;
	color:#000000;
	font-weight:bold;
}

.sitemap_ul{
  height:20px;
  font-size:8pt;
	font-weight:bold;
	padding:5px 0 0 10px;
}

.sitemap_li{
  height:20px;
  font-size:7.5pt;
	font-weight:normal;
	padding:5px 0 0 15px;
}

.sitemap_li a{
  color:#000000;
	text-decoration:none;
}

.sitemap_li a:hover{
  color:#000000;
	text-decoration:underline;
}

/* TEXTOS GENERICS */
#generic{
  width:550px;
	margin-top:5px;
	
	text-align:justify;
	vertical-align:top;
	border:1px solid #000000;
	background-color:#EFEFEF;
	font-family:verdana,geneva,sans-serif;
	font-size:7.5pt;
	color:#000000;
}

#generic a{
  color:#000000;
	text-decoration:none;	
}

#generic a:hover{
  color:#000000;
	text-decoration:underline;	
}
.botonera,.botonera_hover
{
	margin-bottom:3px;
	height:26px;
	background-color:#55A5CA;
	cursor:pointer;	
	background-repeat:repeat-y;
	vertical-align:middle;
	text-align:left;
	padding:5px 5px 5px 15px;
	font-family:verdana,geneva,sans-serif;
	font-size:11;
	color:#FFFFFF;
	/*font-weight:bold;*/
	text-transform:capitalize;
}
.botonera
{
	background-image:url(../imgs/noves/bg_boto.jpg);
}
.botonera_hover
{
	background-image:url(../imgs/noves/bg_boto_hover.jpg);
}
.botonera a,.botonera a:hover,.botonera_hover a,.botonera_hover a:hover
{
	font-weight:normal;
	color:#FFFFFF;
}
.bg_boto_novetats
{
	background-image:url(../imgs/destacar/bg_novetats.gif);
}
.bg_boto_ofertes
{
	background-image:url(../imgs/destacar/bg_ofertes.gif);
}
.bg_boto_destacats
{
	background-image:url(../imgs/destacar/bg_destacats.gif);
}
.bg_boto_promocions
{
	background-image:url(../imgs/destacar/bg_promocions.gif);
}
.bg_boto_promocions,.bg_boto_destacats,.bg_boto_novetats,.bg_boto_ofertes
{
	text-transform:uppercase;
	color:#FFFFFF;
	width:200px;
	height:30px;
	padding:3px 3px 3px 15px;
	background-repeat:no-repeat;
	font-size:12;
	color:#FFFFFF;
	font-weight:bold;
}
.families_dest_promocio{border:1px solid #AECF58;background-image: url(../imgs/destacar/higiene.gif);}
.bg_promocio{background-color:#AECF58;}
.bor_promocio{border:5px solid #AECF58;border-right:0px;}
.families_dest_destacat{border:1px solid #F8A353;background-image:url(../imgs/destacar/complements_oficina.gif);}
.bg_destacat{background-color:#F8A353;}
.bor_destacat{border:5px solid #F8A353;border-right:0px;}
.families_dest_oferta{border:1px solid #EF3F22;background-image: url(../imgs/destacar/material_escolar.gif);}
.bg_oferta{background-color:#EF3F22;}
.bor_oferta{border:5px solid #EF3F22;border-right:0px;}
.families_dest_novetat{border:1px solid #0B78C2;background-image: url(../imgs/destacar/equipaments_audiovisuals.gif);}
.bg_novetat{background-color:#0B78C2;}
.bor_novetat{border:5px solid #0B78C2;border-right:0px;}
.fl{float:left;}
.fr{float:right;}

		.menu{margin:0 auto; padding:0;  width:100%; display:block; /*background:url("img/topMenuImages.png") repeat-x;*/}
		.menu li{padding:0; margin:0; list-style:none; display:inline;}
		.menu li a{float:left;  display:block; color:#333333; text-decoration:none; font-size:11px; cursor:pointer;font-weight: bold; /*background:url("img/boto_menu.png") 0px -30px no-repeat;*/ outline:none;}
		.menu li a span.esquerra
		{
			width: 10px;
			height: 29px;
			display:block;
			background:url(../imgs/boto_menu.png) -2px 0px;
			float: left;
			margin-top: 1px;
		}
		.menu li a span.center
		{
			height: 19px;
			display:block;
			padding-top: 10px;
			background:url(../imgs/boto_menu.png) scroll -27px 0px;
			float: left;
			margin-top: 1px;
		}
		.menu li a span.dreta
		{
			width: 10px;
			height: 29px;
			display:block;
			background:url(../imgs/boto_menu.png) -489px 0px;
			float: left;
			margin-top: 1px;
		}
		
		.menu li a:hover
		{
			color:#FFF;
			_color: #333;
		}
		
		a#active
		{
			color: #FFF;
		}
		
		.menu li a:hover span.esquerra,#active span.esquerra
		{
			height: 29px;
			background:url(../imgs/boto_menu.png) -2px -29px;
			margin-top: 0px;
		}
		.menu li a:hover span.center,#active span.center
		{
			height: 19px;
			padding-top: 10px;
			background:url(../imgs/boto_menu.png) scroll -27px -29px;
			margin-top: 0px;
			color: #FFF;
		}
		.menu li a:hover span.dreta,#active span.dreta
		{
			height: 29px;
			background:url(../imgs/boto_menu.png) -489px -29px;
			margin-top: 0px;
		}