/* ------------------------------------------ maquetacion de la página: bloques basicos  ------------------------------ */


#contenedor{
    width: 732px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;

	/* 	
	margin-left:auto;
	margin-right:auto;
	*/
}

#contenedor-pagina-ancha{
    width: 960px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	/*
	margin-left:auto;
	margin-right:auto;
	*/
}

#cuerpo{
	width: 734px;
	margin: 0px 0px 0px 0px;
}

#cuerpo-pagina-ancha{
    width: 960px;
    margin: 0px 0px 0px 0px;
	float:right;
}

#borde{
    width: 580px;
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
    text-align: left;
}


#izquierda{
	width: 10px;
	float: none;
	margin: 0px 0px 0px 0px;
}

#derecha{
    width: 151px;
    margin: 0px 0px 0px 0px;
	position:absolute;
    left:581;
}

#texto-principal{
	/* border-left: 1px solid #cccccc; */
	border-bottom: 1px solid #cccccc;
	background-color: #ffffff;
	float: none;
	padding: 15px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

#creditos {
	border-top: 1px solid #cccccc;
	font-style: none;
	padding-top: 10px;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}



.autores-index-icono{
    width: 110px;
    margin: 0px 0px 0px 0px;
	text-align: center;
	float: left;
	    margin: 0px 0px 10px 0px;
}


/* ------------------------------------------ maquetacion de la página: lateral derecho con imagen conjunta  ------------------------------ */

#lateral-contenido{
	/* border-left: 1px solid #cccccc; */
	background-color: white;
	float: none;
	padding: 10px 15px 15px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

#lateral-borde{
    width: 300px;
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc; 
	position:absolute;
	left:565px;
}

#lateral-borde-200{
    width: 236px;
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc; 
	position:absolute;
	left:565px;
}

#lateral-borde-160{
    width: 196px;
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc; 
	position:absolute;
	left:565px;
}

#pie-de-foto-lateral-derecho{ 
    margin-left: 15px;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: center;
}

.imagen-puzzle-izquierda {
    align: right; 
    margin-left: 13px; 
    border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.imagen-puzzle-derecha {
    border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
 

/* ------------------------------------------ maquetacion de la página: bloques basicos  ------------------------------ */

#comics-titulo {
	font-family: Arial, Helvetica, verdana, sans-serif; 
	font-size: 32px; 
	line-height:32px;
	color: #000000; 
	font-weight:normal; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 0px solid #000000;
}
 
h1 {
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-size: 32px;
	padding-bottom: 2px;
	padding-top: 5px;
	margin: 0px 0px 0px 0px;
} 


#comics-subtitulo {
	line-height:26px;
	font-family: Arial, Helvetica, verdana, sans-serif; 
	font-size: 10px; color: #000000; 
	font-weight:normal; 
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}


.comics-portada {
	text-align: center;
}

.comics-ficha {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 15px 15px;
	border: 1px dotted #cccccc;
	background-color: #f5f5f5;
}


#novedades-titulo {
	font-family: Arial, Helvetica, verdana, sans-serif; 
	font-size: 24px; color: #000000; 
	font-weight:bold; 
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	border-bottom: 3px solid #000000;
}

#home-que-dicen-de-nosotros {
	border-top: 1px dotted  #cccccc;
	border-bottom: 1px dotted #cccccc;
	margin-top: 10px;
	margin-bottom: 10px;
}


#relacionados {
	border-top: 1px solid #cccccc;
	font-style: none;
	padding-top: 10px;
	padding-bottom: 10px;
}

#escaparate-titulo{
    font-size: 11px; color: #666666; 
    text-align: right;
    width: 334px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 6px 0px;
    float: none;
    background-colorxx: #EAEAD5;
}


/* ------------------------------------------ maquetacion de la pa¡gina: cabecera  ------------------------------ */

#publicidad-superior-borde{
    width: 970px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #E6E6E6;
    border-bottom: 1px solid #cccccc;
}

#publicidad-lateral-borde{
    padding: 15px 15px 15px 15px;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}


#publicidad-superior{
    padding: 0 15 0 15px;
    margin: 0px 0px 0px 0px;
}

