body {margin: 12px 0; padding: 0; background: #eee url(../images/fondo.gif); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000; text-align: center}
body#email {text-align: left}
#contenedor {width: 700px; margin: auto; background: #fff url(../images/sombra.png) top right repeat-y; text-align: justify}
#izquierda {float: left; width: 500px; margin: 0; padding: 0 0 50px 0; background: url(../images/fondoarriba.png) left top no-repeat; border-right: solid 1px #ddd; overflow: hidden}
#derecha {float: left; width: 190px; padding-right: 9px; background: url(../images/fondoarriba.png) right top no-repeat}
#cesta {float: right; margin: 30px 10px 0 10px; height: 60px; border-left: dotted 2px #ddd; padding: 20px; font-size: 12pt; line-height: 20pt}
#pie {height: 16px; clear: both; background: url(../images/fondopie.png); padding: 7px 10px}

div.producto {margin: 10px; width: 208px; padding: 5px; float: left; border: solid 1px #ddd; text-align: center}

#logotipo {float: left; width: 300px; height: 100px; margin-top: 30px}

h1, h2, h3, p, table {margin: 10px; clear: both}
h1, h2, h3 {color: #2387f5; font-weight: bold}
h1 {font-size: 14pt}
h2 {font-size: 10pt; margin-top: 30px}
h2#publicidad {margin-top: 0; font-weight: normal; color: #d00}
h3 {font-size: 8pt; margin-top: 30px}

p, ul, ol {line-height: 14pt}

#derecha h2 {font-family: Monospace, Courier; text-transform: uppercase; color: #2387f5}
#derecha ul {margin: 0; padding: 0}
#derecha ul li {list-style-type: none}
#derecha li {margin: 0; line-height: 16pt}
#derecha li a {display: block; width: 178px; border-bottom: solid 1px #ddd; padding: 2px 2px 2px 10px; text-decoration: none; color: #005; font-family: Monospace, Courier; text-transform: uppercase}
#derecha li a:hover {background: #005 url(../images/fondobotones.png); color: #fff}
form {margin: 5px 10px}
#comprar {text-align: center}
input, textarea, select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000}
fieldset {padding: 10px; border: solid 1px #005}
legend {font-family: Monospace, Courier; text-transform: uppercase; color: #000}

table {margin-top: 30px; width: 100%; border: 0; border-spacing: 0; border-collapse: collapse}
caption {color: #d00}
th, td {padding: 4px}
tr.encabezado {background: #d00; color: #fff}
tr.total {font-weight: bold; background: #eee}
tr.total td {text-align: right}
td.i {text-align: left}
td.d {text-align: right}
td.c {text-align: center}

img {border: 0}
img.banner {width: 190px; height: 95px}
img.producto {width: 208px; height: 208px}
img.productomini {width: 104px; height: 104px; margin-right: 10px}
img.acciones {width: 132px; height: 28px}
img.pagina {width: 10px; height: 10px; vertical-align: middle; margin: 0 20px}
address {font-style: normal; font-size: 7pt; color: #fff}
abbr, acronym {cursor: help}
big, strong {font-weight: 900; color: #2387F5}
p.paginacion {text-align: center; margin-top: 30px}

a {text-decoration: none; color: #d00}
a:visited {color: #b00}
a:hover, a:focus {text-decoration: underline; color: #000}
a:active {background: #d00; color: #fff}
#pie a {color: #fff}

/* ESTILOS PARA IMPRESION */
@media print {
#derecha {display: none}
}