@import url(reset.css);
@import url(base.css);
@import url(menu.css);
@import url(submenuMaterias.css);

.clear{
    clear:both;
    height:0px;
}
div#todo{
    position: relative;
}

div.publi { position: absolute; top:0; right:0;   }
div.banner{
    text-align:center;
    background:#ccc url(../img/bg_banner_top.gif) repeat-x bottom;
    float:right;
}
div.banner img{
    height:76px;
}
div#izquierda div.publicidad h2{
    /*background:transparent url(../img/titulo_publicidad.gif) no-repeat top left;*/
    margin:0px;
    height:10px;
}

div.publicidad img{
    margin-left:1px;
    border-bottom:1px solid #ADA5A8;
    border-top:1px solid #ADA5A8;
    margin-bottom:10px;
}
div.titular{
    float:right;
}
div#cestasimple{
    width:262px;
    margin-left:2px;
    margin-top:84px;
    float:right;
    background:transparent url(../img/fondo_minicesta_red.gif) no-repeat bottom right;
}
.ayuda{
    text-align:right;
    padding-bottom:15px;

    color:#781F1C;
    font-weight:bold;
}
img#logotipo{
    float:left; 
    margin-bottom:1px;
}
/* Area de autenticacion*/
div#autenticacionFieldset{
    float:right;
    text-align:right;
    width:460px;
    margin-top:117px;
    padding:6px 0px 6px 6px;

    background:#E9E7E8 url(../img/borde_cuenta.jpg) right top no-repeat;
}
div#autenticacionFieldset fieldset{
    border:0px;
    margin:0px 0px 0px 0px;
    padding:0px 10px 0px 10px;
}


div#autenticacionFieldset a.destacado
{
    display:block;
    background:url(../img/toporojo2marron.gif) no-repeat;
    margin:0px 10px 7px 10px;
    padding-left:19px;
}
div#autenticacionFieldset fieldset label
{
    display:block;
    height:1.666em;
    padding-top:6px
}
div#autenticacionFieldset fieldset input
{
    width:155px;
}
div#autenticacionFieldset fieldset input#entrarMiCuenta
{
    border:0px;
    background:url(../img/flechaEntrar.gif) no-repeat right;
    color:#BE3422;
    font-weight:bold;
    width:85px;
    float:right;
    margin:3px;
    padding-top:2px;
}

div#autenticacionFieldset p.mensaje{
    float:left;
}
div#autenticacionFieldset p.usuario{
    float:left;
    text-transform:uppercase;
    font-weight:bold;
    background: transparent url(../img/icon_usuario.gif) left no-repeat;
    padding:1px 0px 0px 12px;
    font-size:1.1em;
    color:#443639;
    margin-left:20px;
}
div#autenticacionFieldset[id] p.usuario{margin-left:auto; float:right;}
div#autenticacionFieldset p.botonSalir{
    float:right;
    width:40px;
    height:15px;
}

div#autenticacionFieldset input#cerrarMiCuenta{
    cursor:pointer;
    border:0px;
    color:#CF142B;
    font-weight:bold;
    width:40px;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
    text-transform:capitalize;
    text-decoration:underline;
    background-color:transparent;
}
div#autenticacionFieldset legend
{
    display:none;
}
div#autenticacionFieldset input
{
    border:1px solid #958382;
}

/*Men� de cuenta de usuario*/

ul#menu-cuenta{
    padding-top:2px;
    padding-right:15px;
    float:right;
}
ul#menu-cuenta li{
    display:inline;
    font-size:1em;
    text-transform:uppercase;
}
ul#menu-cuenta li a{
    text-decoration:underline;
    color:#443639;
}
ul#menu-cuenta li a:hover{
    text-decoration: none;
}

/**/

div#cestasimple div.contenido a{
    color:#fff;
}
div#cestasimple h2{
    float:left;
}

div#cestasimple div.contenido p{
    float:left;
    padding:5px 0px 0px 25px;

}

