/* CSS Document */

:link,:visited {text-decoration:none}
ul,ol {list-style:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0 }
a img,:link img,:visited img {border:none}



/* $1 - Estilos de la estructura del Sitio ///////////////////////////////////////////////////////////////////////////////////*/

body {
	background: #F3F3F3;
	font-family: "Myriad Pro", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: black;
	font:
	}
	
body#bio {
	background:#F3F3F3;
	font-family:
	}

/* imagen de fondo repetida */
#bio #contenedor {
	background:#F3F3F3 url(../images/site-bg-bio.png) repeat-x;
	}
	
/* imagen de fondo repetida */
#libros #contenedor,
#articulos #contenedor,
#cuentos #contenedor,
#prensa #contenedor,
#contacto #contenedor,
#error #contenedor  {
	background:#F3F3F3 url(../images/site-bg.png) repeat-x;
	image}
	
#cabecera {
	position:relative;
	height: 162px;   /*height:223px;*/
	width:930px;
	margin:0 auto;
	padding-top:77px;
	text-align:left;
	}
	
#bio #imagen-cabecera {
	width: 930px;
	height: 183px;
	margin-left: -25px;
	margin-top: 24px;
	}

#libros #imagen-cabecera,
#articulos #imagen-cabecera,
#cuentos #imagen-cabecera ,
#prensa #imagen-cabecera,
#contacto #imagen-cabecera {
	width: 930px;
	height: 183px;
	margin-left: -25px;
	margin-top: 23px;
	}

#bio #contenido {
	width:930px;
	padding:0;
	margin:0 auto;
	padding:40px 0;
	text-align: left;
	}

#contenido {
	width:930px;
	padding:0;
	margin:0 auto;
	padding:10px 0 50px 0;
	text-align: left;
	}

#contenido-principal {
	float:left;
	width:610px;
	}
	
#contenido-lateral {
	float: right;
	width: 270px;
	padding-top: 96px;
	padding-right: 10px;
	}
	
	
#pie {
	border-top: #CCC solid 1px;
    background: url(../images/pie-bg.png) repeat-x;
	clear: both;
	height: 80px;
	margin-top: 450px;
	text-align: center;
	}

#copyright {
	/*width: 930px;*/
	margin: 20px 0 0 0;
	padding: 0 10px;
	font-size: 11px; 
	text-align: center;
	color: #555;
}



/* $2 - Estilos de la cabecera ///////////////////////////////////////////////////////////////////////////////////*/

.cabecera-logo {
	position:absolute;
	top:20px;
	right:95px;
	}
	
#cabecera-nav-ul li {
	display:inline;
	font-family:  "Myriad Pro", "Lucida Sans", Helvetica, Arial, Verdana, san-serif;
	font-size: 12px;
	}

#cabecera-nav-ul li a {  
	color:#333;
	font-weight:normal; 
	text-transform: uppercase;
	margin-right:17px; /* esto controla el espacio entre los elementos de la lista */
	padding-bottom:38px;
	display: inline-block;
	background:url(../images/cabecera-li-flecha.png) -2000px 100% no-repeat; /* para solucionar lo de la flechita, la he puesto como imagen de fondo en todos los elementos de la lista pero desplazando su posición. Cuando estamos en HOVER hago que el background esté en al posición adecuada para ser visto */
	}

#cabecera-nav-ul li a.selected {
	background-position:50% 23px; /* mediante el 50% hago que aparezca justo en medio del elemento de la lista */
	color:#575C20;
	}
	
#cabecera-nav-ul li a:hover {
	background-position:50% 23px;
	color:#575C20;
	}
	
	
/* $3 - Estilos del contenido ///////////////////////////////////////////////////////////////////////////////////*/


#bio #contenido-principal p {
	text-align:justify;
	}	

h1,h2,h3,h4,h5,h6 {margin-bottom:10px;}
	
h1 {margin-bottom:15px;}

.titulo {
	color: #333;
	font: 30px normal "Myriad Pro", "Lucida Sans", Helvetica, Arial, Verdana, san-serif;
	margin-top: 57px;
	padding-bottom: 5px;
	letter-spacing: .3mm;
	margin-bottom: 5px;
	text-shadow: 1px 1px 6px #BBB;
}
/*
.subtitulo {
	color: #003F8E;
	font: 18px normal Helvetica, Arial, Verdana, san-serif;
	margin-top: 20px;
	padding-bottom:5px;
	letter-spacing: .3mm;
	margin-bottom: 10px;
	text-shadow: 1px 1px 6px #BBB;
	background:url(../../images/wakeface/page-title-bg.png) bottom no-repeat;
}*/

