/* ------------------------------reset----------------------------- */
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, b, u, i, center, 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-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

/* recordar poner un estilo para el foco */
:focus {outline: 0;}

/* recordar destacar los inserts de alguna manera */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* las tablas siguen necesitando el 'cellspacing="0"' */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ------------------------------font------------------------------ */
/* el font-size:62.5% hace que 1em = 10px; calcular tamaņos con: child pixels / parent pixels = child ems */
body {font-size:62.5%; font-family: tahoma, helvetica, arial, sans-serif;}

h1 {font-size:2.4em;}
h2 {font-size:2em;}
h3 {font-size:1.8em;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:.85em;}
input, select, th, td {font-size:1em;}
li li, li p, td p, blockquote p {font-size:1em;}

/* ------------------------------base------------------------------ */
body {background-color:#dfe7eb;}
h2 {color:#3f4c6b; font-weight:normal; margin:30px 30px 10px; font-family:georgia, serif;}
h3 {color:#3f4c6b; font-weight:normal; margin:30px 30px 10px; font-family:georgia, serif;}
h4 {color:#6b4c3f; font-weight:normal; margin:10px 20px; font-family:georgia, serif;}
p {margin:6px;}
a {text-decoration:none; color:#369;}
a:hover {text-decoration:underline;}
:focus {outline:1px solid #69a0ec;}

pre {background-color:#fff; border:1px solid #ccc; margin:10px 0; padding:10px; overflow:hidden;}

fieldset > *:first-child {margin-top:0;}
fieldset {margin:1.6em 0; padding:1.6em; border:1px solid #ccc;}
button {margin:auto; padding:.3em .5em;}

textarea, input[type='text'] {padding:.1em .2em;}
input {padding:.2em .1em;}
select {padding:.2em .1em 0;}
select[multiple] {margin-bottom:.8em;}
option {padding:0 .4em .1em;}
input[type='radio'] {position:relative; bottom:-.2em;}
textarea, input[type='text'], input[type='password'], select {border:1px solid #ccc; background:#fff;}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {border-color:#aaa;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {outline:2px solid #69a0ec; border-color:#888;}

hr {display:block; background:#999; color:#999; width:100%; height:1px; border:none;}

ul {list-style:disc outside; margin-left:2.2em;}
ol {list-style:decimal outside;}

blockquote {color:#666;}
blockquote > *:first-child:before {content:'\201C'; font-size:2.5em; margin-left:-.62em; font-family:georgia,serif; padding-right:.2em; color:#aaa; line-height:0;}
abbr[title], acronym[title], dfn[title] {border-bottom:1px solid #ccc;}
ins, dfn {border-bottom-color:#666;}
del {color:#666;}
dt {margin-top:.8em; margin-bottom:.4em;}

table {border-top:1px solid #ccc; border-left:1px solid #ccc;}
th, td {border-bottom:1px solid #ddd; border-right:1px solid #ccc; vertical-align:middle;}
th, td {padding:.8em;}

/* ------------------------------sitio----------------------------- */
.contenedor {margin:0 auto; width:960px; overflow:hidden; font-size:1.2em; overflow:hidden; background-color:#fff;}
.cabecera {height:150px;}

.logo {overflow:hidden; height:100px;}
.logo p.imagen {margin:1em; float:left;}
.logo .acceso {
    float:right;
    margin:10px;
    padding:5px;
    width:290px;
    height:70px;
    background: transparent url('/imagenes/acceso.png') no-repeat left top;
    color:#939393;
    overflow:hidden;
}
.logo .acceso .login p {margin:0; overflow:hidden;}
.logo .acceso .login input {margin:0; padding:.2em;}
.logo .acceso .login label {display:block; float:left; text-align:right; margin:.2em; padding:0; width:18em;}
.logo .acceso .login p.enlaces {text-align:center; padding:.4em;}

.logo .acceso .mod_carrito {padding-left:6em; background: transparent url("/imagenes/carrito.png") no-repeat 1.8em .9em; font-size:1.2em;}
.logo .acceso .mod_carrito p.enlaces {text-align:right; margin:-.5em .5em; font-size:1em;}

.opciones {
    height:50px;
    background: transparent url('/imagenes/menu-fondo.png') repeat-x left top;
}
.opciones .buscar {color:#fff; float:right; padding:1px; overflow:hidden;}
.opciones .buscar p span {padding:4px; display:block; float:left; font-size:1.5em; font-family:helvetica, arial, sans-serif;}
.opciones .buscar p input[type='text'] {
    width:16.666em;
    font-family:helvetica, arial, sans-serif;
    margin:0;
    padding:.5em .833em;
    border:none;
    background: transparent url('/imagenes/menu-buscar.png') no-repeat left top;
	color: #666;
}
.opciones .buscar input[type='text']:focus {outline: 0;}

ul.menu {float:left; margin:0; padding:.333em;}
ul.menu li {
    font:bold 1.5em "trebuchet ms", tahoma, sans-serif;
    display:inline;
    margin:0;
    line-height:31px;
}
ul.menu li a {color:#a3a3a3; padding:4px 12px 5px;}
ul.menu li a:hover {
    text-decoration:none;
    color:#fff;
    background: transparent url("/imagenes/menu-boton.png") repeat-x left top;
    padding:3px 11px 4px;
    border:1px solid #0b5393;
}
ul.menu li a img {
    vertical-align:middle;
    height:10px;
    width:10px;
    background: transparent url("/imagenes/flechas.png") no-repeat 0 0;
}
ul.menu li a:hover img {background-position:-10px 0;}
ul.menu li.estado_on a {color:#fff;}

.submenu {
    display:none;
    position:absolute;
    background-color:#333;
    border:10px solid #6b6b6b;
    z-index:1000;
    overflow:hidden;
    -moz-border-radius:0 8px 8px 8px;
    border-radius:0 8px 8px 8px;
}
.submenu .columna {
    width:15em;
    padding-left:4px;
    float:left;
    padding-bottom:100em;
    margin-bottom:-100em;
    color:#fff;
}
.submenu .columna p {
    margin:0;
    padding:0;
    -moz-border-radius:8px 0 0 8px;
    border-radius:8px 0 0 8px;
}
.submenu .columna p a {color:#ccc; display:block; padding:.5em;}
.submenu .columna p a:hover {text-decoration:none;}
.submenu .columna li {list-style:none; padding:.5em 0; margin:0;}
.submenu .columna ul {margin-left:0; display:none;}
.submenu .columna ul li a {padding-left:1em; color:#666;}
.submenu .columna ul li a:hover {}
.submenu .subcats {background-color:#ddd;}

.cuerpo {overflow:hidden;}
.cuerpo p, .cuerpo td {font-size:1.2em; line-height:1.2em;}
.cuerpo td p {font-size:1em;}
.cuerpo .contenido_col {
    width:640px;
    float:left;
    overflow:hidden;
    padding-bottom:502em;
    margin-bottom:-500em;
}
.cuerpo .columna {
    width:302px;
    background-color:#f0f3f5;
    border-left:1px solid #dcdfe0;
    float:left;
    overflow:hidden;
    padding:10px 9px 10px 8px;
    padding-bottom:502em;
    margin-bottom:-500em;
}
.cuerpo .columna p {margin:0 0 10px;}
.cuerpo .columna img {border:1px solid #c8cbcc;}

.banners {height:260px; padding:0 10px 10px; background-color:#3b3b3b;}
.banners .rotativo {float:left; background-color:#000; height:259px; width:579px; border:solid #5f5f5f; border-width:0 1px 1px 0;}
.banners .fijos {float:right; width:350px; height:260px; overflow:hidden;}
.banners .fijos p {margin:0;}

.productos {overflow:hidden; clear:both;}
.producto {float:left; display:inline; width:224px; height:164px; margin:8px;}
.producto .cuadro {position:absolute; z-index:800;}
.producto .novedad {background: transparent url("/imagenes/solapa-nuevo.png") no-repeat 132px 119px;}
.producto .oferta {background: transparent url("/imagenes/solapa-oferta.png") no-repeat 132px 119px;}
.producto .datos {position:absolute; background:transparent url("/imagenes/prod-sombra.png") no-repeat left top; width:224px; height:164px; text-align:center; overflow:hidden;}
.producto .datos p.titulo {font:1.5em Tahoma, Helvetica, Arial, sans-serif; letter-spacing:-.06em; white-space:nowrap; padding:0; margin:5px;}
.producto .datos p.titulo a {color:#000;}
.producto .datos p.titulo a:hover {text-decoration:none;}
.producto .datos p.imagen {z-index:-1; margin:0 -150px; width:524px; text-align:center;}
.producto .datos p.compra {
    color:#b83312;
    font-size:17px;
    font-family:Helvetica, Arial, sans-serif;
    letter-spacing:-.1em;
    padding:0;
    margin:10px 5px 15px;
}
.producto .boton button {
    background: transparent url("/imagenes/prod-comprar.png") no-repeat left top;
    cursor:pointer;
    position:absolute;
    z-index:900;
    width:100px;
    height:24px;
    margin:33px 0 0 100px;
    padding:0 0 0 20px;
    border:none;
    letter-spacing:normal;
}

.listas {overflow:hidden; clear:both;}
.listas .prod_lista {
    width:620px;
    height:150px;
    margin:9px 8px 7px;
    padding:1px 2px 3px;
    background: transparent url("/imagenes/lista-fondo.png") no-repeat 2px 2px;
    overflow:hidden;
}
.listas .prod_lista img {margin:9px;}
.listas .prod_lista .cuadro {float:left; width:150px;}
.listas .prod_lista .datos {float:left; width:440px; padding-right:10px; margin-left:20px;}
.listas .prod_lista .datos .titulo {font-size:1.5em; color:#0c4a84; margin:1em 0; white-space:nowrap; overflow:hidden; width:350px;}
.listas .prod_lista .datos .descripcion {font:14px helvetica, arial, sans-serif; margin:1em 1em 0 0; height:2.4em; overflow:hidden;}
.listas .prod_lista .datos .compra {font:18px helvetica, arial, sans-serif; margin:1.2em 1em 0 0; float:left;}
.listas .prod_lista .datos .compra strong {color:#b83312;}
.listas .prod_lista .datos .boton {float:right; margin:1.45em .75em 0 0;}
.listas .prod_lista .datos .boton button {
    background: transparent url("/imagenes/lista-comprar.png") no-repeat left top;
    cursor:pointer;
    width:102px;
    height:28px;
    border:none;
}
.listas .destacado .datos .boton button {background: transparent url("/imagenes/lista-comprar-destacado.png") no-repeat left top;}
.listas .destacado {background: transparent url("/imagenes/lista-fondo-destacado.png") no-repeat left top;}
.listas .destacado .novedad {background: transparent url("/imagenes/lista-novedad.png") no-repeat right top;}
.listas .destacado .oferta {background: transparent url("/imagenes/lista-oferta.png") no-repeat right top;}

.detalle {padding-top:12px;}
.detalle .fotos {width:324px; float:left; position:relative; overflow:hidden; padding-bottom:20px; overflow:hidden;}
.detalle .fotos .principal {width:304px; height:304px; margin:0 auto;}
.detalle .fotos .miniaturas img, .detalle .fotos .marquitos img {width:64px; height:64px; margin:16px 8px; float:left;}
.detalle .fotos .miniaturas {float:left; overflow:hidden; padding-left:2px;}
.detalle .fotos .marquitos {position:absolute; top:304px; overflow:hidden; padding-left:2px;}

.detalle .datos {width:276px; float:left; padding:0 10px 20px 16px;}
.detalle .datos h3 {font:1.5em tahoma, helvetica, sans-serif; color:#0c4a84; margin:0 0 20px; text-transform:uppercase;}
.detalle .datos p {font:14px helvetica, arial, sans-serif; margin:0;}
.detalle .datos p em {color:#999;}
.detalle .datos p.precio {font:18px helvetica, arial, sans-serif; margin:1.2em 1em 0 0;}
.detalle .datos p.precio strong {color:#b83312;}
.detalle .compra input {text-align:right;}
.detalle .compra {
    background: transparent url("/imagenes/desc-fondo-compra.png") no-repeat left top;
    padding:8px;
    text-align:center;
    margin-top:20px;
    width:260px;
    height:86px;
    overflow:hidden;
}
.detalle .compra p.det {line-height:18px; height:44px;}
.detalle .compra p.unico {line-height:44px;}
.detalle .compra p em {color:#666;}
.detalle .compra p span {color:#b83312; font:20px helvetica, arial, sans-serif; font-weight:bold;}
.detalle .compra .boton {margin:.6em auto 0; font-size:15px;}
.detalle .compra .boton input {padding:3px;}
.detalle .compra .boton button {
    background: transparent url("/imagenes/desc-comprar.png") no-repeat left top;
    cursor:pointer;
    width:102px;
    height:28px;
    border:none;
}

.info {clear:both; margin:9px 9px 0; background: transparent url("/imagenes/desc-info.png") no-repeat left top;}
.info .base {background: transparent url("/imagenes/desc-info.png") no-repeat left bottom; height:10px;}
.info h5 {font:15px helvetica, arial, sans-serif; margin:0; padding:7px 10px;}
.info table {border-width:0; color:#696969; font-size:12px; margin-top:10px;}
.info table th {text-align:right; font-weight:bold; padding:8px; border-width:0; width:120px;}
.info table td {padding:8px; border-width:0;}

p.pages {padding:10px; margin:10px; font-size:16px;}
p.pages a {color:#536e91; border:1px solid #638ea1; text-decoration:none;}
p.pages a:hover {background-color:#a3cee1;}
p.pages a strong {background-color:#638ea1; color:#fff;}

.navegar {
    margin:19px 9px;
    padding:0;
    height:32px;
    background: transparent url("/imagenes/bc-fondo.png") no-repeat left top;
    line-height:31px;
    font-size:14px;
    white-space:nowrap;
    overflow:hidden;
}
.navegar a, .navegar span {
    background: transparent url("/imagenes/bc-separador.png") no-repeat left top;
    margin-left:-11px;
    color:#939393;
    padding:6px 24px 7px;
}
.navegar a:focus {outline:0;}
.navegar span {color:#ccc;}
.navegar a.primero {background-image:url("/imagenes/bc-home.png"); margin-left:0; padding-left:12px; padding-right:18px;}
.navegar a:hover {text-decoration:none; color:#000; background-position:left bottom; background-color:#fdb649;}
.navegar a img {
    background: transparent url("/imagenes/icono-home.png") no-repeat left top;
    vertical-align:middle;
    margin-bottom:3px;
    height:16px;
    width:18px;
}
.navegar a:hover img {background-position:left bottom;}

p.categoria {
    margin:1.8em;
    padding-left:4em;
    font-size:1.4em;
    background: transparent url("/imagenes/menu-derecha.png") no-repeat 3em .3em;
}

.marco p {margin:12px 20px;}
.derecha {text-align:right;}
.centro {text-align:center;}

.mensaje, .submensaje, .alerta {padding:8px 16px; margin:10px; font-size:1em;}
.mensaje p, .submensaje p, .alerta p {margin:0;}
.mensaje, .submensaje { background-color: #bfb; border:1px solid #44c944; border-width:1px 0; color:#060;}
.alerta { background-color: #ffa; border:1px solid #f9e164; border-width:1px 0; color:#a33;}
.alerta p {color:#f00;}

table.tabla_compra {width:624px; border-width:0; margin:10px 6px 40px 10px; border-spacing:1px; border-collapse:separate;}
table.tabla_compra td, table.tabla_compra th {padding:8px 4px; font-size:12px; border-width:0;}
table.tabla_compra td p {text-align:right; margin:0;vertical-align:top;}

table.tabla_compra thead th {color:#ffffff; background-color:#638ea1; font-weight:bold; vertical-align:middle;}
table.tabla_compra tbody tr td {background-color:#f7f8f9;}
table.tabla_compra tbody tr.marca td {background-color:#ebeced;}
table.tabla_compra tbody tr.selec td {background-color:#a6c3df;}
table.tabla_compra tbody tr:hover td {background-color:#a3cee1;}
table.tabla_compra input {text-align:right;font-size:12px; padding:0; margin:0;}

table.tabla_compra .th_total {background-color:#234e61;}
table.tabla_compra tbody tr td.td_total {background-color:#d4d4d4;}
table.tabla_compra tbody tr:hover td.td_total {background-color:#a3cee1;}
table.tabla_compra thead tr th.th_quitar {background-color:#fff;}
table.tabla_compra tbody tr td.td_quitar {background-color:#fff; width:16px;}
table.tabla_compra .tf_total {font-weight:bold; font-size:15px; color:#666;}
table.tabla_compra .tf_total span {font-size:17px; color:#b83312;}

.cuenta .menuop {
    float:left;
    height:130px;
    width:255px;
    padding:6px 16px 0;
    margin:10px 0 10px 20px;
    background-color:#f6f6f6;
    border:1px solid #ddd;
}
.cuenta .menuop h4 {font:italic 20px trebuchet ms, serif; color:#4075cf;}
.cuenta .menuop p {font:normal 14px helvetica, arial, sans-serif; margin:8px; padding-left:32px;}
.cuenta .menuop a {color:#797979; text-decoration:none;}
.cuenta .menuop a:hover {text-decoration:underline;}

.formulario {margin:10px auto; text-align:center;}
.formulario table {margin:0 auto; text-align:left; width:500px;}
.formulario td {padding:1em;}
.formulario p {padding:0; overflow:hidden;}

.pie {background-color:#3b3b3b; color:#a3a3a3; padding:20px;}
.pie a {color:#838383;}
.pie .copy {text-align:center; padding-top:1em; clear:both; border-top:1px solid #444;}
.pie .links {float:left; padding:0 6px 0 14px; width:210px; margin-bottom:1.5em;}
.pie .links p {padding:0 1em;}
.pie .links h5 {margin-bottom:1em; font:1.5em georgia, serif;}

.bloqueo {
    position:absolute;
    display:none;
    top:0;
    left:0;
    z-index:1000;
    background-color:#000;
    cursor:pointer;
    filter:alpha(opacity=40);
    -moz-opacity:0.4;
    -webkit-opacity:0.4;
    opacity:0.4;
}
.ventana {
    position:absolute;
    display:none;
    background-color:#fff;
    border:2px solid #000;	
    width:560px;
    height:560px;
    padding:5px;
    z-index:1010;
    overflow:hidden;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.tabla {width:480px; margin:3em auto; height:100px;}
.tabla td {vertical-align:top;}
.tabla h5 {font-family:georgia, serif; margin:.5em 0;}
.tabla td.foto {width:80px; vertical-align:middle; text-align:center;}

.parrafo {background-color:#eee; margin:2em; padding:1em;}
.suave {border-top:1px solid #ccc; margin:2em; padding:1em;}