div#cestasimple #carrito{
    float: right;
}
div#cestasimple a em,div#cestasimple strong a{
    font-size:1.4em;	
}
div#cestasimple strong a{ font-weight:bold;}
div#cestasimple a span{
    font-size:1.2em;
}
div#cestasimple a#carrito{	
    background:transparent url(../img/bg_ver_cesta.gif) no-repeat scroll center top;
    color:#FFFF99;
    display:block;
    font-size:1.1em;
    font-weight:bold;
    margin-top:4px;
    padding:4px 0px 5px 23px;
    text-align:center;
    text-decoration:underline;
    width:102px;
}

fieldset{border:0px;}
#contenido
{
    height:100%;
}

div#cestasimple span.decoCesta
{
    display:block;
    width:11px;
    height:11px;
    background:url(../img/esquinaCesta.gif) no-repeat bottom;
    margin:-2px 0px 0px 2px;
}

* html body div#cestasimple span.decoCesta{
    margin:-5px 0px 12px 2px;
}


h2#rssFaq
{	
    width:160px;
    padding-top:4px;
    margin-bottom:4px;
}
h2#rssFaq a
{
    display:block;
    padding:0px 0px 5px 12px;
    color:#847675;
}	
div#pedidos-especiales
{
    background:url(../img/pedidos-especiales.gif);
    width:160px;
    margin:15px 0px 8px 10px;
    height:65px;
}
div#pedidos-especiales a
{
    display:block;
    color:#847675;
    font-weight:bold;
    padding:22px 70px 0px 12px;

}


div#buscadorsimple
{
    clear:both;
}
div#buscadorsimple div.contenedor
{

}
div#buscadorsimple form
{

}
div#izquierda div.separacion
{
    border-top:1px solid #FFF;
}
div#izquierda a:hover{
    text-decoration:underline;
}
div.promocion
{
    background:#993232 url(../img/topPromocion.gif) no-repeat ;
    padding:15px 15px 0px 15px;
    color:#FFF;
}
div.promocion a
{color:#FFF;}
div.promocion a:hover, div#derecha div.promocion h1 a:hover
{
    text-decoration:none;
    color:#FC6;
}
div.promocion h1 a:hover
{
    color:#FFF;
    text-decoration:underline;
}
div.promocion h1
{
    font-size:0.9em;
}
div.promocion p
{
    font-size:0.9em;
}
div#derecha div.pie
{
    background:#FFF url(../img/bottomPromocion.gif) no-repeat top; 
    padding-bottom:12px;
    height:16px;

}
div#centro
{
}
div#centro div.separacion
{
    border-top:1px solid #B3A79C;
}

/* rss area*/
div.menu{
    padding:5px;
}
div#navegacion{
    border-top:1px solid #ADA5A8;
}
div#rssArea h2.rss{
    background:#fff url(../img/titulo-rss.gif) no-repeat top left;
    margin-left:5px;
}

div#navegacion h2.topbooks{
    background:#fff url(../img/titulo-topbooks.gif) no-repeat top left;
    margin-left:5px;
}
div.menu ul li{
    background-color:#E7E4E3;
    padding:1px;
    margin:1px 0px 0px 0px;
}
div#rssFAQ ul li{
    background-color:#fff;
}
div.menu ul li a{
    display:block;
    margin-left:5px;
    color:#333333;
    font-size:11px;
    padding:3px 5px 2px 3px;
}
div#rssArea ul li a{
    padding:3px 5px 2px 20px;
    background:transparent url(../img/rss.gif) no-repeat left;
}
/*Buscador simple*/
div#buscadorsimple{

}
div#buscadorsimple form{
    background:#AFA5A3 url(../img/bg_buscador_izda.gif) no-repeat left bottom;
    padding-left:4px;
}

div#buscadorsimple div.contenedor{	
    padding:6px 14px 7px;
    margin-top:2px;
    margin-left:2px;
    height:21px;
    background:#AFA5A3 url(../img/bg_buscador_dcha.gif) no-repeat right bottom;

}
div#buscadorsimple label{
    color:#333;
    font-size:1.1em;
}
div#buscadorsimple input#palabrasBusqueda{
    width:58%;
    border:0px none;
    background:transparent url(../img/fondo_input_texto_buscador.gif) no-repeat top left;
    padding:2px 5px;
    height:16px;
}

