@charset "UTF-8";

/* html */
body {
  background-color: #eeeddf;
  margin: 0px;
}

table {
  margin: auto;
  text-align: center;
}

img {
  border: none;
}
.inputFecha input {
  float: left;
}

/* hacks */ /* alineacion */
.izquierda {
  text-align: left;
}

.centrado {
  text-align: center;
}

.derecha {
  text-align: right;
}

.justificado {
  text-align: justify;
}

/* separador */
.separador1 {
  height: 10px;
}

.separador2 {
  background: url(../imagenes/separador2.gif) no-repeat;
  height: 10px;
}

.separador3 {
  height: 20px;
}

.separador4 {
  height: 35px;
}

/* id's */
#paginador {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #006699;
}
#contenido {
  padding: 20px;
  text-align: left;
}

#contenido-compra-exitosa {
  padding: 20px;
  text-align: center;
}

#contenido-categoria {
  padding-left: 20px;
  padding-right: 20px;
}
#contenido-producto {
  padding-left: 20px;
  padding-right: 20px;
}

/* colores de fondo */
.color-d8a1c9 {
  background-color: #D8A1C9;
}

.color-ffffff {
  background-color: #FFFFFF;
}

.color-f8fcf9 {
  background-color: #F8FCF9;
}

.color-eac4e8 {
  background-color: #EAC4E8;
}
.color-b3bf37 {
  background-color: #B3BF37;
}

/* imagenes de fondo */
#cabecera { }

#datos-utiles {
  background: url(../imagenes/patch4.gif) no-repeat;
  width: 200px;
  height: 165px;
}

#newsletter {
  background: url(../imagenes/recibanoticiasfondo.gif) no-repeat;
  width: 200px;
  height: 165px;
}

.fondo-producto {
  background: url(../imagenes/fondodestac1.gif) no-repeat;
  width: 280px;
  height: 175px;
}

#bloque-carro {
  background: url(../imagenes/fondo_carro_side.gif) no-repeat;
  width: 200px;
  height: 165px;
}

/* enlaces */
#categorias a {
  font-size: 12px;
  color: #FFFFFF;
  font-family: "Century Gothic";
  text-decoration: none;
}

#categorias a:hover {
  text-decoration: underline;
}

#destacados a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #006699;
  text-decoration: none;
}

#destacados a:hover {
  text-decoration: underline;
}

#productos a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #006699;
  text-decoration: none;
}

#productos a:hover {
  text-decoration: underline;
}

#paginador a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #006699;
  text-decoration: none;
}

#paginador a:hover {
  text-decoration: underline;
}

#datos-utiles a {
  font-family: "Century Gothic";
  font-size: 12px;
  color: #006699;
  text-decoration: none;
}

#datos-utiles a:hover {
  text-decoration: underline;
}

#menu-cabecera a {
  font-size: 11px;
  font-family: "Century Gothic";
  color: #336600;
  text-decoration: none;
}

#menu-cabecera a:hover {
  text-decoration: underline;
}

/* padding's */
.padding1 {
  padding-bottom: 5px;
}

.padding2 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.padding3 {
  padding: 10px;
}

.padding4 {
  padding-left: 20px;
}

/* Fuentes */
.Estilo8 {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #336600;
}

.Estilo17 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #999900;
}

.Estilo18 {
  font-size: 12px;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
}

.Estilo21 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #006699;
}

.Estilo28 {
  font-size: 12px;
  color: #666666;
  font-family: "Century Gothic";
}

.Estilo29 {
  font-size: 12px;
  font-family: "Century Gothic";
  color: #336600;
}

.Estilo30 {
  font-size: 12px;
  color: #FFFFFF;
  font-family: "Century Gothic";
}

.Estilo31 {
  font-family: "Century Gothic";
  font-size: 12px;
  color: #006699;
}

.Estilo32 {
  font-size: 14px;
  color: #999900;
  font-family: "Century Gothic";
}

.Estilo33 {
  font-size: 10px;
  font-family: "Century Gothic";
}

.Estilo34 {
  color: #D8A1C9
}

.Estilo35 {
  font-size: 11px;
  font-family: "Century Gothic";
  color: #336600;
}

.Estilo38 {
  font-size: 12px
}

.Estilo39 {
  font-size: 10px;
  font-family: "Century Gothic";
  color: #FFFFFF;
}

.Estilo40 {
  font-size: 16px;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}