@import "reset.css";


/* Global
----------------- */
	body {
		background:#fff url(../img/bg/bg-body.jpg) repeat-y center top;
		color:#333;
		font:68.75%/1.5 Arial, Helvetica, sans-serif; /* 68.75% = 11px font-size */
	}

	input, select, textarea {
		color:#333;
		font:1em Arial, Helvetica, sans-serif;
	}

			a:link, a:visited {color:#333}
			a:hover {text-decoration:none;}
			a:focus,
			a:active {color:#333}

	p {margin:15px 0}

	address {font-style:normal}



/* Diseño principal
--------------------- */

	html, body {height: 100%;}

	#contenedor {
		position: relative;
		min-height: 100%;
		height: 100%;
		voice-family: "\"}\"";
		voice-family: inherit;
		height: auto
		}

	html>body #contenedor {
		height: auto}

	#cabecera {
		margin:0 auto 15px;
		height:187px;
		overflow:hidden;
		position:relative;
		width:900px;
	}
	
	#bannerCabecera {
		background:url(../img/bg/bg-banner-cabecera.jpg) no-repeat top center;
		border-left:1px solid #DBDBDB;
		border-right:1px solid #DBDBDB;
		height:156px;
		overflow:hidden;
		position:relative;
	}

		#logoMarca {
			display:block;
			height:0;
			overflow:hidden;
			padding-top:170px;
			width:165px;
		}

		#opcionesCabecera {
			background:url(../img/bg/bg-opciones-cabecera.jpg) no-repeat top left;
			height:31px;
			overflow:hidden;
		}

	#contenido {
		margin:15px auto 0;
		padding-bottom:100px; /* hace hueco para el pie = 80px + 20px */
		position:relative;
		width:900px;
	}
	
	#contenidoEncab {
		background:url(../img/bg/bg-contenido-encab.jpg) no-repeat top left;
		height:10px;
		overflow:hidden;
	}

	#contenidoCuerpo {
		background:url(../img/bg/bg-contenido-cuerpo.jpg) repeat-y top left;
	}

	#contenidoCierre {
		background:url(../img/bg/bg-contenido-cierre.jpg) no-repeat top left;
		height:10px;
		overflow:hidden;
	}
		


			#contenidoPpal {
				background:url(../img/bg/bg-contenido-ppal-degr.jpg) repeat-x left top;
				float:right;
				margin:6px 11px 0 0;
				min-height:180px; /* para que el degradado de fondo se vea completamente */
				padding:10px 10px 10px;
				position:relative;
				width:670px;
			}
				
				#cabeceraSeccion {
					margin:0 0 10px;
				}
	

			#contenidoSec {
				float:left;
				margin-left:5px;
				overflow:hidden;
				position:relative;
				width:180px;
			}


	#pieEnvoltorio {
		position:absolute;
		bottom:0;
		width:100%;
	}
	
	#pie {
		background:#A6C8BB;
		color:#a1a6b1;
		height:80px;
		margin:0 auto;
		overflow:hidden;
		position:relative;
		width:900px;
	}


/* Encabezados
----------------- */
	.tituloSeccion {
		color: #104030;
		float: left;
		font:italic 1.65em Arial, Helvetica, sans-serif;
		margin:0px;
		width: 520px;
	}



/* Enlaces
----------------- */

