/* Hoja de estilo de la web de Pablo Amargo */
/* Ultima actualización 12 de Mayo de 2009 */

/*-------------------------------------------    
    Estructura
-------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}


body {
	color: #fff;
	background-color: #000;
	font-family:  Verdana, Geneva, sans-serif;
}

img {
	border: 0;
	display: block;
}

#jquery-lightbox a img {
	display: inline;
}

a, a:visited {
	color: #fff;
/*	-moz-outline: none !important;*/
	cursor: pointer;
}

a:hover {
	text-decoration: none;
	color: #383838;
}

a.seleccion {
	text-decoration: none;
	color: #383838;
}

#envoltorio {
	margin: 2em auto 0 auto;
	width: 928px;
}

#contenido {
	border: solid 1px #383838;
	min-height: 40.2em;
}

#contenido.altura_libros {
	min-height: 42em;
	padding: 0 0 1em;
}

#izda {
	float: left;
	width: 21em;
	position: relative;
}

#dcha {
	margin: 0 0 0 21em;
	width: 35.9em;
	padding: 0.5em 0 0 0;
}

#dcha.noticias {
	width: 39.1em;
	margin: 0 0 0 17em;
}

.oculto {
/*	display: none;*/
	text-indent: -999em;
	position: absolute;
	text-align: left;
}

.aclarar {
	clear: both;
}


/*-------------------------------------------    
    Entrada
-------------------------------------------*/

#contenido.entrada {
	height: 37em;
}

#contenido.entrada p {
	position: relative;
	top: 45%;
	margin: 0 auto;
	display: block;
	width: 10em;
}

#contenido.entrada p a {
	display: block;
	height: 56px;
}

#contenido.entrada p a span {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
  	background: transparent url("../imagenes/pablo_entrada.gif") no-repeat left top;
	cursor: pointer;
}

#contenido.entrada p a:hover span {
  	background-position: left -3.3em;
}


/*-------------------------------------------    
    Logo y menú
-------------------------------------------*/



#logo {
	width: 7em;
	margin: 1em 0 0 5em;
	overflow: hidden;
	position: relative;
}

#logo h1 {
	font-size: .9em;
}

#logo a {
	height: 1em;
	cursor: pointer;
	display: block;
}

#logo a span {
  	background: transparent url("../imagenes/logo.gif") no-repeat left top;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}


#menu {
	margin: 3em 0 0 5em;
}

#menu ul {
	list-style: none;
}

#menu ul li {
	display: block;
	margin: 0.5em 0;
	height: 4.2em;
}

#menu ul li a {
	display: block;
	color: #666;
	text-decoration: none;
	vertical-align: center;
	width: 2em;
	height: 4.2em;
}

#menu ul li a span {
	padding: 0 0 0 4em;
	text-transform: lowercase;
	position: relative;
	top: 1.1em;
	font-size: 0.9em;
}

#menu ul li a:hover {
	color: #fff;
}

#menu ul li a:hover span {
	color: #fff;
	font-weight: bold;
}

#menu ul li#mp1 a {
  	background: transparent url("../imagenes/menu_p1.gif") no-repeat left top;
}

#menu ul li#mp1 a:hover {
  	background-position: -2.25em top;
}

#menu ul li#mp2 a {
  	background: transparent url("../imagenes/menu_p2.gif") no-repeat left top;
}

#menu ul li#mp2 a:hover {
  	background-position: -1.65em top;
}

#menu ul li#mp3 a {
  	background: transparent url("../imagenes/menu_p3.gif") no-repeat left top;
}

#menu ul li#mp3 a:hover {
  	background-position: -2em top;
}

#menu ul li#mp4 a {
  	background: transparent url("../imagenes/menu_p4.gif") no-repeat left top;
}

#menu ul li#mp4 a:hover {
  	background-position: -1.55em top;
}

#menu ul li#mp5 a {
  	background: transparent url("../imagenes/menu_p5.gif") no-repeat left top;
}

#menu ul li#mp5 a:hover {
  	background-position: -1.9em top;
}

#camisetas {
	margin: 4em auto 0;
	width: 6em;
}

#camisetas a {
	color: #B80A00;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.8em;
}

#camisetas a:hover {
	color: #fff;
}

