@charset "utf-8";
/* CSS Document */


/* define aspectos genericos */
/******************************************************************************************************************************/
body {font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:12px; color:#666; background-color:#FCFCFC}
p {margin:0}
img {border:0}

h1 {font-size:32px;	font-weight:normal;	color:#333;	margin: 0}
h2 {font-size:18px;	font-weight:normal;	color:#333;	margin: 0}
h3 {font-size:18px;	font-weight:normal;	color:#999;	margin: 0}
h4 {font-size:14px;	font-weight:normal;	color:#666;	margin: 0}

a:link    {color:#08c; text-decoration:none}
a:visited {color:#08c; text-decoration:none}
a:hover   {color:#08c; text-decoration:underline}


/* define formato textos */
/********************************************************************************************************** referencias store */
.catalogo_ref {font-size:12px; font-weight:normal; color:#08c; margin:0}


/* define aspecto de los enlaces */
/********************************************************************************************************************** index */
a.inicio:link      {color:#FFF; text-decoration:none}
a.inicio:visited   {color:#FFF; text-decoration:none}
a.inicio:hover     {color:#333; text-decoration:none}
/*********************************************************************************************************** destacados menús */
a.menustit:link    {color:#666; text-decoration:none; font-size:12px; font-weight:bold; line-height:18px}
a.menustit:visited {color:#666; text-decoration:none; font-size:12px; font-weight:bold; line-height:18px}
a.menustit:hover   {color:#333; text-decoration:none}
/************************************************************************************************************** default menús */
a.menus:link       {color:#888; text-decoration:none; font-size:11px; font-weight:normal; line-height:18px}
a.menus:visited    {color:#888; text-decoration:none; font-size:11px; font-weight:normal; line-height:18px}
a.menus:hover      {color:#333; text-decoration:none}
/************************************************************************************************************ página de links */
a.enlaces:link     {color:#888; text-decoration:none; font-size:10px; line-height:14px}
a.enlaces:visited  {color:#888; text-decoration:none; font-size:10px; line-height:14px}
a.enlaces:hover    {color:#333; text-decoration:none}



/* define DIV's */
/******************************************************************************************************************************/
#content  {width:980px; height:auto; margin:0 auto}

#cabecera {width:980px; height:38px; margin:20px 0 10px 0}

#titulo   {width:980px; height:auto; margin:0 0 10px 0}

#centro      {width:980px; height:auto; float:left; margin:0 0 30px 0; background-color:#FFF; border:1px solid #EEE}
#centroblack {width:980px; height:auto; float:left; margin:0 0 30px 0; background-color:#000; border:1px solid #EEE}

#faldon   {width:980px; height:auto; float:left; margin:20px 0 20px 0}

#left640  {width:640px; height:auto; float:left}

#col1     {width:280px; height:auto; float:left;  padding:10px}
#col2     {width:280px; height:auto; float:right; padding:10px}
#col3     {width:280px; height:auto; float:right; padding:10px}

#img980   {width:980px; height:auto; float:left}

#menu     {clear:both; width:980px; height:auto; margin:0 0 0 0; background-color: #F4F4F4}
#ruta     {clear:both; width:980px; height:20px; margin:0 0 0 0; background-color: #FCFCFC}

#pie      {clear:both; width:980px; height:30px; margin:50px 0 0 0}
#pieleft  {width:auto; height:auto; float:left}
#pieright {width:auto; height:auto; float:right; text-align:right}