/* Estructura de página */
body
{
  font-family:'source_sans_proregular', arial, helvetica, sans-serif;
  font-size:13px;
  background:url("../imagenes/bg.jpg") repeat-x center top transparent;
  margin: 0px;
  color:#585656;
}

a { color:#585656; text-decoration:none; }
a:hover { color: #585656; text-decoration: none;}
a:visited {color: #585656; text-decoration:none;}
a:active {color:#585656;}

.wrapper {margin: 0px auto; width: 945px; min-height: auto;}
.wrapper2 {margin: 10px auto; width: 945px; min-height: 200px;}

#cab { font-family:'source_sans_prosemi';height:56px; }
#cab a { color:#FFFFFF; text-decoration:none; }
#cab a:visited {color:#FFFFFF; text-decoration:none;margin: }
#cab a:active {color:#FFFFFF;  text-decoration: underline; }
#cab a:hover { color:#FFFFFF;  text-decoration: underline; }

form {
display: block;
margin: 0px;
padding: 0px;
}

#simple_search {
float: left;
width: 253px;
margin: 0px;
height: 39px;
margin: 0px 0px 0 0;
}

#simple_search input[type=text] {
float: left;
width: 240px;
border: 0px;
height: 25px;
padding: 7px 5px 7px 5px;
font-style: italic;
margin: 0px;
}

input[type=text] {
border: solid 1px #000000;
padding: 2px;
font-family: 'source_sans_proregular';
font-size: 13px;
height: 20px;
color: #585657;
}

#simple_search input[type=image]
 { margin:0px -17px 0px 0px; }

#menu {
width: 945px;
font-family: source_sans_prosemi;
position: relative;
z-index: 100;
border-top: 2px dotted #c7ddf1;
border-bottom: 2px dotted #c7ddf1;
height: 40px;
font-size: 15px;
letter-spacing: 0.5%;
}

#menu p {margin: 0px; padding: 2px 20px 2px 20px;}
#menu ol, ul
  { list-style:none;display:block;margin:10px 0px 0px -30px; }
#menu ul li
  { display:block;position:relative;float:left;margin:0px 5px 0px 5px; }
#menu a
  { display: block; color: #585656; }
#menu a:active
  { color:#585656; }
#menu a:visited
  { color: #585656; }
#menu a:hover
  { color:#ffffff; background-color:#585656; }

#menu .selected {color:#ffffff; background-color: #585656;}

/* --------- */
/* sombra libros carrusel */
/* --------- */

#carrusel {
width: 100%;
height: 300px;
margin: 7px 0px 0px 0px;
background-color: #ebebeb;
}


#carrusel .img-shadow {
  clear: both;
  float:left;
  background: url(../imagenes/shadow.gif) no-repeat bottom right;
  margin: 20px 0 0 17px !important;
  margin: 20px 0 0 8px;
}

#carrusel .img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
#carrusel .alpha-shadow {
  clear: both;
  float:left;
  background: url(../imagenes/carrusel/shadow.png) no-repeat bottom right;
  margin: 14px 0 0 17px !important;
  margin: 14px 0 0 8px;
  }

#carrusel .alpha-shadow div {
  background: url(../imagenes/carrusel/shadow2.png) no-repeat left top !important;
  background: url(../imagenes/carrusel/shadow2.gif) no-repeat left top;
  float: left;
  padding: 0px 6px 2px 0px;
  }

#carrusel .alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: 0;
  width: 185px;
  }


/* --------- */
/* ficha */
/* --------- */
#ficha {
position: relative;
float: left;
width: 98%;
min-height: auto;
margin: 24px 0px;
padding: 0px 0px;
}

#ficha  a:hover{ text-decoration: underline; color: #99CDFC;}

#ficha .img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
#ficha .alpha-shadow {
  clear: both;
  float:left;
  background: url(../imagenes/carrusel/shadow.png) no-repeat bottom right;
  margin: 14px 0 0 34px !important;
  margin: 14px 0 0 8px;
  }

#ficha .alpha-shadow div {
  background: url(../imagenes/carrusel/shadow2.png) no-repeat left top !important;
  background: url(../imagenes/carrusel/shadow2.gif) no-repeat left top;
  float: left;
  padding: 0px 6px 2px 0px;
  }

#ficha .alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: 0;
  width: 185px;
  }


.ebookf {
position: relative;
float: left;
background: url(../imagenes/ebook_ficha.jpg) no-repeat 11px 27px;
}








/* --------- */
/* reseña */
/* --------- */

/*#carrusel #libro
  { position:relative;float:left;width:220px;margin: 0px 0px 0px 4%; }*/
#carrusel .libro
  { position:relative;float:left;width:220px;margin: 0px 0px 0px 4%; }
.datos
  { position:relative;float:left;width:58%;height:78%; }