/* Listas
----------------- */
	.listaProductos {
		margin:-10px 0 15px;
	}
	
	.listaProductos li {
		float:left;
		width:33.3%;
	}
	
	.listaProductos li.primero {
		clear:both;
	}
	
	.producto .titulo {
		color:#104030;
		font:normal 1.25em arial;
		margin:0 0 7px;
		padding:0;
	}
	
	.producto .imgPrecio {
		float:left;
		margin-right:10px;
	}
					
	.producto .imgPrecio img {
		display:block;
		margin:5px auto 0;
	}
	
	.producto .textoBloque {
		overflow:hidden;
		padding:3px;
		position:relative;
	}
	
	.producto .precio{
		color: #104030;
		text-align: center;
		font-size: 1.25em;
		display: none;
	}
	
	.producto .precio_oferta{
		color: #DD0101;
		text-align: center;
		font-size: 1.25em;
		font-weight: bold;
		display: none;
	}
	
	.producto p.resumen {
		color:#999;
		font:1em/1.2 arial;
		margin:5px 0;
	}
	
	.producto p.masInfo {
		margin:10px 0 0;
	}
	
	.producto p.masInfo .boton1 {
		background:url(../img/bg/bg-lista-productos-boton.gif) no-repeat left top;
		color:#666;
		float: left;
		font-size:0.8em;
		height:18px;
		line-height:18px;
		margin-right:4px;
		padding: 0 3px;
		text-align: center;
		text-decoration:none;
		width: 51px;
	}

	.producto .imgNovedad,
	.producto .imgOferta {
		height:0;
		margin:0;
		overflow:hidden;
		padding:40px 0 0;
		width:40px;
		position:absolute;
		left:0;
		top:0;
		z-index:1;
	}
	
	.producto .imgNovedad {
		background:url(../img/bg/bg-lista-productos-novedad.gif) no-repeat top left;
	}
	
	.producto .imgOferta {
		background:url(../img/bg/bg-lista-productos-oferta.gif) no-repeat top left;
	}


/* Formularios
----------------- */
		
	/* formulario de login */

	#frmLogin {
		float:left;
		padding-left:15px;
		width:380px;
	}

	#frmLogin .campo {
		float:left;
		margin:7px 10px 0 0;
	}

	#frmLogin .campoSubmit {
		float:left;
		margin-top:5px;
	}

	#frmLogin label {
		display:none;
	}

	#frmLogin input#usuario,
	#frmLogin input#contrasena {
		background:#fff;
		border:0;
		color:#999;
		height:15px;
		overflow:hidden;
		padding:2px 3px 2px 15px;
		width:123px;
	}

	#frmLogin input#usuario {
		background:url(../img/bg/bg-frm-login-user.jpg) no-repeat top left;
	}

	#frmLogin input#contrasena {
		background:url(../img/bg/bg-frm-login-password.jpg) no-repeat top left;
	}

	#frmLogin input#frmLoginSubmit {
		background:url(../img/bg/bg-frm-login-submit.jpg) no-repeat top left;
		border:0;
		font-weight:bold;
		height:22px;
		padding:0;
		text-align:center;
		width:61px;
	}



	/* formulario de buscar en la web */

	#frmBuscarWeb {
		float:right;
		padding-right:15px;
		width:215px;
	}

	#frmBuscarWeb .campo {
		float:left;
		margin:7px 10px 0 0;
	}

	#frmBuscarWeb .campoSubmit {
		float:left;
		margin-top:5px;
	}

	#frmBuscarWeb label {
		display:none;
	}

	#frmBuscarWeb input#txtBuscarWeb {
		background:url(../img/bg/bg-frm-buscar-web-texto.jpg) no-repeat top left;
		border:0;
		color:#999;
		height:15px;
		overflow:hidden;
		padding:2px 15px 2px 5px;
		width:123px;
	}

	#frmBuscarWeb input#frmBuscarWebSubmit {
		background:url(../img/bg/bg-frm-buscar-web-submit.jpg) no-repeat top left;
		border:0;
		font-weight:bold;
		height:22px;
		padding:0;
		text-align:center;
		width:61px;
	}


	/* estilos genéricos para formularios organizados por filas */
	
	form.filas .fila {
		float:left;
		margin:5px 0;
		width:100%;
	}
	
	form.filas label {
		float:left;
		height:20px;
		line-height:20px;
		margin-right:10px;
		text-align:right;
		/* el ancho de la etiqueta se define mediante otra clase específica para cada formulario */
	}
	
	form.filas input,
	form.filas textarea {
		border-width:1px;
		border-style:solid;
		border-color:#ABADB3 #DBDFE6 #E3E9EF #E2E3EA;
		float:left;
		padding:2px;
		/* el ancho del campo se define mediante otra clase específica para cada formulario */
	}

	form.filas textarea {
		overflow:auto;
	}



