body {
	color: #000000;
	margin: 0px;
	scrolling: auto;
	background: #ffffff url(../img/cabFondo.jpg) repeat-x top;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}
h5 {
	background-color: #014B3C;
	font-family: arial, helvetica, sans-serif;
	color: #FFFFFF;
	font-size:13px;
	padding-left:5px;
}
/*Ocultación de barras y títulos*/
hr, #logo hr, #menu hr, #fraseSeccion hr, tabla hr {display: none;}
h1, #menu h2, #pie h2 {display: none;}

p { line-height:15px;}

.imagen {
	margin: 0px 0px 8px 0px;
	border:solid 1px #FFFFFF;
}

#imagen {
	
	padding-right:2px;

}

.HX_Boton .boton {	border:solid 1px #606060;}

.txtPequeno {font-size: 9px}

#eliminaFloatLeft {clear:left;}

#cabeceraBarra {
	position: absolute;
	z-index: 0;
	font-size: 2px; /*truco feo para q el IE ponga la altura q toca*/
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
	top: 100px;
	left: 0px;
}

	#cabeceraBarra #home {height: 8px; background-color: #606060;}
	#cabeceraBarra #derecho {height: 8px; background-color: #f0af00;}
	#cabeceraBarra #economiaEmpresa {height: 8px; background-color: #c00040;}
	#cabeceraBarra #ciencia {height: 8px; background-color: #0071a0;}
	#cabeceraBarra #tecnologia {height: 8px; background-color: #007d58;}
	#cabeceraBarra #editorialBosch {height: 8px; background-color: #8639a3;}

#fraseSeccion {
	font-weight: bold;
	font-size: 10px;
	margin: 14px 0px 0px 0px;
}


	#fraseSeccion #home {color: #606060;}
	#fraseSeccion #derecho {color: #f0af00;}
	#fraseSeccion #economiaEmpresa {color: #c00040;}
	#fraseSeccion #ciencia {color: #0071a0;}
	#fraseSeccion #tecnologia {color: #007d58;}
	#fraseSeccion #editorialBosch {color: #8639a3;}

#container {
	margin: 0px auto 0px auto;
	width: 974px;
	text-align: left;
}

#logo {
	background-image: url(../img/cabecera.jpg);
	background-repeat: no-repeat;
	width: 974px;
	height: 100px;
	margin: 0px;
	padding: 0px;
}

#libro {
	float: left;
	position: absolute;
	z-index: 1;
	margin-left: 505px;
	background-repeat: no-repeat;
}

	#libro #home {width: 154px; height: 139px; background-image: url(../img/libroHome.jpg);}
	#libro #derecho {width: 154px; height: 139px; background-image: url(../img/libroDerecho.jpg);}
	#libro #economiaEmpresa {width: 154px; height: 139px; background-image: url(../img/libroEconomiaEmpresa.jpg);}
	#libro #ciencia {width: 154px; height: 139px; background-image: url(../img/libroCiencia.jpg);}
	#libro #tecnologia {width: 154px; height: 139px; background-image: url(../img/libroTecnologia.jpg);}
	#libro #editorialBosch {width: 154px; height: 139px; background-image: url(../img/libroEditorialBosch.jpg);}

