body{ background-image: url(../images/bg_body.png); background-position: center; color: #666666; font-family: Arial; font-size: 12px;}
	
	/* color seccion */
	#index{ color: #644c8a;}
	#sobre-nosotros{ color: #644c8a;}
	#retail-marketing{ color: #a4222c;}
	#estudios-de-mercado{ color: #4f524b;}
	#centros-comerciales{ color: #2ca57c;}
	#estudios-disponibles{ color: #3e4c95;}
	#geografia-comercial-urbana{ color: #fcaa00;}
	#club-retail-trade{ color: #49afbe;}

	/* rollover menu */
	a {
	  outline: none;
	}
		/* index */
		a.index { display: block; width: 201px; height: 99px; background: url(../images/menu/index.png) no-repeat; text-indent: -9999px;}
		a.index:hover { background-position: -201px; }
		a.index-select { display: block; width: 201px; height: 99px; background: url(../images/menu/index.png) no-repeat; text-indent: -9999px; background-position: -201px;}
		
		a.index-cat { display: block; width: 201px; height: 99px; background: url(../images/menu/index-cat.png) no-repeat; text-indent: -9999px;}
		a.index-cat:hover { background-position: -201px; }
		a.index-cat-select { display: block; width: 201px; height: 99px; background: url(../images/menu/index-cat.png) no-repeat; text-indent: -9999px; background-position: -201px;}

		/* sobre-nosotros */
		a.sobre-nosotros { display: block; width: 201px; height: 99px; background: url(../images/menu/sobre-nosotros.png) no-repeat; text-indent: -9999px;}
		a.sobre-nosotros:hover { background-position: -201px; }
		a.sobre-nosotros-select { display: block; width: 201px; height: 99px; background: url(../images/menu/sobre-nosotros.png) no-repeat; text-indent: -9999px; background-position: -201px;}
		
		a.sobre-nosotros-cat { display: block; width: 201px; height: 99px; background: url(../images/menu/sobre-nosotros-cat.png) no-repeat; text-indent: -9999px;}
		a.sobre-nosotros-cat:hover { background-position: -201px; }
		a.sobre-nosotros-cat-select { display: block; width: 201px; height: 99px; background: url(../images/menu/sobre-nosotros-cat.png) no-repeat; text-indent: -9999px; background-position: -201px;}
		
		/* retail-marketing */
		a.retail-marketing { display: block; width: 201px; height: 99px; background: url(../images/menu/retail-marketing.png) no-repeat; text-indent: -9999px;}
		a.retail-marketing:hover { background-position: -201px; }
		a.retail-marketing-select { display: block; width: 201px; height: 99px; background: url(../images/menu/retail-marketing.png) no-repeat; text-indent: -9999px; background-position: -201px;}
		
		a.retail-marketing-cat { display: block; width: 201px; height: 99px; background: url(../images/menu/retail-marketing-cat.png) no-repeat; text-indent: -9999px;}
		a.retail-marketing-cat:hover { background-position: -201px; }
		a.retail-marketing-cat-select { display: block; width: 201px; height: 99px; background: url(../images/menu/retail-marketing-cat.png) no-repeat; text-indent: -9999px; background-position: -201px;}
		
		/* estudios-de-mercado */
		a.estudios-de-mercado { display: block; width: 201px; height: 99px; background: url(../images/menu/estudios-de-mercado.png) no-repeat; text-indent: -9999px;}
		a.estudios-de-mercado:hover { background-position: -201px; }
		a.estudios-de-mercado-select { display: block; width: 201px; height: 99px; background: url(../images/menu/estudios-de-mercado.png) no-repeat; text-indent: -9999px; background-position: -201px;}
		
		a.estudios-de-mercado-cat { display: block; width: 201px; height: 99px; background: url(../images/menu/estudios-de-mercado-cat.png) no-repeat; text-indent: -9999px;}
		a.estudios-de-mercado-cat:hover { background-position: -201px; }
		a.estudios-de-mercado-cat-select { display: block; width: 201px; height: 99px; background: url(../images/menu/estudios-de-mercado-cat.png) no-repeat; text-indent: -9999px; background-position: -201px;}
		
		/* centros-comerciales */
		a.centros-comerciales { display: block; width: 201px; height: 99px; background: url(../images/menu/centros-comerciales.png) no-repeat; text-indent: -9999px;}
		a.centros-comerciales:hover { background-position: -201px; }
		a.centros-comerciales-select { display: block; width: 201px; height: 99px; background: url(../images/menu/centros-comerciales.png) no-repeat; text-indent: -9999px; background-position: -201px;}
		
		a.centros-comerciales-cat { display: block; width: 201px; height: 99px; background: url(../images/menu/centros-comerciales-cat.png) no-repeat; text-indent: -9999px;}
		a.centros-comerciales-cat:hover { background-position: -201px; }
		a.centros-comerciales-cat-select { display: block; width: 201px; height: 99px; background: url(../images/menu/centros-comerciales-cat.png) no-repeat; text-indent: -9999px; background-position: -201px;}
		
		/* estudios-disponibles */
		a.estudios-disponibles { display: block; width: 201px; height: 99px; background: url(../images/menu/estudios-disponibles.png) no-repeat; text-indent: -9999px;}
		a.estudios-disponibles:hover { background-position: -201px; }
		a.estudios-disponibles-select { display: block; width: 201px; height: 99px; background: url(../images/menu/estudios-disponibles.png) no-repeat; text-indent: -9999px; background-position: -201px;}
		
		a.estudios-disponibles-cat { display: block; width: 201px; height: 99px; background: url(../images/menu/estudios-disponibles-cat.png) no-repeat; text-indent: -9999px;}
		a.estudios-disponibles-cat:hover { background-position: -201px; }
		a.estudios-disponibles-cat-select { display: block; width: 201px; height: 99px; background: url(../images/menu/estudios-disponibles-cat.png) no-repeat; text-indent: -9999px; background-position: -201px;}
		
		/* geografia-comercial-urbana */
		a.geografia-comercial-urbana { display: block; width: 201px; height: 99px; background: url(../images/menu/geografia-comercial-urbana.png) no-repeat; text-indent: -9999px;}
		a.geografia-comercial-urbana:hover { background-position: -201px; }
		a.geografia-comercial-urbana-select { display: block; width: 201px; height: 99px; background: url(../images/menu/geografia-comercial-urbana.png) no-repeat; text-indent: -9999px; background-position: -201px;}
		
		a.geografia-comercial-urbana-cat { display: block; width: 201px; height: 99px; background: url(../images/menu/geografia-comercial-urbana-cat.png) no-repeat; text-indent: -9999px;}
		a.geografia-comercial-urbana-cat:hover { background-position: -201px; }
		a.geografia-comercial-urbana-cat-select { display: block; width: 201px; height: 99px; background: url(../images/menu/geografia-comercial-urbana-cat.png) no-repeat; text-indent: -9999px; background-position: -201px;}
		
		/* club-retail-trade */
		a.club-retail-trade { display: block; width: 201px; height: 99px; background: url(../images/menu/club-retail-trade.png) no-repeat; text-indent: -9999px;}
		a.club-retail-trade:hover { background-position: -201px; }
		a.club-retail-trade-select { display: block; width: 201px; height: 99px; background: url(../images/menu/club-retail-trade.png) no-repeat; text-indent: -9999px; background-position: -201px;}
		
		a.club-retail-trade-cat { display: block; width: 201px; height: 99px; background: url(../images/menu/club-retail-trade-cat.png) no-repeat; text-indent: -9999px;}
		a.club-retail-trade-cat:hover { background-position: -201px; }
		a.club-retail-trade-cat-select { display: block; width: 201px; height: 99px; background: url(../images/menu/club-retail-trade-cat.png) no-repeat; text-indent: -9999px; background-position: -201px;}
	
	#sobre-nosotros{ color: #644c8a;}
	#retail-marketing{ color: #a4222c;}
	#estudios-de-mercado{ color: #4f524b;}
	#centros-comerciales{ color: #2ca57c;}
	#estudios-disponibles{ color: #3e4c95;}
	#geografia-comercial-urbana{ color: #fcaa00;}
	#club-retail-trade{ color: #49afbe;}

	
	h1{ margin: 0; font-size: 22px; font-weight: 100;}
	
	
	/* table website */
	table.website{ margin: 10px auto 0 auto; width: 836px;}
	
		td.ws-crono{ height: 30px; padding: 5px 5px 5px 5px; vertical-align: top;}
		td.ws-submenu{ width: 169px; vertical-align: top; padding: 5px 0px 0px 5px; margin: 0;}
		td.ws-white{ width: 19px; height: 285px; background-image: url(../images/barra_contenido.png); background-repeat: repeat-y;}
		td.ws-body{ width: 624px; height: 285px; vertical-align: top; text-align: justify;}
			td.ws-body a img { border: none; }
		td.ws-bodyCenter{ width: 624px; height: 285px; vertical-align: top; text-align: center;}
		td.ws-white-horizontal{  border-bottom: 1px solid #cccccc;}
		td.ws-bottom{ height: 30px; text-align: right; font-size: 11px;}
			.ws-bottom a{ text-decoration: none; color: #666666; }
			.catala {width: 27px; height: 20px; background-image: url(../images/catala.png); background-repeat: no-repeat;}
			.spanish {width: 27px; height: 20px; background-image: url(../images/spanish.png); background-repeat: no-repeat;}
		
	/* table menu */
	table.menu{ width: 730px;}
		
		td.menu{ text-align: center; padding: 0 5px 5px 5px;}
		.menu-index{width: 201px; height: 99px; background-image: url(../images/menu/logo.png); background-repeat: no-repeat; background-position: center;}
		
	/* table submenu */
	table.submenu{ width: 100%; margin: 0;}
		
		td.submenu{ padding: 5px 2px 5px 2px;}
		td.submenu:hover{ padding: 5px 2px 5px 2px; background-image: url(../images/bg_submenu.png); background-repeat: repeat-y;}
		td.submenu-select{ padding: 5px 2px 5px 2px; background-image: url(../images/bg_submenu.png); background-repeat: repeat-y;}
		
			a.submenu{ color: #666666; text-decoration: none; margin: 3px 3px 3px 3px;}
			a.submenu-select{ text-decoration: none; font-weight: bold; margin: 3px 3px 3px 3px;}
			
			
	/* body */
	div.body{ width: 100%; height: 285px; padding: 0px 10px 10px 10px; overflow: auto; line-height: 22px;}
		
		div.body ul{ margin: 0;}
		div.body li{ margin: 0; padding: 0;}
	
	/* admin */
	a.volver{ color: red; font-size: 13px; letter-spacing: 1px; text-decoration: none;}
	a.volver:hover{ color: red; font-size: 13px; letter-spacing: 2px; text-decoration: none;}
	
	a.delete{ color: red; font-size: 10px; text-decoration: none; letter-spacing: 1px; cursor: pointer;}
	a.delete:hover{ color: red; font-size: 10px; text-decoration: none; letter-spacing: 2px; cursor: pointer;}
	
	img.icon{ width: 15px; cursor: pointer;}
	
	#error{ text-align: center; color: red; padding: 5px 5px 5px 5px;}
	#ok{ text-align: center; color: green; padding: 5px 5px 5px 5px;}
	
	#right{ text-align: right;}
	#left{ text-align: left;}
	#center{ text-align: center;}