/*-----------------------------------------------------------------------------
Estilos para todos los navegadores excepto IE6, IE7 etc...

version:   1.0
autor:     Luis Latre, Soluciones Binaria
email:     luislatretena@solucionesbinaria.com
notas:     Poner todo en minúsculas.
-----------------------------------------------------------------------------*/

/* = Comunes a todas las páginas y elementos sueltos
-----------------------------------------------------------------------------*/

/* Quitar borde alrededor de las imágenes con link */
img 
{
	border: 0px;
}
/*Esta esta igual en el FCKEditor*/
table, tr, td 
{
	font-family:tahoma;
	font-size:11px;
}

a.enlace,a.enlace:link, a.enlace:visited, a.enlace:active, a.enlace:hover 
{ 
	color:#e3d9a5;
}

h2#tituloOliveGoild
{
	font-family:Verdana;
	font-size:16px;
	color:#bb8b05;
}

/* = (PáginaMaestra.Master)
-----------------------------------------------------------------------------*/

body
{
	background-color:#2B2B2B;
	margin:0px;
	font-family:Verdana;
}

#web
{
	width:960px;
	margin:0 auto;
	background:#2B2B2B url(../IMG/fondoRepetido.gif) repeat-y center ;
}
	#cabecera
	{
		background:url(../IMG/cabecera.jpg) center top;
		height:165px;
		position:relative;
		font-family:Verdana;
		font-size:13px;
	}
		#cabecera a.logo
		{
			height:120px;
			width:300px;
			position:absolute;
			top:25px;
			left:330px;
		}
		#cabecera .textoBienvenido
		{
			position:absolute;
			top:46px;
			right:18px;
			color:#e3d9a5;

		}
		#cabecera .accesoUsuarios
		{
			position:absolute;
			top:26px;
			right:18px;

		}
		#cabecera #SelectorIdioma
		{
			position:absolute;
			top:108px;
			right:40px;
			text-decoration:none;
			color:#e3d9a5;
			text-align:center;
		}

	#panelLateralIzquierda
	{
		float:left;
		margin-left:10px;
		background:url(../IMG/botellero.jpg) left bottom no-repeat;
		width:168px;
		padding-bottom:600px;
		font-family:Verdana;
		font-size:12px;
		color:#C5BC8F;
	}
		#panelLateralIzquierda #menu
		{
			width:158px;
			margin-left:10px;
			padding:0px;
			list-style-type:none;
		}	
		#panelLateralIzquierda #menu li
		{
			margin-top:10px;
		}
		#panelLateralIzquierda #menu li ul
		{
			margin-left:15px;
			padding-left:15px;
			list-style-type:none;
			font-size:11px;
		}
		
		#panelLateralIzquierda #menu li a
		{
			display:block;
			border-bottom:1px solid #926924;
			text-decoration:none;
			padding-left:5px;
			color:#C5BC8F;
			background:url(../IMG/adorno.gif) 95% center no-repeat;
		}
		#panelLateralIzquierda #menu li a:hover
		{
			color:#7f5b1f;
			cursor:pointer;
		}
		
		
	#panelLateralDerecha
	{
		float:left;
		width:168px;
		font-family:Verdana;
		font-size:12px;
		color:#C5BC8F;	
	}
	
		#panelLateralDerecha #titulo
		{
			margin-top:10px;
			width:157px;
			float:right;
			border-bottom:1px solid #926924;
		}
		
		#panelLateralDerecha #carritoVacio
		{
			width:168px;
		}
			#panelLateralDerecha #carritoVacio .carritoVacio
			{
				background:url(../IMG/CarritoVacio.gif) top center no-repeat;
				height:100px;
				width:100%;
				margin-top:40px;
				padding-top:40px;
			}
			
			#panelLateralDerecha #carritoVacio .textoCarrito
			{
				display:block;
				margin:0 auto;
				width:100%;
				margin-top:20px;
				font-size:12px;
				text-align:center;
			}
			
		#panelLateralDerecha #carritoLleno
		{
			float:right;
			width:148px;
			margin-right:10px;
			margin-top:15px;
		}
		#panelLateralDerecha #carritoLleno a
		{
			color:#C5BC8F;
		}
		#panelLateralDerecha #carritoLleno div.productoCarrito
		{
			display:block;
			width:100%;
			position:relative;
			margin-bottom:10px;
		}
		#panelLateralDerecha #carritoLleno div.productoCarrito img
		{
			border:1px solid #f18000 !important;
			vertical-align:middle;
		}
		#panelLateralDerecha #carritoLleno div.productoCarrito .eliminar
		{
			display:block;
			color:#C5BC8F;
			position:absolute;
			top:55px;
			left:88px;
		}
		#panelLateralDerecha #carritoLleno div.productoCarrito .contador
		{
			vertical-align:middle;
			font-size:20px;
			margin-left:2px;
		}
		#panelLateralDerecha #carritoLleno div.productoCarrito .nombre
		{
			display:block;
			margin-top:5px;
		}
		#panelLateralDerecha #carritoLleno div#precioCompra
		{
			display:block;
			width:148px;
			margin:0 auto;
			height:20px;
			font-size:18px;
			text-align:center;
		}
		#panelLateralDerecha #carritoLleno div#botonComprar
		{
			margin:0 auto;
			margin-top:10px;
			width:148px;
			text-align:center;
		}
	#panelContenido
	{
		width:590px;
		min-height:660px;
		margin:0px;
		padding:0px;
		margin-left:6px;
		margin-right:8px;
		float:left;
		background:url(../IMG/FondoPrincipal.gif) right top no-repeat;
	}
	#pie
	{
		clear:both;
		height:40px;
		text-align:center;
		color:#d28b06;
		padding-top:20px;
		background:url(../IMG/pie.gif) left top no-repeat #2B2B2B;
		font-size:12px;
	}
	#pie a
	{
		color:#d28b06;
		display:block;
	}
	
	
