/* CSS Document */

/*----------------------------- PRODUCTO LISTADO  ------------------------------------*/
#cabecera_listado_productos {
	position:relative;
	float:left;
	width:96%;
	margin-left:0.3%;
	padding:0;
	height:18px;
	background-color:#5DBBCC;
}
*>#cabecera_listado_productos {
margin-left:2%;
}
	 #cabecera_listado_productos p.titulo {
		position:relative;
		float:left;
		width:49%;
		margin:0;
		height:18px;
		text-align:center;
		font-weight:bold;
		color:#FFF;		
	}
	*> #cabecera_listado_productos p.titulo {
	  width:50%;
	}
	 #cabecera_listado_productos p.referencia {
		position:relative;
		float:left;
		width:15%;
		margin:0;
		height:auto;
		text-align:center;
		font-weight:bold;
		color:#FFF;
	}
	#cabecera_listado_productos p.precio {
		position:relative;
		float:left;
		width:10%;
		margin:0;
		height:auto;
		text-align:center;
		font-weight:bold;
		color:#FFF;
	}
	#cabecera_listado_productos p.imagenes {
		position:relative;
		float:left;
		width:25%;
		margin:0;
		height:auto;
		text-align:center;
		font-weight:bold;
		color:#FFF;
	}
	div.datos{
		position:relative;
		float:left;
		width:96%;
		margin:5px 0 0 0.5%;
		padding:0;
		height:50px;
	}
	*>div.datos{
	  margin:5px 0 0 2%;
	}
	div.datos p.titulo {
		position:relative;
		float:left;
		width:49%;
		margin:0 0 15px 0;
		height:auto;
		text-align:justify;
		color:#999;
	}
	*>div.datos p.titulo {
	  width:50%;
	 }
		div.datos p.titulo a{
			text-align:justify;
			color:#999;
			text-decoration:none;
		}
		div.datos p.titulo a:hover{
			text-align:justify;
			color:#999;
			border-bottom:1px dotted #999;
		}		
	div.datos p.referencia {
		position:relative;
		float:left;
		width:15%;
		margin:0 0 15px 0;
		height:30px;
		text-align:center;
		color:#999;
	}
	div.datos p.precio {
		position:relative;
		float:left;
		width:10%;
		margin:0 0 15px 0;
		height:30px;
		text-align:center;
		color:#999;
	}
	div.datos p.imagen {
		/*position:relative;
		float:left;
		width:25%;
		margin:0 0 15px 0;
		height:45px;
		overflow:hidden;*/

	}
p.imagen img{
width:100%;
}
p.imagen_peque img{
width:100%;
}

		div.datos p.imagen a.imagen img{
			width:100%;			
		}

	p.paginador{
		position:relative;
		float:left;
		width:45%;
		margin:5px 0 0 0.5%;
		padding:2px 0 0 2%;
		height:16px;
		background-color:#88C1CC;
		color:#FFF;
	}
	  *>p.paginador{
	    margin:5px 0 0 2%;
	  }
	p.navegador{
		position:relative;
		float:left;
		width:47%;		
		margin:5px 0 0 0;
		padding:2px 0 0 2%;
		height:16px;
		background-color:#88C1CC;
		text-align:right;
		color:#FFF;
	}
		p.navegador a{
			text-decoration:none;
			padding:2px 5px 2px 5px;
			background-color:#105D75;
			color:#FFF;
		}
		p.navegador a.avances{
			background-color:#88C1CC;
			color:#105D75;
		}