#dcha img {
	margin: 2em 2em 2.5em 0;
}

#dcha img.margen1 {
/*	margin: 2em 0 1em;
	float: right;*/
	margin: 0 auto;
	position: absolute;
	left: 100%;
	top: 50%;
}


/*-------------------------------------------    
    Quien
-------------------------------------------*/

#seccion {
	position: absolute;
	height: 9em;
	width: 2em;
	margin: -4.5em 0 0 2em;
}

#seccion h2 {
	font-size: 0.6em;
}

#seccion.quienp span, #seccion.quien span {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
  	background: transparent url("../imagenes/quien.gif") no-repeat left top;
}

#textos {
	width: 20em;
	font-size: 0.75em;
	margin: 6em 4em 2em;
	color: #999;
	text-align: justify;
	line-height: 1.7;
}

span.verde {
	color: #6b7d30;
}

#bloque_menus {
	position: absolute;
	top: 25.4em;
	width: 21em;
}

#menu_quien {
	margin: 1.2em 0 0 2.3em;
}

#menu_quien ul {
	list-style: none;
}

#menu_quien ul li {
	margin: 0.4em 0;
}

#menu_quien ul li a {
	height: 20px;
/*	color: #a21e1a;*/
	color: #f90f02;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.6em;
	padding: 0.5em 0 0 3.5em;
	display: block;
}

#menu_quien.negrita ul li a {
	color: #4a0400;
}

#menu_quien.negrita ul li a.negrita_actual {
	color: #f90f02;
}

#menu_quien ul li#ms1 a {
  	background: transparent url("../imagenes/punto_premios.png") no-repeat left top;
}

#menu_quien ul li#ms2 a {
  	background: transparent url("../imagenes/punto_biblio.png") no-repeat left top;
}

#menu_quien ul li#ms3 a {
  	background: transparent url("../imagenes/punto_dossier.png") no-repeat left top;
}

#menu_quien ul li#ms4 a {
  	background: transparent url("../imagenes/punto_entre.png") no-repeat left top;
}

#menu_quien ul li#ms5 a {
  	background: transparent url("../imagenes/punto_arti.png") no-repeat left top;
}

#menu_quien ul li#ms6 a {
  	background: transparent url("../imagenes/punto_video.gif") no-repeat left top;
}

#menu_quien ul li a:hover {
	color: #e7bb02;
}

#menu_quien ul li#ms1 a:hover, #menu_quien ul li#ms2 a:hover, #menu_quien ul li#ms3 a:hover, #menu_quien ul li#ms4 a:hover, #menu_quien ul li#ms5 a:hover, #menu_quien ul li#ms6 a:hover {
	background-position: left -2.5em;
}

#enlace_menu {
	margin: 0 1.5em 0 0;
	float: right;
	width: 3.6em;
}

a.flechitas {
	color: #828282;
	font-style: italic;
	text-decoration: none;
	display: block;
	padding: 0 0 0 1.1em;
	height: 16px;
	font-size: 0.9em;
	text-align: right;
}

a.flechitas:hover {
	color: #e7bb02;
	background-position: left bottom;
}

/*-------------------------------------------    
    Subsecciones
-------------------------------------------*/

#subseccion {
	width: 18em;
	margin: 5em auto;
}

h3 {
	color: #f90f02;
	text-transform: lowercase;
	font-size: 1em;
	font-weight: normal;
}

h4 {
	color: #f90f02;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: normal;
	margin: 1em 0 0 0;
}

h5 {
	color: #f90f02;
}

#textos.premios {
	margin: 9em 0 2em;
	width: 100%;
	font-size: 0.7em;
}

#textos.premios ul, #textos.dossier ul {
	list-style: none;
}

#textos.premios ul li {
	display: block;
	margin: 0 0.5em 0 0;
}

#textos.premios ul li div.descrip {
	width: 27em;
	float: left;
	text-align: right;
	margin: 0 0.5em 0 0;
}

#textos.premios ul li span.verde_b {
	color: #2cad2c;
}

#textos.biblio ul li {
	float: left;
}

#textos.dossier {
	margin: 11em 0 0 0;
	width: 100%;
	font-size: 0.7em;
}