.titulo-lateral {
	color: #333;
	font: 13px normal "Myriad Pro", "Lucida Sans", Helvetica, Arial, Verdana, san-serif;
	border: 1px solid #575C20;
	text-transform: uppercase;
	margin-top: 0px;
	padding: 6px 0 3px 12px;
	border-left: 0;
	border-right: 0;
	letter-spacing: .3mm;
}

p {
	color: #333;
	margin-bottom:10px;
	line-height:1.5;
	}

ol {
	list-style: decimal;
	margin: 10px 30px;
}

ol li {
	margin: 10px;
	line-height: 1.6em;
}

img {border:none;}

.libros-grupo {
	height: 175px;
	margin-bottom: 20px;
	margin-top: -10px;
	background:url(../images/linea.png) bottom no-repeat;
	}

	.libros-grupo img {
		padding: 5px  5px  5px 0;
		margin-top: -35px;
		float: left;
		width: 105px;
		height:160px;
		}
	
	.libros-grupo h3 {
		font: 18px  "Myriad Pro", "Lucida Sans", Helvetica, Arial, Verdana, san-serif;
		color: #575C20;
		float: right;
		width: 485px;
		margin-top: 15px;
		margin-bottom: 0px;
		padding-bottom: 5px;
		}
	
	.libros-grupo h4 {
		font: 12px  "Myriad Pro", "Lucida Sans", Helvetica, Arial, Verdana, san-serif;
		color: #575C20;
		float: right;
		width: 485px;
		margin-top: -5px;
		margin-bottom: 0px;
		padding-bottom: 5px;
		}
	
	.libros-grupo p {
		float: right;
		width: 485px;
		text-align:justify;
		}
		
	.libros-grupo a,
	.libros-grupo a:link,
	.libros-grupo a:visited {
	color: #575C20;
	text-decoration: none;
	}
	
	.libros-grupo a:hover {
		background: #fff;
		padding-right: 4px;
	}

.libro-desarrollado {
	/*clear: both;*/
	width: 610px;	
	margin-top: -5px;
	}

	.libro-desarrollado img {
		padding: 5px  15px  5px 0;
		margin-top: 0px;
		float: left;
		width: 200px;
		height:298px;
		}
	
	.libro-desarrollado h3 {
		font: 18px  "Myriad Pro", "Lucida Sans", Helvetica, Arial, Verdana, san-serif;
		color: #575C20;
		width: 610px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-bottom: 5px;
		}
	
	.libro-desarrollado h4 {
		font: 12px  "Myriad Pro", "Lucida Sans", Helvetica, Arial, Verdana, san-serif;
		color: #575C20;
		width: 610px;
		margin-top: -5px;
		margin-bottom: 0px;
		padding-bottom: 5px;
		}
	
	.libro-desarrollado p {
		padding-top: 10px;
		text-align:justify;
		}

.cuentos-grupo, 		
.articulos-grupo {
	height: 45px;
	margin-bottom: 20px;
	margin-top: -10px;
	background:url(../images/linea.png) bottom no-repeat;
	}

	.cuentos-grupo h3,
	.articulos-grupo h3 {
		font: 18px  "Myriad Pro", "Lucida Sans", Helvetica, Arial, Verdana, san-serif;
		color: #575C20;
		width: 610px;
		margin-top: 15px;
		margin-bottom: 0px;
		padding-bottom: 5px;
		}
	
	.cuentos-grupo h4,
	.articulos-grupo h4 {
		font: 12px  "Myriad Pro", "Lucida Sans", Helvetica, Arial, Verdana, san-serif;
		color: #575C20;
		width: 610px;
		margin-top: -3px;
		margin-bottom: 0px;
		padding-bottom: 5px;
		text-transform:uppercase;
		}
	
	.cuentos-grupo a,
	.cuentos-grupo a:link,
	.cuentos-grupo a:visited,
	.articulos-grupo a,
	.articulos-grupo a:link,
	.articulos-grupo a:visited {
	color: #575C20;
	text-decoration: none;
	}
	
	.cuentos-grupo a:hover,
	.articulos-grupo a:hover {
		background: #fff;
		padding-right: 4px;
	}
	
