/***** Definición de estilos generales para toda la página *****/
*{
	margin: 0px;
	padding:0px;
	border: none;
}
body{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 8pt;
}	
a { color: #cc0000; text-decoration: none; }
a:hover { color: #cc0000; }
img {	border: 0px }
ul,ol { margin: 1em 0 1em 2em; padding: 0; }
li { margin: 4px 0; }
blockquote { margin: 0 0 0 2em; }
/**************** Aqui empiezan los estilos de cada elemento  **/

/***************************** ********************************************/
/** Esto va a ser para centrar los bloques principales (cabecera,cuerpo pie) **/
/** y dejar los márgenes en función de la resolución **/

#cabecera,#menu,#cuerpo,#pie1,#pie2,#pie3,div.noticias_barrasup1,div.noticias_barrasup2,#img_portada,#busqueda,#distribucion,div.colecciones,div.barra_orden_catalogo{
	width: 915px;
/*	height:104px;*/
	margin: 0 auto;
}


#cabecera1,#menu1,#cuerpo1,#pie11,#pie21,#pie31{
   text-align:center;  /*  Para centrar en Internet Explorer*/
   width: 100%;
}
/*Fin de centrado de bloques principales*/
/*************************************************************************/
/* Estilos particulares de cada elemento */
#cabecera1{
    
    background-color: #000000;
}
#cabecera{
	height:68px;
	font-size: 36px;
	color: #FFFFFF;
	text-align: right;
	background-image: url(images/cabecera.jpg);
			
}
#menu1{	
	background-color: #cc0000;
	float:left;
	background-image:url("images/menu_fondo.jpg");
    background-repeat:repeat-x;
		
}
#menu{
	height:33px;
	background-color: #cc0000;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	line-height: 33px;
	background-image: url(images/menu_fondo.jpg);
	background-repeat:  repeat-x;	
}

#menu img{
	margin: 0px;
	padding:0px;
	border: none;
	line-height: 33px;
	vertical-align: middle;	
}
#menu a{
	color: #000000;
}

#cuerpo1{
/*	background-color: #FFFFFF;*/
	background-image: url(images/fondocuerpo.jpg);
	background-repeat:  repeat-x;
	float:left;
	

}
#cuerpo{
min-height:300px;
background-color: #FFFFFF;
}
#pie1{
	height:28px;
	background-color: #000000;
	color: #FFFFFF;
	line-height: 48px;
	font-size: 14px;
	letter-spacing: 2px;
}
#pie11{background-color: #c1bfc0;
float:left;
	width:100%;
}
#pie2{
	height:25px;
	background-color: #cc0000;
}
#pie21{
	background-color: #CC0000;
	float:left;
	width:100%;	/*color: #C06;*/
}
div.pie2_contenido{
   width:457px;
  height:25px;
  float:left;
}

#pie3{ 
height:30px;
background-color: #000000;
text-align:right;
}
#pie31{
	background-color: #393939;
	float:left;
	width:100%;
}

/*  Elementos */
/* Listado de Noticias */
div.noticias_barrasup1{
	height:7px;
	background-color: #FFFFFF;
	line-height: 0px;
	float:left;
	font-size: 0px;
}
div.noticias_barrasup2{
	height:2px;
	background-color: #d4d5d7;
	line-height: 0px;
	float:left;
	font-size: 0px;
}
div.noticias_izq{
	width:325px;
/*	height:100px;*/
min-height:105px;
	float:left;
	text-align:left;
	background-color: #FFFFFF;
	/*font-weight: bold;*/
	font-size: 11px;
	/*text-transform: uppercase;*/
/*	overflow:hidden;*/
}
div.noticias_izq img{
	float:left;
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 5px;
}

div.noticias_dere{
	width:585px;
	height:100px;
	float:left;
	background-color: #d4d5d7;
	padding-top:5px;
	padding-left:4px;	
}
div.noticias_dere_margen{
	text-align:left;
	padding-right: 6px;
	padding-left: 4px;	
	float:left;
}
a.noticias_dere{
	color: #000000;
}

div.noticias_paginado{
	width:590px;
	height:32px;
	float:right;
	background-color: #d4d5d7;
	line-height: 32px;
}
a.rojo{
color:#CC0000;
font-size: 8pt;
}
/* Noticia Desplegada */
div.noticia_entera{
background-color: #FFFFFF;
float:left;
width:100%;
}
div.noticia_izq{
	width:290px;	
	float:left;
	text-align:left;
	background-color: #FFFFFF;
	/*font-weight: bold;*/
	font-size: 12px;
	/*text-transform: uppercase;*/
}
div.noticia_izq img{
	float:none;
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 5px;
}
div.noticia_dere{
    width:620px;
	float:left;
	text-align:left;
	background-color: #d4d5d7;
	padding-top:5px;
	padding-left:4px;
}