#textos.dossier ul li {
	display: block;
	float: left;
	margin: 0 5em 2em 0;
	height: 5em;
}

#textos.dossier object {
	margin: 0 0 0 2em;
}

#desarrollo {
	width: 48em;
	padding: 0 0 0 0;
	float: left;
}

#desarrollo h3 {
	text-transform: none;
}

#desarrollo img {
	margin: 0 0 2em 0;
}

p.blanco {
	color: #fff;
	padding: 0 0 1em 0;
}

p.amarillo {
	color: #f0ab00;
	margin: 0 0 2em 0;
}

p.rojo {
	color: #b80a00;
	margin: 0 0 2em 0;
}

#textos.dossier ul li a img {
	margin: 0 0 0 0;
}

#textos.dossier a:hover span {
	display: block;
}

span.tamanno {
	display: none;
	padding: 0 0 0 0.5em;
	color: #fff;
}

#texto_entrevista {
	margin: 3em 2em 0;
}

#textos.video {
	margin:  16em 0 0 2em;
	width: 45em;
}

#textos.video p {
	margin:  1em 0 1.5em;
}

/*-------------------------------------------    
    Libros
-------------------------------------------*/

#seccion.libros span {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
  	background: transparent url("../imagenes/libros.gif") no-repeat left top;
}

#bloque_menus.libros {
	top: 37.5em;
}

div.ficha_libro {
	width: 48em;
	font-size: 0.7em;
/*	margin: 2em 0 4em 0;*/
	min-height: 14em;
}

div.primera {
	margin: 9em 0 4em 0;
}

div.ficha_libro a:hover img {
	border: solid 0.1em #fff;
}

div.ficha_libro div.bloque_ficha {
	margin: 0 0 0 10em;
	padding: 1em 0 0 0;
}

div.ficha_libro div.sup_libro {
	overflow: hidden;
}

#dcha div.ficha_libro img {
	padding: 0.3em;
	margin: 1em 0.8em;
	display: block;
	float: left;
	width: 75px;
}

div.ficha_libro div.titulo_libro {
	color: #669900;
	float: left;
	font-weight: bold;
}

div.ficha_libro div.titulo_libro p {
	padding: 0 0 0.5em 0;
}

div.ficha_libro span {
	color: #7d7d7d;
	margin: 0 0 0 0.5em;
	font-size: 0.9em;
}

div.ficha_libro div.descripcion {
	color: #b80a00;
	margin: 1em 0 0 0;
	line-height: 1.5;
	font-size: 0.8em;
}

#adelante {
	margin: 0 0 0 2.5em;
	padding: 1em 0 0 0;
	float: left;
	position: relative;
	top: 0.2em;
}

a.flechap {
	display: block;
	height: 23.5px;
	text-indent: -999em;
	width: 34px;
}

a.atras {
  	background: transparent url("../imagenes/flecha_izda.gif") no-repeat left top;
	float: left;
}

a.adela {
  	background: transparent url("../imagenes/flecha_dcha.gif") no-repeat left top;
	margin: 0 0 0 2em;
}

a.adela:hover, a.atras:hover {
	color: #e7bb02;
	background-position: left bottom;
}

#titulo {
	margin: 3em 0 1em;
	width: 31em;
	height: 2em;
}

div.verde {
	color: #6B7D30;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: normal;
	padding: 0 0.5em 0 0;
	float: left;
	min-width: 10em;
}

div.pag {
	color: #6B7D30;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: normal;
	padding: 0 0em 0 0;
	float: none;
	text-align: right;
}

p.subtitulo {
	font-size: 0.7em;
	color: #999;
	float: right;
	padding: 0.2em 0 0;
}

#listado_paginas {
	margin: 0 auto;
	width: 51em;
	padding: 1em 0 3em 0;
	margin: 0 0 0 7em;
	position: relative;
	top: 0.4em;
}

#listado_paginas ul {
	list-style: none;
}

#listado_paginas ul li {
	float: left;
}

#listado_paginas ul li a {
	color: #7d7d7d;
	font-style: italic;
	text-decoration: none;
	padding: 0 0.27em;
	display: block;
	font-size: 0.9em;
}

#listado_paginas ul li a:hover {
	color: #ff9900;
}