/*----------------------------- PRODUCTO FICHA  ------------------------------------*/
div.ctrl_producto{
	float:left;
	width:96%;
	height:auto;
	margin:0 0 15px 0.5%;	 
	border:1px solid #a6d2df;
}
*>div.ctrl_producto{
  margin:0 0 15px 2%;	
}
	div.ctrl_producto .cabecera_contenido{
		float:left;
		width:100%;
		height:13px;
		margin:0;
		font-size:1px;
	}
		div.ctrl_producto .cabecera_contenido .sup_izq{
			position:relative;
			float:left;
			top:-1px;
			left:-1px;
			width:11px;
			height:13px;
			font-size:1px;
			background:url(../../images/default2/esquina_sup_izq_contenido.gif) top left no-repeat;
		}
		
		div.ctrl_producto .cabecera_contenido .sup_dcha{
			position:relative;
			float:right;
			top:-1px;
			right:-1px;
			width:11px;
			height:13px;
			font-size:1px;
			background:url(../../images/default2/esquina_sup_dcha_contenido.gif) top left no-repeat;
		}	

	div.ctrl_producto table{
		float:left;
	}
	
	div.ctrl_producto div.datos{
		position: relative;
		float:left;
		height:auto;
		width:55%;
		margin:20px 0 10px 1%;
	}
	*>div.ctrl_producto div.datos{
		width:50%;
		margin:20px 0 10px 2%;
	}
			div.ctrl_producto div.datos p.titulo{
				position: relative;
				float:left;
				width:100%;
				margin:0 0 5px 0;
				padding:0;
				text-transform:uppercase;
				color:#88C1CC;
			}
				div.ctrl_producto div.datos p.titulo span{
					color:#807F84;
					font-weight:bold;
					border-bottom:2px solid #807F84;
				}
			
			div.ctrl_producto div.datos p.referencia{
				position: relative;
				float:left;
				width:100%;
				margin:0 0 5px 0;
				padding:0;
				height:auto;
				text-decoration:none;
				text-transform:uppercase;
				color:#105D75;
				text-align:left;
			}
				div.ctrl_producto div.datos p.referencia span{
					color:#807F84;
					text-transform:none;
				}
			div.ctrl_producto div.datos p.paginas{
				position: relative;
				float:left;
				width:100%;
				margin:0 0 5px 0;
				padding:0;
				text-transform:uppercase;
				color:#105D75;		
			}
				div.ctrl_producto div.datos p.paginas span{
					color:#807F84;
					text-transform:none;
				}
			div.ctrl_producto div.datos p.precio{
				position: relative;
				float:left;
				width:100%;
				margin:0 0 5px 0;
				padding:0;
				text-transform:uppercase;
				color:#105D75;
				text-align:left;
				height:auto;
			}
				div.ctrl_producto div.datos p.precio span{
					color:#807F84;
					text-transform:none;
				}
				div.ctrl_producto div.datos p.precio a.boton_carrito{
					margin:0;
					padding:2px 2px 2px 18px;
					width:18px;
					height:18px;
					text-decoration:none;
					background:url(../../images/default2/cart_add.gif) top left no-repeat;
					color:#666666;
				}
				*>div.ctrl_producto div.datos p.precio a.boton_carrito{
					background:url(../../images/default2/cart_add.png) top left no-repeat;
				}
			div.ctrl_producto div.datos p.alto{
				position: relative;
				float:left;
				width:100%;
				margin:0 0 5px 0;
				padding:0;
				text-transform:uppercase;
				color:#105D75  ;
			}
				div.ctrl_producto div.datos p.alto span{
					color:#807F84;
					text-transform:none;
				}
			div.ctrl_producto div.datos p.ancho{
				position: relative;
				float:left;
				width:100%;
				margin:0 0 5px 0;
				padding:0;
				text-transform:uppercase;
				color:#105D75  ;
			}
				div.ctrl_producto div.datos p.ancho span{
					color:#807F84;
					text-transform:none;
				}
			div.ctrl_producto div.datos p.fondo{
				position: relative;
				float:left;
				width:100%;
				margin:0 0 5px 0;
				padding:0;
				text-transform:uppercase;
				color:#105D75  ;
			}
				div.ctrl_producto div.datos p.fondo span{
					color:#807F84;
					text-transform:none;
				}
			div.ctrl_producto div.datos p.resumen{
				position: relative;
				float:left;
				width:100%;
				margin:0 0 5px 0;
				padding:0;
				text-transform:uppercase;
				color:#105D75  ;
			}
				div.ctrl_producto div.datos p.resumen span{
					color:#807F84;
					text-transform:none;
				}				
			div.ctrl_producto div.datos div.descripcion{
				position: relative;
				float:left;
				width:100%;
				margin:0 0 5px 0;
				padding:0;
				text-transform:uppercase;
				color:#105D75  ;
			}
				div.ctrl_producto div.datos div.descripcion{
					color:#000;
					text-transform:none;
				}
	
	div.ctrl_producto div.imagenes{
		position: relative;
		float:left;
		height:auto;
		width:46%;
		margin:20px 0 10px 0;
		text-align:center;
	}
	*>div.ctrl_producto div.imagenes{
	  margin:20px 0 10px 0%;
	}
			div.ctrl_producto div.imagenes p.imagen{
				/*position: relative;
				float:left;
				height:auto;
				width:100%;
				margin:0px 0 10px 0;
				text-align:center;
				overflow:hidden;*/
				position: relative;
				float:left;
				width:47%;
				height:160px;
				margin:0 0 5px 1.5%;
				text-align:center;
				overflow:hidden;
			}
			div.ctrl_producto div.imagenes p.imagen_peque{
				position: relative;
				float:left;
				/*height:40px;
				/*width:22%;*/
				width:47%;
				height:160px;
				margin:0 0 5px 1.5%;
				text-align:center;
				overflow:hidden;
			}

				div.ctrl_producto div.imagenes img.imagen{
					position: relative;
					width:100%;
					height:auto;
					margin:0;
					padding:0;
					border:dotted 1px #105D75 ;
					overflow:hidden;
				}
				div.ctrl_producto div.imagenes img.imagen a{
					text-decoration:none;
					border:none;
				}
	div.ctrl_producto .pie_contenido{
		float:left;
		width:100%;
		height:21px;
		margin:0;
		font-size:1px;
		background:url(../../images/default2/fondo_pie_contenedor.gif) top left repeat-x;			
	}
		div.ctrl_producto .pie_contenido .inf_izq{
			position:relative;
			float:left;
			bottom:-1px;
			left:-1px;
			width:11px;
			height:21px;
			font-size:1px;
			background:url(../../images/default2/esquina_inf_izq_contenido.gif) top left no-repeat;
		}
		
		div.ctrl_producto .pie_contenido .inf_dcha{
			position:relative;
			float:right;
			bottom:-1px;
			right:-1px;
			width:11px;
			height:21px;
			font-size:1px;
			background:url(../../images/default2/esquina_inf_dcha_contenido.gif) top left no-repeat;
		}	
		
				
	div.ctrl_producto a.volver{
		float:left;
		position:relative;
		margin:0 0 0 3%;
		padding:0 0 0 17px;
		background:url(../../images/default2/undo.gif) left no-repeat;
		text-decoration:none;
		text-transform:uppercase;
		color:#807F84;
		font-size:11px;
	}
		div.ctrl_producto a.volver:hover{
			color:#105D75;
		}
