body {font:11px Arial, Verdana, Helvetica, sans-serif; color:#313131; background-color:#d3d7d8;}
html, body, h1, h2, h3, h4, ul, li, dl {margin:0; padding:0;}
h1 {font-size:20px;}
h2 {font-size:18px; margin-bottom:7px;}
h3 {font-size:16px; margin-bottom:5px;}
h4 {font-size:12px;}

table {text-align:left;}
input {font-size:9pt; border:1px solid #313131;}
select {font-size:9pt; border:1px solid #313131;}
textarea {font:9pt Arial,Verdana,Helvetica,sans-serif; border:1px solid #313131;}
th {text-align:center;}
img {border:0;}
form {margin:0; padding:0;}
fieldset {margin:0; padding:3px;}
fieldset legend {color:#397793;}
a {color:#cea109; text-decoration:none}
a:hover {color:#a9860f; text-decoration:none}
.clear {clear:both;}
ul {list-style-position:inside;}
p.banner {margin:0; padding:0; margin-bottom:10px; text-align:center;}
.missing {border:1px solid red; background-color:yellow;}

/* globals */
#container {width:990px; margin:10px auto; overflow:hidden; background:#fff;}
#header {width:990px; height:129px; overflow:hidden; position:relative; background:url(/imagenes/header.jpg) no-repeat;}
#header h1 {width:340px; height:100px; margin-top:50px; margin-left:10px;}
#header h1 a {display:block; width:100%; height:100%;}
#header h1 span {display:none;}
#header ul {list-style:none; position:absolute; top:10px; right:10px;}
#header ul li {float:left; padding:0 10px; border-right:1px solid #cea109;}
#header ul li.last {border:none; font-weight:bold;}

#main {width:970px; margin:auto; min-height:200px; overflow:hidden; margin-bottom:10px;}
#navigation {float:left; width:215px; margin-right:10px;}
#inner-left {float:left; width:514px; overflow:hidden; margin-right:10px; margin-bottom:10px;}
#inner-right {float:right; width:221px; overflow:hidden; margin-bottom:10px;}
#inner-full {float:left; width:745px; overflow:hidden; margin-bottom:10px;}
#footer {width:990px; background:url(/imagenes/footer.jpg) bottom left no-repeat;}
#footer p {margin:0; padding:3px 20px; text-align:center;}
dt {font-weight:bold;}
dd {margin:0; padding:0; margin-bottom:10px;}

/* menu */
#menu {list-style-type:none; width:970px; height:30px; overflow:hidden; margin-bottom:5px;}
#menu li {float:left; width:118px; height:30px; overflow:hidden; margin-right:2px; text-align:center; line-height:30px;}
#menu li a {display:block; height:30px; color:#000; text-transform:uppercase; font-size:9px; background:url(/imagenes/menu.jpg) no-repeat;}
#menu li a:hover {background:url(/imagenes/menu-hover.jpg) no-repeat;}
#menu li ul {background-color:#cecece; display:none; height:auto; filter:alpha(opacity=90); opacity:0.90; position:absolute; z-index:200;}
#menu li:hover ul {display:block;}
#menu li li {display:block; float:none; width:auto; min-width:118px; height:15px; overflow:hidden; padding:3px; line-height:15px; text-align:left; border:none; border-bottom:1px solid #d68a36;}
#menu li li a {color:#000; background-image:none;}
#menu li li a:hover {color:#a76a28; background-image:none;}
#menu li a.selected {background:url(/imagenes/menu-hover.jpg) no-repeat;}

#live-help {margin-bottom:10px;}

/* nav bar */
#nav-bar {width:195px; padding:10px; margin-bottom:10px; position:relative; color:#5c5d61; background-color:#edebec;}
#nav-bar h2 {font-size:11px; color:#5c5d61; padding-top:10px; text-transform:uppercase;}
#nav-bar p {margin:0; padding:10px 0; border-bottom:1px solid #d2d2d4;}
#nav-bar p a {color:#5c5d61; font-weight:bold;}
#nav-bar span {color:#f6da68;}

#nav-bar ul#category {list-style:none; position:absolute; width:195px; height:auto; padding-bottom:30px; margin-left:3px; background:url(/imagenes/nav-bar-ul.png) right bottom no-repeat; display:none; opacity:0.90;}
#nav-bar ul#category li {width:162px; margin-left:5px; text-transform:uppercase; line-height:18px; border-bottom:1px solid #f5f058;}
#nav-bar ul#category li a {color:#5C5D61; font-size:12px;}
#nav-bar ul#category li a:hover {color:#f8a130;}

#nav-bar a#select-category {display:block; width:196px; height:36px; background:url(/imagenes/select-category.jpg) no-repeat;}
#nav-bar div.view-cart {height:55px; margin-top:10px; background:url(/imagenes/view-cart.jpg) center right no-repeat;}
#nav-bar div.view-cart h4 {font-size:11px; color:#5c5d61; margin-bottom:10px; text-transform:uppercase;}

#searchbox {clear:both;}
#searchbox input.text {width:130px;}

form#newsletter {width:215px; height:33px; padding-top:31px; margin-bottom:10px; background:url(/imagenes/newsletter.jpg) no-repeat;}
form#newsletter input.text {width:135px; height:18px; margin-left:12px; padding:0;}
form#newsletter input.submit {width:49px; height:20px; margin:0; padding:0; border:0; font-size:0; background:none; cursor:pointer;}

#button-support {display:block; width:215px; height:48px; margin-bottom:10px; background:url(/imagenes/button-support.jpg) no-repeat;}
#button-mayoristas {display:block; width:215px; height:48px; margin-bottom:10px; background:url(/imagenes/button-mayoristas.gif) no-repeat;}
#button-outlet {display:block; width:215px; height:48px; margin-bottom:10px; background:url(/imagenes/button-outlet.jpg) no-repeat;}

.blob {width:215px; overflow:hidden; margin-bottom:10px; background:url(/imagenes/blob-bg.jpg) repeat-y;}
.blob h3 {height:10px; margin:0; padding:0; padding-top:4px; font-size:11px; text-align:center; color:#fff; text-shadow:#b19153 1px 1px 0px; text-transform:uppercase; background:url(/imagenes/blob.jpg) no-repeat;}
.blob p.bottom {height:10px; margin:0; padding:0; font-size:0; line-height:0; background:url(/imagenes/blob.jpg) left bottom no-repeat;}
.blob ul {list-style:none; padding:0 10px;}
.blob li {line-height:17px; border-bottom:1px solid #fff;}
.blob div {overflow:hidden; padding:5px; margin-top:5px;}
.blob div p {margin:0; padding:0; width:50%;}
.blob div p.image {float:left; text-align:center;}
.blob div p.title {float:right;}
.blob div span.price {display:block; font-size:16px; font-weight:bold;}
.blob a {color:#fbf7e9; font-weight:bold; text-transform:uppercase;}
.blob a:hover {color:#ece8dc;}

/* home */
#productos-destacados {width:221px; height:171px; padding-top:48px; margin-bottom:10px; overflow:hidden; background:url(/imagenes/productos-destacados.jpg) no-repeat;}
#productos-destacados div {width:200px; height:130px; margin:auto; overflow:hidden;}
#marcas {width:221px; height:120px; margin:0; padding:0; margin-bottom:10px; background:url(/imagenes/marcas.gif) no-repeat;}
#sites {width:509px; height:33px; overflow:hidden; position:relative; background:url(/imagenes/sites.jpg) no-repeat;}
#sites a {display:block; position:absolute;}
#sites a.facebook {left:71px; top:10px; width:19px; height:19px;}
#sites a.twitter {left:96px; top:10px; width:19px; height:19px;}
#sites a.youtube {left:122px; top:10px; width:34px; height:19px;}
#sites a.mercado {left:162px; top:10px; width:30px; height:19px;}
#sites a.maso {left:198px; top:10px; width:41px; height:19px;}
#sites a.confronte {left:249px; top:10px; width:61px; height:19px;}
#sites a.deremate {left:317px; top:10px; width:36px; height:19px;}
#sites a.subastas {left:360px; top:10px; width:34px; height:19px;}

/* products */
.products-promo {float:left; width:230px; height:120px; overflow:hidden; border:2px solid #dddee0; border-top:0; margin:0 3px 10px 0; padding:10px; padding-top:0;}
.products-promo p.image {float:left; width:103px; overflow:hidden; padding:5px; border-right:2px solid #e68a1a;}
.products-promo p.title {float:right; width:104px; padding:5px;}
.products-promo a {font-weight:bold;}
.products-promo p.title span {display:block; font-size:16px; font-weight:bold; padding:5px 0;}

.products-list {width:745px; overflow:hidden; padding:3px 0; border-bottom:1px solid #666666;}
.products-list p {float:left; overflow:hidden; margin:0; padding:0;}
.products-list p.image {width:85px; height:85px; text-align:center;}
.products-list p.title {width:540px;}
.products-list p.price {width:120px; text-align:right; font-size:14px; font-weight:bold; padding-top:20px;}

.product-view {width:745px; overflow:hidden; margin-bottom:10px;}
.product-view h2 {margin-bottom:10px;}
.product-view div.image {float:left; width:240px; height:240px; overflow:hidden; margin:0 5px 5px 0; border:1px solid #b9b9b9; text-align:center;}
.product-view p.price {font-weight:bold; font-size:130%; margin:0; padding:0; padding-bottom:10px;}
.product-view p.fotos {float:left; width:85px; height:90px; overflow:hidden; margin-right:10px;}

/* blob tech table */
.techtable {width:600px; border:1px solid #9e9ec3;}
.techheader {font-weight:bold; background-color:#9e9ec3; color:#fff;}
.tech-left {border-bottom:1px solid #d9d9d9; background-color:#ededed; width:290px;}
.tech-right {border-bottom:1px solid #d9d9d9; width:300px;}

/* listings */
#back-link {margin-bottom:5px;}
.links {text-align:right;}
.links p {margin:0; padding:0;}

#filters {list-style-type:none; overflow:hidden; border:1px solid #000; background-color:#cea109; color:#fff; margin-bottom:5px;}
#filters li {float:left; width:170px; padding:3px;}
#filters li a {color:#fafeff;}

/* contact us */
#contacto {width:500px; margin-bottom:10px; padding:3px;}
#contacto p {margin:0; padding:0; margin-bottom:3px;}
#contacto label {display:block;}
#contacto input.text {width:250px; height:14px;}
#contacto textarea {width:450px; height:70px;}
#contacto span {color:red;}

/* shopping cart */
.cart-buttons {float:left; display:block; height:22px; margin:0; padding:0 10px; margin-right:3px; border:1px solid #faa81a; border-left:0; border-right:0; line-height:22px; color:#000; background-color:#fccd85; cursor:pointer;}
.cart-buttons.continue {background-color:#df942c; color:#fff; height:25px;}
.cart_view_cart, .cart_view_cart td, .cart_user_form, .cart_payment_form, .cart_view_cart th {border:1px solid #cea109;}
.cart_payment_form {padding:3px; margin-bottom:10px; border:0;}
.cart_payment_form select {margin-right:10px;}
.cart_user_info, .cart_view_cart, .cart_subtotals, .cart_buttons, .cart_user_form {width:600px;}
.cart_payment_form {width:500px; margin-left:20px;}
.cart_view_cart th {color:#cea109; width:70px;}
.cart_view_cart th.prod {width:420px;}
.cart_subtotals td.left {width:476px;}
.cart_subtotals td.right {width:124px; background-color:#cea109; color:#fff;}

#cart_login {float:left; width:290px; overflow:hidden; padding:4px;}
#cart_login span, #cart_user_form span {color:red;}
#cart_login p, #cart_user_form p {margin:0; padding:0; margin-bottom:3px;}
#cart_login p.title, #cart_user_form p.title {color:blue; font-weight:bold;}
#cart_login label, #cart_user_form label {display:block;}

#cart_user_form {float:right; width:390px; overflow:hidden; margin-right:10px; padding:4px;}

/* no need to modify */
.cart_user_info td.left {width:50%;}
.cart_user_info td.right {width:50%; text-align:right;}
.cart_view_cart td {border-top:0; border-left:0;}
.cart_view_cart td.qty {text-align:center;}
.cart_view_cart td.item, .cart_view_cart td.price, .cart_view_cart td.subtotal {text-align:right;}
.cart_view_cart td.subtotal {border-right:0;}
.cart_view_cart th {border-top:0; border-left:0; border-right:0;}
.cart_subtotals td.left, .cart_subtotals td.right {text-align:right;}
.cart_user_form, .cart_user_info {margin-top:10px;}

/* my account */
.login {width:300px; margin:auto; overflow:hidden; margin-bottom:150px;}
.login p {margin:0; padding:3px;}
.login label {display:block;}
.login span {color:red;}
.user_info {width:500px; margin-bottom:10px;}
.user_info p {margin:0; padding:0; padding-bottom:3px;}
.user_info label {width:100px; display:block; color:#397793;}

/* rewards */
.rewards {width:40%; float:left; overflow:hidden; margin-bottom:10px; margin-right:10px;}
.rewards p.image {float:left; margin:0 5px 5px 0;}
.rewards p.points {font-weight:bold; font-size:120%;}

/* icons */
.small-icons {display:block; width:16px; height:16px; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat;}
.small-icons {background-image:url(/common/images/admin/small-icons.png);}
.icon-comment {background-position:-128px -96px;}

/* forms */
.form-defecto input#PREFIX,.form-defecto input#FTYPE {width:30px;}
.form-defecto input.long {width:350px;}
.form-defecto input.medium {width:250px;}
.form-defecto .missing {border:1px solid red; background-color:yellow;}

