/* CSS Document */
html, body{
/* bakcground:#fff;*/
 margin:0px;
 height:100%;
}
body{
text-align:center;
background:#fff url(../bullets/fondobonamy_c.jpg) repeat;
font: 9pt helvetica, arial, sans-serif;
}

/* DIVS DE LAYOUT **********************************************/

  #divContenedor{
    margin:0px auto;
	width:820px;
	height:620px;
  }

  #divBanner{
    margin:0px;
	width:800px;
	height:100px;
  }
	
	#divSitioSwf{ 
	  width:820px; 
	  height:620px;
	}
	
/*	#divCatalogo{
	  width:820px; height:620px; 
    }*/
	
		#divCabecera{
		  margin: 0px 0px 0px 2px;
		  width:820px; height:145px;
		}
		
		#divProductos{
		  /*margin:0 0 0 0px;*/
		  height:460px;
		  width:800px;
		  margin: 0px 8px 0px 10px;
	  	  margin: 0px 8px 0px expression('8px');
		  background:white;
		  padding:0px;		
		  /*min-height:423px !important;
		  height:auto;
		  padding:20px;
		  margin:0 0 0 8px;
		  background:#fff url(../bullets/fondoSombreadoDer.jpg) top right no-repeat;
		  */
		}
		#divLeftMenu {
			width:143px;
 		    height:560px;
			float:left;
			background:url(../img/libro_backshadowleft.jpg) no-repeat top right;
		}
		#divBodyCatalog {
			width:657px;
			height:460px;
			float:left;
			background: url(../img/libro_backonly.jpg) no-repeat top left;
		}
		#divBodyLibro{
			width:764px;
			height:460px;
			float:left;
		}
			#divBookLeft {
				width:315px;
				height:280px;
				float:left;
				padding:0px !important;
				margin: 0px !important;
			}
			#divBookLeft #tblBookLeft {
				width:315px;
				/*padding:30px 0px 0px 45px;*/
				display:block;
			}
			#divBookRight {
				width:270px;
				height:280px;
				float:left;
				padding:0px !important;
				margin: 0px !important;
			}
			#divBookRight #tblBookRight {
				width:270px;
				margin:30px 0px 0px 0px;
				display:block;
				padding:0px !important;
			}
			#imgThumbnail {
			 	border:1px solid rgb(195,184,130);
				width:70px;
				height:70px;
			}
		/** html #divProductos{ height:463px;}*/
		
		#divproductosSombra{
		  background:#ebebeb url(../bullets/fondoSombreadoBottom.jpg) top no-repeat;
		  height:12px;
		  margin:0px 0px 0px 8px;
		}
		
/* DIVS DE LAYOUT **********************************************/



/* CLASES GENERALES ********************************************/

.floatLeft {float:left;}
.floatRight {float:right;}
img.LinkColor {
	border:1px solid rgb(195,184,130);
	cursor:pointer;
	width:20px;
	height:20px;
}
div.LinkTalle {
	padding: 2px 2px 2px 2px;
	text-align:center;
	cursor:pointer;
	margin:2px;
	width:20px;
	height:20px;
	border:1px solid rgb(195,184,130);
	text-decoration:none;
	color:rgb(100,100,100) !important;
	background-color:rgb(245,244,210);
	display:inline;
	font-weight:bold;
	font-size:8pt;
}
a.linkTalle, a.linkTalle:visited,a.linkTalle:link,a.linkTalle:active  {
	padding: 2px 2px 2px 2px;
	text-align:center;
	min-width:20px;
	min-height:20px;
	margin:1px;
	width:20px;
	height:20px;
	border:1px solid rgb(195,184,130);
	text-decoration:none;
	color:rgb(100,100,100) !important;
	background-color:rgb(245,244,210);
	display:inline;
	font-weight:bold;
	font-size:8pt;
}
a.linkTalle:hover {
	background-color:black;	
	color:rgb(245,244,210) !important;
}
/* CLASES GENERALES ********************************************/

/* MENU IZQ. CATEGORIAS ****************************************/
div#menuCategories {
	height: 440px;
	overflow-y: auto;
}

#menuCategories ul {
	margin: 5px 0 0 0;
}


#menuCategories ul, #menuCategories ul ul {
	padding: 0 0 0 10px;
	list-style: none;
	text-align: left;
}

#menuCategories ul ul {
	display: block;
}

#menuCategories ul li a {
	font-size: 10pt;
	color: #666666;
}
#menuCategories ul.productos {
	padding: 0 0 10px 0;
}

#menuCategories ul li a:link, #menuCategories ul li a:visited, #menuCategories ul li a:active {
	font-size: 10pt;
	text-decoration: none;
}

#menuCategories div.productos {
	margin: 0 0 0 1em;
}

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

/*ESTILO PARA LOCALES EN DONDE COMPRAR*/
#divDondeComprar {
	width:670px;
	height:440px;
	background:url(../img/fondo_dondecomprar_temp.jpg) no-repeat top right;
	margin:0px;
}
#divBurbuja {
	position:relative;
	top:315px;
	left:95px;
}

#divLocalLeft {
	float:left;
	overflow-y:auto;
	width:170px;
	height:250px;
	position:relative;
	top:150px;
	left:100px;
	filter:chroma(color=#F8F8F8);
	scrollbar-face-color: #F8F8F8;
	scrollbar-highlight-color: #F8F8F8;
	scrollbar-arrow-color: #BE586E;
	scrollbar-base-color: #F8F8F8;
	scrollbar-track-color: #F8F8F8;
	scrollbar-darkshadow-color: #F8F8F8;
	scrollbar-shadow-color: #F8F8F8;	
	scrollbar-3dlight-color: #F8F8F8;
}

#divLocalRight {
	padding: 0px 0px 0px 30px;
	float:left;
	width:170px;
	height:250px;
	overflow-y:auto;
	position:relative;
	top:150px;
	left:100px;
	
	filter:chroma(color=#F8F8F8);
	scrollbar-face-color: #F8F8F8;
	scrollbar-highlight-color: #F8F8F8;
	scrollbar-arrow-color: #BE586E;
	scrollbar-base-color: #F8F8F8;
	scrollbar-track-color: #F8F8F8;
	scrollbar-darkshadow-color: #F8F8F8;
	scrollbar-shadow-color: #F8F8F8;	
	scrollbar-3dlight-color: #F8F8F8;
}

#local_title {
	padding:0px;
	margin:0px;
	font: bold 12px tahoma;
	color:rgb(128,116,120);
	/*font-weight:bold;*/
}

#local_info {
	padding:0px;
	margin:0px;
	font: 8pt Helvetica, Arial, sans-serif;
	color:#BE586E;
}

#local_info a:hover,#local_info a:link,#local_info a:visited {
	color:#BE586E;
}