/******************************** DESTACADOS ********************************/	
div.ctrl_destacados{
	float:left;
	width:96%;
	padding:0;
	height:auto;
	margin:5px 0 0 0;
	background-color:#666;
overflow:hidden;
}
    div.ctrl_destacados .cabecera_destacados{
		float:left;
		width:100%;
		height:13px;
		margin:0;
		font-size:1px;
		}
		div.ctrl_destacados .cabecera_destacados .sup_izq{
			position:relative;
			float:left;
			top:0px;
			left:0px;
			width:11px;
			height:13px;
			font-size:1px;
			background:url(../../images/default2/esquina_sup_izq_destacados.gif) top left no-repeat;
		}
		
		div.ctrl_destacados .cabecera_destacados .sup_dcha{
			position:relative;
			float:right;
									top:0px;
			right:0px;
			width:11px;
			height:13px;
			font-size:1px;
margin:0;
			background:url(../../images/default2/esquina_sup_dcha_destacados.gif) top right no-repeat;
		}	
	div.ctrl_destacados .pie_destacados{
		float:left;
		width:100%;
		height:12px;
		margin:0;
	}
		div.ctrl_destacados .pie_destacados .inf_izq{
			position:relative;
			float:left;
			bottom:-2px;
			left:0px;
			width:11px;
			height:13px;
			font-size:1px;
			background:url(../../images/default2/esquina_inf_izq_destacados.gif) top left no-repeat;
		}
		
		div.ctrl_destacados .pie_destacados .inf_dcha{
			position:relative;
			float:right;
			bottom:-2px;
			right:0px;
			width:11px;
			height:13px;
			font-size:1px;
			background:url(../../images/default2/esquina_inf_dcha_destacados.gif) top left no-repeat;
		}		
					
	div.ctrl_destacados ul{
		float:left;
		width:92%;
		height:auto;
		margin:5px 4% 0 4%;
		padding:0;
		list-style-type:none;
	}
	div.ctrl_destacados ul li{
		float:left;
		width:190px;
		height:95px;
overflow:hidden;
margin:0 10px 15px 10px;
border-bottom:2px solid #FFF;
padding-bottom:3px;
	}
	div.ctrl_destacados ul li.separador{
		width:190px;
		height:15px;
		font-size:1px;
		background:url(../../images/default2/separador_destacados.gif) top center repeat-x;
display:none;
	}	

div.ctrl_destacados ul li p.imagen{
width:30%;
height:auto;
float:left;
overflow:hidden;
border:3px solid #AAA;
}
	div.ctrl_destacados ul li img{
		width:100%;
		height:auto;
	}
	div.ctrl_destacados ul li span{
		width:50%;
		float:left;
		height:40px;
		margin:0 0 0 3%;
		font-family:Verdana;
		font-size:9px;
		text-align:center;
		font-weight:bold;
		color:#FFF;
	}
	div.ctrl_destacados ul li a{
		width:40%;
		float:left;
		height:18px;
		margin:2px 0 0 3%;
		font-family:Verdana;
		font-size:10px;
		text-align:center;
		color:#d3d3d3;
		padding-left:20px;
		background:url(../../images/default2/ampliar_destacados.gif) top left no-repeat;
	}