/*
//
// +----------------------------------------------------------------------+
// |zen-cart Open Source E-commerce                                       |
// +----------------------------------------------------------------------+
// | Copyright (c) 2003 The zen-cart developers                           |
// |                                                                      |
// | http://www.zen-cart.com/index.php                                    |
// |                                                                      |
// | Portions Copyright (c) 2003 osCommerce                               |
// +----------------------------------------------------------------------+
// | This source file is subject to version 2.0 of the GPL license,       |
// | that is bundled with this package in the file LICENSE, and is        |
// | available through the world-wide-web at the following url:           |
// | http://www.zen-cart.com/license/2_0.txt.                             |
// | If you did not receive a copy of the zen-cart license and are unable |
// | to obtain it through the world-wide-web, please send a note to       |
// | license@zen-cart.com so we can mail you a copy immediately.          |
// +----------------------------------------------------------------------+
// $Id: stylesheet.css,v 1.6 2004/01/13 15:39:05 wilt Exp $
*/

/*
Para CXPun se cambia el color de fondo de #670001 a #000000
También sustituyo los FFD700 por FF0000, es el color amarillo por el
rojo, para las letras
*/
BODY {
        background-color: #000000;
        color: #FFFFFF;
        margin: 0px;
        margin-bottom: 10px;
        padding: 0px;
   font: 11px Georgia, Arial, Verdana, sans-serif;
}

.centershop {
        padding: 0px;
        margin: 0px auto;
        position: relative;
        text-align: left;
        width: 950px !important;
}

TD.main, P.main {
  font-size: 12px;
  line-height: 1.5;
}

P.empresa {
	font-size: 15px;
}

A {
  /* color: #428dff; */
  color: #FFFFFF;
  text-decoration: none;
}

A:hover {
  color: #ffb062;
  text-decoration: underline;
}

FORM {
        display: inline;
}

.exper {
        /* color: Lime; */
        font-size: 12px;
        font-weight: bold;
}

/*HEADER CSS*/

TABLE.header {
  background: #000000;
  background-image: url(../images/header_bg.jpg);
  background-repeat: repeat-x;
  height: 70px;
  width: 950px !important;
  background-color: #000000;
  /* Para CxPun le quito los border
  border-right: 1px solid #999966;
  border-left: 1px solid #999966;
  border-bottom: 1px solid #999966; */
}

TABLE.headerNavigation {
  background: #999966;
  background-image: url(../images/tile_back.jpg);
  /* Para CxPun le quito los border
  border-right: 1px solid #999966;
  border-left: 1px solid #999966;
  border-bottom: 1px solid #999966; */
  width: 100% !important;
}

TD.headerNavigation {
  width: 950px !important;
  position: relative;
  vertical-align:middle;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight:bold;
  color:#000000;
  letter-spacing:1px;
  padding: 5px;
}

TD.breadCrumb A {
   font-weight:bold;
        color: #FFFFFF;
}

TD.breadCrumb A:Hover {
  color: #ffb062; *
  text-decoration: underline;
}

}
TD.breadCrumb {
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  padding: 3px;
  border-bottom: 1px dotted #9a9a9a;
}

/* Letra de la cabecera Home/Ingresar */
TD.headerNavigation A, TD.headerNavigation A:visited  {
  font-weight:bold;
  /* color: #660000; */
  /* color: #8B008B;  ; */
  color: #FFFFFF;
}

TD.headerNavigation A:hover, td.footertop a:hover  {
  /* color: #a8cfff; */
  color: #FFA500;
}


TR.headerError {
  background: #000000;
  color:
}

TD.headerError {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #000000;
  color: #FF0000;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #000000;
}

TD.headerInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #000000;
  /* color: #660000; */
  color: #8B008B;
  font-weight: bold;
  text-align: center;
}

/*SIDEBOX CSS*/

.column_box_spacer_left {
  height: 6px;
}

.column_box_spacer_right {
  height: 6px;
}

.column_box_spacer_single {
  height: 6px;
}

