table {
border-spacing: 0;
}
dt {
font-weight: bold;
}
.cake_debug {
padding: 1em;
border: 1px solid red;
background: #fff;
text-align: left;
color: #000;
}/* --
CSS Reseter
CSSLab © 2007
Basado en: Yahoo UI Reset CSS, Eric Meyer's Reworked Reset y experiencias personales
-- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus {
outline: 0;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
a img, iframe {
border: none;
}
ol, ul {
list-style: none;
}
input, textarea, select, button {
font-size: 100%;
font-family: inherit;
}
select {
margin: inherit;
}
/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:2em; }
* {
margin: 0;
padding: 0;
}
body {
background: #fff;
color: #333;
min-width: 700px;
font-size: 76%;
font-family: Arial,Helvetica,sans-serif;
}
img {
border: 0;
}
strong {
font-weight: bold;
}
a{
text-decoration:underline;
font-weight:bold;
}
a:link{
color:#009;
}
a:visited{
color:#913A57;
}
a:hover,a:active{
color:#f90;
}
h1,h2,h3,h4,h5{
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
line-height:1.1em;
}
h2,h3,h4,h5{
margin:2em 0 1em;
}
h1{
font-size:1.4em;
margin-bottom:1em;
color: #000;
width: 100%;
}
h2{
font-size:1.2em;
}
body.simple h2 {
clear:both;
}
h3{
font-size:1.1em;
}
h4{
font-size:1.1em;
}
h5{
font-size:1.0em;
}
ul, p, ol, dl {
margin-top:1em;
line-height:1.5;
}
li {
margin-left:2em;
}
/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper {
width: 100%;
min-width: 1000px;
}
#header, #subnav, #footer {
clear: both; 
width: 100%;
}
#contentfloatholder {/* right faux column tab */
float: left;
width: 100%;
}
#contentfloatholder:after, #header:after, ul.cols:after, div.productwrapper:after, ul.flist:after {
content: "."; 
display: block; 
height: 0;
clear: both; 
visibility: hidden;
}
#center {
color:#333;
margin: 0em 15em 0em 8em;
min-width:500px;
width: 760px;
padding:2em;
}
#center, #left, #right {
min-height:400px;
}
#centerwrap {
float:left;
width: 100%;
margin: 0 -95% 0 0;
}
#left {
float:left;
margin: 0 0 0 -5%;
width: 6em;
}
#right {
float:right;
width: 14em;
margin: 0;
padding:1em;
}
/* header */
#header {
height: 100px;
border-bottom:1px solid #333;
}
#header img {
float:left;
margin: 50px 10px 0px 0px;
}
#header form {
margin: 2em 10px 0;
width:25em;
float:right;
text-align:right;
}
#header form button {
padding:1px 2px;
display:inline;
}
#header a.edit {
border-top:0;
border-right:0;
position:absolute;
top:0;
right:0;
}
/* language links */
#language-links {
margin-left: 30px;
}
#language-links a {
padding-right: 1em;
color: #913A57;
}
#language-links a:hover {
color: #000;
text-decoration: none;
}
/* contact tab */
#contact-tab {
float: right;
background: #000;
padding: 0 1em
}
#contact-tab a {
text-decoration: none;
color: #fff;
}
#contact-tab a:hover {
color: grey;
}
/* horizontal navigation */
#subnav {
background: #676767;
text-align: center;
border-top:1px solid #ABB1CB;
}
#subnav ul {
font: 1.3em arial, verdana, sans-serif;
line-height:1.5em;
font-weight: bold;
margin-top:0;
}
#subnav ul li {
margin:0;
display: inline;
}
#subnav ul li a {
margin-left:-1px;
border-left:1px solid #fff;
border-right:1px solid #fff;
color: #fff;
text-decoration:none;
padding:5px 1.5em;
}
#subnav ul li a:hover {
margin:1px 0;
margin-left:-1px;
border-top:3px solid #900000;
color: #000;
}
/* left column contents */
#left h2, #right h2 {
background-color:#ccc;
border-top:1px solid #fff;
border-bottom:1px solid #666;
color:#000;
font-size:1.1em;
margin:0;
line-height:1.5em;
padding-left:5px;
}
#left ul {
margin:0;
padding:1em 0;
list-style:none;
border-right:1px solid #666;
border-bottom:1px solid #666;
line-height:2em;
background: #eef2f3;
}
#left li {
margin:0;
}
#left li a, #left li a:visited, #right #cart .checkout  {
color:#333;
text-decoration:none;
font-weight:bold;
display:block;
padding-left:20px;
}
#left li a:hover{
background-color:#fff;
}
/* shoppingcart */
#right #cart {
background-color:#fff;
border:1px solid #333;
}
#right #cart h2, #right #cart a.checkout  {
border-top:0;
background: #9F0000; 
color:#fff;
line-height:2em;
padding-left:0.5em;
border-top:1px solid #fafafa;
}
#right #cart a.checkout  {
padding-left:1em;
}
#right #cart h2 a {
background: url(/img/icon_cart.png) center left no-repeat;
color:#fff;
display:block;
padding-left:30px;
}
#right #cart ul {
list-style: none;
}
#right #cart ul li {
margin-left:1em;
}
#right #cart ul li.price {
text-align: right;
border-bottom: 1px dotted #ccc;
}
#right #cart ul.total {
border-top:1px solid #333;
margin:5px;
text-align:right;
}
#right #cart li.total {
border-top:1px solid #333;
font-weight:bold;
}
#right #cart .checkoutbtns {
margin: 5px auto;
padding-top: 5px;
text-align: center;
}
/** contact phone **/
#right div.fastcontact {
padding-top: 20px;
font-size:90%
}
#right div.fastcontact p {
margin: 0;
padding: 0;
}
#right .fastcontact .address {
margin: 14px 0;
}
/* simple layout */
body.simple #center {
margin:0 25%;
}
body.simple #center fieldset {
background:#eee;
border:1px solid #999;
padding:0 1em 1em;
}
body.simple #email {
width:20em;
}
body.simple #password {
width:6em;
}
body.simple #center a {
float:right;
line-height:2em;
}
body.simple-wide #center {
margin:0 5%;
}
/* prices */
span.nprice {
color: #999;
text-decoration: line-through;
}
span.sprice {
color: #c30;
font-weight: bold;
}
/* tables */
table {
border-top:1px solid #ccc;
border-right:1px solid #ccc;
margin-top:1em;
width:100%;
}
td, th {
border-bottom:1px solid #ccc;
padding:4px;
vertical-align:top;
}
th {
background-color:#eee;
border-bottom:1px solid #666;
border-top:1px solid #fff;
text-align:left;
}
td h3 {
margin:0;
}
.branddesc, .catdesc {
padding: 1em;
}
.branddesc p, 
.catdesc p {
margin-top: 0em;
}
div.catdesc {
/*background:#e3e3e3;*/
}
div.branddesc {
background:#e3e3e3;
}
/* product listing */
ul.cols li {
display:block;
float:left;
height:18em;
width: 14em;
padding:1em;
margin:0em 1em 0em 0em;
text-align:center;
}
ul.cols li img {
border: none;
padding: 0.5em;
}
ul.cols li a {
display:block;
}
span.soldout {
color: #c00;
font-weight: bold;
text-transform: uppercase;
}
/* footer */
#footer {
font-size:0.8em;
text-align:center;
padding-top:3em;
}
#footer ul.portals {
background:#eee;
border:1px solid #ccc;
line-height:2em;
margin-top:0;
}
#footer ul li {
display:inline;
}
/* flash messages */
div.fmessage {
border-bottom:1px solid #333;
line-height:1.5;
padding:5px 20px;
}
div.confirmation {
background-color:#f4f8e4;
color:#729d00;
font-weight:bold;
}
.error {
background:#fcc;
}
/* action buttons */
a.edit, button, a.admin {
background:#fff;
border:1px solid #333;
color:#333;
padding:5px 1em;
text-align:center;
text-decoration:none;
}
a.admin, button.admin {
background:#3297FC url(/img/admin_button_bg.jpg) 1px 1px repeat-x;
color:#fff;
}
#center a.admin {
display:block;
width:10em;
margin:1em 0;
}
pre {
text-align:left;
font-size:1.4em;
}

