body {
  margin: 0px;
  background: #FFFFFF url(../sistema/imagenes/fd_rotulo.gif) repeat-x top center;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  }

/* ----------------------------------------------------------- */

#rotulo_izq {
  position: absolute;
  left: 0px; top: 0px;
  width: 100%;
  text-align: left;
  }

#rotulo_der {
  position: absolute;
  left: 0px; top: 0px;
  width: 100%;
  text-align: right;
  }

#rotulo {
  width: 100%; height: 100px;
  text-align: center;
  }

#rotulo_fecha {
  float: left;
  width: 281px; height: 26px;
  background: transparent url(../sistema/imagenes/fd_rotulo_fecha.gif) no-repeat top left;
  text-align: left;
  padding-top: 5px;
  padding-left: 20px;
  font-size: 10px;
  color: #FFFFFF;
  }

#rotulo_tiendas {
  float: right;
  width: 281px; height: 26px;
  background: transparent url(../sistema/imagenes/fd_rotulo_tiendas.gif) no-repeat top right;
  text-align: right;
  padding-right: 20px;
  }
#rotulo_tiendas select {
  width: 140px;
  background-color: #B0381E;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  }

#rotulo_eslogan {
  width: 100%;
  text-align: center;
  padding-top: 15px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #B0381E;
  }

/* ----------------------------------------------------------- */
/* Secciones y Grupos */

#sg {
  margin-top: 11px;
  margin-bottom: 18px;
  margin-left: 0px;
  margin-right: 0px;
  text-align: center;
  }

#sg span { height: 20px; font-size: 10px; font-weight: bold; }

#sg div.secciones {
  width: 100%; height: 20px;
  background: #FFFFFF url(../sistema/imagenes/fd_secciones.gif) repeat-x bottom center;
  margin-top: 7px;
  }

#sg span.s_off {
  background: #B0381E;
  margin: 0px; margin-left: 3px; margin-right: 3px;
  border: 1px solid #700000;
  padding: 2px; padding-left: 10px; padding-right: 10px;
  }
#sg a.s_off { color: #FFFFFF; text-decoration: none; }
#sg a.s_off:hover { text-decoration: underline; }

#sg span.s_on {
  background: #DFEEC6;
  margin: 0px; margin-left: 3px; margin-right: 3px;
  border: 1px solid #B0381E; border-bottom: 1px solid #DFEEC6;
  padding: 2px; padding-left: 10px; padding-right: 10px;
  }
#sg a.s_on { color: #000000; text-decoration: none; }
#sg a.s_on:hover { text-decoration: underline; }

#sg div.grupos {
  width: 100%; height: 20px;
  background: #DFEEC6 url(../sistema/imagenes/fd_grupos.gif) repeat-x bottom center;
  }
#sg div.separa_grupos {
  width: 100%; height: 7px;
  background: #DFEEC6;
  }
#sg div.termina_grupos {
  width: 100%; height: 4px;
  background: #DFEEC6;
  }

#sg span.g_off {
  background: #C1DD91;
  margin: 0px; margin-left: 3px; margin-right: 3px;
  border: 1px solid #6B8E23;
  padding: 2px; padding-left: 10px; padding-right: 10px;
  }
#sg a.g_off { color: #000000; text-decoration: none; }
#sg a.g_off:hover { text-decoration: underline; }

#sg span.g_on {
  background: #FFFFFF;
  margin: 0px; margin-left: 3px; margin-right: 3px;
  border: 1px solid #B0381E;
  padding: 2px; padding-left: 10px; padding-right: 10px;
  }
#sg a.g_on { color: #B0381E; text-decoration: none; }
#sg a.g_on:hover { text-decoration: underline; }

/* ----------------------------------------------------------- */

#columna_izq {
  float: left;
  width: 164px;
  background: #C1DD91 url(../sistema/imagenes/fd_col_izq.gif) repeat-y center top;
  text-align: left;
  font-size: 10px;
  color: #000000;
  }
div.extremo_izq { height: 9px; }
div.contenido_izq { padding: 0px; padding-left: 13px; padding-right: 9px; }
div.titulo_izq {
  background: #B0381E url(../sistema/imagenes/fd_col_izq_rotulo.gif) repeat-y center top;
  padding: 0px;
  padding-left: 4px;
  padding-top: 3px; padding-bottom: 3px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  }
div.flash_izq {
  background: #B0381E url(../sistema/imagenes/fd_col_izq_rotulo.gif) repeat-y center top;
  padding: 0px;
  padding-left: 4px;
  padding-top: 1px; padding-bottom: 1px;
  text-align: center;
  }

#columna_der {
  float: right;
  width: 164px;
  background: #C1DD91 url(../sistema/imagenes/fd_col_der.gif) repeat-y center top;
  text-align: left;
  font-size: 10px;
  color: #000000;
  }
div.extremo_der { height: 9px; }
div.contenido_der { padding: 0px; padding-left: 9px; padding-right: 13px; }
div.imagen_der { padding: 0px; padding-right: 4px; }
div.titulo_der {
  background: #B0381E url(../sistema/imagenes/fd_col_der_rotulo.gif) repeat-y center top;
  padding: 0px;
  padding-right: 4px;
  padding-top: 3px; padding-bottom: 3px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  }
div.flash_der {
  background: #B0381E url(../sistema/imagenes/fd_col_der_rotulo.gif) repeat-y center top;
  padding: 0px;
  padding-right: 4px;
  padding-top: 1px; padding-bottom: 1px;
  text-align: center;
  }

span.suave { color: #6B8E23; }
#columna_izq a { color: #000000; text-decoration: none; }
#columna_izq a:hover { text-decoration: underline; }
#columna_der a { color: #000000; text-decoration: none; }
#columna_der a:hover { text-decoration: underline; }
#columna_izq img { border-color: #6B8E23; }
#columna_der img { border-color: #6B8E23; }

/* ----------------------------------------------------------- */

input.buscar {
  width: 141px;
  background-color: #FFFFFF;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  }

/* ----------------------------------------------------------- */

#boton_subir {
  clear: both;
  width: 100%; height: 26px;
  background: #FFFFFF;
  text-align: right;
  }

#pie {
  width: 100%; height: 44px;
  background: #B0381E url(../sistema/imagenes/fd_pie.gif) repeat-x top center;
  }

#pie_izq {
  float: left;
  width: 150px; height: 44px;
  background: transparent;
  text-align: left;
  }

#pie_der {
  float: right;
  width: 150px; height: 44px;
  background: transparent;
  text-align: right;
  }

#pie_centro {
  width: 100%; height: 44px;
  background: transparent;
  text-align: center;
  font-size: 10px;
  color: #B0381E;
  }
#pie_centro a {  font-weight: bold; color: #FFFFFF; text-decoration: none; }
#pie_centro a:hover { text-decoration: underline; }
#pie_centro span.separador { color: #FFFFFF; }

/* ----------------------------------------------------------- */
.petitvert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #009900;
}
.bleu {
	font-family: Arial;
	font-size: 12px;
	color: #000099;
}