/* reset css */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td { margin:0; padding:0; }

ol,ul { list-style:none; }

a:link, a:link img { border: none; }

a img, img  { border: none; }

a { text-decoration: none; }



blockquote { margin: 15px 50px; }



html, body { height: 100%; }

#pepefuentes { position: relative; min-height: 100%; }



/* estructura */

body { background: #555; font-size: .625em; font-family: Trebuchet MS, Helvetica, sans-serif; text-align: center; }

.content { margin: 0 auto; width: 955px; text-align: left; overflow: hidden; }



/* cuerpo */

#header { background: #020202 url(../img/bg_header.gif) repeat-x top; padding: 0 20px; height: 50px; }

#nav { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.15em; }

#contenido { clear: both; overflow: hidden; padding: 0 20px; margin: 0 0 50px 0; }

#footer { position: absolute; background: #000000; clear: both;  bottom: 0; left: 0;  width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; }

.lafoto { margin-top: 0 !important; }



/* header */

h1, h2, h3 { display: inline; font-weight: normal; float: left; }

h1 a { background: url(../img/img_pepefuentes.gif); width: 165px; height: 32px; float: left; margin: 11px 0 0 0; }

h1 span { display: none; }

h2 { margin: 14px 0 0 5px; padding: 0 0 0 18px; text-transform: uppercase; color: #e70202; background: url(../img/bg_h.gif) no-repeat 0 10px; display: block; }

h2 a { color: #e70202; }

h3 { margin: 10px 0 0 5px; padding: 0 0 0 18px; color: #e70202; background: url(../img/bg_h.gif) no-repeat 0 10px; display: block; }

h3 a { color: #e70202; }

h4 { font-size: 13px; }



/* ojo... distintas combinaciones de colores */

/* idiomas */

#header ul { float: right; background: url(../img/bg_idiomas.gif); padding: 3px 3px 5px 8px; }

#header ul li { float: left; padding: 0 6px 0 0; }

#header ul li a.fr { width: 16px; height: 11px; background: url(../img/flag_fr.gif); display: block; }

#header ul li a.en { width: 16px; height: 11px; background: url(../img/flag_en.gif); display: block; }

#header ul li a.es { width: 16px; height: 11px; background: url(../img/flag_es.gif); display: block; }

#header ul li span { display: none; }





/* navegacion */

#nav ul#ppal { float: left; background: url(../img/bg_ul_ppal_open.gif) no-repeat; overflow: hidden; padding: 7px 8px 8px 13px; }

#nav ul#ppal li { display: inline; }

#nav ul#ppal li a { color: #fff; }

#nav ul#ppal li a.autor { margin: 0 7px 0 0; }

#nav ul#ppal li a.obra { margin: 0 7px 0 3px; padding: 0 0 0 20px; background: url(../img/bg_li_ppal.gif) no-repeat 0px 3px; }



#subnav { width: 635px; overflow: hidden; }

#nav ul#sec {float: left; background: url(../img/bg_ul_sec.gif) no-repeat right; overflow: hidden; padding: 7px 9px 8px 13px;  }

#nav ul#sec li { display: inline; }

#nav ul#sec li a { color: #bdbdbd; }

#nav ul#sec li a:hover { color: #000; }

#nav ul#sec li a { margin: 0 7px 0 0; }

#nav ul#sec li a { margin: 0 7px 0 5px; padding: 0 0 0 20px; background: url(../img/bg_li_sec.gif) no-repeat 0px 3px; }

#nav ul#sec li a.primero { background: none; padding: 0 0 0 0; }



/* buscador */

#nav img { float: right; }

#nav form { float: right; display: inline; width: 150px; }

#nav form fieldset { float: left; border: none; background: url(../img/bg_form.gif) no-repeat; padding: 4px 10px 6px 10px; }

#nav form span { display: none; }

#nav form legend { display: none; }

#nav form input { border: none; background: #bdbdbd url(../img/bg_input.gif) repeat-x; font-size: .9em; padding: 3px 5px 2px 5px; width: 125px;  }



/* contenido */

#contenedor { text-align: left; margin: 10px 0; overflow: hidden; font-size: 1.15em; margin-bottom: 40px; }

#anterior, #siguiente { float: left; width: 22px; padding: 200px 0 0 0; text-align: center; }



#contenedorhome { text-align: center; margin: 100px 0; overflow: hidden; font-size: 1.15em; margin-bottom: 40px; }



/* texto - diario */

#texto { float: left; width: 300px; }

#texto p { margin: 0px 10px 10px 10px; font-size: 12px; line-height: 13px; /* color */ color: #fff; }



#texto a { color: #FFC600; }



/* foto - diario */

#foto { float: left; width: 600px; }



/* lisados */

#listado { float: left; width: 900px; text-align: center; }



/* presentacion */

#presentacion { float: left; text-align: left; color: #fff; margin: 0 0 20px 0; width: 750px; }

#presentacion p { margin: 0 0 20px 0; }

#presentacion h4 { margin: 0 0 20px 0; text-transform: uppercase; }

#presentacion p.autores { color: #b7b7b7; margin-bottom: 0px; }

.presentacionlibro { background: url(../img/bg_presentacionlibro.gif) repeat-y center; padding: 15px 75px;  }

.presentacionexpo { padding: 15px 75px;  }



#autor { float: left; width: 200px; text-align: center; }

#autor p { text-align: left; margin: 5px 0 0 20px; color: #b7b7b7; }



#texto { float: left; width: 500px; text-align: left; }



.presentacionlibro #texto { float: left; width: 410px; }

.presentacionlibro #autor  { float: left; width: 290px; text-align: center; }

.presentacionlibro #autor p { text-align: left; margin: 5px 0 0 75px; color: #b7b7b7; }



/* elautor */

#elautor { float: left; text-align: left; color: #fff; margin: 0 0 20px 0; width: 955px; }

.avisolegal, .creditos { float: none; text-align: left !important; padding: 0 200px;  }

.creditos { padding: 0 350px;  }

.enlace { color: #FFC600 !important; }

.creditos p span { color: #cccccc; }



#elautor p { margin: 0 0 15px 0; }

#elautor h4 { margin: 0 0 20px 0; text-transform: uppercase; }



#fotoautor { float: left; width: 350px; text-align: center; }

#fotoautor p { margin: 10px 0 0 0; }

#fotoautor p img { margin: 0 4px; }

#fotoautor p.autorelautor { text-align: left !important; margin: 2px 0 0 40px !important; color: #b7b7b7 !important; }

#fotoautor p.autoranoautor { text-align: left !important; margin: 2px 0 0 30px !important; color: #b7b7b7 !important; }

#elautor #texto { float: left; width: 605px; }



/* cartel */

#cartel { float: left; width: 900px; text-align: left; color: #fff; margin: 0 0 20px 0; text-align: center; }

.cartellibros { background: url(../img/bg_libro_cartel.gif) no-repeat center; height: 445px; }

.cartellibros img { padding: 30px 0; }

.cartellibros span.libro { display: block; padding-top: 25px; }

#cartel p a span.libro { color: #282828; font-size: 2.4em; font-style: italic; }

#cartel p a span.mes { color: #fff; display: block; font-size: 1.5em !important; }

.quien { color: #b7b7b7; }

.mas { font-size: 1.2em; }

#cartel p a span.diario { color: #6b6b6b; font-size: 2.4em; font-style: italic; padding-top: 20px; display: block; }



.carteldiario { background: url(../img/bg_diario_cartel.gif) no-repeat center; height: 459px; }

.carteldiario img { padding: 20px 0 30px 5px; }





/* diaporama */

#diapo { float: left; width: 900px; text-align: left; color: #fff; margin: 25px 0; text-align: center; overflow: hidden; }

#diapo object, #diapo embed { float: left; width: 510px; text-align: right; }

#diapo #texto { float: left; width: 350px; text-align: left; margin: 0 0 0 15px; }



/* imagen */

#detalle { overflow: hidden; text-align: center; margin: 5px 0 25px 0; width: 100%; }	

#detalle div#contenedorfoto { width: 635px; float: right; text-align: center; }

#detalle div div { text-align: center; margin: 0 auto; text-align: left; }

#detalle div div div { padding: 0; background: url(../img/bg_imagen.gif) no-repeat right bottom;  }

#detalle div div div img { border: 5px solid #fff; }

#detalle div div div#cerrar { text-align: right; background: none; padding: 0 10px 5px 0; }

#detalle div div#cerrardia { float: right; margin: 0 45px 0 0; }

#detalle div div div#cerrar img { border: none; }

#detalle p { padding: 5px; }

#detalle p.autor {  float: left; color: #c3c3c3; }

#detalle p.info { float: right; }

#detalle #memfoto { float: left; width: 250px; margin: 15px 0 0 0; /* color */ color: #fff; text-align: left; }

#detalle #memfoto ol { list-style: decimal; margin: 0 0 0 50px; }

#detalle #memfoto ul { list-style: disc; margin: 0 5px 20px 50px; }

#detalle #memfoto p { margin: 0 5px 20px 10px; font-size: 12px; line-height: 13px; /* color */ color: #fff;  }



.diariofoto #detalle #memfoto { float: left; width: 100px; margin: 15px 0 0 0; color: #ffffff; text-align: left; }

.diariofoto #detalle #memfoto p { padding: 0 15px 20px 10px; }

.diariofoto #detalle div#lafoto { float: left; text-align: left; margin: 0 10px;  }



div.libro { float: left; width: 900px !important; background: #555 url(../img/bg_fotos_libro.gif) repeat-y right; padding: 15px 0; }

div.diariofoto {  background: url(../img/bg_fotos_diario.gif) repeat-y left; padding: 15px 0; }



/* lisato de imagenes */

#listado ul { margin: 0 0 0 30px; }

#listado ul li { float: left; padding: 0 10px; margin: 0 0 5px 0;   }

#listado ul li a { padding: 15px; display: block; cursor: pointer; overflow: hidden; }

#listado ul li a:hover { background: #646565; }

#listado ul li a span.expo { height: 35px; }

#listado ul li a:hover span.titulo { color: #f85903; }

#listado ul li a:hover span.expo, #listado ul li a:hover span.mes { color: #00a8ff; }

#listado ul li a:hover span.diapo, #listado ul li a:hover span.mesdiapo { color: #e5067b; }

#listado ul li span.foto { height: 160px; width: 160px; background: #000; display: table-cell; vertical-align: middle; text-align:center; }

#listado ul li span { display: inline-block; width: 0; height: 100%; vertical-align: middle; }

#listado ul li span.titulo { display: block; width: 160px; text-align: left; margin: 10px 0 0 0; color: #fff;  }

#listado ul li span.mes, #listado ul li span.mesdiapo { display: block; width: 160px; text-align: left; margin: 0; color: #b7b7b7;  }



#listado ul li img { display: inline-block; text-align: center; vertical-align: middle; }

img.horizontal { width: 100%; }



/* listado, libros */

#listado ul.libros li { text-align: center; }

#listado ul.libros li a { background: url(../img/bg_li_libro.gif) no-repeat; padding: 0; width: 253px; height: 202px; text-align: center;  }

#listado ul.libros li span.foto {  background: none; padding-left: 45px !important; height: 150px;  }

#listado ul.libros li span { height: auto; }

#listado ul.libros li span img { padding: 0; margin: 0; }

#listado ul.libros li span.libro { display: inline; text-align: center; margin: 0; color: #282828; font-size: 1.1em; font-style: italic; width: auto; padding-top: 25px; }

#listado ul.libros li span.mes { display: block; text-align: center; margin: 0; margin-top: -10px; color: #fff; width: auto; font-size: 1em; }

#listado ul.libros li a:hover { background-color: none; }

#listado ul.libros li a:hover span.titulo { color: #282828; }

#listado ul.libros li a:hover span.expo, #listado ul.libros li a:hover span.mes { color: #fff; }



/* listado, meses */

#listado ul.meses li { text-align: center; }

#listado ul.meses li a { background: url(../img/bg_li_diario.gif) no-repeat; padding: 0; width: 180px; height: 209px; text-align: center;  }

#listado ul.meses li a.nohay { background: none; width: 180px; height: 209px; display: block; cursor: default; }

#listado ul.meses li a.nohay:hover { background: none; }

#listado ul.meses li span.txtdiario { display: block; color: #e70202; font-size: 1.1em; font-style: italic; padding-top: 5px; text-align: center; width: 100%; }

#listado ul.meses li span.foto {  background: none; padding-left: 12px !important; height: 140px; }

#listado ul.meses li span { height: auto; }

#listado ul.meses li span img { padding: 0; }

#listado ul.meses li span.libro { display: inline; text-align: center; margin: 0; color: #282828; font-size: 1.1em; font-style: italic; width: auto; }

#listado ul.meses li span.mes { display: block; text-align: center; margin: 0; color: #fff; width: auto; font-size: 1em; }

#listado ul.meses li a:hover { background-color: none; }

#listado ul.meses li a:hover span.titulo { color: #282828; }

#listado ul.meses li span.titulo { text-align: center; margin: 0; color: #fff;  }



/* paginacion */

#btnanterior span, #btnsiguiente span { display: none; visibility: hidden; }

#btnanterior, #btnsiguiente { display: block; width: 22px; height: 32px; }

#btnanterior { background: url(../img/btn_anterior.gif); }

#btnsiguiente { background: url(../img/btn_siguiente.gif); }

#btnanterior:hover { background: url(../img/btn_anterior_on.gif); }

#btnsiguiente:hover { background: url(../img/btn_siguiente_on.gif); }



/* paginacion general */

#paginacion { clear: both; text-align: center; margin: 5px 0 0 0; }

#paginacion ul { padding: 0 0 0 10px; }

#paginacion ul li { display: inline; margin: 0 10px 0 0; }

#paginacion ul li a img { border: 1px solid #5d5d5d; width: 10px; height: 10px; }

#paginacion ul li a.cerrar img, #paginacion ul li a.cerrar:hover img { border: none; }

#paginacion ul li a:hover img, #paginacion ul li a.activo img { border: 1px solid #ffc600; }

#paginacion ul li a span { display: none; visibility: hidden; }



/* footer */

#footer p { padding: 8px 12px; color: #ffffff; }

#footer p a { color: #ffc600; }

#footer p span { color: #555555; }

#footer img { float: right; margin: 8px 12px; }





/* LIGTHBOX */

.white_content { padding: 50px 50px 0 75px; text-align: center; }

.white_content img { float: right; padding: 5px 0; margin: 0 30px 0 0; }

.white_content table { clear: both; width: 440px; border-collapse: collapse; }

.white_content table th { text-align: left; color: #fff; background: url(../img/bg_tr.gif) bottom repeat-x; padding: 0 0 3px 30px; font-weight: normal; width: 40%; }

.white_content table td { text-align: left; color: #ffc600; background: url(../img/bg_tr.gif) bottom repeat-x; padding: 0 30px 3px 30px;  width: 40%; }

.white_content table td a { color: #f85903;; }



/* paginacion */

#listado, #cartel { min-height: 450px; } 



/* del buscador */

#noresultados { margin: 25px 0 0 0; }

#noresultados p { font-size: 13px; margin: 0 0 10px 0; }