tfoot td {
border: 0;
text-align:right;
}

/* AVISOS */
/* accio requerida */
div.avis {
padding: 1em;
}
div.avis h1,
div.avis h2,
div.avis h3,
div.avis h4,
div.avis h5 {
font-weight: bold;
padding-left: 2em;
margin: 0;
}
div.avis h1,
div.avis h2 {
font-size: 1.5em
}
div.avis h3,
div.avis h4,
div.avis h5 {
font-size: 1.25em
}
.avis.accio {
background: #f4f4f4;
color: #000;
border: 1px solid #A70F00;
}
.avis.accio h1,
.avis.accio h2,
.avis.accio h3,
.avis.accio h4,
.avis.accio h5 {
background: url(/img/icons/error.png) no-repeat left;
}
/* info */
.avis.info {
background: #f4f4f4;
color: #000;
}
.avis.info h1,
.avis.info h2,
.avis.info h3,
.avis.info h4,
.avis.info h5 {
background: url(/img/icons/information.png) no-repeat left;
}
/* error */
.avis.error {
background: #FFC1C1;
border: 2px solid #A70F00;
color: #000;
}
.avis.error h1,
.avis.error h2,
.avis.error h3,
.avis.error h4,
.avis.error h5 {
background: url(/img/icons/exclamation.png) no-repeat left;
color: #A70F00;
}
/* exit */
.avis.exit {
background: #D4FFB8;
color: #000;
}
.avis.exit h1,
.avis.exit h2,
.avis.exit h3,
.avis.exit h4,
.avis.exit h5 {
background: url(/img/icons/tick.png) no-repeat left;
}
/** little shopping cart **/
/* little cart */
table.tinycart {
padding: 0em 1em;
margin: 0;
}
table.tinycart,
table.tinycart td {
font-size: 100%;
border: none;
}
table.tinycart caption,
table.tinycart span.price {
color: #A70F00;
font-weight: bold;
}
table.tinycart caption {
margin-bottom: 1em;
text-align: left;
margin-left: 0.5em;
padding-left: 2.5em;
background: url(/img/icon_cart.png) center left no-repeat;
}
table.tinycart td,
table.tinycart th {
padding: 0;
margin: 0;
}
table.tinycart span.product-name {
font-weight: bold
}
.changecart {
color: #333;
font-weight: normal;
float: right;
}
/** order receipt **/
#order-receipt {
margin-top: 1.5em;
}
#order-receipt div#billing-shipping {
border-top: 2px dashed #A70F00
}
#order-receipt div#billing-shipping, 
#order-receipt div#order-products {
padding: 1.5em 0em;
border-bottom: 2px dotted #666;
}
#order-receipt div.text-info {
float: left;
width: 25%;
font-size: 1.2em;
font-weight: bold;
color: #A70F00;
}
#order-receipt div#billing,
#order-receipt div#shipping {
float: left;
width: 35%;
}
#order-receipt p.title {
font-weight: bold;
color: #000
}
#order-receipt div#products {
float: left;
width: 70%;
}
#order-receipt div#order-info {
margin-top: 1em;
font-size: 0.9em;
font-weight: normal;
color: #000;
}
#order-receipt div#order-info p.title {
margin-bottom: 0.5em;
}
#order-receipt #order-receipt {
margin: 1.5em 0em 0em 0em;
}
#order-receipt p {
margin: 0;
padding: 0;
}
#order-receipt table {
margin-top: 0em;
font-size: 0.9em;
border: none;
}
#order-receipt tr.product, 
#order-receipt tr.product td{
border: none;
border-bottom: 1px solid #ccc;
}
#order-receipt td.product-description {
}
#order-receipt td.price {
text-align: right
}
#order-receipt tr.subtotal {
border-top: 1px dotted #000;
color: #000;
font-weight: bold
}
#order-receipt tr.subtotal td,
#order-receipt tr.handling td,
#order-receipt tr.discount td {
border: none;
text-align: right
}
#order-receipt tr.subtotal td {
border-top: 1px dotted #000;
}
#order-receipt tr.discount td {
font-weight: bold;
color: green
}