#menu {
/*NOTA: el position: absolute lo he puesto para poner el orden de capas (z-index), de este modo, si hago crecer el texto a través del navegador, el menú siempre quedará por encima del libro y del resto de cosas*/
	position: absolute; 
	z-index: 2;
	font-size: 10px;
	width: 974px;
	text-align: left;
	float: left;
	margin-top: -21px;
	padding-right: 15px;
}

	#menuIzq {
		font-weight: bold;
		font-size: 10px;
		float: left;
	}
	
		#menuIzq ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		#menuIzq li {
			display: block;
			float: left;
			padding-right: 1px;
		}
		
		#menuIzq a {
			float: left;
			display: block;
			height: 21px;
			text-decoration: none;
			padding-left: 8px;
			padding-right: 8px;
			padding-top: 5px;
			color: #333333;
			background-repeat: repeat-x;
		}
	
			#menuIzq a:hover {color: #FFFFFF;}
			
			#menuIzq #home a {background-image: url(../img/navHomeOFF.gif);}
				#menuIzq #home a:hover {background-image: url(../img/navHomeON.gif);}
			#menuIzq #derecho a {background-image: url(../img/navDerechoOFF.gif);}
				#menuIzq #derecho a:hover {background-image: url(../img/navDerechoON.gif);}
			#menuIzq #economiaEmpresa a {background-image: url(../img/navEcoEmpOFF.gif);}
				#menuIzq #economiaEmpresa a:hover {background-image: url(../img/navEcoEmpON.gif);}
			#menuIzq #ciencia a {background-image: url(../img/navCienciaOFF.gif);}
				#menuIzq #ciencia a:hover {background-image: url(../img/navCienciaON.gif);}
			#menuIzq #tecnologia a {background-image: url(../img/navTecnologiaOFF.gif);}
				#menuIzq #tecnologia a:hover {background-image: url(../img/navTecnologiaON.gif);}
			#menuIzq #editorialBosch a {background-image: url(../img/navEditorialOFF.gif);}
				#menuIzq #editorialBosch a:hover {background-image: url(../img/navEditorialON.gif);}
				
		#menuIzq #seccionActiva {
			float: left;
			display: block;
			height: 21px;
			text-decoration: none;
			
			
			color: #FFFFFF;
			background-repeat: repeat-x;
		}
		
			#menuIzq #home #seccionActiva {background-image: url(../img/navHomeON.gif);}
			#menuIzq #derecho #seccionActiva {background-image: url(../img/navDerechoON.gif);}
			#menuIzq #economiaEmpresa #seccionActiva {background-image: url(../img/navEcoEmpON.gif);}
			#menuIzq #ciencia #seccionActiva {background-image: url(../img/navCienciaON.gif);}
			#menuIzq #tecnologia #seccionActiva {background-image: url(../img/navTecnologiaON.gif);}
			#menuIzq #editorialBosch #seccionActiva {background-image: url(../img/navEditorialON.gif);}

	#menuDer {
		margin-top: 5px;
		float: right;
		color: #FFFFFF;
	}
	
		#menuDer ul {
			padding: 0px;
			margin: 0px;
			list-style-type: none;
		}
		
		#menuDer li {
			display: inline;
		}
		
		#menuDer a {		
			text-decoration: none;
			color: #FFFFFF;
		}
		
		#menuDer a:hover {
			color: #ffffff;
			text-decoration: underline;
		}
		
			
#tablaIzq {
	float: left;
	width: 170px;
	
}

#tablaDer {
	float: right;
	width: 170px;
}

	#tabla {
		margin: 15px 0px 0px 0px;
		background: #c7d5bd;
		color: #424242;
		border: none;
		width: 170px;
		line-height: 18px;
			overflow: hidden;
	}
	
	#tabla a{text-decoration: none; color: #424242;}
	#tabla a:hover {text-decoration: underline;}
	
	#tabla #centrar {width:170px; text-align:center;}
	
	#tabla #linkRalla a{text-decoration: none; color: #424242;}
	#tabla #linkRalla a:hover{text-decoration: underline; color: #424242;}
	
	#tablaPie {
		margin: 0px;
		padding-bottom: 8px;
		background: url(../img/tablaPie2.png) no-repeat bottom;
		border: none;
		width: 170px;
		height: 5px;
	}
	
	#tabla h2 {
		padding-top: 5px;
		font: bold 16px "Times New Roman", Times, serif;
		text-align: center;
		color: #c92104;
	}
	
	#tabla #linea {
		background: url(../img/linea.gif) repeat-x;
		font-size: 0px; /*truco feo para q el IE ponga la altura q toca*/
		margin-top: 2px;
		margin-bottom: 2px;
		height: 4px;
		width: 150px;
		background-color: #494949;
	}
	
		#lineaGris {
		background: url(../img/lineaGris.gif) repeat-x;
		font-size: 0px; /*truco feo para q el IE ponga la altura q toca*/
		margin-top: 2px;
		margin-bottom: 2px;
		height: 7px;
		width: 618px;
		background-color: #494949;
	}
		
	#tabla ul {
		padding: 0px 5px 0px 5px;
		margin: 5px 5px 0px 5px;
		list-style: none;
	}	
	
	#tabla ol {
		color: #333333;
		margin-bottom: 0px;
	}

