/* CSS Document */

/* LIBRERIA COMPLICES
/* Autor: Manuel Ribera
/* Empresa: Entorno Digital - www.entornodigital.es
/* Creado: 09/01/2008
--------------------------------------------------------------------------- */

/* ESTRUCTURA */
/* COLUMNA IZQUIERDA */
/* DONDE ESTAMOS */
/* COLUMNA DERECHA */
/* RECOMENDACION */
/* NOVEDADES */
/* FICHA */
/* COMPRA */
/* BASE */


/* ESTRUCTURA
--------------------------------------------------------------------------- */
* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
img{
border:none;
}
h1,h2,h3{
margin: 0 auto;
}
#container {
margin: 0 auto;
 width: 900px;
}
#columna_izquierda { 
 margin: 0px;
 padding: 0px;
 height: auto;
 width: 198px;
 float: left;
}
#columna_derecha { 
 border-left: 1px solid #ef1c8f;
 float: right;
 margin: 0px;
 padding: 0px;
 height: auto;
 width: 700px;
 display: inline;
 position: relative;
}

/* COLUMNA IZQUIERDA
--------------------------------------------------------------------------- */
#botonera_menu { 
 background-image:url(../img/fondo_botonera.jpg);
 background-repeat:no-repeat;
 margin: 0px;
 padding: 0px;
 height: 431px;
 width: 198px;
}

#suscripcion { 
 background-image:url(../img/fondo_donde.jpg);
 background-repeat:no-repeat;
 margin: 0px;
 padding: 0px;
 height: auto;
 width: 198px;
 margin-bottom:20px;
}
a.recom_btn:link, a.recom_btn:visited { 
 background-image:url(../img/btn_recom1.gif);
 background-repeat:no-repeat;
 margin: 0px;
 padding: 0px;
 height: 54px;
 width: 198px;
 display:block;
}
a.recom_btn:hover { 
 background-image:url(../img/btn_recom2.gif);
 background-repeat:no-repeat;
}
a.suscrip_btn:link, a.suscrip_btn:visited { 
 background-image:url(../img/btn_suscrip1.gif);
 background-repeat:no-repeat;
 margin: 0px;
 padding: 0px;
 height: 54px;
 width: 198px;
 display:block;
}
a.suscrip_btn:hover { 
 background-image:url(../img/btn_suscrip2.gif);
 background-repeat:no-repeat;
}

#donde { 
 background-image:url(../img/fondo_donde.jpg);
 background-repeat:no-repeat;
 margin: 0px;
 padding: 0px;
 height: 271px;
 width: 198px;
}

a.donde_btn:link, a.donde_btn:visited { 
 background-image:url(../img/fondo_donde.jpg);
 background-repeat:no-repeat;
 margin: 0px;
 padding: 0px;
 height: 158px;
 width: 198px;
 display:block;
}
a.donde_btn:hover { 
 background-image:url(../img/fondo_donde2.jpg);
 background-repeat:no-repeat;
 margin: 0px;
 padding: 0px;
 height: 158px;
 width: 198px;
 display:block;
}

#email { 
 background-image:url(../img/fondo_email.jpg);
 background-repeat:no-repeat;
 margin: 0px;
 padding: 0px;
 height: 134px;
 width: 198px;
}

a.email_btn:link, a.email_btn:visited { 
 background-image:url(../img/fondo_email.jpg);
 background-repeat:no-repeat;
 margin: 0px;
 padding: 0px;
 height: 134px;
 width: 198px;
 display:block;
}
a.email_btn:hover { 
 background-image:url(../img/fondo_email2.jpg);
 background-repeat:no-repeat;
 margin: 0px;
 padding: 0px;
 height: 134px;
 width: 198px;
 display:block;
}

/* DONDE ESTAMOS
--------------------------------------------------------------------------- */
#mapa {
 width: 681px;
 height: 606px;
 padding-bottom:100px;
 margin-top:20px;
 margin-left:20px;
}

/* COLUMNA DERECHA
--------------------------------------------------------------------------- */
#cabecera {
 width: 701px;
 height: 156px;
 background-image:url(../img/fondo_cabecera2.jpg);
 background-repeat:no-repeat;
}

a.cabecera_btn:link, a.cabecera_btn:visited {
 width: 701px;
 height: 156px;
 background-image:url(../img/fondo_cabecera.jpg);
 background-repeat:no-repeat;
 display:block;
}