/** links buttons **/
a.button, 
a.button:link,
button.ok {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
color: #000;
text-decoration: none;
padding: 5px 20px;
background: #E7E6E8;
font: 80% Verdana, Arial, Helvetica, sans-serif;
border-right: 2px solid #9697A2;
border-bottom: 2px solid #9697A2;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
cursor: default;
float: right;
}
a.button:active,
button.ok:active {
border-left: 2px solid #9697A2;
border-top: 2px solid #9697A2;
border-bottom: 1px solid #FFF;
border-right: 1px solid #FFF;
}
a.buttonstl,
a.buttonstl:visited{
background: #222 url(images/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
text-shadow: 0 -1px 1px #222;
border-bottom: 1px solid #222;
position: relative;
cursor: pointer;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
/* default orange and medium */
background-color: #ff5c00;
font-size: 13px;
text-align: center;
}
a.buttonstl:hover {
background-color: #111;
color: #fff; 
}
a.buttonstl:active{
top:1px
}
a.small.buttonstl {
font-size: 11px;
}
a.medium.buttonstl {
font-size: 13px;
}
a.large.buttonstl {
font-size: 14px;
padding: 8px 14px 9px;
}
 
a.blue.buttonstl, a.blue.buttonstl:visited { background-color: #2daebf }
a.blue.buttonstl:hover { background-color: #007d9a }
a.red.buttonstl, a.red.buttonstl:visited { background-color: #e33100 }
a.red.buttonstl:hover { background-color: #872300 }
a.magenta.buttonstl, a.magenta.buttonstl:visited { background-color: #a9014b }
a.magenta.buttonstl:hover { background-color: #630030 }
a.orange.buttonstl,a.orange.buttonstl:visited { background-color: #ff5c00 }
a.orange.buttonstl:hover { background-color: #d45500 }
a.yellow.buttonstl, a.yellow.buttonstl:visited { background-color: #EDBF50 }
a.yellow.buttonstl:hover { background-color: #fc9200 }
a.green.buttonstl, a.green.buttonstl:visited{ background-color: #91bd09; }
a.green.buttonstl:hover{ background-color: #749a02; }
a.default.buttonstl, a.default.buttonstl:visited { background-color: #EDBF50 }
a.default.buttonstl:hover { background-color: #fc9200 }

/** crumbs **/
div.crumbs{
padding:0px 20px 20px 0;
margin-left: -6px; /* anula el padding 1r link */
background:#fff
}
div.crumbs a{
padding-right:6px;
padding-left:6px
}
/** clearfix **/
/*
 *See http://positioniseverything.net/easyclearing.html 
 *for a description of this code.
 */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
legend{
font-weight:bold;
padding:0;
}
fieldset {
margin: .5em 0;
border:0;
}
input, textarea, select{
border:1px solid #ccc;
border-color:#666 #ccc #ccc #666;
}
.checkbox input, 
.radio input {
border: none;
}
input, textarea {
padding:2px 4px;
}
select {
padding: 0;
margin: 0;
}

option {
padding:0 1em 0 4px;
}
ul.flist, fieldset ul {
margin-top:0;
list-style: none;
}
ul.flist {
padding-left:1em;
}
ul.flist li {
display:inline;
float:left;
margin:0 1em 1em 0;
width:14em;
}
ul.flist li.block {
display:block;
float: none;
margin: 1em 0;
width:90%;
}
ul.flist li label{
display:block;
}
ul.flist li.cl {
clear:left;
}
ul.flist li.cb {
clear:both;
width:26em;
}
ul.flist li.cb input {
width:22em;
}
ul.flist li.cb input[type='checkbox'] {
width: auto;
}
li.error {
border: 1px solid red;
padding:0.5em 0.5em;
font-weight:bold;
margin-right:1em;
}
li.error span {
display:block;
}
li.save {
clear:both;
}
button {
clear:both;
display:block;
font-weight:bold;
padding:0.2em 0.5em;
}
/* address and shipping */
.order {
width:65em;
}
.order fieldset {
margin-bottom:1em;
}
.oaddress {
float:left;
padding:1em;
width:36em;
}
.oinfo {
background:#F9F7ED;
clear:right;
float:right;
padding:0;
width:26em;
}
.oinfo li {
margin:0;
padding-left:1.5em;
line-height:2em;
}
.oinfo li.active {
background:#cfff9f;
font-weight:bold;
}
.oinfo li input{
bottom:-3px;
position:relative;
}
/* simple layout */
body.simple #center fieldset {
padding-top:1em;
}
#header label {
position:absolute;
margin-top:-100px;
}