/* = Páginas estáticas de texto
-----------------------------------------------------------------------------*/

#contenido
{
	padding:15px;
	padding-top:0px;
}

/* = Listado noticias
-----------------------------------------------------------------------------*/
table.listadoElementos
{
	margin:0 auto;
}
div.barraSuperiorElementos
{
	background:url(../IMG/barraSuperiorElementos.gif) center top;
	height:20px;
	width:520px;
}
div.barraInferiorElementos
{
	background:url(../IMG/barraInferiorElementos.gif) center bottom;
	height:25px;
	width:520px;
}
table.listadoElementos table tr td .foto
{
	margin:0px;
	padding:0px;
	margin-left:15px;
}
table.listadoElementos table tr td .icono
{
	vertical-align:middle;
}
table.listadoElementos table tr td .texto
{
	width:280px;
	display:block;
}

table.listadoElementos table tr td .titulo
{
	font-size:13px;
	font-weight:bold;
	color:#666;
}

table.listadoElementos table tr td .fecha
{
	font-size:12px;
	font-weight:bold;
	color:#454545;
}
table.listadoElementos table tr td div.relleno
{
	min-height:70px;
}
table.listadoElementos table tr td.celdaIzquierda
{
	vertical-align:top;
	padding-right:5px;
}
table.listadoElementos table tr td.celdaCentral
{
	width:50%;
	vertical-align:top;
}
table.listadoElementos table tr td.celdaDerecha
{
	width:20%;
	text-align:right;
	padding-right:15px;
}
table.listadoElementos table
{
	vertical-align:top;
	width:520px;
	background:url(../IMG/RepetidorElementos.gif) center top repeat-y;
}

/* = Listado familias
-----------------------------------------------------------------------------*/

table.listadoFamilias
{
	width:100%;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}

table.listadoFamilias a
{
	color:#bb8b05;
}

table.listadoFamilias img
{
	padding:5px;
}

table.listadoFamilias span.marco
{
	width:235px;
	border:1px solid #333;
	background-color:#EEE;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	padding-top:15px;
	padding-bottom:15px;
}

table.listadoFamilias div.pie
{
	height:20px;
	background-color:#333;
	display:inline-block;
	width:237px;
}

/* = Listado productos
-----------------------------------------------------------------------------*/
table.listadoProductos
{
	margin:0 auto;
	width:320px;
}
table.listadoProductos tr td
{
	text-align:center;
	padding-bottom:30px;
}
table.listadoProductos tr td div.contenedor
{
	position:relative;
	height:157px;
}

table.listadoProductos tr td div.zonaInfo
{
	border:1px solid #000;
	position:absolute;
	top:0px;
	left:160px;
	width:154px;
	height:118px;
}
table.listadoProductos tr td a.boton
{
	position:absolute;
	display:block;
	bottom:0px;
	right:3px;
}
table.listadoProductos tr td a.imagen
{
	border:1px solid #666 !important;
	position:absolute;
	top:0px;
	left:0px;
}
table.listadoProductos tr td span.titulo
{
	margin-top:5px;
}
table.listadoProductos tr td span.titulo, table.listadoProductos tr td a
{
	font-size:14px;
	color:#a34908;
	font-weight:bold;
	display:inline-block;
	cursor:pointer;
}
table.listadoProductos tr td div.precio
{
	font-size:13px;
	font-weight:bold;
	height:20px;
	margin-top:15px;
	margin-bottom:15px;
}
table.listadoProductos tr td div.precio span.precio
{
	color:#041457;
	font-size:15px;
}

table.listadoProductos tr td div.oferta
{
	font-size:13px;
	font-weight:bold;
	height:20px;
	margin-top:15px;
	margin-bottom:15px;
}

table.listadoProductos tr td div.oferta span.oferta
{
	color:Red;
	font-size:15px;
}


/* = Detalle de un producto
-----------------------------------------------------------------------------*/

div#fichaProducto
{
	width:561px;
	height:250px;
	background:url(../IMG/FichaProducto.gif) transparent left top no-repeat;
	position:relative;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	color:#555;
}
div#fichaProducto div#familiaProducto
{
	position:absolute;
	top:15px;
	right:30px;
	color:#a46d37;
}
div#fichaProducto div#familiaProducto a
{
	color:#a46d37;
}
div#fichaProducto div#familiaProducto span.texto
{
	color:#555;
}
div#fichaProducto div#fotoDetalleProducto
{
	position:absolute;
	top:15px;
	left:20px;
}

div#fichaProducto div#cantidadProducto
{
	position:absolute;
	bottom:14px;
	right:190px;
}

div#fichaProducto div#cantidadProducto input
{
	width:40px;
	height:25px;
	font-size:20px;
	color:#555;
}

div#fichaProducto div#botonAddProducto
{
	position:absolute;
	bottom:15px;
	right:30px;
}

div#fichaProducto div#precioProducto
{
	position:absolute;
	top:35px;
	right:30px;
}

div#fichaProducto div#precioOfertaProducto
{
	position:absolute;
	top:55px;
	right:30px;
}

div#fichaProducto div#ficheroProducto
{
	position:absolute;
	top:75px;
	right:30px;
}
div#fichaProducto div#precioProducto
{
	color:#a46d37;
}

div#fichaProducto div#precioOfertaProducto 
{
	color:Red;
}

div#fichaProducto div#precioProducto span.texto, div#fichaProducto div#precioOfertaProducto span.texto
{
	color:#555;
}