/*--- DEFINICION DE PAGINA LISTADO  ---*/


/* ---------------DEFINICION DE PRODUCTO EN PAGINA LISTADO------------------------*/
#produ1, #produ2, #produ3, #produ4,#produ5,#produ6,#produ7,
#produ8,#produ9,#produ10,#produ11,#produ12,#produ13,#produ14  {/*envolvente*/
	display:block;
	height:1%;
	overflow:hidden;
	text-align:center;
	margin-top: 1em;
	margin-bottom: 1em;
	position: relative;
	width: 64em;
}
	.imagenlis{/*imagen*/
		display:block !important;
		overflow:hidden !important;
		width:135px !important;
		height: 100px !important;
		text-align:center !important;
		margin:5px 5px 5px 8px !important;
		float:left !important;
		vertical-align: top !important;
	}
		.imagenlis img{/*imagen*/
		overflow:hidden !important;
		max-width:130px !important;
		max-height: 112px !important;
	}
	
	.resuprodu  {/*articulo*/
		width:500px !important;
		text-align:left !important;
		float:left !important;
		margin: 0 1px  !important;
	}
	
		.resuprodu p  {
		font-size:1.2em;
		line-height:1.25em; 
		text-align:left;
		padding-right:0.2em;
		font-weight:normal;
		margin-bottom:.7em;
		}		
		
		.refer /* referencia*/ {
		float:none;
		text-align:right;
		color:#0080C0;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		line-height: 1.2em;
		font-weight: normal;
		position: relative;
		}
		
		.pvlist  {/*pv*/
		width:115px !important;
		text-align:left !important;
		float:left !important;
		margin: 0 0 0 5px !important;
		padding: 2px !important;
		}
		
		ul.listado_spritesi {margin: 0 auto !important; float:left !important; text-align:left !important; width:100% !important; padding-left:0px;}	
	ul.listado_spritesi li {display:inline-block !important; position: relative; text-align:right !important; margin:.5px .6px 0 0.6px;}	
	.listado_spritesi a{display:inline; float:left;}	
	.listado_spritesi a, .listado_spritesi a:active, .listado_spritesi a:link,.listado_sprites a:visited,.listado_sprites a:hover {
	color:transparent !important;}


/*****************************************************************************************/	
/*TABLA DE PRODUCTOS AGRUPACION*/
/*  fila encabezado */

.centratabla {
display: block!important;
float:right !important;
/* margin: 12px auto; */
margin: 6px 18px 0px 0px !important;
height: 100% !important;
position: relative !important;
width: 580px !important;
text-align: center !important;
}

ul.cabeceratabla {
		display: inline-block !important;
		float:none !important;
		position:relative !important;
		margin: 0 auto !important;
		width: 560px !important;
		height: 18px !important;
		background: #0080C0 url(imagenes/alt2.gif) repeat-x left center;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
}
ul.cabeceratabla li{
	display: inline-block !important;
	float:left !important;
	padding: 1px 2px !important;
}
ul.cabeceratabla li ul{
	display: inline-block !important;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em !important;
	font-weight:bold !important; 
	color: #fff !important;
	text-align: left !important;	
	}
ul.cabeceratabla li ul li.cab_ref{
	margin-left: 8px; width:75px;cursor:help;}
ul.cabeceratabla li ul li.cab_nombre{
	margin-left: 2px; width:275px; text-align:left !important;cursor:help;}
ul.cabeceratabla li ul li.cab_stock{
	margin-left: 2px; width:16px; text-align:left !important;cursor:help;}
ul.cabeceratabla li ul li.cab_pvp{
	margin-left:10px;width:75px; text-align:center !important;cursor:help;}

ul.cabeceratabla li ul li.cab_pv100{
	margin-left: -10px; width:55px; text-align:left !important;cursor:help;}


	
	/*filas de tabla*/
ul.filatabla {
		display: inline-block !important;
		float:none;
		position:relative !important;
		margin: 0 auto !important;
		padding-left:5px;
		width: 560px;
		height: auto !important;
		margin-bottom:30px;
}
ul.filatabla li{
	display: inline-block !important;
	float:left !important;
	padding: 0.5px 0px !important;
}