.cuento-desarrollado,
.articulo-desarrollado {
	margin-bottom: 20px;
	margin-top: -10px;
	}
	
	.cuento-desarrollado h3,
	.articulo-desarrollado h3 {
		font: 18px  "Myriad Pro", "Lucida Sans", Helvetica, Arial, Verdana, san-serif;
		color: #575C20;
		width: 610px;
		margin-top: 15px;
		margin-bottom: 0px;
		/*padding-bottom: 5px;*/
		}
	
	.cuento-desarrollado h4,
	.articulo-desarrollado h4 {
		font: 12px  "Myriad Pro", "Lucida Sans", Helvetica, Arial, Verdana, san-serif;
		color: #575C20;
		width: 610px;
		margin-top: 2px;
		margin-bottom: 0px;
		padding-bottom: 5px;
		text-transform:uppercase;
		}
	
	.cuento-desarrollado p,	
	.articulo-desarrollado p {
		width: 610px;
		padding-top: 8px;
		text-align:justify;
		}
		
	.cuento-desarrollado i,	
	.articulo-desarrollado i {
		font: 14px  "Myriad Pro", "Lucida Sans", Helvetica, Arial, Verdana, san-serif;
		font-style:italic;
		color: #575C20;
		}
		
	.cuento-desarrollado strong,
	.articulo-desarrollado strong {
		font-size: 13px;
		}
	
	.cuento-desarrollado address,	
	.articulo-desarrollado address {
		color: #333;
		text-decoration: none;
		text-align: right;
		}
	
	.cuento-desarrollado blockquote,	
	.articulo-desarrollado blockquote {
		color: #333;
		margin-left: 80px;
		text-align:justify;
		}
	.cuento-desarrollado a,
	.cuento-desarrollado a:link,
	.cuento-desarrollado a:visited,		
	.articulo-desarrollado a,
	.articulo-desarrollado a:link,
	.articulo-desarrollado a:visited {
	color: #575C20;
	text-decoration: none;
	}
	
	.cuento-desarrollado a:hover,
	.articulo-desarrollado a:hover {
		background: #fff;
		padding-right: 4px;
	}

		
.prensa-grupo {
	height: 65px;
	margin-bottom: 20px;
	margin-top: -10px;
	background:url(../images/linea.png) bottom no-repeat;
	}

	.prensa-grupo h3 {
		font: 18px  "Myriad Pro", "Lucida Sans", Helvetica, Arial, Verdana, san-serif;
		color: #575C20;
		width: 610px;
		margin-top: 15px;
		margin-bottom: 0px;
		padding-bottom: 5px;
		}
	
	.prensa-grupo h4 {
		font: 12px  "Myriad Pro", "Lucida Sans", Helvetica, Arial, Verdana, san-serif;
		color: #575C20;
		width: 610px;
		margin-top: -3px;
		margin-bottom: 0px;
		padding-bottom: 5px;
		}
		
	.prensa-grupo p {
		width: 610px;
		text-align: left;
		font-style:italic;
		}

	
	.prensa-grupo a,
	.prensa-grupo a:link,
	.prensa-grupo a:visited {
	color: #575C20;
	text-decoration: none;
	}
	
	.prensa-grupo a:hover {
		background: #fff;
		padding-right: 4px;
	}

#pie a:hover {
	color: #333333;
	background-color: #FFFFFF;
	border-bottom:1px solid #575C20;
	}

		

.menu-lateral {
	padding: 0px;
	display: block;
		}	

.menu-lateral li{
	margin: 10px 0px 10px 3px;
	list-style: none;	
	color: #333;
	font-size: 11px;
	}
	
.menu-lateral li a {
	color: #333;

	}

.menu-lateral li a:hover {
	color: #575C20;
	background-color: #fff;
	padding-right: 4px;
	}
	
.menu-lateral li a.selected {
	font-weight:bold;
	letter-spacing: .3mm;
	color: #575C20;
		}


/* $5 - Estilos del Pie de página ///////////////////////////////////////////////////////////////////////////////////////*/
#pie p,
#pie li {
	color: #575C20;
}


#pie a,
#pie a:link,
#pie a:visited {
	color:#575C20;
	border-bottom:1px solid #CCCCCC;
	padding-bottom: 2px;
	}

#pie a:hover {
	color: #333333;
	background-color: #FFFFFF;
	border-bottom:1px solid #575C20;
	}