#tabla #busqueda {
	width: 170px;
	margin-top: 5px;
	float: left;
	height: 150px;
}

#textfield {
	border:solid 1px #606060;
	width: 142px;
	height: 15px;
	margin-top: 5px;
	margin-bottom: 2px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 10px;
	color: #666666;
}

#boton {
	background:url(../img/fndBoton.gif) repeat-x;
	border:solid 1px #606060;
	height:17px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px 5px 5px;
	font-weight: normal;
	font-size: 10px;
	color: #494949;
	cursor: hand;
}
#boton:hover {
	border:solid 1px #c92104;
	color: #c92104;
}


#banner {
	margin: 0px 0px 0px 180px;
}

	#banner a {
		float: left;
		width: 618px;
		height: 80px;
		margin-left: 8px;
		background-color: #EEEEEE;
		color: #CCCCCC;
		text-decoration: none;
		text-align: center;
		font: bold 24px "Times New Roman", Times, serif;
	}
	
		#banner a:hover {color: #999999;background-color: #E8E8E8;}
		#banner a:active, a:focus {border: none;}

#cuerpo {
	float: left;
	width: 610px;
	margin: 0px 0px 10px 10px;
}
	
	#bloqueCuerpo h2 {
			margin:0px;
		margin-left: 15px;
		font: bold 24px "Times New Roman", Times, serif;
		color: #c92104;
	}

	#bloqueCuerpo #linea {
		font-size: 0px; /*truco feo para q el IE ponga la altura q toca*/
		margin-top: 2px;
		margin-bottom: 2px;
		height: 1px;
		background-color: #d9d9d9;
	}
		