a.cabecera_btn:hover {
 width: 701px;
 height: 156px;
 background-image:url(../img/fondo_cabecera2.jpg);
 background-repeat:no-repeat;
 display:block;
}

#cont_blog {
 width: 701px;
 height:26px;
 float:left;
}
#blog {
 width: 195px;
 height:26px;
 float:left;
}
a.btn_blog:link, a.btn_blog:visited {
 width: 195px;
 height: 26px;
 line-height: 26px;
 background-image:url(../img/btn_blog1.jpg);
 background-position:left;
 background-repeat:no-repeat;
 display:block;
}

a.btn_blog:hover {
 background-image:url(../img/btn_blog2.jpg);
  background-position:left;
 background-repeat:no-repeat;
}
#buscador {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align:right;
 width: 501px;
 color: #999;
 line-height:26px;
 float: right;
}
.buscar {
 background-image: url(../img/lupa.jpg); 
 color: #fff;
 width:26px;
 height:26px;
 margin-left:2px;
 border-width: 0;
 cursor: pointer;
}

/* RECOMENDACION
--------------------------------------------------------------------------- */
#recomendacion {
 width: 479px;
 height: 208px;
 background-image:url(../img/fondo_recomendacion.jpg);
 background-repeat:no-repeat;
 padding-top:48px;
 padding-left:222px;
 border-top:solid 10px #fff;
}

#datos_recomendacion {
 width: 450px;
 height: 180px;
}

.foto_recomendado { 
 margin-right:15px;
 border:solid #fff 1px;
 float:left;
}

.texto_recomendado { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#fff;
 width: 320px;
 height:auto;
 float:left;
}

.titulo_recomendado { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 color:#fff;
 font-weight:bold;
}

.precio_recomendado { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 color:#fff;
 font-weight:bold;
}

/* CATALOGO
--------------------------------------------------------------------------- */
.cont_zona {
 width: 700px;
 height: auto;
 float:left;
 padding-bottom:20px;
}
.zona_literaria {
 width: 310px;
 height: auto;
 padding:10px 20px;
 float:left;
}
.tit_zona { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 line-height:24px;
 color:#ef1c8f;
 font-weight:bold;
 border-bottom:solid 1px #ef1c8f;
}
a.btn_catalogo:link, a.btn_catalogo:visited {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 color:#666;
 line-height: 17px;
 display:block;
 text-decoration:none;
 padding-left:50px;
}

a.btn_catalogo:hover {
 color:#ef1c8f;
 text-decoration:underline;
}

/* NOVEDADES
--------------------------------------------------------------------------- */
#tit_novedades {
 width: 700px;
 height: 145px;
 background-image:url(../img/tit_novedades2.jpg);
 background-repeat:no-repeat;
 float:left;
}

a.novedades_btn:link, a.novedades_btn:visited {
 width: 701px;
 height: 145px;
 background-image:url(../img/tit_novedades.jpg);
 background-repeat:no-repeat;
 display:block;
}

a.novedades_btn:hover {
 width: 701px;
 height: 145px;
 background-image:url(../img/tit_novedades2.jpg);
 background-repeat:no-repeat;
 display:block;
}

#novedades {
 width: 700px;
 height: auto;
 float:left;
 background-image:url(../img/fondo_novedades.gif);
 background-repeat:repeat-y;
}

#novedades_left {
 width: 340px;
 height: auto;
 border-right: 1px solid #ef1c8f;
 float: left;
 padding-bottom:20px;
}

#novedades_right {
 width: 359px;
 height: auto;
 float: right;
}

.destacado_novedad { 
 width: 328px;
 height: 145px;
 margin-bottom:20px;
 padding-left:13px;
 float:left;
}

.foto_libro { 
 margin-right:10px;
 border:solid #cacaca 1px;
 float:left;
}

.texto_libro2 { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#666;
 width: 212px;
 height:auto;
 float:left;
}

.titulo12 { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color:#535353;
 font-weight:bold;
}

.precio11 { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#535353;
 font-weight:bold;
}

#siguiente {
 width: 673px;
 height: auto;
 float:left;
 text-align:right;
 padding: 6px 14px;
 }
 
