/* ::::: http://www.escuchalibros.com/estilos.css ::::: */

body, html { margin: 0px; padding: 0px; }
img { border: 0px none ; vertical-align: middle; }
form, li, ul, p { margin: 0px; padding: 0px; }
li { list-style-type: none; }
a:link { color: rgb(255, 183, 6); text-decoration: underline; }
a:active { color: rgb(255, 183, 6); text-decoration: underline; }
a:visited { color: rgb(255, 183, 6); text-decoration: underline; }
a:hover { text-decoration: none; }
.clear { margin: 0px; padding: 0px; clear: both; }
.required { margin-left: 2px; color: rgb(255, 0, 34); }
input, textarea, select { border: 1px solid rgb(211, 124, 7); margin: 0px; padding: 0px; background: rgb(95, 95, 95) none repeat scroll 0% 0%; font-family: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; font-size: 11px; color: rgb(0, 0, 0); }
.edit { width: 20px; margin-left: 5px; vertical-align: top; }
.simbolosi, .simbolono { margin-right: 2px; }
body { margin: 0px 0px 10px; background: rgb(0, 0, 0) url('fondo_gral_pag.gif') repeat-x scroll 0% 0%; font-family: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; font-size: 11px; text-align: center; color: rgb(255, 255, 255); position: relative; }
#contenedor { margin-left: auto; margin-right: auto; width: 804px; text-align: left; }
#idiomas { padding: 4px 0px 0px 35px; background: rgb(255, 0, 0) url('barra_idiomas.gif') repeat scroll 0% 0%; height: 28px ! important; }
#idiomas .activo { color: rgb(255, 255, 255); font-weight: bold; }
#idiomas a { color: rgb(255, 255, 255); text-decoration: none; }
#idiomas a:hover { color: rgb(255, 255, 255); text-decoration: underline; }
#idiomas li { display: inline; padding-right: 5px; }
#cabecera { margin: 0px; padding: 0px; width: 100%; background-color: rgb(0, 0, 0); }
#cabecera-left { margin: 0px; padding: 0px; background: rgb(0, 0, 0) url('cabecera_logo.jpg') repeat scroll 0% 0%; width: 209px; height: 230px; float: left; }
#cabecera-right { margin: 0px; padding: 0px; background: rgb(0, 0, 0) url('cabecera_right.jpg') repeat scroll 0% 0%; width: 595px; height: 230px; float: right; }
#buscador { padding: 196px 50px 0px 0px; width: 221px; height: 31px ! important; float: right; text-align: right; }
#buscador .text { border: 0px none ; margin: 0px 5px 0px 0px; padding: 2px 3px 2px 8px; width: 110px; height: 20px; vertical-align: middle; background-color: transparent; background-image: url('input.gif'); background-position: 0pt -3px; background-repeat: no-repeat; font-size: 11px; }
#buscador .boton { border: 0px none ; margin: 0px; padding: 0px; vertical-align: middle; background-color: transparent; }
#content { margin: 0px; padding: 20px 0px; background: rgb(0, 0, 0) url('fondo_contenido.gif') no-repeat scroll 0% 0%; min-height: 375px; width: 100%; vertical-align: middle; }
#content-left { margin: 0px; padding: 0px 0px 0px 45px; width: 142px ! important; min-height: 375px; float: left; }
#content-left-top { margin: 0px; padding: 0px; }
#content-left-top .menu-seccion li { margin: 0px; padding: 2px 0px 0px ! important; display: block; width: 100%; font-weight: bold; }
#content-left-top .menu-seccion li a { margin: 0px; padding: 4px 0px 0px 8px; display: block; width: 100%; height: 23px ! important; color: rgb(0, 0, 0); text-decoration: none; background-image: url('menu_off.gif'); background-repeat: no-repeat; }
#content-left-top .menu-seccion li a:hover { margin: 0px; display: block; height: 26px; color: rgb(0, 0, 0); text-decoration: none; background-image: url('menu_on.gif'); background-repeat: no-repeat; }
#content-left-separa-menus { margin: 6px 0px 0px; padding: 0px; background-image: url('separa_menu.gif'); background-position: 3px 6px; background-repeat: no-repeat; height: 15px; }
#content-left-bottom { margin: 0px; padding: 2px 0px 0px; background-image: url('fondo_utilidades_cliente.gif'); background-repeat: no-repeat; background-position: 0px 70px; height: 230px; text-decoration: none; }
#content-left-bottom .utilidades-basico li { margin: 0px; padding: 2px 0px 0px ! important; display: block; width: 100%; font-weight: bold; }
#content-left-bottom .utilidades-basico li a { margin: 0px; padding: 4px 0px 0px 8px; display: block; width: 100%; height: 23px ! important; color: rgb(255, 255, 255); text-decoration: none; background-image: url('menu_utilidades_off.gif'); background-repeat: no-repeat; }
#content-left-bottom .utilidades-basico a:hover { margin: 0px; display: block; height: 26px; color: rgb(255, 255, 255); text-decoration: none; background-image: url('menu_utilidades_on.gif'); background-repeat: no-repeat; }
#content-left-bottom .utilidades-cliente { margin: 10px 0px 0px; padding: 4px 0px 0px; width: 100%; }
#content-left-bottom .utilidades-cliente li { margin: 0px 0px 0px 10px; padding: 2px 0px 0px; display: block; width: 100%; color: rgb(255, 255, 255); text-decoration: none; font-weight: normal; }
#content-left-bottom .utilidades-cliente li a { margin: 0px; padding: 1px 0px 0px 16px; background: rgb(115, 59, 0) url('bullet_util_cliente_off.gif') no-repeat scroll 5px 6px; display: block; width: 84px ! important; color: rgb(255, 255, 255); text-decoration: none; }
#content-left-bottom .utilidades-cliente li a:hover { margin: 0px; padding: 1px 0px 0px 16px; background: rgb(204, 104, 0) url('bullet_util_cliente_on.gif') no-repeat scroll 5px 6px; display: block; width: 84px ! important; color: rgb(115, 59, 0); text-decoration: none; }
#content-right { margin: 0px; padding: 0px; width: 565px; float: left; }
.ver-mas { margin: 5px 0px 0px; text-align: right; color: rgb(151, 177, 33); font-weight: bold; }
.texto-intro { margin: 0px 0px 10px; padding: 15px; background-color: rgb(69, 69, 69); color: rgb(255, 255, 255); }
.titulo-seccion { margin: 0px 0px 20px; padding: 25px 0px 0px 48px; font-size: 18px; height: 29px ! important; font-weight: bold; color: rgb(255, 255, 255); background-image: url('bullet_seccion.gif'); background-repeat: no-repeat; background-position: 0px 4px; }
.imagen-lado { border: 2px solid rgb(241, 152, 32); margin: 0px 0px 0px 20px; padding: 2px; float: right; }
#texto .titulo { margin: 0px 0px 10px 10px; font-weight: bold; }
#texto .texto { padding: 0px 0px 10px 10px; }
#texto .imagen-lado { margin-bottom: 20px; }
#lista .contenedor { margin: 10px 0px 10px 10px; }
#lista .titulo-lista { padding: 2px 0px 0px 10px ! important; background-color: rgb(211, 124, 7); height: 18px ! important; color: rgb(255, 255, 255); font-weight: bold; }
#lista .titulo-elemento { padding: 3px 0px; font-weight: bold; }
#lista a + ul { float: left; }
#datos .contenedor { margin: 10px 0px 10px 10px; }
#datos .titulo-elemento { padding: 2px 0px 0px 10px ! important; background: rgb(211, 124, 7) none repeat scroll 0% 0%; height: 18px ! important; color: rgb(255, 255, 255); font-weight: bold; }
#datos .enlace-elemento { float: left; }
#resultados-buscador { margin: 0px 0px 10px; }
#resultados-buscador .titulo-elemento { margin: 0px 0px 10px 10px; }
#resultados-buscador .titulo-resultados { padding: 6px 0px; font-weight: bold; }
#resultados-buscador .texto, #resultados-buscador .titulo { margin: 10px 0px; }
#formulario { margin: 0px 0px 10px; }
#formulario label { padding: 0px 0px 0px 10px; font-weight: bold; width: 140px; float: left; height: 20px; }
#formulario .clear { margin: 0px; clear: both; padding-top: 2px; }
#formulario select { margin-bottom: 2px ! important; width: 250px; }
#formulario .caja { margin: 0px; padding: 0px 0px 0px 4px; width: 250px; }
#formulario input { padding: 0px; }
#formulario .olvidar { position: absolute; left: -130px; }
#formulario #form_pedido_tradicional, #formulario #form_pedido_paypal, #formulario #form_pedido_expresscheckout { display: none; }
#formulario #form_pedido_paypal .phone { width: 189px; }
#formulario #form_pedido_paypal .prefix { width: 30px; }
#formulario #choose_payment { border-bottom: 1px dotted gray; margin: 10px auto 30px; display: block; float: left; padding-left: 15px; padding-bottom: 15px; width: 90%; clear: both; }
#formulario #choose_payment .paypal_note { font-family: Arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 85%; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; }
#formulario #choose_payment .btn_radio, #formulario #choose_payment .lbl_radio { margin: 5px; float: left; display: inline; font-weight: normal; }
#formulario #choose_payment .lbl_radio { width: 380px; }
#formulario #choose_payment .btn_radio { margin-top: 8px; width: 15px; }
#buttons { margin: 10px 0px 20px 150px ! important; padding: 0px; position: relative; }
#buttons .button { border: 1px solid rgb(255, 255, 255); background-color: rgb(254, 0, 3); color: rgb(255, 255, 255); font-weight: bold; font-size: 11px; height: 19px; }
#navegacion { margin: 0px 0px 10px; }
#navegacion a { padding: 0px 6px 0px 0px; }
#navegacion li { display: inline; }
#catalogo { margin: 0px; padding: 0px; }
#catalogo p { padding: 0px; margin-left: 3px; }
#catalogo .titulo-seccion { margin: 0px 0px 10px; padding: 25px 0px 0px 48px; height: 29px ! important; }
#catalogo h1 { margin: 10px 0px; padding: 2px 0px 0px 10px ! important; font-size: 11px; background-color: rgb(211, 124, 7); height: 18px ! important; color: rgb(255, 255, 255); font-weight: bold; }
#catalogo h1 a { color: rgb(255, 255, 255); }
#catalogo h2 { margin: 10px 0px; padding: 2px 0px 0px 10px ! important; font-size: 11px; background-color: rgb(211, 124, 7); height: 18px ! important; color: rgb(255, 255, 255); }
#catalogo h2 a { color: rgb(255, 255, 255); }
#catalogo .nivel2 { padding: 0px; margin-left: 10px; }
#catalogo .imagen-lado { border: 1px solid rgb(241, 152, 32); margin: 0px 0px 10px 10px; }
#catalogo .mas-info { margin: 0px 0px 10px; clear: both; float: right; }
#catalogo .volver { margin: 5px 0px 20px; float: left; }
#catalogo .descargar { margin: 5px 0px 20px; float: right; }
#pie { margin: 0px; padding: 0px; background: transparent url('fondo_pie.gif') no-repeat scroll 0% 0%; height: 36px; bottom: 0pt; clear: both; width: 100%; }
#pie p { margin: 0px; padding: 6px 50px 0px 0px; text-align: right; color: rgb(255, 255, 255); }
#pie img { display: inline; padding-left: 5px; margin-top: -6px; }
#pie a:link, #pie a:visited { color: rgb(255, 255, 255); }
#pie a:hover { color: rgb(255, 183, 6); }
#pie img { vertical-align: middle; }
* html #pie { margin-bottom: -1px; }
#destacados table { border: 0px none ; width: 100%; font-family: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; font-size: 11px; background-color: transparent; margin-bottom: 5px; letter-spacing: 0px; }
#destacados thead { font-weight: bold; background-color: rgb(211, 124, 7); }
#destacados thead td { padding: 0px 0px 0px 10px; font-weight: bold; color: rgb(255, 255, 255); height: 20px; }
#destacados tbody td { padding: 10px; vertical-align: top; font-weight: bold; }
#destacados td.image { width: 150px; }
#destacados .imagen-lado { margin: 0px; float: none; width: 80%; }
#catalogo .nombreProducto { display: block; float: left; }
#catalogo .codigo { display: block; margin-right: 10px; float: right; }
#catalogo h1 { height: 15px; }
#catalogo .derecha { float: right; vertical-align: middle; }
#catalogo .principalderecha { padding: 36px 0px 0px; float: right; vertical-align: middle; }
#cesta { width: 100%; }
#cesta input { padding: 0px 0px 0px 2px; width: 30px; }
#cesta table { border: 0px none ; width: 100%; font-family: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; font-size: 11px; }
#cesta thead td { padding: 3px 0px 3px 10px; background-color: rgb(211, 124, 7); width: 25%; font-weight: bold; }
#cesta tbody td { width: 25%; padding-left: 10px; }
#cesta tbody td.precio { text-align: right; }
#cesta tfoot td { width: 25%; font-weight: bold; padding-left: 10px; }
#cesta .texto { margin: 10px 0px; padding: 15px; background-color: rgb(69, 69, 69); }
#cesta tfoot td.total { text-align: right; padding-bottom: 14px; }
#cesta .volver, #cesta .reenviar { float: left; }
#cesta .pedido { float: right; }
#cesta .actualizar { float: left; }