.tituloc  {
font-family: source_sans_prosemi;
font-size: 36px;
width: 98%;
color: #000000;
margin: 14px 0px 0px 28px;
}
.autorc  {
font-family: source_sans_proregular;
font-size: 24px;
margin: 0px 0px 0px 28px;
width: 98%;
}
.resenac  {
font-family: source_sans_proregular;
font-size: 14px;
width: 98%;
margin: 14px 0px 0px 28px;
}
.adicionales{
padding: 25px 0px 0px 28px;
font-size: 14px;
width: 98%;
}

.adicionales{
position: relative;
float: left;
width: auto;
}


/* --------- */
/* control */
/* --------- */

/*.royalControlNavContainer {
float: right;
position: relative;
width: 60%;
height: 25px;
background-color: #ebebeb;
text-align: right;
padding: 10px 45px 10px 10px;
}*/


/* --------- */
/* sombra libros */
/* --------- */

.libro{
position: relative;
float: left;
min-height: 230px;
width: 30%;
margin: 15px 15px 0px 0px;
}

.ebook{
position: relative;
float: left;
min-height: 285px;
width: 162px;
margin: 20px 25px 5px 0px;
background: url(../imagenes/ebook.jpg) no-repeat -1px 0px;
}


.img-shadow {
  clear: both;
  float:left;
  background: url(../imagenes/shadow.gif) no-repeat bottom right;
  margin: 20px 0 0 17px !important;
  margin: 20px 0 0 8px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
.alpha-shadow {
  clear: both;
  float:left;
  background: url(../imagenes/shadow.png) no-repeat bottom right;
  margin: 0px 0 0 15px !important;
  margin: 14px 0 0 8px;
  }

.alpha-shadow div {
  background: url(../imagenes/shadow2.png) no-repeat left top !important;
  background: url(../imagenes/shadow2.gif) no-repeat left top;
  float: left;
  padding: 0px 6px 2px 0px;
  }

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: 0;
  width: 122px;
  }

.catalogos-shadow {
  clear: both;
  float:left;
  background: url(../imagenes/shadow.png) no-repeat bottom right;
  margin: 0px 0 0 15px !important;
  margin: 14px 0 0 8px;
  }

.catalogos-shadow div {
  background: url(../imagenes/shadow2.png) no-repeat left top !important;
  background: url(../imagenes/shadow2.gif) no-repeat left top;
  float: left;
  padding: 0px 6px 2px 0px;
  }

.catalogos-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: 0;
  width: 122px;
  }

.contenedor {position: relative; float: left;width: 100%;}

.catalogo {
width: 220px; 
position: relative; float: left;
margin: 0px 16px 20px 0px;

}
a .catalogo  div.descargar {
position: absolute;
margin: 100px 0 0 100px;
width: 46px;
height: 46px;
background: url('../imagenes/descargar.png') 0 0 no-repeat;
z-index: 99;
opacity: 0.3;
cursor: pointer;
}
a:hover .catalogo  div.descargar {
position: absolute;
margin: 100px 0 0 100px;
width: 46px;
height: 46px;
background: url('../imagenes/descargar.png') 0 0 no-repeat;
z-index: 99;
opacity: 0.9;
cursor: pointer;
}




#noticias {
width: 100%;
font-family: source_sans_prosemi;
position: relative;
border-top: 2px dotted #c7ddf1;
border-bottom: 2px dotted #c7ddf1;
height: 40px;
font-size: 15px;
letter-spacing: 0.5%;
background: url(../imagenes/noticias.jpg) no-repeat 80% center;
text-align: center;
}

#noticias p {margin: 0px; padding: 12px 14px 2px 14px;}

#cabeceras {
width: 100%;
font-family: source_sans_prosemi;
position: relative;
float: left;
border-top: 2px dotted #c7ddf1;
border-bottom: 2px dotted #c7ddf1;
height: 34px;
font-size: 15px;
letter-spacing: 0.5%;
margin: 5px 0px 5px 0px;
}

#cabeceras p {position: relative; float: left; margin: 0px; padding: 8px 14px 2px 14px;}


.titular {
font-size: 14px;
line-height: 14px;
font-family:'source_sans_prosemi', arial, helvetica, sans-serif;
width: 90%;
margin: 0px auto;
padding: 10px 0px 10px 0px;
border-bottom: 1px dotted #d8d8d8;
text-align: center;
}

.fecha  {
font-size: 12px;
line-height: 12px;
color: #d8d8d8;
background: #ffffff;
margin: -5px auto;
width: 35%;
text-align: center;
}

