/*
  $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 {font-family: Verdana, Arial, sans-serif; font-size: 1em;}
.errorBox {font-family: Verdana, Arial, sans-serif; font-size: 1em; background: #ffb3b5; font-weight: bold;}
.stockWarning {font-family: Verdana, Arial, sans-serif; font-size: 1em; color: #c03;}
.productsNotifications {background: #f2fff7;}
.orderEdit {font-family: Verdana, Arial, sans-serif; font-size: 1em; color: #70d250; text-decoration: underline;}

body {background-color:#efefe3; color:#666; margin:0;}

a {color:#82a8b6; text-decoration: none;}

a:hover {color:#abd; text-decoration:underline;}

form {display:inline;}

tr.header {background-color:#fff;}

tr.headerNavigation {background:#82a8b6;}

td.headerNavigation {font-family:Verdana, Arial, sans-serif; font-size:1em; background:#82a8b6; color:#fff; font-weight:bold;}

a.headerNavigation {color:#fff;}

a.headerNavigation:hover {color:#fff;}

div.headerError {float:left; width:100%; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:1.2em; background:#f00; color:#fff; font-weight:bold; text-align:center;}

div.headerInfo {float:left; width:100%; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:1.2em; background:#0f0; color:#fff; font-weight:bold; text-align:center;}

tr.footer {background:#82a8b6;}

td.footer {font-family:Verdana, Arial, sans-serif; font-size:1em; background:#82a8b6; color:#fff; font-weight:bold;}

.infoBox {background:#b6b7cb;}

.infoBoxContents {background:#f8f8f9; font-family:Verdana, Arial, sans-serif; font-size:1em;}

.infoBoxNotice {background:#ff8e90;}

.infoBoxNoticeContents {background:#ffe6e6; font-family:Verdana, Arial, sans-serif; font-size:1em;}

td.infoBoxHeading {font-family:Verdana, Arial, sans-serif; font-size:1em; font-weight:bold; background:#82a8b6; color:#fff;}

div.infoBoxHeading {font-family:Verdana, Arial, sans-serif; font-size:1em; font-weight:bold; background:#82a8b6; color:#fff;}

td.infoBox, span.infoBox {font-family:Verdana, Arial, sans-serif; font-size:1em;}

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:#f8f8f9;}

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:#f8f8f9;}

table.productListing {border:0.1em; border-style:solid; border-color:#b6b7cb; border-spacing:0.1em;}

.productListing-heading {font-family:Verdana, Arial, sans-serif; font-size:1.1em; background:#82a8b6; margin-bottom:1em; color:#fff; font-weight:bold;}

td.productListing-data {font-family:Verdana, Arial, sans-serif; font-size:1em;}

a.pageResults {color:#00f;}

a.pageResults:hover {color:#00f; background:#ff3;}

td.pageHeading, div.pageHeading {font-family:Verdana, Arial, sans-serif; font-size:2em; font-weight:bold; color:#9a9a9a;}

tr.subBar {background:#f4f7fd;}

td.subBar {font-family:Verdana, Arial, sans-serif; font-size:1em; color:#000;}

td.main, p.main {font-family: Verdana, Arial, sans-serif; font-size: 1.1em; line-height: 1.5;}

td.smallText, span.smallText, p.smallText {font-family: Verdana, Arial, sans-serif; font-size: 1em;}

td.accountCategory {font-family: Verdana, Arial, sans-serif; font-size: 1.3em; color: #abd;}

td.fieldKey {font-family: Verdana, Arial, sans-serif; font-size: 1.2em; font-weight: bold;}

td.fieldValue {font-family: Verdana, Arial, sans-serif; font-size: 1.2em;}

td.tableHeading {font-family: Verdana, Arial, sans-serif; font-size: 1.2em; font-weight: bold;}

span.newItemInCart {font-family: Verdana, Arial, sans-serif; font-size: 1em; color: #f00;}

checkbox, input, radio, select {font-family: Verdana, Arial, sans-serif; font-size: 1em;}

textarea {width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 1.1em;}

span.greetUser {font-family: Verdana, Arial, sans-serif; font-size: 1.2em; color: #f0a480; font-weight: bold;}

table.formArea {background: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 0.1em;}

td.formAreaTitle {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.2em; font-weight: bold;}

span.markProductOutOfStock {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.2em; color: #c76170; font-weight: bold;}

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

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

.moduleRow { }
.moduleRowOver {background-color: #d7e9f7; cursor: pointer; cursor: hand;}
.moduleRowSelected {background-color: #e9f4fc;}

.checkoutBarFrom, .checkoutBarTo {font-family: Verdana, Arial, sans-serif; font-size: 1em; color: #8c8c8c;}
.checkoutBarCurrent {font-family: Verdana, Arial, sans-serif; font-size: 1em; color: #000;}

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 1em; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 1em; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 1em; background-color: #9f0; }

/* input requirement */

