/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/





/* .boxText ES EL TEXTO DE LAS CAJAS LATERALES (articulos, ofertas, busqueda, informacion, lo más comprado, etc */
.boxText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	
}
.errorBox {
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	font-weight: normal;
	color: #FF0000;
	background-color: #FFFFFF;
}
.stockWarning {
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	color: #FF0000;
	background-color: #FFFFFF;
}

/* el siguiente estilo es para cuando haces un pedido, al final te pide si quieres informacion sobre cambios en ese producto */
.productsNotifications {
	background-color: #ffffff;
	color: #000000;
	line-height: normal;
}

/* el siguiente estilo es para los cartelitos que permiten en un pedido cambiar sobre la marcha datos del cliente  */
.orderEdit {
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	color: #CC6600;
	text-decoration: underline;
	

}

BODY {
	color: #000000
	;
	margin-top: 10px;
	background-color:  #CC8703;
	/* background: url('Images/NOMBREIMAGEN.JPG');  */
}

/* A es el color del texto de los enlaces */
A {
  color: #A86A07;
  text-decoration: none;
}

/* A:hover es como se ve el  texto de los enlaces cuando pones el cursor encima */
A:hover {
	text-decoration: underline;
	color: #000000;
	}

table {
	border-width:0;
	border-color:#A86A07;
	padding: 0;
	background-color: #FFFFFF;
}




FORM {
	display: inline;
	color: #000000;
	background-color: #FFFFFF;
}
/* es el color de fondo de la cabecera  */
TR.header {
	background-color: #ffffff;
	font-variant: normal;
	color: #000000;
}


TR.headerNavigation {
	color: #000000;
	background-color: #ffffff;
	vertical-align: text-top;
	padding-top:0;
	
}
/* TD.headerNavigation es la barra que aparece bajo el logo de cabecera */
TD.headerNavigation {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight : bold;
	background-color: #F49902;
	padding: 5;
}
/* A-headerNavigation es el color de los enlaces de la barra de navegación de la cabecera */
A.headerNavigation { 
  color: #ffffff; 
}


A.headerNavigation:hover {
  color: #000000;
}

TR.headerError {
	color: #FF0000;
	background-color: #FFFFFF;
}

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

TR.headerInfo {
	color: #00FF33;
	background-color: #324762;
}

TD.headerInfo {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FFFF00;
	font-weight: bold;
	text-align: center;
	background-color: #324762;
}

TR.footer {
	background-color: #FFFFFF;
	color: #000000;
}
/*  TD.footer es la barra inferior donde aparece la fecha y el numero de solicitudes */
TD.footer {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	background-color: #FFFFFF;
}

/* infobox es el el marco (solo el marco) de las cajas laterales  */
.infoBox {
	background-color: #C19D21;
	border: 2;
}


/* infoBoxContents es el FONDO DEL AREA del contenido de los BOXES DE LAS COLUMNAS LATERALES  Y DE LA TABLA CENTRAL DONDE ESTAN LOS BOTONES COMPRAR,CONTINUAR... */
.infoBoxContents {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #000000;
}

.infoBoxNotice {
	background-color: #FFFFFF;
	color: #000000;
}



.infoBoxNoticeContents {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #000000;
}



/* TD.infoBoxHeading es la cabecera de las cajas laterales  */
TD.infoBoxHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #FF9C00;
}

TD.infoBox, SPAN.infoBox {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #CCFF66;
}

/*^ TR.acccountHistory-odd..... MENSAJES COMO EL DE "no hay productos dentro de esta categoria"  Tambien la lista de productos buscados  */
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
	color: #000000;
	background-color: #FAECC9;
}

/* El siguiente estilo marca el aspecto de los resultados de busqueda de productos   */
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-color: #E9E9E9;
	color: #000000;
		}
/* aspecto de la tabla en la quw se listan los productos */
TABLE.productListing {
	border: 1px;
	border-style:hidden;
	border-spacing: 1px;
	padding:3px;
	background-color: #FFFFFF; /
}

/*  cuando seleccionas algún producto y te lo lista, el siguiente estilo define la cabecera de dicha lista */
.productListing-heading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	background-color: #FFFFFF;
	padding:5;
}

/* el siguiente estilo marca el aspecto de los resultados de la busqueda de productos */
TD.productListing-data {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	padding:5;
}

A.pageResults {
	color: #000000;
	background-color: #FFFFFF;
}

A.pageResults:hover {
	color: #B85504;
	background-color: #FFFFFF;
}
/* el siguient eestilo es para el TITULO DE LA PAGINA */
TD.pageHeading, DIV.pageHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FF9C00;
	padding: 5;	
}

TR.subBar {
	background-color: #FAE6C0;
	color: #000000;
	
}

TD.subBar {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FAE6C0;
	padding: 10;	
}



/* El siguiente estilo es para el área de contenido de la página principal, (el que va antes de los productos ultimamente añadidos)  */
TD.main, P.main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 1.4;
	color: #000000;
	background-color: #FFFFFF;
	padding: 10;
}

/* el siguiente estilo marca el aspecto del cuadro DONDE APARECEN LOS PRODUCTOS DE LA PANTALLA CENTRAL */
TD.smallText, SPAN.smallText, P.smallText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
}

TD.accountCategory {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #000000;
	background-color: #FFFFFF;
}

/* Aspecto de TD de algunas tablas , como por ejemplo la de resultados búsqueda y búsqueda avanzada  */
TD.fieldKey {
	
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}



/* Igual que el anterior,Aspecto de TD de algunas tablas , como por ejemplo la de resultados búsqueda y búsqueda avanzada  */
TD.fieldValue {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
}

TD.tableHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #0066CC;
}


/* el siguiente estilo marca el aspecto de CADA NUEVO ITEM QUE ES AÑADIDO AL CARRO */
SPAN.newItemInCart {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
}

CHECKBOX, INPUT, RADIO, SELECT {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
}


/*  eL SIGUIENTE ESTILO MARCA EL ASPECTO DE LOS FORMULARIOS DONDE EL USUARIO INTRODUCE ALGUN COMENTARIO */
TEXTAREA {
	width: 100%;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #F9E8C3;
}
/*  el siguiente estilo es para el nombre del usuario que esta conectado */
SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  color: #966506;
  font-weight: bold;
}

TABLE.formArea {
	border-color: #FA9A04;
	border-style: solid;
	border-width: 1px;
}

TD.formAreaTitle {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #FF0000;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #009966;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #FF0000;
}



.moduleRow {
	color: #000000;
}

/* el siguiente estilo muestra el aspecto de las OPCIONES A SELECCIONAR POR EL COMPRADOR (PAGO, ENVIO...) */
.moduleRowOver {
	background-color: #FAD293;
	cursor: hand;
	cursor: hand;
	color: #000000;
}


/*Els iguiente estilo muestra el aspecto del apartado en el que el comprador se encuentra cuenado esta seleccionando la forma de pago  */
.moduleRowSelected {
	color: #000000;
}

/*  el siguiente estilo muestra, por ejemplo, LA FASE EN LA QUE "NO SE ENCUENTRA EL PEDIDO" */
.checkoutBarFrom, .checkoutBarTo {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999900;
	background-color: #FFFFFF;
}
.checkoutBarCurrent {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FF9966;
	background-color: #FFFFFF;
}

/* message box */

.messageBox {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #9966CC;
}
/* mensajes de error y advertencias */
.messageStackError, .messageStackWarning {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #FF0000;
}
.messageStackSuccess {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FF0000;
}


/* aviso de entradas obligatorias  */
.inputRequirement {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FF0000;
}