* {
  margin:               0px;
  padding:              0px;
}
body {
  background-image:     url(img/fondo-cuerpo.gif);
  background-repeat:    repeat-x;
  background-color:     #FFFFFF;
  width:                100%;
  font-family:          verdana, tahoma, trebuchet ms;
  font-size:            11px;
  color:                #666666;
}
img {
  border:               0px;
}
a {
  color:                #666666;
  text-decoration:	none;
}
a:hover {
  color:                #00AAFF;
}
h2 {
  font-size:		18px;
}

/* ------------------------------------------------------------ */
#cuerpo {
  width:                940px;
  margin:               0px 0px 20px 30px;
}

#encabezado {
  position:             relative;
  background-image:     url(img/fondo-encabezado.gif);
  background-repeat:    no-repeat;
  background-position:  400px 0px;
  width:                940px;
  height:               110px;
  margin-bottom:        10px;
}

#encabezado #logo {
  position:             absolute;
  margin:               45px 0px 25px 0px;
}
#encabezado #menu {
  position:             absolute;
  right:                0px;
  bottom:               0px;
  list-style-type:      none;
}
#encabezado #menu li {
  float:                left;
}
#encabezado #menu .inicio {
  padding-right:	6px;
}
#encabezado #contacto {
  position:             absolute;
  width:                202px;
  height:               91px;
  right:                0px;
}

#marco {
  position:             relative;
  width:                940px;
}

#columnaIzq {
  width:                202px;
  padding-right:        8px;
  float:                left;
}

#centro {
  width:                520px;
  float:                left;
}
#columnaDer {
  position:             absolute;
  right:                0px;
  width:                202px;
  padding-left:         8px;
  float:                left;
}

.panel {
  width:                202px;
  background-image:     url(img/panel-cerrado.gif);
  background-repeat:    no-repeat;
  background-position:  top;
  margin-bottom:        4px;
  font-size:            0px;
}
.tituloPanel {
  margin:               1px 0px 0px 18px;
  display:              inline;
  float:                left;
}
.botonPanel {
  margin:               9px 9px 0px 0px;
  display:              inline;
  float:                right;
}

.panelContenido {
  clear:                both;
  width:                202px;
  background-image:     url(img/panel-contenido.gif);
  background-repeat:    no-repeat;
  background-position:  bottom;
}
.panelContenido_texto {
  font-size:            11px;
  font-family:          verdana, tahoma, trebuchet ms;
  color:                #BBBBBB;
  padding:              5px 15px 0px 18px;
}
.panelContenido_flow {
  width:                200px;
  height:               150px;
  overflow:             auto;
}
.panelContenido_flow_texto {
  font-size:            11px;
  font-family:          verdana, tahoma, trebuchet ms;
  color:                #666666;
  line-height:          16px;
  padding:              5px 15px 10px 18px;
}
.panelLink {
  font-size:            11px;
  font-family:          verdana, tahoma, trebuchet ms;
  color:                #666666;
  text-decoration:      none;
}
.panelLink:hover {
  color:                #00AAFF;
}
.panelLinkParent {
  font-size:            11px;
  font-family:          verdana, tahoma, trebuchet ms;
  color:                #000000;
  text-decoration:      none;
}
.panelLinkParent:hover {
  color:                #00AAFF;
}
.panelLinkOn {
  color:                #FF0000;
  text-decoration:      none;
}
#banner {
  font-size:            0px;
}
#contenido {
  margin-bottom:        40px;
}

#copyright {
  margin:               5px 0px 30px 18px;
  font-size:            10px;
  font-family:          verdana, tahoma, trebuchet ms;
  color:                #666666;
}

#info {
  position:             relative;
  width:                520px;
  height:               24px;
  background-color:     #888888;
}
#info #tituloContenido {
  font-size:            12px;
  font-family:          verdana, tahoma, trebuchet ms;
  font-weight:          bold;
  color:                #FFFFFF;
  padding:              4px 0px 0px 25px;
}
#info .volver {
  position:             absolute;
  right:                10px;
  top:                  2px;
}

#barraNegra {
  clear:                both;
  width:                520px;
  height:               30px;
  background-color:     #666666;
  font-size:            0px;
  margin-top:           3px;                
}
#barraRoja {
  clear:                both;
  width:                520px;
  height:               3px;
  background-color:     #FF6600;
  font-size:            0px;
}



#destacados___ {
  background-image:     url(img/fondo-destacados-y.gif);
}
#linea {
  width:                518px;
  height:               1px;
  background-image:     url(img/fondo-destacados-x.gif);
  font-size:            0px;
  margin:               0px 1px 0px 1px;
}

#destacado {
  width:                172px;
  height:               200px;
  padding:              5px 0px 0px 1px;
  float:                left;
}
#destacado #thumb {
  width:                172px;
  height:               130px;
}
#destacado #texto {
  clear:                both;
  padding:              2px 10px 0px 10px;
  font-size:            12px;
  color:                #333333;
}