div#buscadorsimple select{
    width:184px;
    font-size:1.1em;
    padding:0px 1px;
    border-color:#666;
    height:18px;
}
div#buscadorsimple input.botbuscar{
    border:0px;
    overflow:hidden;
    width:65px;
    height:19px;
    cursor:pointer;
    color:#3D4043;
    background:transparent url(../img/boton_buscar.gif) no-repeat top;
    text-align:center;
}
div#buscadorsimple a#busquedaAvanzadaLink{
    width:165px;
    color:#333;
    text-decoration:underline;
    text-transform:none;
    font-size:1.1em;
}


div#centro div.contenido h2{
    color:#CF142B;
    font-size:1.6em;
}
div#centro div.contenido h2 span{
}
div#centro #lista-resultados h2{
    font-size:1.6em;
    font-weight:normal;
}

div#centro div.contenido #miniFichaCompleta h2{
    font-size:1em;
    font-weight:bold;
}
div#centro #lista-resultados h2 span.cadena{
    font-weight:bold;
}

div#centro div.contenido h2.proceso_compra{

}


/*botones*/
input.boton{
    cursor:pointer;
    border:0px solid;
    color:#006699;
    text-decoration:underline;
    background-color:#fff;
}
input.modificar
{
    padding:2px 0px;
    background:url(../img/botonModificar.gif) no-repeat left;
    padding-left:18px;
}

input.atras
{
    background:url(../img/botonAtras.gif) no-repeat left;
    padding-left:18px;
}
input.eliminar
{
    background:url(../img/borrarFormulario.gif) no-repeat left;
    padding-left:18px;
}
input.imprimir
{
    padding-bottom:1px;
    background:url(../img/botonImprimir.gif) no-repeat left;
    padding-left:18px;
}
input.eliminarCarrito{
    background:url(../img/borrarFormulario.gif) no-repeat right;
    margin:0px;
    width:57px;
    padding:0px 10px 2px 0px;
}
input.actualizarCarrito{
    background:url(../img/actualizarCarrito.gif) no-repeat right;
    margin:0px;
    padding:0px 12px 2px 0px;
    width:75px;
}
input.continuar
{
    background:url(../img/botonContinuar.gif) no-repeat right;
    padding-right:20px;
}
input.carrito2blanco
{
    background:url(../img/carrito2blanco.gif) no-repeat left;
    padding-left:18px;
}
input.check{
    width:20px;
}
div#centro h3 a input.enlace{
    color:#006699;
    font-size:11px;
    border:0px none;
    width:60px;
    background-color:#E9E7E8;
    margin:0px;
    padding:0px;
    cursor:pointer;
    text-align:right;
    float:right;
    top:-16px;
    *top:-20px;
    right:10px;
    position:relative;
}


/*Separadores*/
div.separador{
    margin-top:30px;
}
span.separador
{
    font-size:1px;
    height:1px;
    margin:0px 3px 0px 3px ;
    padding:13px 0px 7px 0px ;
    border-left:1px solid #993232;
}
/* pedido.php*/
div.pedido{
    padding-left:12px;
    font-size:1.2em;
}
div.pedido dl dt{
    font-weight:bold;
    float:left;
}
div.pedido dl dd{
    float:right;
    width:300px;
}


/*Otras obras del autor*/
ul.listadoSimple{
    margin-left:12px;
}
ul.listadoSimple li{
    background:#fff url(../img/item-lista-menu.gif) no-repeat left;
    padding-left:15px;
    font-size:12px;
    margin-bottom:5px;
}
ul.listadoSimple li a{
    color:#333;
    text-decoration:underline;
    text-transform:uppercase;
}

ul.listadoSimple li strong{
    color:#660000;
    padding-left:8px;
}

/*Pie de la web*/
#pie{
    margin-top:30px;
    *margin-top:-5px;
}
#pie .contenedor{
    background: #fff url(../img/bg_pie.gif) repeat-x top;	
    padding:12px 0px 8px 230px;	
    float:left;
    width:710px;
    color:#666;
}

#pie a{
    color:#666;
    text-decoration:none;
    font-size:1.1em;
}