.contenido_noticia {
position: relative;
margin: 15px 0px 20px 0px;
text-align: justify;
}
.contenido_noticia a:hover{ text-decoration: underline; color: #99CDFC;}
a:hover .contenido_noticia { text-decoration: underline; color: #99CDFC;}

#twitter {
width: 100%;
font-family: source_sans_prosemi;
position: relative;
border-top: 2px dotted #c7ddf1;
border-bottom: 2px dotted #c7ddf1;
height: 40px;
font-size: 15px;
letter-spacing: 0.5%;
background: url(../imagenes/twitter.jpg) no-repeat 80% center;
text-align: center;
}

#twitter p {margin: 0px; padding: 12px 14px 2px 14px;}


.fecha_twitter  {
font-size: 12px;
line-height: 12px;
color: #d8d8d8;
background: #ffffff;
margin: 0px auto;
margin: 12px 0px -10px 0px;
height:12px;
}

.footer {
clear: both;
background-color: #ebebeb;
width: 100%;
height: 300px;
position: relative;
float: left;
font-size: 13px;
}

.footer p {
width: 18%;
position: relative;
float: left;
line-height: 200%;
margin-top: 10px;
}


.footer_imagenes {position: relative; float: right; width: 42%;text-align: right;}
.footer_imagenes img {vertical-align: middle; margin: 0px 0px 0px 9px;}


/* --------- */
/* formulario buscar */
/* --------- */




form#buscar {
float: left;
background: #c7ddf1;
padding: 20px;
color: #868585;
width:905px;
margin: 7px 0px 0px 0px;
font-family: 'source_sans_proregular';
}


form#buscar  label.campog{
width: 287px;
margin: 4px 16px 0px 0px;
}

form#buscar  label.campop{
width: 183px;
margin: 4px 16px 0px 0px;
}

form#buscar label, form#buscar span, form#buscar p, form#buscar input[type="text"], form#buscar input[type="password"], form#buscar select, form#buscar fieldset {
font-weight: normal;
float: left;
text-align: left;
}


form#buscar input[type="text"], form#registro input[type="password"] {
width: 279px;
margin: 0 16px 12px 0px;
border: 1px solid #868585;
color: #868585;
}

select, input[type="submit"], input[type="button"], input[type="radio"] {
cursor: pointer;
}


div.botonera {
float: left;
clear: both;
height: 35px;
width: 225px;

}

div.botonera span {
color: #fff;
text-align: center;
line-height: 13px;
font-size: 13px;
width: 60px;
background: #585656;
margin: 12px 13px 38px 0;
padding: 2px 5px 2px 5px;
cursor: pointer;
position: relative;
float: left;
}


/* --------- */
/* formulario buscar */
/* --------- */



select {
   overflow: hidden;
   background: #ffffff url(../imagenes/new_arrow.png) no-repeat  98% center;
   border: 1px solid #868585;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   color: #868585;
   font-family: source_sans_proregular;
   margin: 4px 15px 2px 0;height: 26px;padding: 2px;font-size: 13px;
   height: 15;
}



.titulo
  { width:100%;font-family:source_sans_proregular;font-size:13px;color:#000000;position:relative;float:left;margin:0px 0px 3px 15px; }
.autor {
font-family: source_sans_proregular;
font-size: 13px;
color: #a7a4a4;
position: relative;
float: left;
margin: 0px 0px 0px 15px;
}



.orden {
font-size: 13px;
color: #000000;
font-family: source_sans_proregular;
margin: 0 0 40px 15px;
position: relative;
float: left;
width: 98%;
margin:20px 0px 0px 0px;
}

.orden p {
position: relative;
float: left;
margin: 7px 7px 0px 0px;
font-style: italic;
color: #868585;
}


.visualizar {
display: block;
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
width: 60%;
position: relative;
float: left;
}


.listado {
position: relative;
float: left;
min-height: 285px;
width: 162px;
margin: 20px 25px 5px 0px;
}



a.imprimir       { position: relative;float: left;background: url('/imagenes/iconos.jpg') no-repeat;display: block; margin: 25px 5px;width: 23px;height: 23px;background-position: 0px -23px;}
a.imprimir:hover {position: relative;float: left;background: url('/imagenes/iconos.jpg') no-repeat;display: block; margin: 25px 5px;width: 23px;height: 23px;background-position: 0px 0px;}


a.comprar       { position: relative;float: left;background: url('/imagenes/iconos.jpg') no-repeat;display: block; margin: 25px 5px;width: 28px;height: 23px;background-position: -23px -23px;}
a.comprar:hover {position: relative;float: left;background: url('/imagenes/iconos.jpg') no-repeat;display: block; margin: 25px 5px;width: 28px;height: 23px;background-position: -23px 0px;}


a.twitt       { position: relative;float: left;background: url('/imagenes/iconos.jpg') no-repeat;display: block; margin: 25px 5px;width: 24px;height: 23px;background-position: -51px -23px;}
a.twitt:hover {position: relative;float: left;background: url('/imagenes/iconos.jpg') no-repeat;display: block; margin: 25px 5px;width: 24px;height: 23px;background-position: -51px 0px;}

.preloader32_blue
{
  background:url('/imagenes/preloader_blue.gif');
  background-size:32px 32px;
  background-repeat:no-repeat;
  width:32px;
  height:32px;
  position:relative;
  margin: 20px auto;
}
div.preloader32_black
{
  background:url('/imagenes/preloader_black.gif');
  background-size:32px 32px;
  background-repeat:no-repeat;
  width:32px;
  height:32px;
  position:relative;
  margin-top:10px;
  display:none;
}
div.preloader32_black span
  { margin-left:35px;background:transparent;color:#000000; }
div.footer div a img
  { border:none; }