ul.filatabla li ul{
	display: inline-block !important;
	border-bottom:1px dotted #996;
	width: 560px;
	}
/*casillas de producto*/
ul.filatabla li ul li.file_ref{/*referencia de producto*/
	margin-right: 5px; 
	padding:2px 7px 2px 1px !important;
	width:75px!important; 	
	overflow: hidden !important; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size: 1em !important;
	font-weight:normal !important; 
	text-align: right !important;	
}
	ul.filatabla li ul li.file_ref a{text-decoration: none;color: #333;}
	ul.filatabla li ul li.file_ref a:hover{text-decoration: none !important;color: #f46200 !important;}


	
ul.filatabla li ul li.file_nombre,ul.filatabla li ul li.file_stock,
ul.filatabla li ul li.file_pvp,ul.filatabla li ul li.file_pv100 {/*comunes*/
	margin-left: 3px; 
	vertical-align:bottom !important;
	overflow: hidden !important; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size: 1em !important;
	font-weight:normal !important; 
	color: #666 !important;
	text-align: left !important;
}
	
ul.filatabla li ul li.file_nombre{/*tamaño*/width:290px !important;text-align:left !important;
font-size: 1.08em !important; }
ul.filatabla li ul li.file_nombre p{/*tamaño*/display:inline-block !important; margin:4px 4px 0 0!important; color:transparent !important;}
ul.filatabla li ul li.file_nombre a{text-decoration: none;color: #333;}
ul.filatabla li ul li.file_nombre a:hover{
text-decoration: none;color: #f46200;font-weight:bold !important;}


ul.filatabla li ul li.file_stock{/*tamaño*/width:22px !important;text-align: center !important;overflow: hidden !important}
ul.filatabla li ul li.file_stock  p {/*tamaño*/width:22px!important; height:10px!important; margin-top:4px !important; color:transparent !important;}

/*columna PVP*/
ul.filatabla li ul li.file_pvp{/*tamaño*/width:60px !important;text-align: right !important;
font-size: 1.15em !important;font-weight:bold !important; letter-spacing:-1px !important; color: #4a4a4a !important;margin-top:1px;
}
	ul.filatabla li ul li.file_pvp a{display:inline; float:right; text-align:right !important; margin-left:4px;}/*propiedades del enlace pvp*/	
	ul.filatabla li ul li.file_pvp a,ul.filatabla li ul li.file_pvp a:active,ul.filatabla li ul li.file_pvp a:link,
	ul.filatabla li ul li.file_pvp a:visited,ul.filatabla li ul li.file_pvp a:hover{/*propiedades del enlace pvp*/	
	color:transparent !important;}

	ul.filatabla li ul li.file_pvp a:hover{/*propiedades del enlace PVP enfocado cambia el carro_N a carro_R*/	
	background:url(imagenes/sprite2.png) no-repeat !important; 
	width:16px; height:18px; background-position: -53px -36px !important;
	color:transparent !important;}

	ul.filatabla li ul li.file_pvp span{/*dezplazaremos 30px el precio tacado para sortear la ausencia de carro*/
	display:block !important; width: 66px !important; height:16px; color:#333 !important;
	 float:right; text-align:right !important; margin-right:18px !important;text-decoration:line-through;}						
	

/*columna PVP>100€*/	
ul.filatabla li ul li.file_pv100{/*tamaño*/width:80px !important;text-align: right !important;
font-size: 1.15em !important;font-weight:bold !important; letter-spacing:-1px; color: #f46200 !important; margin-top:1px; margin-left:5px; 
}

/*********************** tipo i ********************************/

.resuprodui  {/*articulo*/
		width:372px !important;
		text-align:left !important;
		float:left !important;
		margin: 0 1px  !important;
		border-right: 1px dotted #996 !important;
		padding-right:0px;
		padding-left:5px;
	}
	
	.resuprodui p  {
		font-size:1.1em;
		line-height:1.2em; 
		text-align:left;
		padding-right:0.2em;
		font-weight:normal;
		margin-bottom:.7em;
		}	

.centratablai {
display: block!important;
float:right !important;
margin-top: 4px !important;
margin-right: 5px !important;
height: 100% !important;
position: relative !important;
width: 620px !important;
background: #fff;
text-align: center !important;
}


ul.cabeceratablai {
		display: inline-block !important;
		float:none !important;
		position:relative !important;
		margin: 0 auto !important;
		width: 600px !important;
		height: 17px !important;
		background: #0080C0 url(imagenes/alt2.gif) repeat-x left center;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
}
ul.cabeceratablai li{
	display: inline-block !important;
	float:left !important;
	padding: 1px 2px !important;
}
ul.cabeceratablai li ul{
	display: inline-block !important;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em !important;
	font-weight:bold !important; 
	color: #fff !important;
	text-align: left !important;	
	}
ul.cabeceratablai li ul li.cab_refi{
	margin-left: 2px; width:90px;cursor:help;}
ul.cabeceratablai li ul li.cab_gri{
	width:55px; text-align:center !important; cursor:help;margin-left:-5px !important;}
ul.cabeceratablai li ul li.cab_tipo{
	width:60px; text-align:center !important; cursor:help;margin-left:-5px !important;}
ul.cabeceratablai li ul li.cab_sizei{
	margin-left: 15px; width:105px; text-align:center !important;cursor:help;}
ul.cabeceratablai li ul li.cab_qtyi{
	margin-left: -5px; width:32px; text-align:center !important;cursor:help;}
ul.cabeceratablai li ul li.cab_pvpi{
	margin-left: 10px; width:70px; text-align:center !important;cursor:help;}
ul.cabeceratablai li ul li.cab_pvpm2i{
	margin-left: 0px; width:70px; text-align:right !important;cursor:help;}
ul.cabeceratablai li ul li.cab_pv100i{
	margin-left: -2px; margin-top:0px; width:74px; text-align:center !important;cursor:help;}
ul.cabeceratablai li ul li.cab_pv100m2i{
	margin-left: -5px; width:55px; text-align:left !important;cursor:help;vertical-align:top;}	


ul.filatablai {
		display: inline-block !important;
		float:none !important;
		position:relative !important;
		margin: 0 auto !important;
		width: 600px !important;
		height: auto !important;
		margin-bottom:30px;
}
ul.filatablai li{
	display: inline-block !important;
	float:left !important;
	padding: 0.5px 0px !important;
}

ul.filatablai li ul{
	display: inline-block !important;
	border-bottom:1px dotted #996;
	width: 600px !important;
	}

ul.filatablai li ul li.file_refi{/*referencia de producto*/
	margin-right: 0px; 
	padding:2px 8px 2px 1px !important;
	width:86px!important; 	
	overflow: hidden !important; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size: 1.2em !important;
	font-weight:normal !important; 
	text-align: right !important;
}
	ul.filatablai li ul li.filerefi a{text-decoration: none;color: #0078b3;}
	ul.filatablai li ul li.filerefi a:hover{text-decoration: none;color: #FF6900;}

ul.filatablai li ul li.file_gri, li.file_tipo, ul.filatablai li ul li.file_sizei,ul.filatablai li ul li.file_qtyi,
ul.filatablai li ul li.file_pvpi,ul.filatablai li ul li.file_pvpm2i,
ul.filatablai li ul li.file_pv100i, ul.filatablai li ul li.file_pv100m2{/*comunes*/
	margin-left: 1px; 
	vertical-align:bottom !important;
	overflow: hidden !important; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size: 1.13em !important;
	font-weight:normal !important; 
	color: #333 !important;
	text-align: left !important;
}
	
ul.filatablai li ul li.file_gri{/*gramaje*/width:55px !important;text-align: center !important;}
ul.filatablai li ul li.file_tipo{/*gramaje*/width:68px !important;text-align: center !important;}
ul.filatablai li ul li.file_sizei{/*tamaño*/width:115px !important;text-align:center !important;}
ul.filatablai li ul li.file_qtyi{/*tamaño*/width:34px !important;text-align: center !important;}
/*columna PVP*/
ul.filatablai li ul li.file_pvpi{/*tamaño*/width:68px !important;text-align: right !important;
font-size: 1.3em !important;font-weight:bold !important; letter-spacing:-0.5px; color: #333 !important;margin-top:1px;
}
	ul.filatablai li ul li.file_pvpi a{display:inline; float:right; text-align:right !important; margin-left:4px;}/*propiedades del enlace pvp*/	
	ul.filatablai li ul li.file_pvpi a,ul.filatablai li ul li.file_pvpi a:active,ul.filatablai li ul li.file_pvpi a:link,
	ul.filatablai li ul li.file_pvpi a:visited,ul.filatablai li ul li.file_pvpi a:hover{/*propiedades del enlace pvp*/	
	color:transparent !important;}

	ul.filatablai li ul li.file_pvpi a:hover{/*propiedades del enlace PVP enfocado cambia el carro_N a carro_R*/	
	background:url(imagenes/sprite2.png) no-repeat !important; 
	width:16px; height:18px; background-position: -53px -36px !important;
	color:transparent !important;}

	ul.filatablai li ul li.file_pvpi span{/*dezplazaremos 30px el precio tacado para sortear la ausencia de carro*/
	display:block !important; width: 78px !important; height:16px; color:#333 !important;
	 float:right; text-align:right !important; margin-right:18px !important;text-decoration:line-through;}						
	

/*columna PVP>100€*/	
ul.filatablai li ul li.file_pv100i{/*tamaño*/width:65px !important;text-align: right !important;
font-size: 1.3em !important;font-weight:bold !important; letter-spacing:-0.5px; color: #f46200 !important; margin-top:1px;
}

.file_pv100i a{display:inline; float:right; text-align:right !important; margin-left:4px;}/*propiedades del enlace pvp*/	
.file_pv100i a,.file_pv100i a:active,.file_pv100i a:link,.file_pv100i a:visited,.file_pv100i a:hover{/*propiedades del enlace pvp*/	
	color:transparent !important;}

.file_pv100i a:hover{/*propiedades del enlace PVP enfocado cambia el carro_N a carro_R*/	
background:url(imagenes/sprite2.png) no-repeat !important; 
width:16px; height:18px; background-position: -53px -36px !important;
color:transparent !important;}

.file_pv100i span{/*meteremos la flecha izquierda en caso de  que no haya PV>100€*/
display:inline-block !important; width: 30px !important; height:16px; color:transparent !important; 
 float:left; text-align:left !important; margin-left:20px !important;}

 /*precios en verde m2 y m2 con oferta*/	 
ul.filatablai li ul li.file_pvpm2i, ul.filatablai li ul li.file_pv100m2i {/*tamaño*/width:35px !important;text-align: left !important; 
letter-spacing:-.5px; color:#007730 !important;margin:0px 0px 0 15px;font-size:1.2em;}

 /*huecos para las flechas de menos y mas de 100€*/	 
ul.filatablai li ul li.file_pvpm2i span, ul.filatablai li ul li.file_pv100m2i span {/*tamaño*/display:block !important; float:right; color:transparent !important; text-align:left !important;  
margin-right:20px !important; z-index:99!important; border:none !important;}	

/********************** *fin filatabla tipo i **************************************/

/*********************** tipo t ********************************/

.resuprodut  {/*articulo*/
		width:372px !important;
		text-align:left !important;
		float:left !important;
		margin: 0 1px  !important;
		border-right: 1px dotted #996 !important;
		padding-right:0px;
		padding-left:5px;
	}
	
	.resuprodut p  {
		font-size:1.1em;
		line-height:1.2em; 
		text-align:left;
		padding-right:0.2em;
		font-weight:normal;
		margin-bottom:.7em;
		}	

.centratablat {
display: block!important;
float:right !important;
margin-top: 4px !important;
margin-right: 5px !important;
height: 100% !important;
position: relative !important;
width: 620px !important;
background: #fff;
text-align: center !important;
}


ul.cabeceratablat {
		display: inline-block !important;
		float:none !important;
		position:relative !important;
		margin: 0 auto !important;
		width: 560px !important;
		height: 17px !important;
		background: #0080C0 url(imagenes/alt2.gif) repeat-x left center;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
}
ul.cabeceratablat li{
	display: inline-block !important;
	float:left !important;
	padding: 1px 2px !important;
}
ul.cabeceratablat li ul{
	display: inline-block !important;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em !important;
	font-weight:bold !important; 
	color: #fff !important;
	text-align: left !important;	
	}
ul.cabeceratablat li ul li.cab_reft{
	margin-left: 2px; width:90px;cursor:help;}
ul.cabeceratablat li ul li.cab_grt{
	width:140px; text-align:left !important; cursor:help;margin-left:14px !important;}
ul.cabeceratablat li ul li.cab_sizet{
	margin-left: 20px; width:85px; text-align:left !important;cursor:help;}
ul.cabeceratablat li ul li.cab_qtyt{
	margin-left: -5px; width:32px; text-align:center !important;cursor:help;}
ul.cabeceratablat li ul li.cab_pvpt{
	margin-left: 10px; width:70px; text-align:center !important;cursor:help;}
ul.cabeceratablat li ul li.cab_pvpm2t{
	margin-left: 0px; width:70px; text-align:right !important;cursor:help;}
ul.cabeceratablat li ul li.cab_pv100t{
	margin-left: -2px; margin-top:0px; width:60px; text-align:center !important;cursor:help;}
ul.cabeceratablat li ul li.cab_pv100m2t{
	margin-left: -5px; width:55px; text-align:left !important;cursor:help;vertical-align:top;}	


ul.filatablat {
		display: inline-block !important;
		float:none !important;
		position:relative !important;
		margin: 0 auto !important;
		width: 560px !important;
		height: auto !important;
		margin-bottom:30px;
}
ul.filatablat li{
	display: inline-block !important;
	float:left !important;
	padding: 0.5px 0px !important;
}

ul.filatablat li ul{
	display: inline-block !important;
	border-bottom:1px dotted #996;
	width: 560px !important;
	}

ul.filatablat li ul li.file_reft{/*referencia de producto*/
	margin-right: 0px; 
	padding:2px 8px 2px 1px !important;
	width:86px!important; 	
	overflow: hidden !important; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size: 1.2em !important;
	font-weight:normal !important; 
	text-align: right !important;
}
	ul.filatablat li ul li.filereft a{text-decoration: none;color: #0078b3;}
	ul.filatablat li ul li.filereft a:hover{text-decoration: none;color: #FF6900;}

ul.filatablat li ul li.file_grt, ul.filatablat li ul li.file_sizet,ul.filatablat li ul li.file_qtyt,
ul.filatablat li ul li.file_pvpt,ul.filatablat li ul li.file_pvpm2t,
ul.filatablat li ul li.file_pv100t, ul.filatablat li ul li.file_pv100m2t{/*comunes*/
	margin-left: 1px; 
	vertical-align:bottom !important;
	overflow: hidden !important; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	font-size: 1.13em !important;
	font-weight:normal !important; 
	color: #333 !important;
	text-align: left !important;
}
	
ul.filatablat li ul li.file_grt{/*color*/width:158px !important;height:17px !important;text-align:center !important;margin-left:20px !important;}
ul.filatablat li ul li.file_sizet{/*tamaño*/width:83px !important;text-align:left !important;margin-left:3px;}
ul.filatablat li ul li.file_qtyt{/*tamaño*/width:34px !important;text-align: center !important;}
/*columna PVP*/
ul.filatablat li ul li.file_pvpt{/*tamaño*/width:73px !important;text-align: right !important;
font-size: 1.3em !important;font-weight:bold !important; letter-spacing:-0.5px; color: #333 !important;margin-top:1px;
}
	ul.filatablat li ul li.file_pvpt a{display:inline; float:right; text-align:right !important; margin-left:4px;}/*propiedades del enlace pvp*/	
	ul.filatablat li ul li.file_pvpt a,ul.filatablat li ul li.file_pvpt a:active,ul.filatablat li ul li.file_pvpt a:link,
	ul.filatablat li ul li.file_pvpt a:visited,ul.filatablat li ul li.file_pvpt a:hover{/*propiedades del enlace pvp*/	
	color:transparent !important;}

	ul.filatablat li ul li.file_pvpt a:hover{/*propiedades del enlace PVP enfocado cambia el carro_N a carro_R*/	
	background:url(imagenes/sprite2.png) no-repeat !important; 
	width:16px; height:18px; background-position: -53px -36px !important;
	color:transparent !important;}

	ul.filatablat li ul li.file_pvpt span{/*dezplazaremos 30px el precio tacado para sortear la ausencia de carro*/
	display:block !important; width: 78px !important; height:16px; color:#333 !important;
	 float:right; text-align:right !important; margin-right:18px !important;text-decoration:line-through;}						
	

/*columna PVP>100€*/	
ul.filatablat li ul li.file_pv100t{/*tamaño*/width:80px !important;text-align: right !important;
font-size: 1.3em !important;font-weight:bold !important; letter-spacing:-0.5px; color: #f46200 !important; margin-top:1px;
}

.file_pv100t a{display:inline; float:right; text-align:right !important; margin-left:4px;}/*propiedades del enlace pvp*/	
.file_pv100t a,.file_pv100t a:active,.file_pv100t a:link,.file_pv100t a:visited,.file_pv100t a:hover{/*propiedades del enlace pvp*/	
	color:transparent !important;}

.file_pv100t a:hover{/*propiedades del enlace PVP enfocado cambia el carro_N a carro_R*/	
background:url(imagenes/sprite2.png) no-repeat !important; 
width:16px; height:18px; background-position: -53px -36px !important;
color:transparent !important;}

.file_pv100t span{/*meteremos la flecha izquierda en caso de  que no haya PV>100€*/
display:inline-block !important; width: 30px !important; height:16px; color:transparent !important; 
 float:left; text-align:left !important; margin-left:20px !important;}

 /*precios en verde m2 y m2 con oferta*/	 
ul.filatablat li ul li.file_pvpm2t, ul.filatablat li ul li.file_pv100m2t {/*tamaño*/width:50px !important;text-align: left !important; 
letter-spacing:-.5px; color:#007730 !important;margin:0px 0px 0 15px;font-size:1.2em;}

 /*huecos para las flechas de menos y mas de 100€*/	 
ul.filatablat li ul li.file_pvpm2t span, ul.filatablat li ul li.file_pv100m2t span {/*tamaño*/display:block !important; float:right; color:transparent !important; text-align:left !important;  
margin-right:20px !important; z-index:99!important; border:none !important;}	

/********************** *fin filatabla tipo i **************************************/



.file_pv100 a{display:inline; float:right; text-align:right !important; margin-left:0px;}/*propiedades del enlace pvp*/	
.file_pv100 a,.file_pv100 a:active,.file_pv100 a:link,.file_pv100 a:visited,.file_pv100 a:hover{/*propiedades del enlace pvp*/	
	color:transparent !important;}

.file_pv100 a:hover{/*propiedades del enlace PVP enfocado cambia el carro_N a carro_R*/	
background:url("/imagenes/sprite2.png") no-repeat !important; 
width:16px; height:18px; background-position: -53px -36px !important;
color:transparent !important;}

.file_pv100 span{/*meteremos la flecha izquierda en caso de  que no haya PV>100€*/
display:inline-block !important; width: 30px !important; height:16px; color:transparent !important; 
 float:left; text-align:left !important; margin-left:20px !important;}


 /*huecos para las flechas de menos y mas de 100€*/	 
ul.filatabla li ul li.file_pvpm2 span, ul.filatabla li ul li.file_pv100m2 span {/*tamaño*/display:block !important; float:right; color:transparent !important; text-align:left !important;  
margin-right:20px !important; z-index:99!important; border:none !important;}		

.MB {/*bola negro*/	
display:inline-block; margin-right:4px; background:#000 !important; width:8px !important; height:7px !important; border:solid 1px #999 !important;}