/* Miscelánea
----------------- */
	.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
	.clearfix {display:inline-block;}
	* html .clearfix {height:1%;}
	.clearfix {display:block;}

	.paginador,
	.paginadorNoticiaAmpliada { 
		text-align:right;
	}
	.paginador a,
	.paginadorNoticiaAmpliada a {
		text-decoration:none;
	}

	.paginador a:hover,
	.paginadorNoticiaAmpliada a:hover {
		text-decoration:underline;
	}

	
	
	#contenidoSec .banner {
		margin:5px 0;
	}

	#contenidoSec .banner img {
		display:block;
		margin:0 auto;
	}
	

	#cabeceraSeccion .todasOfertas {
		background:url(../img/bg/bg-cabecera-seccion-todas-ofertas.gif) no-repeat left top;
		color:#fff;
		float:right;
		font-size:10px;
		height:22px;
		line-height:22px;
		text-align:center;
		text-decoration:none;
		width:149px;
	}

	#cabeceraSeccion .volver {
		float:right;
		margin:5px 10px 0 0;
		text-align:right;
		width:130px;
	}


	#cabeceraSeccion .volver a {
		color:#666;
		font-weight:bold;
		text-decoration:none;
	}
	
	#cabeceraSeccion .volver a:hover {
		text-decoration:underline;
	}

	
	.bloqueTituloGris .cuerpo {
		background:#fff;
		border-left:1px solid #D8D8D8;
		border-right:1px solid #D8D8D8;
		padding:15px;
		position:relative;
		width:637px;
	}
	
	.bloqueTituloGris .encabezado,
	.bloqueTituloGris .encabezado-alto {
		background:url(../img/bg/bg-bloque-titulo-gris-encabezado.gif) no-repeat left top;
		height:27px;
		margin:0;
		overflow:hidden;
		padding:0 15px;
		width:639px;
	}
	
	.bloqueTituloGris .encabezado-alto {
		background:url(../img/bg/bg-bloque-titulo-gris-encabezado-alto.gif) no-repeat left top;
		height: 60px;
	}
	.bloqueTituloGris .encabezado-alto h3 {
		color: #2D7243;
		font-size: 1.65em;
		font-weight: normal;
		margin-top: 20px;
		float: right;
		width: 555px;		
	}
	.bloqueTituloGris .encabezado-alto form {
		margin-top: 5px;
	}
	.bloqueTituloGris .encabezado-alto .buttons {
		text-align: right;
	}
	.bloqueTituloGris .encabezado-alto label {		
		width: 120px;
		font-size: 12px;
		font-weight: bold;
		color: #104030;
	}
	.bloqueTituloGris .encabezado-alto select {		
		width: 170px;
	}
	.bloqueTituloGris .encabezado-alto input {
		margin-top: 5px;
		width: 120px;
	}
	.bloqueTituloGris .encabezado-alto .buttons input {
		float: right;
		margin-right: 25px;
	}
	.bloqueTituloGris .encabezado p {
		color:#333;
		font-size:1.1em;
		font-weight:bold;
		height:27px;
		line-height:27px;
		margin:0;
		text-align:center;
	}

	.bloqueTituloGris .cierre {
		background:url(../img/bg/bg-bloque-titulo-gris-cierre.gif) no-repeat left top;
		height:5px;
		overflow:hidden;
		width:669px;
	}


	/* Rectángulo con las esquinas redondeadas ------------- */
	
	.rectEsquinasRedondas .rerEncabezado {
		background:url(../img/bg/bg-rectangulo-esquinas-redond-encab.gif) no-repeat left top;
		height:4px;
		margin:0;
		overflow:hidden;
		width:669px;
	}

	.rectEsquinasRedondas .rerCuerpo {
		background:#fff;
		border-left:1px solid #D8D8D8;
		border-right:1px solid #D8D8D8;
		position:relative;
		width:667px;
	}

	.rectEsquinasRedondas .rerCierre {
		background:url(../img/bg/bg-rectangulo-esquinas-redond-cierre.gif) no-repeat left top;
		height:4px;
		overflow:hidden;
		width:669px;
	}


	
	