#contenedor {
  position:		relative;
  width:                171px;
  float:                left;
}
#tipo {
  width:                171px;
  background-repeat:    no-repeat;
  background-position:  top left;
  padding-bottom:       20px;
}
#tipo #titulo {
  text-align:           center;
  height:               35px;
  width:		100%;
  float:		left;
  padding:              10px 0px;
}
#tipo #texto {
  clear:		both;
  padding:              10px 0px 0px 10px;
}
#tipo_pie {
  position:		absolute;
  bottom:		0px;
  _bottom:		-10px;
  width:                171px;
  height:               6px;
  background-repeat:    no-repeat;
}

.producto {
  clear:                both;
  padding:              6px 0px 6px 0px;
  width:                100%;
  border-bottom:        1px dashed #999999;
  float:                left;
}
.producto #boton {
  width:                25px;
  height:               21px;
  float:                left;
}
.producto .mini {
  width:                45px;
  float:                left;
}
.producto #texto {
  font-size:            12px;
  color:                #333333;
  width:                340px;
  line-height:          13px;
  float:                left;
}
.producto #precio {
  font-size:            13px;
  font-weight:          bold;
  width:                100px;
  float:                right;
  text-align:           right;
  color:                #FF6600;
}
.producto #compra {
  background-image:     url(img/compra2.gif);
  background-repeat:    no-repeat;
  width:                150px;
  float:                right;
  height:               21px;
  font-size:            0px;
  text-align:           right;
}
.producto .detalle {
  clear:                both;
  width:                475px;
  padding:              10px 20px 20px 25px;
  background-color:     #F5F5F5;
  float:				left;
  margin-top:			21px;


}
.producto .detalle #texto {
  font-size:            11px;
  font-family:          verdana, tahoma, trebuchet ms;
  float:		left;
}

.cantidad {
  width:                12px;
  height:               15px;
  font-size:            11px;
  text-align:           right;
  color:                #FFFFFF;
  background-color:     #666666;
  border:               0px;
  position:             absolute;
  padding:              3px;
}

.thumb {
  width:                180px;
  height:               150px;
  float:                left;
  padding-right:        20px;
}
.thumb #navegador {
  height:               13px;
  width:                162px;
  padding:              1px 0px 1px 10px;
  background-color:     #DDDDDD;
}

#error {
  width:                520px;
  margin:               25px;
  color:                #FF0000;
}

#enCarrito {
  clear:                both;
}
#enCarrito #cantidad {
  width:                40px;
  float:                left;
  text-align:           right;
}
#enCarrito #nombre {
  width:                110px;        
  float:                left;
}


#espera {
  position:             absolute;
  top:                  300px;
  left:			415px;
  width:                170px;
  height:               60px;
  z-index:		100;
}
#espera #mensaje {
  position:             absolute;
  width:		100px;
  height:               40px;
  padding:              15px 20px 5px 50px;
  background-image:     url(img/cargando.gif);
  background-position:  0px 10px;
  background-repeat:	no-repeat;
  background-color:     #FFFFFF;
  border:		1px solid #00AAFF;
  z-index:              1;
}
#espera #sombra {
  position:             absolute;
  top:                  5px;
  left:			5px;
  width:                170px;
  height:               60px;
  background-color:     #003244;
  filter:               alpha(opacity=50);
  -moz-opacity:         0.5;
  opacity:              0.5;
  z-index:              0;
}

/* ------------------------------------------------------------ */
.input {
  font-family:          verdana, tahoma, trebuchet ms;
  padding:              2px;
  border:               1px solid #AAAAAA;
  font-size:            11px;
  background-color:     #FFFFFF;
  color:                #666666;
}
.linea {
  margin:               5px;
  clear:                both;
  width:                190px;
  border-bottom:        1px dashed #AAAAAA;
  font-size:            0px;
}
.link {
  color:                #666666;
  text-decoration:      none;
}
.link:hover {
  color:                #FF0000;
}
.codigo {
  font-size:            9px;
  color:                #888888;
}

.requerido {
  color:                #FF0000;
}



#listaCarrito {
  width:		100%;
}
#listaCarrito thead {
  background-color:	#EEEEEE;
}
#listaCarrito thead th {
  padding:		3px;
}
#listaCarrito .thCant {
  width:		55px;
}
#listaCarrito .thNombre {
  width:		410px;
}
#listaCarrito .quitar {
  width:		30px;
  text-align:		center;  
}
#listaCarrito tr td {
  border-bottom:	1px dotted #666666;
}
#listaCarrito .cant {
  width:                60px;
  height:               15px;
  font-size:            11px;
  text-align:           right;
  color:                #FFFFFF;
  background-color:     #666666;
  border:               0px;
  padding:              3px;
}

#formulario .input {
  width:		320px;
}
#formulario .select {
  width:		328px;
}
#formulario .label {
  width:		150px;
  padding-right:	10px;
  text-align:		right;
  font-weight:		bold;
}
#formulario .radio {
  position:		relative;
  top:			3px;
  margin-right:		3px;
}