a.flecha_right:link, a.flecha_right:visited{
 background-image:url(../img/flechita_right1.gif);
 background-position:right;
 background-repeat:no-repeat;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 color:#ef1c8f;
 width: auto;
 line-height: 12px;
 padding-right:14px;
 text-align:right;
 text-decoration:none;
 display:block;
 }
 a.flecha_right:hover{
 background-image:url(../img/flechita_right2.gif);
 background-position:right;
 background-repeat:no-repeat;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 color:#000;
 text-decoration:underline;
 }
 
 a.flecha_left:link, a.flecha_left:visited{
 background-image:url(../img/flechita_left1.gif);
 background-position:left;
 background-repeat:no-repeat;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 color:#ef1c8f;
 width: auto;
 line-height: 12px;
 padding-left:14px;
 text-align:left;
 text-decoration:none;
 display:block;
 float:left;
 }
 a.flecha_left:hover{
 background-image:url(../img/flechita_left2.gif);
 background-position:left;
 background-repeat:no-repeat;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 color:#000;
 text-decoration:underline;
 }
 
 /*FICHA
--------------------------------------------------------------------------- */
 #ficha {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color:#fff;
 text-align:justify;
 background-image:url(../img/fondo_ficha.jpg);
 background-repeat:repeat-y;
 margin: 0px 0px 0px 0px;
 width: 627px;
 height:auto;
 padding:49px 32px 18px 42px;
 float:left;
 }
 
 #datos_ficha { 
 margin: 0px 0px 0px 0px;
 width: 661px;
 height: auto;
 float:left;
 }

.foto_ficha{
float:left;
margin-right:10px;
border:solid #fff 1px;
}

.titulo_ficha {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 color:#fff;
 text-align:left;
 font-weight:bold;
}

.texto_ficha { 
 width: auto;
 height:auto;
}

#creditos_ficha {
background-image:url(../img/fondo_creditos_ficha.jpg);
background-position:bottom;
background-repeat:no-repeat;
width:701px;
height:auto;
float:left;
padding-bottom:22px;
}

#creditos_left {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#fff;
padding-left:42px;
width:300px;
height:auto;
float:left;
}

.creditos_negrita {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#fff;
font-weight:bold;
}

#creditos_right {
padding-top:8px;
padding-right:43px;
text-align:right;
float:right;
width:295px;
}

#texto_right {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#fff;
text-align:left;
font-weight:bold;
float:right;
padding-right:8px;
}

#precio {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
color:#fff;
text-align:right;
font-weight:bold;
float:right;
width:auto;
}

.precio_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#fff;
font-weight:bold;
}

.euros_negrita {
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
color:#fff;
font-weight:bold;
}

#comprar {
background-image:url(../img/btn_comprar2.gif);
background-position:top right;
background-repeat:no-repeat;
width: 117px;
height: 37px;
float:left;
margin-bottom:-10px;
}

a.boton_comprar:link, a.boton_comprar:visited{
background-image:url(../img/btn_comprar1.gif);
background-position:top right;
background-repeat:no-repeat;
width: 117px;
height: 37px;
display:block;
float:right;
}
a.boton_comprar:hover{
background-image:url(../img/btn_comprar2.gif);
background-position:top right;
background-repeat:no-repeat;
width: 117px;
height: 37px;
float:right;
}

#mas_obras { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 margin: 0px;
 width: auto;
 height: auto;
 padding:10px 0px 10px 27px;
 float:left;
}

html>body #mas_obras { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 margin: 0px;
 width: 674px;
 height: auto;
 padding:10px 0px 10px 27px;
 float:left;
}


.texto_mas_obras { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 margin: 0px 0px 0px 0px;
 width: 658px;
 border-bottom:solid #000 1px;
 text-align:left;
}

.otro_libro{
width:86px;
height:136px;
float:left;
margin:0px 40px 23px 0px;
}

html>body .otro_libro{
width:86px;
height:136px;
float:left;
margin:0px 46px 23px 0px;
}

.otro_dvd{
width:96px;
height:136px;
float:left;
margin: 0px 46px 23px 0px;
border:solid #ef1c8f 1px;
display:inline;
}

#gastos {
 background-image:url(../img/gastos.jpg);
 background-position:center;
 background-repeat:no-repeat;
 width: 701px;
 height: 182px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color:#898989;
 text-align:center;
 float:left;
}

/*COMPRA
--------------------------------------------------------------------------- */