div.noticia_dere_margen{
	text-align:left;
	padding-right: 8px;
	padding-left: 4px;
	float:left;
}
div.noticia_dere_todo{
   float:left;
   padding:0px;
   margin:0px;
   width:620px;
}

/*   fin noticia desplegada */
/*  Autotes .. van a utilizar como base los estilos de las noticias */
#autores_libros{
    width:280px;	
	float:right;
}
a.autores_libro{
	color: #cc0000;
	font-weight: normal;
}
/*  fin de Autores */
/* Libros */
p.datoslibro{
	font-weight: normal;
	font-size: 8pt;

}
div.libro_mas_informacion{
	height:25px;
	width:625px;
	background-color: #FFFFFF;
	line-height: 25px;
	float:left;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: -1px;
}
/* estilos de la portada */

#img_portada{
	float:left;
	text-align:center;
	background-color: #FFFFFF;
}
#img_portada img{
display:block;
margin:auto;
padding-top:5px;
	
}
div.portada_libros{
  float:left;
  width:369px;
  height:415px;
  padding-top:10px;
  overflow:hidden;
  text-align:center;
}
div.portada_libros_margen{
	width:339px;
	height:445px;
	margin: 0 auto;
	text-align:left;
	padding-top: 5px;
	overflow:hidden;
	
}
img.portada_libros{
float:left;
margin-right:10px;
margin-top:0px;
text-align:center;
}
div.portada_noticia{
	float:left;
	width:175px;
	height:415px;
    margin-top:10px;
	overflow:hidden;
/*	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;	
	border-left-style: solid;
	border-right-color: #e4e2e3;
	border-left-color: #e4e2e3;
	*/
}
div.portada_noticia_margen{
	width:167px;
	height:445px;
	background-image: url(images/fondo_noticia_portada.jpg);
	background-repeat:  repeat-x;
	padding-top: 5;
	margin-bottom: 0;
	padding-right: 3px;
	padding-left: 4px;
	text-align:left;
}
/* fin estilos portada */
/* estilos Busqueda */
#busqueda{
	float:left;
	height:25px;
	text-align:right;
	background-color: #e2e1dd;
	line-height: 25px;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
}
#busquedactext{
 width:143px;

}
#busquedaboton{
	text-transform: uppercase;
	font-weight: bold;
	background-color: #e2e1dd;
	letter-spacing: -2px;
	background-image: url(images/busqueda_buscar.jpg);
	width: 41px;
	background-repeat: no-repeat;
	background-position: center center;
} 

#busqueda img,#busqueda input{
	margin: 0px;
	padding:0px;
	border: none;
	line-height: 25px;
	vertical-align: middle;	
}

/* fine stilos busqueda */
div.barra_orden_catalogo{
	float:left;
	height:20px;
	text-align:left;
	background-color: #FFFFFF;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
}
div.barra_orden_catalogo a{
padding-left:10px;
}

span.negrita{
	font-weight: bold;
	
}
div.negritamayusculas{float:left;}
span.negritamayusculas{
	font-weight: bold;	
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
}
div.noticias_izq span.negritamayusculas{
padding-top:5px;
display:block;

}
span.mayusculas{
	text-transform: uppercase;
}
.alinear_izquierda{
	text-align: left;
	padding-right: 2px;
	padding-left: 2px;
}

/* Estilos para el apartado distribucion */
#distribucion{
	float:left;
	background-color: #FFFFFF;
	padding-bottom: 10px;
}
div.distribucion_titulo,div.distribucion_titulo2{	
	height:25px;
	background-color: #FFFFFF;
	text-align:left;
	line-height: 25px;
	font-weight: bold;
	text-indent: 10pt;
}
div.distribucion_titulo{
	float:left;
}
div.distribucion_titulo2{
	float:right;	
}

