BODY {
	background-color:#ffda00;
	margin-top:0px;
}
	a img{
		border: 0px;
	}
	#content { 
/*
		background-color:blue);
		height:610 px;
		left:50%;
		margin-left:-490px;
		margin-top:-320px;
		position:absolute;
		top:50%;*/
		float:left;
		width:980px;
		margin:0px auto;
	}
	#margen {margin-right: 70%}
	#logo { background:url('/imgfiles/hobbitalf/img/logo.png'); width:93px; height:137px; float:left; margin-top:5px;}
	#flash { }
	#banner {background:url('/imgfiles/hobbitalf/img/cabeza.jpg'); margin-left:95px ;  height:120px}
	.eng { background:url('/imgfiles/hobbitalf/img/eng.jpg');}
	.esp { background:url('/imgfiles/hobbitalf/img/esp.jpg');}
	#idioma {width:200px; float:left; cursor: pointer;}
	#opmenu { height:25px;  }
		#opmenu li a {color:white; text-decoration:none; margin-left:17px; padding:10px 10px 4px 6px; font-size:18px: }
		#opmenu li :hover {color:yellow; text-decoration:none; cursor:pointer; }
	#buscador {height:25px ; } 
	#header{
		height: 159px;
		background-color: black;
	}
	#bannerizquierdo { padding-left:10px}
	#cuerpo {background:url('/imgfiles/hobbitalf/img/fondo.jpg'); padding-top: 26px;}	
	#parte3{height:510px ; width:180px; float:right; }
	#parte1 { height:510px ; width:154px; float:left; padding-top:40px;}
	#parte1 a:hover{ color:white; }
	#parte2{
		background-color:none; min-height:480px; margin-right:0px; width:825px;
	}
/*	#cabeceraMenu {margin-top: 0px; *margin-top:10px;}	*/
	#cabeceraMenu {margin-top:10px;}
	#navi {list-style:none; padding:0;}
	#navi li {
		float:left;
		margin-left:23px;
		padding-left:10px;
/*		background: transparent url(/imgfiles/hobbitalf/img/pata.png) no-repeat 0 0;*/
	}
	#list  {
		font-weight: bold;
		list-style:none;
		margin:5px;
		text-decoration:none;
		line-height:20pt;
		font-size:18px;
	}
		
	#parte1 li a {color:black;margin-left:10px;padding:10px;text-decoration:none;  }
	#imagen	{bottom:0;position:absolute;}		
/* Fuente */
	#mal {font-family: "calibri"; margin: 0 auto; width: 980px;}
/* pagina productos */
	#pagina { background-color:white; width:auto; height:auto; font-size:small; margin-bottom:10px; border: 1px solid;} 	
	#cabecera { background-color: #090b7c; width:auto; height:20px; color:white; padding-left: 5px; } 
	#imagenes { width:95px; height:110px; float:left; margin-top:5px; margin-left: 5px; padding  } 	
	#descripcion { background-color:white; width:auto; height:auto; margin-left:110px; margin-top:3px;} 	
	#codigo { background-color:white; width:auto; height:auto; margin-left:110px; padding-bottom:5px;}	


#imagenes2 {float:left; height:110px; margin:25px; width:95px; }

.capaofertas {
	padding-left: 10px;
	background-color: buttonFace;
	padding-bottom: 5px;
	border: 1px solid;
}

.tit_capaofertas {
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: bold;
}

/* barra */
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {width: 36px;background: #5EC0A7 url(scrollbar.png) -36px 0px repeat-y;}
.vscrollerbarbeg {height: 24px !important;width: 36px;background: url(scrollbar.png) -108px -32px no-repeat;}
.vscrollerbarend {height: 24px;width: 36px;background: url(scrollbar.png) -108px 0px no-repeat;}
.vscrollerbase {width: 36px;background: #D4F6F2 url(scrollbar.png) 0px 0px repeat-y;}
.vscrollerbasebeg {width: 36px;height: 28px !important;background: url(scrollbar.png) -72px -28px no-repeat;}
.vscrollerbaseend {height: 28px;width: 36px;background: url(scrollbar.png) -72px 0px no-repeat;}
.hscrollerbase {height: 16px; background-color: white;}
.hscrollerbar {height: 16px; background-color: black;}
.vscrollerbar, .hscrollerbar {padding: 28px;z-index: 2;}
.scrollerjogbox {width: 36px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #37917A;} 


#mainContent {
height: 450px;
padding: 15px;
/*background: url(/imgfiles/hobbitalf/img/fcontenido.gif) repeat;*/
}   /*margin:
 0 15% 0 23.5%;  los márgenes derecho e izquierdo de este elemento div 
crean las dos columnas externas de los lados de la página. Con 
independencia de la cantidad de contenido que incluyan los divs de las 
barras laterales, permanecerá el espacio de la columna. Puede quitar 
este margen si desea que el texto del div #mainContent llene el espacio 
de las barras laterales cuando termine el contenido de cada una de 
ellas. */
#bannerI {
	padding-left: 0px;
} 

#bannerD {
	padding-left: 25px;
	padding-top: 50px
} 

.product_table {
	background-color: white;
	margin-bottom: 10px;
}

.product_image{
	padding-left: 5px;
	border:none;
}

.product_title{
	font-weight: bold;
}

.banners-izq{
	margin-bottom: 10px;
}

.catalog_table {
	background-color: white;
	border: 1px solid;
	margin-bottom:5px;
}

.catalog_title{
	font-weight: bold;
	border-bottom: 1px solid;
}

.catalog_download{}
.catalog_download a{text-decoration: none; color:black;}
.catalog_download a:hover{}

.menu_href{
	text-decoration: none;
	color:black;
	font-weight:bold;
	line-height:21px;
	padding-left: 20px;
	font-size: 18px;
}

.avislegal{
	text-decoration: none;
	color:black;
	font-weight:bold;
	line-height:21px;
	padding-left: 20px;
	font-size: 10px;
}

.txtbuscar{
	border:none;
	padding: 0px;
}
.btnbuscar{
	cursor: pointer;
	background-color: transparent;
	border:none;
	color:white;
	font-family: calibri;
	font-size:14px;
	font-weight:bold;
	padding:0px; 
}
.etitxtbuscar{
	position:relative;
	float: right;
}

.etibtnbuscar{
	float: right;
}

.captionmas {
font-size:9px;
}