.inputRequirement {font-family:Verdana,Arial,sans-serif; font-size:1em; color:#f00;}

/* more pics */
table.popup {border: dotted 0.1em #000;}
/* end more pics */

/* pollbooth */
td.pollBoxRow {font-family: Verdana, Arial, sans-serif; font-size: 1em; border: solid 0.1em #eee; } 
td.pollBoxText {font-family: Verdana, Arial, sans-serif; font-size: 1em; border: solid 0.1em #eee; }
tr.pollOptRow, tr.pollFooter {background: #f1f9fe;}
/* end pollbooth */

/* Points/Rewards Module V2.1rc2a BOF */
span.pointWarning {color: #f00;}
.pointFaq {background-color:#f8f8f9; border: 0.1em dashed #82a8b6; display: none; position: relative; padding:0.4em; margin:0.2em; text-align:justify;}
/* Points/Rewards Module V2.1rc2a EOF */

/*** Begin Header Tags SEO ***/
h1 {font-family: Verdana, Arial, sans-serif; font-size: 2em; font-weight: bold; margin-bottom: 0; padding-bottom: 0; color: #000;}
h2 {font-family: Verdana, Arial, sans-serif; font-size: 1.4em; font-weight: normal; margin-bottom: 0; padding-bottom: 0; color: #000;}
/*** End Header Tags SEO ***/

/* MAQUETADO CON CAPAS */

/* CSS Infoboxes */
div.column {font-size:1em; font-family: Verdana, Arial, sans-serif;}
div.column_header {height: 1.2em; font-size:1.1em; font-weight: bold; background-color: #82a8b6; margin: 0 0.15em;}
div.column_header_left {background: transparent url(images/infobox/corner_left.gif) no-repeat left;}
div.column_header_right {background: transparent url(images/infobox/corner_right.gif) no-repeat right;}
div.column_header_none {}
div.column_header_left span.header {padding-left: 0.2em; margin:  0 0 0 1.1em; font-family: Verdana, Arial, sans-serif; font-size: 1em; font-weight:bold; color: #ffffff;}
div.column_header_right span.header {padding-left: 1.3em; margin: 0 1.1em 0 0; font-family: Verdana, Arial, sans-serif; font-size: 1em; font-weight:bold; color: #ffffff;}
div.column_header_none span.header {padding-left: 1.3em; margin: 0; font-family: Verdana, Arial, sans-serif; font-size: 1em; font-weight:bold; color: #ffffff;}
div.column ul, div.column ol, div.column_p_box {background: #f8f8f9; border: 0.1em solid #82a8b6; list-style-type: none; padding: 1em 0 1em 0.5em; margin: 0 0.2em 0.4em 0.2em; line-height: 1.2em;}
div.column li, div.column_p_box p {}
.column_li_center {text-align:center;}
.column_li_left50 {float:left; display:inline; text-align:left; width:45%; clear:both;}
.column_li_right50 {float:right; display:inline; text-align:left; width:45%; clear:both;}
/* end CSS Infoboxes */

/* polls */
.bar {display:block; position:relative; background:#B1D632; text-align:center; color:#333; height:2em; line-height:2em;}
.graph .bar span {position:absolute; left:1em;}
/* ----- */

/* GENERAL */
#center {width:97%; margin:0 auto;}
#page {float:left; display:inline; width:100%; background-color:#f5f5eb;}
#contenido {float:left; display:inline; width:100%; margin:1em 0;}
#top {float:left; display:inline; width:100%; height:0;}
#top h1 {text-indent:-9999px;}
#nav {float:left; display:inline; width:100%; background-color:#82a8b6; font-size:1.2em; color:#fff;}
#nav span.left {float:left; display:inline; width:39%; vertical-align:top; padding:0.3em;}
#nav span.right {float:left; display:inline; width:59%; text-align:right; padding:0.3em;}
/* ------- */
/* COLUMNA IZQUIERDA */
#contenido #columna_izquierda {float:left; display:inline; width:14%;}
/* ----------------- */
/* COLUMNA CENTRO */
#contenido #columna_centro {float:left; display:inline; width:72%;}
#contenido #columna_centro #cabecera {width:98%; margin:0 1%; margin-bottom:1.5em; height:auto;}
#contenido #columna_centro #cabecera h2 {float:left; display:inline; font-family:Verdana,Arial,sans-serif; font-size:2em; font-weight:bold; color:#9a9a9a;}
#contenido #columna_centro #cabecera span {float:right; display:inline;}
#contenido #columna_centro #cabecera div.messageStack {}
#contenido #columna_centro #cuerpo {width:98%; margin:1%;}
#contenido #columna_centro #cuerpo div.subtitulo {width:98%; padding:0 1%; margin-bottom:0.6em;}
#contenido #columna_centro #cuerpo div.subtitulo h3 {font-family:Verdana,Arial,sans-serif; font-size:1.1em; font-weight:bold;}
#contenido #columna_centro #cuerpo div.cuadro {float:left; display:inline; width:97%; margin:0 1%; border:solid 0.1em #b3b3b3; padding:0.2em; margin-bottom:1em; font-family:Verdana,Arial,sans-serif; font-size:1.1em; line-height:1.5;}
#contenido #columna_centro #cuerpo div.cuadro span {float:left; display:inline; margin-right:1%;}
#contenido #columna_centro #cuerpo div.cuadro div.formulario {font-family:Verdana,Arial,sans-serif; font-size:1.1em; line-height:1.5;}
#contenido #columna_centro #cuerpo div.cuadro div.formulario div.elemento {float:left; display:inline; width:100%; margin:0.4em 0;}
#contenido #columna_centro #cuerpo div.cuadro div.formulario div.elemento div.label {float:left; display:inline; width:15%;}
#contenido #columna_centro #cuerpo div.cuadro div.formulario div.elemento div.input {float:left; display:inline; width:85%;}
#contenido #columna_centro #cuerpo div.cuadro div.formulario div.elemento div.required {font-size:1em;}
#contenido #columna_centro #cuerpo div.cuadro div.formulario div.submit {float:left; display:inline; width:100%; margin-top:2em;}
#contenido #columna_centro #cuerpo div.cuadro div.formulario div.submit div.label {float:left; display:inline; width:15%;}
#contenido #columna_centro #cuerpo div.cuadro div.formulario div.submit div.input {float:left; display:inline; width:80%; text-align:right;}
#contenido #columna_centro #cuerpo div.indice {float:left; display:inline; width:94%; font-size:1.1em; margin:2%;}
#contenido #columna_centro #cuerpo div.indice span.izquierda {float:left; display:inline;}
#contenido #columna_centro #cuerpo div.indice span.derecha {float:right; display:inline; text-align:right;}
#contenido #columna_centro #cuerpo div.buttons {width:96%; font-size:1.1em; margin:2em 1% 0 1%;}
#contenido #columna_centro #cuerpo div.buttons span.der {width:100%; text-align:right;}
/* product_info.php */
#contenido #columna_centro #cabecera span.product_info_price {font-size:2em; font-weight:bold;}
#contenido #columna_centro #cuerpo div.product_info_not_found {width:100%; text-align:right;}
#contenido #columna_centro #cuerpo div.product_info_description {margin-top:2em; font-size:1.2em;}
#contenido #columna_centro #cuerpo div.product_info_points {font-size:1.1em;}
#contenido #columna_centro #cuerpo div.product_info_imagen {float:right; display:inline;}
#contenido #columna_centro #cuerpo div.product_info_reviews {}
#contenido #columna_centro #cuerpo div.product_info_more_info {}
#contenido #columna_centro #cuerpo div.product_info_date_available {}
#contenido #columna_centro #cuerpo div.product_info_date_added {width:100%; text-align:center; margin-top:1em;}
#contenido #columna_centro #cuerpo div.product_info_viewing {float:left; width:100%; clear:both; text-align:center; margin-top:1em;}
#contenido #columna_centro #cuerpo div.images {width:50%; margin:0 auto;}
#contenido #columna_centro #cuerpo div.options {clear:both;}
#contenido #columna_centro #cuerpo div.options h3 {font-size:1.4em; font-weight:bold;}
#contenido #columna_centro #cuerpo div.options div.option {border:solid 0.1em #666; margin:0.6em 0; padding:0.5em 1em;}
#contenido #columna_centro #cuerpo div.options div.option div.title {font-size:1.2em; font-weight:bold; margin-bottom:5px;}
#contenido #columna_centro #cuerpo div.options div.option div.value {padding:0.5em 2em 0 2em; font-size:1.2em;}
/* ---------------- */
/* product_reviews.php */
#contenido #columna_centro #cuerpo div.product_reviews_imagen {width:100%; text-align:center; margin-top:8em;}
#contenido #columna_centro #cuerpo div.product_reviews_imagen p {margin-top:2em;}
#contenido #columna_centro #cuerpo div.product_reviews_points {font-size:1.1em;}
#contenido #columna_centro #cuerpo div.product_reviews_no_reviews {width:100%; text-align:center; font-size:1.2em;}
#contenido #columna_centro #cuerpo div.review {width:100%;}
#contenido #columna_centro #cuerpo div.review span.autor_fecha {font-size:1.2em;}
#contenido #columna_centro #cuerpo div.review span.texto {font-size:1.1em; width:auto; color:#666; float:none;}
/* ------------------- */
/* products_new */
#contenido #columna_centro #cuerpo div.products_new_product {float:left; display:inline; width:96%; margin:0 2%;}
#contenido #columna_centro #cuerpo div.products_new_product div.izq {float:left; display:inline; width:20%; vertical-align:top;}
#contenido #columna_centro #cuerpo div.products_new_product div.cent {float:left; display:inline; width:60%;}
#contenido #columna_centro #cuerpo div.products_new_product div.der {float:left; display:inline; width:20%; text-align:right;}
/* ------------ */
/* module_new_products */
#module_new_products {float:left; display:inline; width:100%; margin-top:2em;}
#module_new_products h3 {font-size:1.1em; font-weight:bold; background-color:#82a8b6; padding:0.3em;}
#module_new_products #products {width:100%; margin-top:1.5em;}
#module_new_products #products div.product {float:left; display:inline; width:33%; text-align:center; vertical-align:top; font-size:1.1em;}
#module_new_products #products div.product span.image {}
#module_new_products #products div.product span.name {font-size:1.2em;}
#module_new_products #products div.product span.price {}
/* ------------------- */
/* module_recommended */
#module_recommended {float:left; display:inline; width:100%; margin-top:2em;}
#module_recommended div.header {width:100%; height:24px; background-image:url('images/title_big.gif'); background-repeat:no-repeat; font-size:1.2em; font-weight:bold; padding-top:6px; padding-left:8px;}
#module_recommended div.product {position:relative; float:left; display:inline; margin:1em 0.5% 0 0.5%; border: 0.1em solid #cad2d4; padding:0.4em; width:30%;}
#module_recommended div.product span.image {float:left; display:inline; margin-right:1%;}
#module_recommended div.product span.name a {font-size:1.2em; font-weight:bold;}
#module_recommended div.product span.description {font-size:1.2em;}
#module_recommended div.product span.price {position:absolute; bottom:0.3em; right:0.5em; font-size:1.4em; font-weight:bold; margin-top:0.3em;}
/* ------------------ */
/* specials */
#specials {width:100%; margin-top:1.5em;}
#specials div.product {float:left; display:inline; width:33%; text-align:center; vertical-align:top; font-size:1.1em;}
#specials div.product span.image {}
#specials div.product span.name {font-size:1.2em;}
#specials div.product span.price {}
/* -------- */
/* module_product_listing */
div.product_listing_header {float:left; display:inline; width:100%; font-size:1.1em; background-color:#82a8b6; margin-bottom:1em; color:#fff; font-weight:bold;}
div.product_listing_header a {color:#fff; font-weight:bold;}
div.product_listing_row_even {float:left; display:inline; width:100%; font-size:1.1em; clear:both; background-color:#e9e9e9;}
div.product_listing_row_odd {float:left; display:inline; width:100%; font-size:1.1em; clear:both; background-color:#fff;}
/* ---------------------- */
/* popup_image */
#popup_image_container {width:100%; text-align:center;}
#popup_image_container #image {width:100%;}
#popup_image_container hr {width:96%; margin:1em 2%; color:#666; height:0.2em;}
#popup_image_container #arrows {width:100%;}
#popup_image_container #arrows #left {float:left; display:inline; width:48%; margin:0 1%;}
#popup_image_container #arrows #right {float:left; display:inline; width:48%; margin:0 1%;}
/* ----------- */
/* checkout_confirmation.php */
#contenido #columna_centro #cuerpo div.checkout_confirmation {float:left; display:inline; width:97%; margin:0 1%; border:solid 0.1em #b3b3b3; padding:0.2em; margin-bottom:1em; font-family:Verdana,Arial,sans-serif; font-size:1.1em; line-height:1.5;}
#contenido #columna_centro #cuerpo div.checkout_confirmation div.izq {float:left; display:inline; width:29%;}
#contenido #columna_centro #cuerpo div.checkout_confirmation div.der {float:left; display:inline; width:69%; padding-left:1%; border-left:solid 0.1em #666;}
#contenido #columna_centro #cuerpo div.checkout_confirmation div.der table {width:100%; padding:0.2em;}
/* ------------------------- */
/* Banner */
div.banner_sides {width:98%; margin:1em 1% 0 1%;}
div.banner_sides img {max-width:100%;}
/* ------ */
/* COLUMNA DERECHA */
#contenido #columna_derecha {float:right; display:inline; width:14%;}
/* --------------- */

/* FIN MAQUETADO CON CAPAS */