#pie .pie-izdo{
    background:transparent url(../img/bg_pie_izdo.gif) no-repeat left top;
    float:left;
    width:5px;
    height:30px;
}
#pie .pie-dcho{
    background:transparent url(../img/bg_pie_dcho.gif) no-repeat left top;
    float:left;
    width:5px;
    height:30px;
}


/* Cesta de la compra*/

div#centro.cesta-compra div.realizar-pedido	h4{
    font-size:1.4em;
    color:#333;
    font-weight:bold;

}
div#centro .realizar-pedido	p{
    font-size:1em;
    color:#333;
    text-transform:uppercase;
    margin-top:8px;
    margin-bottom:2px;
}
div#centro .realizar-pedido	img{
    float:left;
    margin-right:10px;
}
div#centro .realizar-pedido .columna{
    width:160px;
    padding-left:50px;
    height:233px;
}
div#centro .realizar-pedido .col_0{
    background:#fff url(../img/paso_a.gif) no-repeat left top;

}
div#centro .realizar-pedido .col_1{
    background:#fff url(../img/paso_b.gif) no-repeat left top;
}
div#centro .realizar-pedido .col_2{
    background:#fff url(../img/paso_c.gif) no-repeat left top;
}
div#centro .realizar-pedido .opcion{
    /*float:left;
    width:166px;*/
}
div#centro .realizar-pedido a, div#centro div.realizar-pedido input.boton{
    color:#FFFF99;
    display:block;
    background:#fff url(../img/fondo_paso.gif) no-repeat top left;
    font-size:1.1em;
    font-weight:bold;
    height:26px;
    width:144px;
    padding-top:7px;
    padding-left:11px;
    margin-top:15px;
}
div#centro div.realizar-pedido input.boton{
    padding:0px;
    text-decoration:none;
    height:27px;
    border:0px none;
}

/* Mensajes de informaci�n */
div#centro.mensajes{
    /*background:transparent url(../img/bg_centro_info.gif) repeat-y;*/
}

div#centro div.mensaje-info{
    float: right;
    width:215px;
    font-size:1.1em;
}
div#centro div.mensaje-info .tope{
    background:#fff url(../img/icon_informacion.gif) no-repeat left top;
    height:20px;
}
div#centro div.mensaje-info p{
    border-left:1px solid #ADA5A8;
    margin-left:11px;
    padding:5px 0px 30px 15px;
}

/* Columnas destacadas */
.destacado{
    float:left;
    width:470px;
}
.destacado h2{
    margin-bottom:12px;
}
.destacado .reducida{
    float:left;
    width:100px;
    margin-right:40px;
    /*	margin-bottom:10px;*/
}
.destacado .reducida img{
    width:100px;
    height:140px;
    margin-bottom:20px;
}
.grupo .destacado .reducida img{
    margin-bottom:30px;
}

.destacado .amplia{
    float:left;
    width:325px;
}
.destacado .amplia img{
    float:left;	
}

.oferta-especial{
    /*padding-top:15px;*/

}
.oferta-especial h2{
    background:#fff url(../img/titular_oferta_especial.gif) no-repeat top left;
    text-indent:-4000px;
}
.grande{	
    width:718px;
}
.minifichaGrande dl.dublincore dd.title a,
div#centro .grande h3 a{
    font-size:16px;
    font-weight:normal;

}
div#centro h3 a:hover{
    text-decoration:none;
}
.grande .reducida{

}
.grande .amplia{
    width:500px;
}
.lo-ultimo h2{
    background:#fff url(../img/titular_lo_ultimo_de.gif) no-repeat top left;
    text-indent:-4000px;
}

.lo-ultimo .reducida{
    width:180px;
    margin-right:15px;
}
.lo-ultimo .amplia{
    width:220px;
}
.lo-ultimo .reducida img{
    width:180px;
}

.destacado a{
    color:#333;
    font-weight:bold;
}

.destacado h3, .textos h3{
    margin-bottom:10px;
}
.textos h3{
    color:#CF142B;
    font-size:1.6em;
    font-weight:bold;
}
.destacado h3 a, .textos h3 a{
    color:#006699;
    text-decoration:underline;
    font-size:1.4em;
    font-weight:bold;
}
.lo-ultimo h3{
    color:#006699;
    text-decoration:none;
    font-size:1.4em;
    font-weight:bold;}