/* El padding que ponemos aqui es para que las cajas de la izquierda
   empiezen mas abajo. */
.column_left{
  background: #000000;
  padding: 2px;
  padding-right: 20px;
  padding-top: 40px;
}

.column_right{
  background: #000000;
  padding: 2px;
}

.boxText {
  font-size: 20px;
  line-height: 125%;
}

/*
TD.sideboxContent A {
        color: Lime;
}

TD.sideboxContent A:hover {
        background: #ffffff;
        color: Aqua;
}
*/

.sideBoxContent {
 font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
  line-height: 125%;
  padding: 4px;
  font-size: 18px; /* letra de las cajas */
  /* border-left: 1px solid #999966;
  border-right: 1px solid #999966;
  border-top: 1px solid #999966;
  border-bottom: 1px solid #999966;  */
}

.IndexText {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
}

/* Letra de la cabecera de las cajas que se pueden seleccionar */
.sideBoxHeading A  {
  font-weight:bold;
  /* color: #660000; */
  /* color: #8B008B;  ; */
  color: #660000;
}
.sideBoxHeading A:hover {
   color: #FFA500;
}

/* Letra del pie que dice home, cuando el raton no esta encima */
td.footertop a  {
  font-weight:bold;
  /* color: #660000; */
  /* color: #8B008B;  ; */
  color: #FFFFFF;
}


}

.sideBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #000000;
  /*border:1px solid #999966;*/
}

.plainBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #000000;
  /*border:1px solid #999966;*/
}