#novedadesDestacadas ul {
			float:left;
			margin-right:20px ;
			padding: 10px;
			width: 290px;
			font: 12px Verdana, Arial, Helvetica, sans-serif;
			color: #000000;
			
			
		}
		
		#novedadesDestacadas li {list-style: none; margin: 10px 10px 20px 10px; width: 290px;  }
		#novedadesDestacadas .titol {width: 270px; font: bold 12px Arial, Verdana, Helvetica, sans-serif; }
		#novedadesDestacadas p {margin: 5px 10px 5px 10px;font-size: 11px; width: 270px; padding-left:20px; padding-right:10px;}
		#novedadesDestacadas .fecha {font: italic 12px Arial, Helvetica, sans-serif; }
		#novedadesDestacadas a {padding:0px; color: #c92104;}
		#novedadesDestacadas a:hover {text-decoration: none;}
	
	#novedades {
		margin-top: 10px;
	}
	
		#novedades h3 {
			margin: 5px 10px 0px 0px;
			font: 20px "Times New Roman", Times, serif;
			color: #4e4e4e;
		}
		
		#novedades a {
			margin: 5px 10px 5px 10px;
		}
		
		#novedades a:hover {
			text-decoration: none;
		}
		
		#novedades ul {
			float: left;
			margin: 0px;
			padding: 0px;
		}
		
		#novedades li#home {
		float: left;
		
	margin: 5px 0px 5px 0px;
			padding: 2px;
			list-style: none;
			width: 280px;
		}
		
		#novedades li {
			float: left;
			margin: 10px 0px 0px 0px;
			padding: 0px;
			list-style: none;
			width: 299px;
		}
		
		#novedades #imagen {float: left; width:63px; height:98px; margin-right:2px;}
		
		#novedades #contenido {
			margin: 0px 0px 15px 10px;
			float: left;
			width: 200px;
		}
		
		#novedades #contSeccion {
			margin: 0px 0px 15px 10px;
			float: left;
			width: 200px;
			

		}
		#novedades #contSeccion2 {
			margin: 0px 0px 0px 10px;
			float: left;
			width: 200px;

		}
		
			#novedades h4 {
				margin: 0px;
				font-size: 11px;
				font-weight: bold;
				color: #333333;
			}
			
			#novedades p {
				margin: 5px 0px 5px 0px;
				font-size: 11px;
				color: #333333;
			}
			
			#novedades #leerMas a {
				margin: 0px;
			}
			
			#novedades .precio {
				float: left;
				margin-top: 5px;
				font-size: 12px;
				font-weight: bold;
				color: #333333;
			}
			
			#novedades #boton {
				
				margin-top: 2px;
			}
			
			#novedades #carro {
				float: right;
				padding: 0px;
				height: 23px;
				width: 23px;
				background: url(../img/carro.gif) no-repeat right;
			}
			
	/*	#novedades #masNovedades {
			margin-left: -10px;
		} */
		
		#novedades #derechoHome {
			background:url(../img/separadorAmarillo.gif) repeat-x;
			float: left;
			width: 281px;
			background-color: #fdf3d9;
			margin:  0px 15px 15px 0px;
			padding: 12px 10px 10px 10px;
		}

		
			#novedades #derechoHome a {color: #f0af00;}
		
		#novedades #economiaEmpresaHome {
			background:url(../img/separadorRojo.gif) repeat-x;
			float: left;
			width: 281px;
			border-width: 10px 0px 1px 0px;
			background-color: #faebf0;
			margin: 0px 0px 15px 0px;
			padding: 12px 10px 10px 10px;
		}

		
			#novedades #economiaEmpresaHome a {color: #c00040;}
		
		#novedades #cienciaHome {
			background:url(../img/separadorAzul.gif) repeat-x;
			float: left;
			width: 281px;
			border-width: 10px 0px 1px 0px;
			background-color: #e5f1f5;
			margin: 0px 15px 15px 0px;
			padding: 12px 10px 10px 10px;
		}

		
			#novedades #cienciaHome a {color: #0071a0;}
		
		#novedades #tecnologiaHome {
			background:url(../img/separadorVerde.gif) repeat-x;
			float: left;
			width: 281px;
			border-width: 10px 0px 1px 0px;
			background-color: #e5f2ee;
			margin: 0px 0px 15px 0px;
			padding: 12px 10px 10px 10px;
		}
		
			#novedades #tecnologiaHome a {color: #007d58;}
		
		#novedades #editorialBoschHome {
			float: left;
			width: 281px;
			border: solid #8639a3;
			border-width: 10px 0px 1px 0px;
			background-color: #f2f2f2;
			margin: 0px 15px 15px 0px;
			padding: 0px 10px 10px 10px;
		}
		
			#novedades #editorialBoschHome a {color: #8639a3;}
		
		#novedades #derecho {
			float: left;
			width: 708px;
			border: solid #f0af00;
			border-width: 10px 0px 1px 0px;
			background-color: #f2f2f2;
			margin: 0px 0px 15px 0px;
			padding: 0px 10px 10px 10px;
		}
		
			#novedades #derecho a {color: #f0af00;}
		
		#novedades #economiaEmpresa {
			float: left;
			width: 598px;
			border: solid #c00040;
			border-width: 10px 0px 1px 0px;
			background-color: #f2f2f2;
			margin: 0px 0px 15px 0px;
			padding: 0px 10px 10px 10px;
		}
		
			#novedades #economiaEmpresa a {color: #c00040;}
		
		#novedades #ciencia {
			float: left;
			width: 598px;
			border: solid #0071a0;
			border-width: 10px 0px 1px 0px;
			background-color: #f2f2f2;
			margin: 0px 0px 15px 0px;
			padding: 0px 10px 10px 10px;
		}
		
			#novedades #ciencia a {color: #0071a0;}
		
		#novedades #tecnologia {
			float: left;
			width: 598px;
			border: solid #007d58;
			border-width: 10px 0px 1px 0px;
			background-color: #f2f2f2;
			margin: 0px 0px 15px 0px;
			padding: 0px 10px 10px 10px;
		}
		
			#novedades #tecnologia a {color: #007d58;}
		
		#novedades #editorialBosch {
			float: left;
			width: 598px;
			border: solid #8639a3;
			border-width: 10px 0px 1px 0px;
			background-color: #f2f2f2;
			margin: 0px 0px 15px 0px;
			padding: 0px 10px 10px 10px;
		}
		
			#novedades #editorialBosch a {color: #8639a3;}
		