/* Navegación
----------------- */

	/* Navegación principal ------------ */

		#navPpalEncab {
			background:url(../img/bg/bg-nav-ppal-encab.jpg) no-repeat top left;
			height:12px;
			overflow:hidden;
		}

		#navPpalLista {
			margin:0;
		}

		#navPpalCierre {
			background:url(../img/bg/bg-nav-ppal-cierre.jpg) no-repeat top left;
			height:13px;
			overflow:hidden;
		}

		#navPpal li {
			float:left;
		}

		#navPpal li a {
			background:#EBEBEB url(../img/bullets/bu-nav-ppal.jpg) no-repeat 7px 9px;
			border-top:1px solid #fff;
			border-bottom:1px solid #D8D8D8;
			color:#104030;
			cursor:pointer;
			float:left;
			font:bold 1.1em Arial;
			padding:5px 7px 5px 20px;
			text-decoration:none;
			width:153px;
		}

		#navPpal li a:hover {
			text-decoration:underline;
		}

		#navPpal li.actual a {
			text-decoration:underline;
		}


	/* Navegación pie ------------ */

		#navPie {
			margin:10px 0 0;
			text-align:center;
		}
		#navPie li {
			border-left:1px solid #104030;
			display:inline;
			line-height:1.25;
			margin:0 0 0 1px;
			padding:0 0 0 3px;
		}
		#navPie li.primero {
			border:0;
			margin-left:0;
			padding-left:0;
		}
		#navPie a {
			color:#104030;
			font:bold 1em/1.25 arial;
			text-decoration:none;
		}
		#navPie a:hover {
			text-decoration:underline;
		}


/* Pie
----------------- */
	#copyright {
		color:#fff;
		font-size:11px;
		margin:5px 0;
		text-align:center;
	}

	#direccionPie {
		color:#888e9a;
		font-size:0.9em;
		position:absolute;
		right:10px;
		top:45px;
		width:150px;
	}




/*
 * Home
 *
 ******************************/

#bloquesDestacadosHome {
 	 margin:10px 0;
}
 
#bloquesDestacadosHome .bloque {
	background:url(../img/bg/bg-bloques-destacados-home.jpg) no-repeat left top;
	height:190px;
	padding:6px 10px 10px;
	width:309px;
} 

#bloquesDestacadosHome .bloqueOfertas {
	float:left;
}

#bloquesDestacadosHome .bloqueNovedades {
	float:right;
}


#bloquesDestacadosHome .titulo {
	font-size: 16px;
	color: #3A3A38;
	font-weight: bold;
	float: left;
	height:24px;
	overflow:hidden;
	width: 225px;
}
#bloquesDestacadosHome .resumen {
	font-size: 11px;
	color: #3A3A38;
	font-weight: normal;
	float: left;
	margin:5px 0 0;
	width: 225px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 13px;
}

#bloquesDestacadosHome .masInfo {
	float:right;
	height:0;
	margin:-12px 0 0;
	overflow:hidden;
	padding:64px 0 0;
	width:71px;
}

#bloquesDestacadosHome .bloqueOfertas .masInfo {
	background:url(../img/bg/bg-bloque-destacado-home-acceso-ofertas.jpg) no-repeat left top;
}

#bloquesDestacadosHome .bloqueNovedades .masInfo {
	background:url(../img/bg/bg-bloque-destacado-home-acceso-novedades.jpg) no-repeat left top;
}

#bloquesDestacadosHome .masInfo:hover {
	background-position: left -64px;
}

/*
 * Contacto
 *
 ******************************/

	#frmContacto {
		margin:15px 0 15px 30px;
		width:450px;
	}
	
	#frmContacto label {
		width:170px;
	}

	#frmContacto input,
	#frmContacto textarea {
		width:235px;
	}
	
	#frmContacto #localidad,
	#frmContacto #pais,
	#frmContacto #telefono,
	#frmContacto #fax {
		width:200px;
	}
	
	#frmContacto textarea {
		height:65px;
	}

	#frmContacto .camposOblig {
		float:left;
		font-size:0.9em;
		padding-left:180px;
	}
	
	#frmContacto .botonesForm {
		padding-right:30px;
		text-align:right;
	}
	
	input#frmContactoSubmit,
	input#frmContactoReset {
		background:url(../img/bg/bg-boton-formulario.jpg) no-repeat top left;
		border:0;
		float:none;
		font-weight:bold;
		height:23px;
		width:73px;
	}

	input#frmContactoSubmit {
		margin-left:10px;
	}