#logo-e-imagenes-rotativas-borde{
    width: 970px;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
    margin-top: 0px;
	margin-bottom: 15px;
	margin-left:auto;
	margin-right:auto;
}

#logo-e-imagenes-rotativas{
    padding: 0px 15px 0px 15px;
    margin: 0px 0px 0px 0px;
    background-color: #F8EEE4;
}

#logo {
	float: none;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#cabecera-exterior-ancha{	
    width: 965px;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left:auto;
	margin-right:auto;
}

#cabecera-exterior{	
    width: 731px;
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left:auto;
	margin-right:auto;	
}


#cabecera-contenido-superior {	
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;  
    padding: 15px 15px 0px 15px;
    background-color: #F8EEE4;  		
}

#cabecera-contenido-inferior {	
    border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;  
	border-bottom: 1px solid #cccccc;  
    padding: 4px 15px 2px 15px;
    background-color: #F8EEE4;  			
}

/* ------------------------------------------ maquetacion de la pa¡gina: pagina ancha ------------------------------ */ 

#cabecera-ancha{
    background-color: #ffffff;
    margin: 15px 0px 0px 15px;
}



#borde-ancho{
    width: 969px;
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
    text-align: left;
}

#borde-pagina-ancha{
    width: 962px;
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
    text-align: left;
}

#borde-pagina-mas-ancha{
    width: 995px;
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    text-align: left;
}

#path{
	/* nota: hago que desaparezca visualmente el 7 de agosto de 2011 */
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	text-background-color: #ffffff;
	display: none;
}

.texto-entradilla{
	/* border-left: 1px solid #cccccc; */
	font-size: 17px;
}


/* ---------------------------------------------------------------------------------------- */

/* para capas de texto ocultas */

.texter{
	border-right: 1px solid #cccccc; 
	padding-right: 15px; 
	border-left: 1px solid #cccccc; 
	padding-left: 15px; 
	border-bottom: 1px solid #cccccc; 
	padding-bottom: 15px; 
}

/* ---------------------------------------------------------------------------------------- */