.infoBoxNotice {
   background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

/* Parte izquierda de la cabecera de los cuadros */
TD.sideBoxHeadingLeft {
  height: 0px;
  background: #000000;
  /* border:1px solid #999966; */
  /* padding-left: 5px; */
}

/* Fondo de las cabeceras de los cuadros. Parte del centro */
TD.sideBoxHeading {
  height: 0px;
  /* padding-left: 5px; */
  /* background: #659af0;*/
  background: #000000;
  /*background-image: url(../images/tile_back.gif); */
  color: #000000;
}

/* Parte derecha de la cabecera de los cuadros */
TD.sideBoxHeadingRight {
  height: 0px;
  background: #000000;
  /* border:1px solid #999966; */
  /* padding-left: 5px; */
}

.sideBoxHeading, .productListing-heading {
  font-size: 10px;
  font-weight: bold;
  /* color: #660000; */
  color: #FFFFFF;
  /* padding: 3px; */
}

/* fondo de cabecera de Novedades de ... */
TR.sideBoxHeading, TD.productListing-heading {
  /* background: #abbbd3; */
  background: #999966;
  background-image: url(../images/tile_back.jpg);
  color: #660000;
}

TD.productListing-heading A {
        color: #660000;
}

.sideBoxFooter {
  background: #000000;
  /* background-image: url(../images/tile_back.gif);
  border: 1px solid #999966; */
}

SPAN.newItemInCart {
  color: #ffFFFF;
  font-weight: bold;
}

/*center main section
-----------------------------------*/
TD.pageHeading, DIV.pageHeading, h1 {
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  padding-top: 11px;
}

.center_column {
  padding: 8px;
}
.main_page{
  width: 950px !important;
  background-color: #000000;
  /*
  Para CXPun le quito el borde de la página

  border-right: 1px solid #999966;
  border-left: 1px solid #999966;
  border-bottom: 1px solid #999966; */
  padding: 5px;
}

.plainBox {
  padding: 5px;
}

.plainBoxHeading {
  font-size: 12px;
  font-weight: bold;
  padding: 11px 5px 5px;
}
/* footer
--------------*/

TABLE.footer {
  background: #000000;
  text-align: center;
  font-size: 10px;
  /* Para CXpun le quito los border

  border-right: 1px solid #999966;
  border-left: 1px solid #999966;
  border-bottom: 1px solid #999966; */
}

TR.footertop {
  background: #999966;
  background-image: url(../images/tile_back.jpg);
  font-size: 11px;
}

TD.footertop, TD.footerbottom {
  padding: 5px;
}

/*miscellaneous areas
-------------------------------------*/
TD.infoBox, SPAN.infoBox {}

/* Caja que pone cantidad y agregar al carro */
TD.cartBox {
   /* background: #eff4f8; */
   background: #999966;
   font-size: 10px;
        color: #660000;
   padding: 3px;
   border: 1px dotted #ffb062;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #000000;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  /* background: #eff4f8; */
  background: #000000;
}

.errorBox {   background: #ff797c; color: #660000; font-weight: bold; }
.stockWarning {   color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit {   color: #70d250; text-decoration: underline; }
.productListing-heading {
  border-bottom: 1px solid #999966;
}

/* Cuando lista los productos, para que salga una raya dividiendo estos
   desmarcar la linea border-bottom */
TD.productListing-data {
   font-size: 10px;
   /* border-bottom: 1px dotted #D3D3D3;         */
}

/* TABLE.listBox {
  border: 1px solid #999966;
} */

td.pageresults a {
  color: #FFFFFF;
}

td.pageresults a:hover {
  color: #ffb062;
}
td.pageresults {
  font-size: 10px;
}
TR.subBar {
  background: #f4f7fd;
}

TD.smallText, SPAN.smallText, P.smallText {
   font-size: 10px;
}

TD.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-size: 12px;
}

TD.tableHeading {
  font-size: 12px;
  font-weight: bold;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-size:11px;
  font-family:Verdana,Helvetica;
  /* font-weight:bold; */
  color: #660000;
  background: Silver;
  border:0px;
  /* width:70px;
  height:15px; */
}

TEXTAREA {
  width: 100%;
  font-size: 11px;
  color: #660000;
  background: Silver;
}

.greetUser {
   font-size: 12px;
   padding-top: 5px;
   padding-bottom: 5px;
}

SPAN.greetUser {
  color: #F0A480;
  font-weight: bold;
}

TABLE.formArea {
        background: #f1f9fe;
        border: 1px solid #7b9ebd;
}

TD.formAreaTitle {
        font: bold 12px Verdana, Arial, sans-serif;
}

SPAN.markProductOutOfStock {
        color: #c76170;
        font: bold 12px Verdana, Arial, sans-serif;
}

span.normalprice {
        text-decoration: line-through;
}

SPAN.productSpecialPrice {
  color: #ff797c;
}

span.productSpecialPriceSale {
  color: #ff797c;
        text-decoration: line-through;
}

SPAN.productSalePrice {
  color: #FFFFFF;
}

SPAN.productPriceDiscount {
  font-size: 10px;
  color: #FFFFFF;
}

SPAN.errorText {
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo {   color: #8c8c8c; }
.checkoutBarCurrent {   color: #000000; }

/* message box */

.messageBox {   }
.messageStackError, .messageStackWarning { background-color: #ff797c; color: #660000; padding: 2px; border: 1px solid #999966; }
.messageStackSuccess {   background-color: #b3ffa8; padding: 2px; border: 1px solid #999966; }
.messageStackCaution { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #FFFF00; }

/* input requirement */

.inputRequirement {
  color: #ff0000;
  font-size: 10px;
}

span.coming {
color: #ff797c;
}

/* checkout totals */
TD.CheckoutConfirmationText {
  font-weight:bold;
}
TD.CheckoutConfirmationAmount {
}

/* product_info attribute comments */

.ProductInfoComments, TD.ProductInfoComments, SPAN.ProductInfoComments {
  color: #ffFFFF;
  font-size: 9px;
  line-height: 1.0;
  text-align : left;
  font-weight: bold;
  padding-top: 6px;
  border-top: 1px solid #999966;
}

/* General alert span class */
TD.alert, SPAN.alert {
  color: #FF0000;
  font-weight: bold;
}

/* General alert span class */
TD.alertBlack, SPAN.alertBlack {
  color: #000000;
  font-weight: bold;
}