#listado_paginas ul li a.actual {
	color: #f90f02;
}

#im_paginas, a.centradas {
	width: 46.2em;
	margin: 0 auto;
/*	overflow: hidden;*/
	min-height: 30.7em;
	position: relative;
	display: block;
}

img.centradas, a.centradas img {
	margin: 0 auto;
	position: absolute;
	left: 100%;
	top: 50%;
}

#im_paginas.portada {
	width: 26.2em;
	min-height: 30.7em;
}

#im_paginas img {
	margin: 0 3.5em 0;
	float: right;
}

#im_paginas img.margen1 {
	margin: 0 0;
	float: right;
}



/*-------------------------------------------    
    Colaboraciones
-------------------------------------------*/

#seccion.colabora {
	height: 13em;
}

#seccion.colabora span {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
  	background: transparent url("../imagenes/colaboraciones.gif") no-repeat left top;
}

#menu_colabora {
	margin: 9em 0 0 4em;	
}

#menu_colabora ul {
	list-style: none;
}

#menu_colabora ul li {
	margin: 0.7em 0;
	height: 3.2em;
}

#menu_colabora ul li a {
	display: block;
	color: #666;
	text-decoration: none;
	width: 2.3em;
	height: 4.2em;
}

#menu_colabora ul li a span {
	padding: 0 0 0 4em;
	text-transform: lowercase;
	position: absolute;
	margin: 1.1em 0 0 0;
	font-size: 0.9em;
	cursor: pointer;
}

#menu_colabora ul li a:hover {
	color: #fff;
}

#menu_colabora ul li a:hover span {
	color: #fff;
	font-weight: bold;
}

#menu_colabora ul li#mc1 a {
  	background: transparent url("../imagenes/uno_c.gif") no-repeat left top;
}

#menu_colabora ul li#mc1 a:hover {
  	background-position: -2.05em top;
}

#menu_colabora ul li#mc2 a {
  	background: transparent url("../imagenes/dos_c.gif") no-repeat left top;
}

#menu_colabora ul li#mc2 a:hover {
  	background-position: -1.95em top;
}

#menu_colabora ul li#mc3 a {
  	background: transparent url("../imagenes/tres_c.gif") no-repeat left top;
}

#menu_colabora ul li#mc3 a.pr3 {
  	background: transparent url("../imagenes/tres_sub.gif") no-repeat left top;
}

#menu_colabora ul li#mc3 a:hover {
  	background-position: -2.05em top;
}

#menu_colabora ul li#mc3 a.pr3:hover {
  	background-position: -2.66em top;
}

#menu_colabora ul li#mc4 a {
  	background: transparent url("../imagenes/cuatro_c.gif") no-repeat left top;
}

#menu_colabora ul li#mc4 a:hover {
  	background-position: -2.15em top;
}

#menu_colabora ul li#mc5 a {
  	background: transparent url("../imagenes/cinco_c.gif") no-repeat left top;
}

#menu_colabora ul li#mc5 a:hover {
  	background-position: -2.8em top;
}


#enlace_colabora {
	float: right;
	margin: 0 1.5em 0 0;
}

a.larga {
/*  	background: transparent url("../imagenes/flecha_at.png") no-repeat left top;*/
	padding: 0 0 0 1.4em;
	width: 9em;
}

a.larga1 {
/*  	background: transparent url("../imagenes/flecha_at.png") no-repeat left top;*/
	padding: 0 0 0 1em;
	width: 11em;
}

a.larga:hover {
	color: #e7bb02;
	background-position: left bottom;
}

span.an1 {
	display: block;
/*	width: 15.5em;*/
}

#titulo.margen_1 {
	margin: 3em 0 0 0;
	width: 26.7em;
}

#titulo.margen_2 {
	margin: 3em 0 0 0;
	width: 26.5em;
}

#titulo span {
  	background: transparent url("../imagenes/prensa.gif") no-repeat left top;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 72%;
	top: 0;	
}

#titulo h4 {
	text-transform: none;
	font-size: 0.8em;
	text-align: right;
}

a.portadas {
	display: block;
	width: 17.6em;
	margin: 1em auto 0;
	min-height: 30.7em;
	position: relative;
}