.autores-novedades-caja-titulo {
	font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.autores-letra {
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 26px;
	color: #990000;
	font-weight:bold; 	
}

.autores-novedades-caja-campos {
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}

.autores-novedades-titulo {
	font-family: Arial; 
	font-size: 20px;
	margin: 5px 0px 15px 0px;
	padding: 0px 0x 0px 0px;
	color: black; 
	font-weight:bold; 	
	text-align: left; 
	text-transform: uppercase;
	border-bottom: 3px solid #000000;
}

.comics-titulo {
	font-family: Arial; 
	font-size: 24px;
	margin: 5px 0px 15px 0px;
	padding: 0px 0x 0px 0px;
	color: black; 
	font-weight:bold; 	
	text-align: left; 
	border-bottom: 3px solid #000000;
}

.comics-titulo-minusculas {
	font-family: Arial; 
	font-size: 24px;
	margin: 5px 0px 15px 0px;
	padding: 0px 0x 0px 0px;
	color: black; 
	font-weight:bold; 	
	text-align: left; 
	border-bottom: 2px solid #000000;
}

.autores-novedades-secciones {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: black; 
	font-weight:bold; 	
	text-align: left; 
}


.semana-anterior-siguiente {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

/* ------------------------- menu lateral --------------- */

.menu-lateral-subsecciones {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: black;  
}
 
 
A.menu-lateral-subsecciones {
	TEXT-DECORATION: none; color: #000000; 
}

A.menu-lateral-subsecciones:hover {
	TEXT-DECORATION: underline; color: #000000;
}
 
 
.lateral-link-titulo {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: 0000ff;  
	font-weight:bold; 	
	text-decoration: underline;
}

A.lateral-link-titulo {
	text-decoration: underline;
}
 
  
.lateral-link-texto {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
    color: #333333;  
    text-decoration: none;
	  
}
 
A.lateral-link-texto {
	text-decoration: none; 
	color: #333333; 
}

.lateral-texto-flecha {
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
 

/* ------------------------------------------ clases para la home  ------------------------------ */

.home-comics-autores-barcelona {
	font-family: Arial, Helvetica, verdana, sans-serif; 
	font-size: 18px; 
	color: black; 
	font-weight:bold; 	
	text-align: left; 
}


.home-secciones-principales {
	font-family: Arial, Helvetica, verdana, sans-serif; 
	font-size: 18px; 
	color: black; 
	font-weight:bold; 	
	text-align: left; 
	border-bottom: 1px dotted #cccccc;
}

A.home-secciones-principales {
	TEXT-DECORATION: none; color: #000000; 
	border-bottom: 1px dotted #cccccc;
}

A.home-secciones-principales:hover {
	TEXT-DECORATION: underline; color: #000000;
	border-bottom: 1px dotted #cccccc;
}

.home-secciones-secundarias {
	font-family: Arial, Helvetica, verdana, sans-serif; 
	font-size: 14px; 
	color: black;  	
	text-align: left; 
}

A.home-secciones-secundarias {
	TEXT-DECORATION: none; color: #000000; 
	border-bottom: 1px dotted #cccccc;
}

A.home-secciones-secundarias:hover {
	TEXT-DECORATION: underline; color: #000000;
}


/* ------------------------------------------ clases para el menú superior  ------------------------------ */

.menu-superior {
	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal; 	
	color: #999999;
}

A.menu-superior {
	TEXT-DECORATION: underline; color: #000000; 
}

A.menu-superior:hover {
	TEXT-DECORATION: none; color: #000000;
}

.menu-superior-nivel-2 {
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: none; 
	color: #999999;
}

A.menu-superior-nivel-2 {
	TEXT-DECORATION: none; color: #000000; 
}

A.menu-superior-nivel-2:hover {
	TEXT-DECORATION: underline; color: #000000;
}

/* Para marcar en gris "(SERIE)" en Tato, La Parejita, Blacksad, etc. */

.autores-comic-serie {
	color: #666666;
}

/* ------------------------------------------ estilos para las fichas de cómics  ------------------------------ */

.comics-titulo-autor {
	font-family: Arial, Helvetica, verdana, sans-serif; 
	font-size: 16px; color: #000000; 
	font-weight:normal; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.galeria-recuadro {
 	background-color:#f5f5f5;	
	padding: 15px 0px 15px 0px; 
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	text-align: center;
}

.comics-seccion {
	font-family: Arial, Helvetica, verdana, sans-serif; 
	font-size: 18px; 
	color: black; 
	font-weight: bold; 	
	text-align: left; 
	padding-bottom: 2px;
	border-bottom: 1px solid #999999;
}

.bullet-anyo {
	font-family: Arial, Helvetica, verdana, sans-serif; 
	font-size: 13px; 
	color: black; 
	padding: 7px;
	border: 1px solid #999999;
	float: left; 
    margin-right: 10px; 
	margin-bottom: 0px; 
}

.comics-imagen {
	border: 1px solid #999999;
	text-align: center;
}

.comics-imagen-centrada {
	border: 1px solid #999999;
	text-align: center;
	margin-left:auto;
    margin-right:auto;
}

.comics-pie-de-foto {
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: center;
}

.separador-contenidos {
	font-family: Verdana, arial, helvetica, sans-serif; 
	font-size: 12px; 
	color: #666666; 
	text-align: center; 
	border-bottom: 1px dotted #cccccc;
}


/* ------------------------------------------ estilos para los concursos  ------------------------------ */

.concursos-dinero {color: #990000}

.concursos-bases {font-family: "Courier New", Courier, monospace}

/* ------------------------------------------ estilos para entrevistas  ------------------------------ */

.entrevistas-entradilla {
	font-family: Arial, Helvetica, verdana, sans-serif; 
	font-size: 16px; 
}

.entrevistas-introduccion {
	font-family: Arial, Helvetica, verdana, sans-serif; 
	font-size: 17px; color: #000000; 
	line-height: 120%;
	font-weight:normal; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.entrevistas-ladillos {
	font-family: Arial, Helvetica, verdana, sans-serif; 
	font-size: 17px; 
	color: #666666; 
	font-weight:bold; 	
	text-align: left; 
}

.entrevista-entradilla-frase {
	font-family: Times New Roman, Times; 
	font-size: 32px; 
	line-height:32px;
	
	color: #666666; 
	font-weight:bold; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 0px solid #000000;
}

.entrevista-frase {
	font-family: Times New Roman, Times; 
	font-size: 24px; 
	line-height:24px;
	
	color: #666666; 
	font-weight:bold; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 0px solid #000000;
}


/* ------------------------------------------ estilos para las novedades  ------------------------------ */

.documento-no-finalizado {
	background-color: #999999;
}

.novedades-editorial {
	font-family: Arial, Helvetica, verdana, sans-serif; 
	font-size: 18px; 
	color: #999999; 
	font-weight:bold; 	
	text-align: center; 
	border-bottom: 1px dotted #cccccc;
}

.novedades-anyo {
	font-family: Arial, Helvetica, verdana, sans-serif; 
	font-size: 18px; 
	color: black; 
	font-weight:bold; 	
	text-align: center; 
	border-bottom: 1px dotted #cccccc;
}

.novedades-muestras{
	text-transform:uppercase;
	font-weight:bold; 
	color: #777777; 
	border: 1px dotted #cccccc;	
    background-color: #f5f5f5;	
}

.novedades-destacado{
	border: 1px dotted #cccccc;	
     background-color: #ffffcc;	
}


.novedades-portada {
    float: left; 
    margin-right: 6px; 
    margin-left: 0px; 
    border: 1px solid #cccccc;
}

.comics-portada-derecha {
    float: right; 
    margin-left: 13px; 
    border: 1px solid #cccccc;
}

.comics-portada-centrada {
    border: 1px solid #cccccc;
}

.comics-portada-efecto-espejo {
	float: right; 
	opacity: 0.25;
	filter: alpha(opacity=40)
    border: 1px solid #cccccc; 
} 

.comics-portada-izquierda {
    float: left; 
    margin-right: 15px; 
    border: 1px solid #cccccc;
}

/* ------------------------------------------ otros ------------------------------ */

.checklist {
	font-family: Arial, Helvetica, verdana, sans-serif; 
	font-size: 11px; 
	color: black; 
}

.nombre_libreria{
	text-transform:uppercase;
}
.item-punto {
	color: #999999;
}

.cursiva_y_centrada{
	color:#666666;
	text-align:center;
	font-style:italic; 	
}

.may_y_b{
	text-transform:uppercase;
	font-weight:bold; 	
}

body {
	margin: 0px;
	border: 0px;
	font: 15px Arial, Verdana;
	line-height:19px;
}

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

input {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}



h2 {
	font-family: Arial, Helvetica, verdana, sans-serif; 
	font-size: 18px; color: #000000; 
	font-weight:normal; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 3px 0px;
}

h3 {
	font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold; 
	border: 0px;
	margin: 0px 0px 0px 0px;
}

td {
	font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 0px;
	margin: 0px 0px 0px 0px;
}

/* -------------------------------------------- enlaces ------------------------------------ */

A {
	color: #000099;
	text-decoration: underline;
}

A:hover { 
	text-decoration: none;
}


.link_externo {
	background: url(link_externo.gif) no-repeat 100% 0;
	padding: 0 8px 0 0;
	background-color: white;
}

.link-fuente {
     font-family: verdana,arial,sans-serif; 
	 font-size:0.8em; 
	 position:relative; 
	 top:-0em; 
	 left:0;
} 



/* -------------------------------------------- clases para añadir pie de foto sobreimpresa sobre la foto ------------------------------------ */

/*fotos*/
.foto {
	background:#fff;
	position:relative;
	overflow:hidden;
	margin:0 auto 6px;
}
/*pies de foto*/
.foto p {
	position:absolute;
	bottom:0;
	left:0;
	background:#334457;
	color:#fff;
	width:100%;
	padding:4px 0 0px 8px;
	font-size:11px!important;
	line-height:14px;
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	opacity:.8;
}
.novedades-mes-año {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: bold;
}