.destacado p, .textos p{
    font-size:1.1em;
}
.destacado .precio{
    color:#CF142B;
    margin:3px 0px 6px 5px;
    float:left;
}
.destacado .precio strong{
    font-weight:bold;
    color:#660000;
    font-size:1.4em;
}
.destacado input.carrito{
    margin-left:10px;
}
.destacado .controles{
    margin-top:15px;
}
.controles a{
    color:#006699;
    font-weight:normal;
    font-size:11px;
    text-decoration:underline;
    display:block;
    padding-left:10px;
    background: #FFFFFF url(../img/item-lista-menu.gif) no-repeat left center;
}
.controles{
    text-decoration:none;
    color:#006699;
    font-weight:normal;
    font-size:11px;
}

/* Textos con fotos */

.textos{
    border:1px solid #ADA5A8;
    padding:20px;
    height:1%;
    margin-bottom:30px;
}

.textos img{
    /*	width:200px;*/
    height:175px;
}

.textos .dcha{
    float:left;
    margin-right:20px;
}
.textos .izda{
    float:right;
    margin-left:20px;
}

.textos .contenido{
    float:left;
    width:445px;
}
.textos p{
    margin-bottom:10px;
}

/*P�ginas coorporativas*/

.contenido_coorporativo,.contenido_coorporativo p, .contenido_coorporativo p.MsoNormal, .contenido_coorporativo span{
    font-size:12px !important;
    color:#333 !important;
    margin-bottom:10px !important;
    text-align:left !important;
    text-indent:0px !important;
}
.contenido_coorporativo h3{
    font-size:16px;
    font-weight:bold;
    margin:10px 0px;
}
.contenido_coorporativo a{
    color:#006699;
    text-decoration:underline;
}
.contenido_coorporativo a:hover{
    text-decoration:none;
}

.contenido_coorporativo img{
    width:167px;
    height:127px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

.pestanias{
    margin:0px 0px 30px;
    text-align:right;
    font-size:1em;
    text-transform:uppercase;
    border-bottom:1px solid #ADA5A8;
}
.pestanias ul{
    /*	padding:10px 0px 2px 0px;*/
    padding:10px 0px 24px 0px;
    margin-right:25px;


}
.pestanias ul li{
    /*display:inline;*/
    width:110px;
    float: right;
    margin-right:4px;
    text-align:center;
    /*	padding:9px 24px 3px;*/
    padding:8px 0px 4px;
    height:13px;
    background:transparent url(../img/bg_pestania.gif) top no-repeat center;
}
.pestanias ul li.active {
    border-bottom:1px solid #fff;
    background:transparent url(../img/bg_pestania.gif) bottom no-repeat center;
}
.pestanias a{
    color:#CF142B;
    text-decoration:none;
    /*	padding:0px 10px;*/
}

/* No hay resultados de b�squeda */
.mensaje-info p span{
    font-size:1.1em;
}
.mensaje-info a{
    color:#006699;
    font-weight:bold;
    text-decoration:underline;
}
.mensaje-info a:hover{
    text-decoration:none;
}
.sin-resultados .destacado{
    margin-top:35px;
}
.sin-resultados .destacado h3{
    margin-top:10px;
    color:#006699;
    font-weight:bold;
    font-size:14px;
}
.sin-resultados .destacado p{
    font-size:1.4em;
}
.sin-resultados img{
    float:left;
    margin-right:15px;
    margin-bottom:60px;
}

/*ERrror*/
.mensaje-error{
    margin-top:30px;
}
.mensaje-error img{
    float:left;
}
.mensaje-error p{
    font-size:12px;
    font-weight:bold;
    float:left;
    margin:9px 0px 0px 5px;
}

ul.especiales{
    margin:20px 0px;
    text-transform:uppercase;
}
ul.especiales a{
    font-size:12px;
    color:#333;
    font-weight:bold;
    text-decoration:underline;
}
ul.especiales a:hover{
    text-decoration:none;
}
ul.especiales li{
    margin-bottom:5px;
}

.fotoEmpresa{ margin:20px 0px;}