a.portadas_2 {
	display: block;
	width: 16.7em;
	margin: 1em auto 0;
	min-height: 30.7em;
	position: relative;
}

a.cuadernos {
	display: block;
	width: 16.7em;
	margin: 1em auto 0;
	min-height: 30.7em;
	position: relative;
}

a.cuadernos2 {
	display: block;
	width: 37.9em;
	margin: 1em auto 0;
	min-height: 31em;
	position: relative;
}

a.prensa {
	display: block;
	width: 6.5em;
	margin: 1em auto 0;
	min-height: 30.7em;
	position: relative;
}

a.cuadernos img, a.cuadernos2 img, a.prensa img {
	margin: 0 auto;
	position: absolute;
	left: 100%;
	top: 50%;
}

#textos.prensayrevistas {
	margin: 12em 6em 1em;
}

#im_paginas.margen_1 {
	margin: 3em auto 2em;
	width: 41em;
	overflow: hidden;
}

p.avisofoto {
	font-size: 0.7em;
	color: #666;
	margin: 0 0 0 45em;
	display: block;
	padding: 0.8em 0 0;
}


/*-------------------------------------------    
    Noticias
-------------------------------------------*/


#seccion.noticias {
	margin: -4.2em 0 0 2em;
}

#seccion.noticias span {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
  	background: transparent url("../imagenes/noticias.gif") no-repeat left top;
}

#listado_noticias {
	background-color: #fff;
	padding: 5em 1.2em 0 1.2em;
	font-size: 0.8em;
	margin: 2.3em 0 0 0;
}

div.noticia {
	color: #666;	
	padding: 0 0 1em;
}

#dcha div.noticia img {
	width: 400px;
	margin: 0 auto;
	padding: 2em 0;
}

div.noticia p.fecha {
	color: #c40a00;
	padding: 1em 0;
}

div.noticia strong.titulo {
	color: #c40a00;
	padding: 0 0 1em 0;
	display: block;
}

div.noticia div {
	border-bottom: dashed 1px #666;
}

div.noticia div p {
	padding: 0 0 1em;
	line-height: 1.4;
}

div.noticia a {
	color: #666;
	text-decoration: underline;
	padding: 0.2em 0.5em;
}

div.noticia a:hover {
	color: #fff;
	background-color: #000;
	text-decoration: none;
}


/*-------------------------------------------    
    Contacto
-------------------------------------------*/


#seccion.contacto {
	margin: -4.2em 0 0 2em;
}

#seccion.contacto span {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
  	background: transparent url("../imagenes/contacto.gif") no-repeat left top;
}

#bloque_contacto {
	margin: 14em 0 0 0;
	color: #999999;
	line-height: 1.5;
}

#bloque_contacto.aviso {
	margin: 9em 0 0 0;
}

#bloque_contacto p {
	font-size: 0.8em;
}

#bloque_contacto ul {
	list-style: none;
	font-size: 0.8em;
}

span.marcar {
	color: #F90F02;
}

p.margen_doble {
	margin: 1.2em 0 0 0;
}

#bloque_contacto a {
	color: #999999;
}

#bloque_contacto a:hover {
	color: #fff;
}

#izda_cont {
	float: left;
	width: 12em;
}

#dcha_cont {
	float: left;
	width: 21em;
	margin: 0 0 0 2em;
}

#bloque_contacto.aviso h3 {
	font-size: 0.9em;
}


/*-------------------------------------------    
    Pie
-------------------------------------------*/

#pie {
	margin: 0.5em auto;
	width: 55em;
}

#pie p {
	padding: 0 0 0 1em;
	font-size: 0.6em;
	display: block;
}

#pie p span {
	width: 5em;
	display: block;
	margin: 0 2em 0 0;
	float: left;
}

#pie a {
	color: #b80a00;
	text-decoration: none;
	display: block;
	font-weight: bold;
}

#pie a:hover {
	color: #fff;
	font-size: 1.3em;
}

#aviso_legal {
	float: left;
	width: 30em;
	margin: 0 39em 0 0;
}

#pie p.feed {
	float: right;
	width: 20em;
}

#pie p.feed a {
/*	background: transparent url("../imagenes/feed.gif") no-repeat left top;
	height: 1em;*/
}