/*
 * Hoja de pedidos
 *
 ********************************** */



/* Formulario de pedidos */

	#frmHojaPedido {
		margin:15px 0 15px 60px;
		width:450px;
	}
	
	#frmHojaPedido label {
		width:170px;
	}

	#frmHojaPedido input,
	#frmHojaPedido textarea {
		width:235px;
	}
	
	#frmHojaPedido textarea {
		height:65px;
	}

	#frmHojaPedido .camposOblig {
		float:left;
		font-size:0.9em;
		padding-left:180px;
	}
	
	#frmHojaPedido .botonesForm {
		padding-right:30px;
		text-align:right;
	}
	
	input#frmHojaPedidoSubmit,
	input#frmHojaPedidoReset {
		background:url(../img/bg/bg-boton-formulario.jpg) no-repeat top left;
		border:0;
		float:none;
		font-weight:bold;
		height:23px;
		width:73px;
	}

	input#frmHojaPedidoSubmit {
		margin-left:10px;
	}





/*
 * Noticias
 *
 *****************************/

.noticia {
	background:url(../img/bg/bg-noticia.gif) no-repeat left top;
	height:118px;
	margin:0 0 15px;
	overflow:hidden;
	width:669px;
}
 
.noticia .titulo {
	color:#104030;
	font:normal 1.4em arial;
	height:17px;
	overflow:hidden;
	margin:11px 15px 0;
}
	
.noticia .resumen {
	color:#999;
	height:43px;
	overflow:hidden;
	line-height:1.3;
	margin:8px 15px 0;
	overflow: auto;
}

.noticia .infoAdicional {
	color:#333;
	height:27px;
	overflow:hidden;
	margin:12px 15px 0;
}

.noticia .infoAdicional p {
	margin:0;
}

.noticia .infoAdicional .fecha,
.noticia .infoAdicional .autor {
	float:left;
	height:27px;
	line-height:27px;
}

.noticia .infoAdicional .fecha {
	padding-right:5px;
	width:105px;
}

.noticia .infoAdicional .etiqueta {
	font-weight:bold;
}

.noticia .infoAdicional .masInfo {
	float:right;
	height:27px;
	line-height:27px;
}


/* noticia ampliada ------------------------------------ */

.noticiaAmpliada {
	background:url(../img/bg/bg-bloque-titulo-gris-cuerpo.gif) repeat-y left top;
	padding:27px 15px 10px; /* padding-top para alojar la información adicional */
	position:relative;
	width:639px;
}

.noticiaAmpliada .infoAdicional {
	background:url(../img/bg/bg-bloque-titulo-gris-encabezado.gif) no-repeat left top;
	height:27px;
	margin:0;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	padding:0 15px;
	width:639px;
}

.noticiaAmpliada .infoAdicional p {
	margin:0;
}

.noticiaAmpliada .infoAdicional .fecha,
.noticiaAmpliada .infoAdicional .autor {
	float:left;
	height:27px;
	line-height:27px;
}

.noticiaAmpliada .infoAdicional .fecha {
	padding-right:5px;
	width:105px;
}

.noticiaAmpliada .infoAdicional .etiqueta {
	font-weight:bold;
}

.noticiaAmpliada .titulo {
	color:#104030;
	font:bold 1.55em arial;
	padding:15px 0 0;
}
	
.noticiaAmpliada .entradilla {
	color:#333;
	font-weight:bold;
}

.noticiaAmpliada .imgNoticia {
	float:right;
	margin:10px 0 10px 10px;
}

.noticiaAmpliada .noticiaAmpliadaCierre {
	background:url(../img/bg/bg-bloque-titulo-gris-cierre.gif) no-repeat left top;
	height:5px;
	overflow:hidden;
	position:absolute;
	left:0;
	bottom:0;
	width:669px;
}