#pie {
	float: left;
	width: 100%;
	margin-top: 10px;
	height: 50px;
	background: url(../img/pie.gif) repeat-x #7a7a7a;
	color: #FFFFFF;
	text-align: center;
}
	#pie ul {margin: 10px 0px 0px 0px; padding: 0px;}
	#pie li {list-style: none; display: inline;}
	#pie a {color: #FFFFFF;text-decoration: none;}
	#pie a:hover {text-decoration:underline;}



/*Clases */

.boton {
	background:url(../img/fndBoton.gif) repeat-x;
	border:solid 1px #606060;
	height:17px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px 5px 5px;
	font-weight: normal;
	font-size: 10px;
	color: #494949;
	cursor: hand;
}

.caja {
	border:solid 1px #606060;
	/*width: 135px;*/
	height: 15px;
	margin-top: 5px;
	margin-bottom: 2px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 10px;
	color: #666666;
}

.boto_compra
{

	margin-right:10px;
	

}

		.banner2{
		
		padding-top:25px;}
		
.missatge {
			
			text-align:center;
			margin: 0px 0px 15px 0px;
						background-color:#1C6D5D;
			color:white;
			font-family: Arial, helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			display:block;
		}
		
		.error {
			
			text-align:center;
			margin: 0px 0px 15px 0px;
						background-color:#BC150D;
			color:white;
			font-family: Arial, helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			display:block;
		}
		.autor{
		color:#E89608;
		font-weight:bold;
		float:left;}
		
.entradilla{
		display:block;
		margin-top:7px;
		margin-bottom:7px;}
		
		.Msg_Ok {
		display:block;
background-color:#1C6D5D;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:white;
font-size:14px;
padding:10px;

margin:10px;
margin-top:30px;}

	.disponible{
	display: inline;
	background-color:#F0AF00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:white;
	font-size:10px;
	border: 2px solid #F0AF00;
	padding: 2px 6px 2px 6px;
	
	vertical-align: middle;
}
#precio {
			
			border: dashed #007d58;
			border-width: 1px ;
			background-color: #f2f2f2;
			margin: 0px 0px 15px 0px;
			padding: 0px 10px 10px 10px;
		}
		#añadir {
			
			border: dashed #007d58;
			border-width: 1px ;
			background-color: #f2f2f2;
			margin: 0px 0px 15px 0px;
			padding: 0px 10px 10px 10px;
		}
		#precio2 {
			
			border: dashed #007d58;
			border-width: 1px ;
			background-color: #f2f2f2;
			margin: 0px 0px 0px 0px;
			padding: 7px;
			width:300px;
		}
		#precio3 {
			
			border: dashed #9C9F9E;
			border-width: 1px ;
			background-color: #f2f2f2;
			margin: 0px 0px 15px 0px;
			padding: 5px;
			width:176px;
		}
		
		#precio6 {
			
			border: dashed #007d58;
			border-width: 1px ;
			background-color: #f2f2f2;
						width:92%;
			text-align:left;
			padding: 5px;
		}
		#precio5 {
			
			border: dashed #007d58;
			border-width: 1px ;
			background-color: #f2f2f2;
						width:92%;
			text-align:left;
			padding: 5px;
			
			paddin-top:10px;
		}