div.distribucion_cuerpo,div.distribucion_cuerpo2{		
	background-color: #d4d5d7;
	text-align:left;
}
div.distribucion_cuerpo{float:left;}
div.distribucion_cuerpo2{
	float:right;
}
div.distribucion_titulo,div.distribucion_titulo2,div.distribucion_cuerpo,div.distribucion_cuerpo2{
width:450px;
overflow:hidden;

}
div.distribucion_margen{
	float:left;
	padding-right: 10px;
	padding-left: 10px;
	padding-top:5px;
	padding-bottom:5px;	
}
/*      fin de apartardo distribucion */
/* Foreing  */
.repositorio_foreing{
	float:left;
	width:100%;
	text-align: right;
	background-color: #FFFFFF;
	line-height: 25px;
	height: 25px;
	
}
div.foreing_izquierda{
	float:left;
	width:250px;
	text-align: left;
	background-color: #FFFFFF;
	height: 400px;

}
img.foreing_izquierda{
   float:left;
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 5px;
}
div.foreing_derecha{
float:left;
width:665px;
background-color: #d4d5d7;
height: 400px;
}
div.foreing_derecha_margen{
	float:left;
	width:605px;
	margin-left:5px;
	

}
/* Colecciones */
div.colecciones{
float:left;
}
div.colecciones_izquierda{
	float:left;
	width:250px;
	text-align: left;
	background-color: #FFFFFF;
	height: 200px;

}
img.colecciones_izquierda{
float:left;
padding-left:15px;
}

div.colecciones_derecha{
float:left;
width:665px;
background-color: #d4d5d7;
height: 200px;
}
div.colecciones_derecha_margen{
float:left;
padding-right: 6px;
padding-left: 8px;
padding-top:5px;
text-align:left;
}
div.colecciones_izquierda_img{
float:left;
width:105px;
height: 100px;

}
div.noticia_libro_datos{
float:left;
padding-top:5px;
padding-left:2px;
min-height:40px;
width:73%;
}
div.noticia_libro_datos_img{
float:left;
width:25%;
padding-right:2px;

}

div.foreing_izquierda_item{
float:left;
}
/* elementos del apartado contacto */
#contacto{
	float:left;
	width:100%;
	background-color:#FFF;
	padding-bottom: 10px;
	padding-top: 10px;
}
#contacto_izq{
float:left;
width:35%;
}
#contacto_der{
float:left;
width:65%;
background-color:#d4d5d7;
padding-bottom:20px;
}
#contacto_der_align{
margin:auto;
width:80%;
}
div.contacto_linea{
float:left;
width:100%;
text-align:left;
padding-top:5px;
}
div.contacto_linea input,div.contacto_linea textarea{
width:100%;
font-size:19pt;
}
div.contacto_linea textarea{
height:100px;
}
div.contacto_linea_boton{
float:left;
width:100%;
text-align:right;
padding-top:15px;

}
div.contacto_linea_boton input{
	width:63px;
	height:26px;
	background-image: url(images/contacto_enviar.jpg);
	background-repeat: no-repeat;

}
div.contacto_enviado{
	padding-top:55px;
	font-size:19pt;
	padding-bottom:55px;
	font-weight: bold;
	text-align:center;
}

div.contactotexto{
float:left;
padding-left:3%;
padding-right:1%;
height:250px;
margin-top:25px;
margin-bottom:15px;
text-align:left;
}
div.contactotextosinborde{
width:24%;

}
div.contactotextoborde{
width:30%;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #000000;
}




/* Easy Slider */
#slider{}	
#slider ul, #slider li, #slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li, #slider2 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:915px;
	height:270px;
	overflow:hidden; 
	}	
	
p#controls, p#controls2{
	margin:0;
	position:relative;
	} 

#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:30px;
	height:77px;
	position:absolute;
	/*left:-30px;*/
	top:-160px;
	}
/* colocalción de las flechas */	
#prevBtn, #nextBtn{
left:10px;
}		

#nextBtn, #nextBtn2{ 
	/*left:915px;*/
	left:875px;
	}
/* Fin colocación de las flechas */															
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
	display:block;
	width:30px;
	height:77px;
	background:url(images/btn_prev.png) no-repeat 0 0;	
	}	
#nextBtn a, #nextBtn2 a{ 
	background:url(images/btn_next.png) no-repeat 0 0;	
	}	
/* Fin Esay Slider */
div.banner_portada{
width:100%;
float:left;
margin: 15px 0px;
}
div.banner_portada img{
width:295px;
height:87px;

}
div.banner_portada_b1{
float:left;
width:33%;
}
div.banner_portada_b2{
float:left;
margin: 0 auto;
width:34%;
}
div.banner_portada_b3{
float:right;
width:33%;
}