/*
 * PRODUCTOS
 *
 *****************************/
 
/* detalle de producto ------------------------------------ */

.productoDetalle {
	background:url(../img/bg/bg-bloque-titulo-gris-cuerpo.gif) repeat-y left top;
	padding:3px 15px 10px; 
	position:relative;
	width:639px;
}

.productoDetalle .productoDetalleApertura {
	background:url(../img/bg/bg-bloque-producto-detalle-encabezado.gif) no-repeat left top;
	height:0;
	margin:0;
	overflow:hidden;
	padding-top:3px;
	position:absolute;
	left:0;
	top:0;
	width:669px;
}

.productoDetalle .titulo {
	color:#104030;
	font:bold 1.55em arial;
	padding:10px 0 0;
}
	
.productoDetalle .imgProducto {
	float:left;
	margin:10px 20px 10px 0;
	overflow:hidden;
}

.productoDetalle .productoDetalleCierre {
	background:url(../img/bg/bg-bloque-producto-detalle-cierre.gif) no-repeat left top;
	height:5px;
	overflow:hidden;
	position:absolute;
	left:0;
	bottom:0;
	width:669px;
}

.productoEspecificaciones {
	float:left;
	margin:10px 0 15px;
	width:250px;
}

.productoEspecificaciones li {
	background:url(../img/bg/bg-producto-espec.jpg) repeat-y top left;
	float:left;
	margin-bottom:2px;
	width:100%;
}
.productoEspecificaciones .espec {
	color:#333;
	float:left;
	font-weight:bold;
	padding:3px 7px;
	width:78px;
}
.productoEspecificaciones .valor {
	float:left;
	padding:3px 7px;
	width:106px;
}



/*
 * Boletines
 *
 *****************************/

#listaBoletines {
	min-height:400px;
	padding-bottom:20px;
}

#listaBoletines li {
	background:url(../img/bg/bg-boletines-degradado.gif) repeat-x left bottom;
	float:left;
	padding:10px 20px;
	width:627px;
}

#listaBoletines li .titulo {
	color:#2D7243;
	float:left;
	font-size:1.65em;
	width:480px;
}

#listaBoletines li a {
	background:url(../img/bg/bg-boletines-descarga.jpg) no-repeat left top;
	color:#333;
	float:right;
	font-weight:bold;
	height:24px;
	line-height:24px;
	margin-top:3px;
	text-align:center;
	text-decoration:none;
	width:122px;
}

/*
 * Descargas
 *
 *****************************/

#listaDescargas {
	min-height:400px;
	padding-bottom:20px;
}

.infoDescarga {
	background:url(../img/bg/bg-descargas-degradado.gif) repeat-x left bottom;
	float:left;
	padding:10px 20px;
	width:627px;
}

.infoDescarga .titulo {
	color:#2D7243;
	font:normal 1.65em arial;
}

.infoDescarga .descripcion {
	color:#666;
	font-size:1.1em;
	margin:5px 0;
}

.infoDescarga .descripcion .etiqueta {
	color:#333;
}

.infoDescarga .enlaceDescarga {
	margin:5px 0 0;
}

.infoDescarga .enlaceDescarga a {
	background:url(../img/bg/bg-descargas-enlace-descarga.jpg) no-repeat left top;
	color:#333;
	display:inline-block;
	font-weight:bold;
	height:24px;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	width:122px;
}

/**	11-05-2010
Bloque añadido por Antonio Santana para la implementación de idiomas
/**/
ul.languageSel  {
	float:right;
	margin:0;
	padding: 5px 10px 0;
	padding-bottom:0;
}
ul.languageSel a {
	background:url("../img/bg/bg-flags.png") no-repeat scroll left top transparent;
	display:inline-block;
	height:0;
	overflow:hidden;
	padding-top:24px;
	width:25px;
}
ul.languageSel li {
	float:left;
	margin-left:5px;
}
ul.languageSel a.es {
	background-position:left top;
}
ul.languageSel a.en {
	background-position:-25px top;
}