#compra {
 width: 661px;
 height: 208px;
 background-image:url(../img/fondo_compra.jpg);
 background-repeat:no-repeat;
 padding-top:48px;
 padding-left:40px;
}

#datos_compra {
 width: 450px;
 height: 180px;
}

.foto_compra { 
 margin-right:15px;
 border:solid #fff 1px;
 float:left;
}

#texto_compra { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#fff;
 text-align:right;
 width: 60px;
 line-height:24px;
 float:left;
 padding-right:4px;
}

#texto_compra2 { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight:bold;
 color:#fff;
 text-align:left;
 width: auto;
 line-height:24px;
 float:left;
}

.titulo_compra { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 color:#fff;
 font-weight:bold;
}

.precio_compra { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 color:#fff;
 font-weight:bold;
}

#suscribe_datos {
 width: 701px;
 height: auto;
 background-image:url(../img/tit_suscripciones.jpg);
 background-repeat:no-repeat;
 float:left;
}

#rellena_datos {
 width: 701px;
 height: 90px;
 background-image:url(../img/fondo_rellena.gif);
 background-repeat:no-repeat;
 float:left;
}

#formulario {
 width: 701px;
 height: auto;
 float:left;
}
#datos_formulario {
 width: 701px;
 height: auto;
}

#form_left { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#898989;
 text-align:right;
 width: 180px;
 line-height:24px;
 float:left;
 padding-right:5px;
}

#form_right { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight:bold;
 color:#000;
 text-align:left;
 width: 510px;
 line-height:24px;
 float:left;
}

.datos_right { 
 line-height:24px;
 float:left;
}

#desea_info {
 width: 701px;
 line-height: 34px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color:#898989;
 text-align:center;
 float:left;
}

#envio {
 background-image:url(../img/envio2.jpg);
 background-position:center;
 background-repeat:no-repeat;
 width: 701px;
 height: 142px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color:#898989;
 text-align:center;
 float:left;
}

#envio2 {
 background-image:url(../img/suscribe_btn.jpg);
 background-position:top center;
 background-repeat:no-repeat;
 padding-top:25px;
 width: 701px;
 height: 226px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color:#898989;
 text-align:center;
 float:left;
}

a.boton_envio:link, a.boton_envio:visited{
background-image:url(../img/envio1.jpg);
background-position:top left;
background-repeat:no-repeat;
width: 197px;
height: 142px;
display:block;
margin:0 auto;
}
a.boton_envio:hover{
background-image:url(../img/envio2.jpg);
background-position:top left;
background-repeat:no-repeat;
width: 197px;
height: 142px;
}

#autorizo {
width:501px;
height:auto;
float:left; 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:justify;
color:#000;
padding:10px 60px;
background-color:#fde8f4;
margin:20px 20px 0px 20px;
}
html>body #autorizo {
width:501px;
height:auto;
float:left; 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:justify;
color:#000;
padding:10px 60px;
background-color:#fde8f4;
margin:20px 40px 0px 40px;
}

#gracias {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color:#666;
 text-align:center;
 width: 701px;
 height: 329px;
 background-image:url(../img/fondo_gracias.jpg);
 background-repeat:no-repeat;
 padding-top:50px;
}

#suscripcion_ok {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color:#666;
 text-align:center;
 width: 701px;
 height: 329px;
 background-image:url(../img/fondo_suscripcion.jpg);
 background-repeat:no-repeat;
 padding-top:50px;
}

#recuerda {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color:#666;
 text-align:center;
 width: 621px;
 height: auto;
 padding:6px 40px 130px 40px;
}

.telefono {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 24px;
 color:#ef1c8f;
 text-align:center;
 font-weight:bold;
}

a.email2:link, a.email2:visited {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 20px;
 color:#ef1c8f;
 text-align:center;
 text-decoration:none;
}

a.email2:hover {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 20px;
 color:#666;
 text-align:center;
 text-decoration:underline;
}

/*BASE
--------------------------------------------------------------------------- */
#base { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align:center;
 color:#666;
 padding-top:20px;
 width: 900px;
 height:auto;
 border-bottom: solid #fff 10px;
 border-top: solid #ef1c8f 1px ;
 clear: both;
 background-color:#FFF;
}

a.enlace_base:link, a.enlace_base:visited { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#666;
 text-decoration:none;
}
a.enlace_base:hover { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#000;
 text-decoration:underline;
}

.clear{
clear:both;
}