html, body {
	line-height: 1.5;
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	/*font-size: 75%;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#dadada;
}
/* =============== DEFAULT HTML - TEXT STYLES =============== */
/*p, pre, blockquote, form, dl, ul, ol, fieldset, address {*/
pre, blockquote, form, dl, ul, ol, fieldset, address {
	margin: 0.35em 0 0.8em 0;
	padding: 0;
}
fieldset {
	padding: .5em;
}
small {
	font-size: .85em;
}
sup {
	font-size: .8em;
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}
sup em {
	color: red;
}
acronym, abbr {
	border-bottom: 1px dashed;
	letter-spacing: 1px;
	cursor: help;
}
pre {
	background: #FFFFD5;
	font-family: "Courier New",Courier,monospace;
	padding: 1em;
	border-left: 5px solid #404040;
}
blockquote {
	font-style: italic;
	min-height: 45px;
	color: #404040;
	padding-left: 60px;
}
/* =============== DEFAULT HTML - HEADING STYLES =============== */
h1 {
	font-size: 1.4em;
	color: #BD3138; /* #000000 */
}
h2 {
	font-size: 1.4em;
	color: #BD3138; /* #000000 */
	padding-bottom: 0.8em;
	font-weight:normal;
}
h3 {
	font-size: 1.2em;
	color: #BD3138; /* #CC3333 */
	font-weight:normal;
}
h4 {
	font-size: 1.1em;
	color: #BD3138; /* #CC8033 */
}
h5, h6 {
	font-size: 1em;
	font-weight: bold;
	color: #BD3138; /* #333333 */
}
h1, h2, h3, h4, h5, h6 {	
	margin: 0.8em 0 0.3em 0;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;	
}
/*
h1, h2, h3 {
	font-family: Georgia, Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;	
}
*/

/* =============== DEFAULT HTML - LINK STYLES =============== */
a {
	text-decoration: none;
	outline: none;
	color: #BE3037; /* #009aca */
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
a img {
	border: none;
}
/* =============== DEFAULT HTML - LIST STYLES =============== */
ul li {
	margin: 0.3em 0 0.3em 1.6em;
	padding: 0;
}
ol li {
	margin: 0.3em 0 0.3em 2em;
	padding: 0;
}
/* =============== DEFAULT HTML - IMAGES STYLES =============== */
img {
	border: none;
}



/* ================ FUNDACIÓN PEDRO BARRIÉ DE LA MAZA ================*/

#contenedor-fondo, #base-fondo{
	width: 100%;
	text-align: center;
}

#contenedor-fondo	{ background: url(../images/fondo.png) repeat-y top center; }
#base-fondo 			{ background: url(../images/fondobase.gif) repeat top center; }


#contenedor{
	width: 				980px;
	text-align: 		left;
	margin: 			0 auto;
	/*background-color: 	#E4E4E4;*/
}

#base{
	height:				63px;
	width: 				980px;
	text-align: 		left;
	margin: 			0 auto;
	background-color: 	#BE3138;
}

/* menu top para idiomas y mapa */
#barra1{
	height: 	50px;
	text-align: right;
}
#barra1, #barra1 * {
	font-size: 10px;
	letter-spacing:0px;
	font-family: Verdana, Geneva, sans-serif:
	
}
#barra1, #barra1 a { color: #6F6868;}
#barra1 a:hover { text-decoration:underline;}
#barra1 .alinea {float:right; margin-top:15px;}

/* area logotipo*/
#barra2{
	height: 84px;
}

/* area menues */
#barra3{
	height: 46px;
	background: url(../images/fondolineamenues.gif) repeat-x;
}

#barra-buscar {
	float:			left;
	background:		url(../images/menubuscarfondo.png) no-repeat;
	margin-left:	2px;
	padding:		0px 5px 0px 5px;
	width: 			168px;
	height:			28px;
}

#barra-buscar input[type=text] {	
	background:none;
	width:110px;
	margin:2px 0px 0px 15px;
	border:none;
	font:normal 10px Verdana, Geneva, sans-serif;	
	color:#ddd;
}

/* lateral derecho */
#lateral{
	width:230px;  
	float:right;
	position: relative;
	display: inline;
	/*  border: 1px solid red;  */
}

/* contenedor central */
#contenido {
	width: 750px;
	display: inline;
	/*border: 1px solid red;*/
}

#page {
	font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	line-height: 1.5em;
	padding-bottom:20px;
}

#page ul {
	list-style-image:url(../images/li-image.png);
	padding-bottom:10px;
}

/* estilos varios y menus para bloque de la izquierda*/

.createdate span {
	color:#999;
	font-style:italic;
}

#menu-izquierda-1{
	/*padding: 10px;	*/
}

#menu-izquierda-1 ul, #menu-izquierda-1 li {
	list-style:none;
	margin:0;
}

#menu-izquierda-1 li, #menu-izquierda-1 a {
	font:normal 11px Verdana, Geneva, sans-serif;
	color: #6F6868;	
}

#menu-izquierda-1 li {
	padding:10px 10px 10px 10px;
	border-bottom:1px dotted #6F6868;
}

#menu-izquierda-1 li a {
	display:block;
	padding-right:20px;
	background:url(../images/flechader.gif) no-repeat right;
}

.mayusculas {
	letter-spacing:1px;
	text-transform:uppercase;
}

.txtrojo {
	color:#BD3138;
}

.cita {
	color: #6F6868;
    font: italic 1.2em Georgia, Times New Roman, Times, serif;
}

img.foto-borde-gris {
	padding:5px;
	border:1px dotted #6F6868;
}

img.foto-borde-gris-dcha {
	padding:5px;
	border:1px dotted #6F6868;
	float:right;
	clear:right;
	margin:5px 0px 20px 20px;
	
}

img.foto-borde-gris-izq {
	padding:5px;
	border:1px dotted #6F6868;
	float:left;
	clear:left;
	margin:5px 20px 20px 0px;
}

.borde-inf-gris {
	border-bottom:1px dotted #6F6868;
	margin-bottom:10px;
	display:block;
}

#page p.tags { margin-top:50px;}
.tags {
	color:#3971A3;	
	text-transform: uppercase;
	font-size:11px;
}

.tags a{
	padding: 2px 3px 3px 3px;
	background-color:#4992CA;
	text-transform: none;
	color: #AFE1FA;	
	font-size:11px;
}

.bloque p.tags {text-align:right; margin-bottom:10px;}

/****** PARA DEBUG ********/

html {overflow: -moz-scrollbars-vertical;}


/******************/

.logotop   { height:73px; width:356px;}
.logobase { height:21px; width:325px; margin-top: 20px;}
.clear 		{ clear: both; }
.clearleft 	{ clear: left; }
.clearright 	{ clear: right;}

.bloque { padding: 10px 20px;} /* bloques dentro de los recuadros laterales */

/* Icono + de leer más */
.leermas { text-align:right; margin-right:5px;}
.mas {
	float: 			right;
	display:		block;
	width:			17px;
	height:			17px;
	overflow:		hidden;
	background:		url('../images/masn.gif') no-repeat 2px 2px;
}
.mas:hover {
	background:		url('../images/masn-hover.gif') no-repeat;
}

.mas span {display:none;}

/* Icono > flecha a la drecha*/
.flechader {
	float: 			right;
	display:		block;
	width:			15px;
	height:			14px;
	overflow:		hidden;
	background:		url('../images/flechader.gif') no-repeat;
	margin-left: 	6px;
}

/* bloques dentro de los recuadros laterales */
.modsepara {
	display:		block;
	height:			1px;
	overflow:		hidden;
	background:		url('../images/mod_separador.gif') no-repeat center center;
}
.modboton {
	color: #7F7F77;
	padding: 15px 20px;
}
.modboton a { color: #7F7F77; text-decoration: none;}

/* RECUADRO GENERICO MODULOS  */

.recuadro { width:230px; float: left; display: inline; margin-right:20px; margin-bottom:10px; }
.recuadro .titulo { font-size: 9px; padding-bottom:3px; padding-left:3px; }
.recuadro .contenido { background-color:white;}
.recuadro.a4 .contenido { background:none;}
.recuadro .fondo-verde { background-color:#95AA17;}
.recuadro .fondo-azul { background-color:#84b5e2;}
.recuadro .baseiz   { height:9px; background: url('../images/sombradiv.png') no-repeat 0 -1px; }
.recuadro.a4 .baseiz   { display:none; }
.recuadro .baseder { height:9px; width:130px;  float:right; background: url('../images/sombradiv.png') no-repeat -860px -1px;}
.recuadro.a4 .baseder   { display:none; }

.a1 { width:230px } /*  recuadro 1 unidad de ancho    */
.a2 { width:480px } /*  recuadro 2 unidades de ancho  */
.a3, .a4 { width:730px } /*  recuadro 3 unidades de ancho  */

#lateral .recuadro { margin-right:0px; width:230px; } /* los recuadros laterales derecho no necesitan margin */

  /*colores en recuadros laterales */
.r-gris .titulo , .r-azul .titulo,
.r-rojo .titulo, .r-verde .titulo  { color:white; font-weight:bold; height: 22px;}


.r-gris .titulo span, .r-azul .titulo span,
.r-rojo .titulo span, .r-verde .titulo span { 
	display:			block;
	padding:			5px 0px 0px 7px;
	letter-spacing:		1px;
	font: bold 11px Verdana, Geneva, sans-serif;
}

.r-gris .titulo { background-color: #CECECE; }
.r-azul .titulo { background-color: #3971A3; }
.r-rojo .titulo { background-color: #9A2A2F; }
.r-verde .titulo { background-color: #778812; }

.r-gris .contenido  { background-color: #EDEDED; }
.r-azul .contenido  { background-color: #4992CA; }
.r-rojo .contenido  { background-color: #BE3138; }
.r-verde .contenido  { background-color: #95AA17; }

/* mod nube */
.r-azul a { color: #AFE1FA; }
.r-azul .contenido  { text-align: center; }
.r-azul .modtags    { padding: 20px 10px; line-height:1.4em; }

/* mod noticias*/
.lateralnoticias-link { color:#fff;}
.lateralnoticias-link:hover {text-decoration:underline;}
.r-rojo .contenido  { color: #FEB4B4;}
.r-rojo h5 {font-family: Verdana, Geneva, sans-serif; font-weight:normal; font-size:11px}
.r-rojo h1,.r-rojo h2,.r-rojo h3,.r-rojo h4,.r-rojo h5,.r-rojo h6 { color:white; }

.r-rojo .bloque { padding: 10px 20px;} /* bloques dentro de los recuadros laterales */
.r-rojo .pie { 
	height:				49px;
	background-color: 	white;
	text-align: 		right;
	letter-spacing:		1px;
}

/* mod agenda */
.lateralagenda-link { color:#000;}
.lateralagenda-link:hover {text-decoration:underline;}
.r-gris .bloque, .r-verde .bloque { padding: 10px 20px;} /* bloques dentro de los recuadros laterales */
.r-gris .afecha, .r-verde .afecha { padding-bottom:	4px; }
.r-gris .afecha{ color:	#8F8F8F; }
.r-verde .afecha { color:#60721C;}

.r-gris .atitulo, .r-verde .atitulo { font-weight: normal; }
.r-verde .atitulo { color:#000; }
.r-gris .pie, .r-verde .pie { 
	height:				49px;
	background-color: 	white;
	text-align: 		right;
	letter-spacing:		1px;
}
.r-gris .pie, .r-verde pie {border-top: solid #CECECE 1px; }

.r-gris .modsepara, .r-verde .modsepara { background: url('../images/mod_separador_gris.gif') no-repeat center center;}

/* RUTA DONDE ESTAMOS */
#ruta .ruta a.icohome { background: url('../images/home.png') no-repeat; width:23px; height:21px; margin:-2px 10px 0px 0px; display:block; float:left;}
#ruta a.icohome:hover { background: url('../images/home-hover.png') no-repeat;}
#ruta .recuadro   { margin-bottom: 0px;}
#ruta .contenido { height:21px;}
#ruta .ruta { padding-top:2px; font-size:10px; overflow:hidden; height:19px; }
#ruta .pri   { color:#BD3138; text-transform: uppercase;}
#ruta .ruta, #ruta .sec {/*display:inline-block;*/ }

#ruta .texto-blanco { color:white !important;}
#ruta .texto-rojo { color:#BD3138 !important;}
/* ARTICULOS */

#contenido .recuadro .fondo { background: url('../images/fondoconten.gif') repeat-y scroll top left #F2F2F2; } /* fondo para cuando varia demasiado la altura entre los divs conserve su color de fondo */
#contenido .recuadro .ciz     { width: 170px; background-color: #F2F2F2; float:left; } 
#contenido .recuadro .ciz  .margen { margin: 25px 10px 10px 10px; color:#6F6868;  }

#contenido .recuadro .cder { width: 560px; background-color: #FFFFFF; float:right;}
#contenido .recuadro .cder .margen { margin: 22px 28px; }

/*ESTILOS PARA ARTICULOS VINCULADOS LATERAL IZQUIERDO*/
.articulovinc {
	margin: 5px 10px 20px 10px; color:#6F6868;
}

.articulovinc img{
	padding:5px;
	border:1px solid #ddd;
	background-color:white;
	width:138px;	
	
}
.articulovinc a.enlace{
	display:block;
	padding: 2px 10px 2px 20px;
	border:1px solid #ddd;
	color: #999;
	text-transform:uppercase;
	border-top:none	;
	background-color:white;
	background: white url("../images/flechader.gif") no-repeat scroll 4px 4px;
}

/* SECCIONes y CATEGORIAs */

/* titulo */
.componentheading  {
	float: 		left; 
	display: 	inline;
	margin: 	10px 0px 15px 0px;
}
.componentheading  span{

	color: 				white;
	background-color: 	black;
	text-transform: 	uppercase;
	padding: 			2px 14px 2px 14px;
}
/* Texto categoría en categorías*/
h2.contentheading {padding-bottom:0px}
.contentheading  span { 
	color: 			#AFAFAF;
	font-size: 		11px;
	font-weight: 	bold;
}
/* Imágenes portada en listado secciones y categorías */
.imgblog {
	width:		250px;
	padding:	5px;
	border:		1px dotted #6F6868;
}
.imgblogcat {
	float:		left;
	clear:		left;
	margin:		16px 10px 0 0;
}
.imgblogsec {
	float:		left;
	clear:		left;
	margin:		16px 10px 0 0;
}
.imgblogder {
	float:		right;
	clear:		right;
	margin:		16px 0 10px 10px;
}

/* MODULOS PORTADA (Patrimonio y Cultura, Educación e Investigación, Servicios Sociales) */

.paduser .titulo span { 
	color: #BD3138;
	font: bold 1.4em Verdana, Geneva, sans-serif;
}
.paduser .contenido	{ padding: 0px 10px 0px; height: 686px;}
.paduser .bloque		{ padding: 10px 0 8px; }
.paduser .aarticulo	{ height: 158px; } 
.paduser .atitulo	{ padding: 4px 0px; margin: 0px; color:#BD3138;}
.paduser .atexto		{ padding: 0px; margin: 0px; }
.paduser .suspensv	{ color: #AFAFAF; }
.paduser .sinfoto 	{ height: 300px; }
.paduser .aimagen { 
	width: 		90px; 
	padding:	5px;
	border:		1px dotted #6F6868;
}
.paduser .imgder {
	float:		right;
	clear:		right;
	margin: 	0px 0px 4px 4px;
}
.paduser .imgizq {
	float:		left;
	clear:		left;
	margin: 	4px 4px 0px 0px;
}
.paduser .imgbig {
	width: 		190px;
	margin: 	4px 4px 0px 0px;
}

/*  AGENDA   */
.comagendaespasuperior { float: left; display: inline; margin:8px;}

.comagenda .titulo  { margin: 2px 0px 2px 0px; }
.comagenda .titulo   span{
	color: 				white;
	background-color: 	black;
	text-transform: 	uppercase;
	padding: 			2px 14px 2px 14px;
}
.comagenda .titulo .al { padding: 0 10px; }
.comagenda .seccat {
	color: 			#AFAFAF;
	font-size: 		11px;
	font-weight: 	bold;
}
.comagenda .imgarticulo {
	width:		200px;
	padding:	5px;
	border:		1px dotted #6F6868;
}
.comagenda .imgizq {
	float:		left;
	clear:		left;
	margin:		0 10px 10px 0;
}
.comagenda .imgder {
	float:		right;
	clear:		right;
	margin:		0 0 10px 10px;
}
.comagenda .leermas {}

/* PAGINACIóN */
.blog_more {
	clear:left;
}

.blog_more h2 {
	background-color: black;
    color: white;
    padding: 2px 14px;
    text-transform: uppercase;
	display:inline-block;
	vertical-align: top; /* BASELINE CORRECCIÓN*/
    zoom: 1; /* IE7 (hasLayout)*/
	*display: inline; /* IE */
	font-size: 11px;
}

.blog_more ul {
	list-style-image:url(../images/li-image.png);
	padding-bottom:10px;
}

.blog_more ul li a { text-decoration:underline}

.pagination { clear: left; text-align: center; padding: 5px;}

.pagination a { color: white; text-decoration:underline }
.pagination span  {
	padding:5px;
	background-color:	#BD3037; 
	border-top: 		solid 1px black;
	border-bottom:		solid 1px black;
}
.pagination .start {  padding-left: 20px; }
.pagination .end     { padding-right: 20px; border-right:	solid 1px black; }
.pagination .display     {padding:5px 0px 5px 0px;  }
.pagination .pag  { 
	color: 				white;
	background-color:#852E21;
	padding-left:  		20px;
	padding-right:  	20px;
	border-left: 		solid 1px black;
	border-top: 		solid 1px black;
	border-bottom:		solid 1px black;
}

/* MAPA DEL SITIO */
.separacolumna { width:480px; float: left; display: inline; margin-right:20px; margin-bottom:10px; }

.separacolumna .titulo , 
.mapasitiomen   .titulo  { height: 20px; padding-top: 20px; padding-left: 0px;}

.separacolumna .titulo span, 
.mapasitiomen   .titulo span {
    background-color: black;
    color: white;
    padding: 2px 14px;
    text-transform: uppercase;
}

.mapasitiosec span.flecha{
	display:block;
	float:left;
	width:			12px;
	height:			12px;
	overflow:		hidden;
	background:		url('../images/menuflechas.png') no-repeat left -20px;
	margin-top: 	4px;
}

#bcder {background: none repeat scroll 0 0 transparent;} #bizq{width: 130px;}
img.joomslide {border: 0;}

/* modulo portada publicaciones*/

.vmpor .titulo span {
    color: #BD3138;
    font: bold 1.4em Verdana, Geneva, sans-serif;
}

.vmpale		{ visibility: visible; overflow: hidden; position: relative; z-index: 2; left: 0px;
			}
.vmpale ul	{ margin: 0pt; padding: 0pt; position: relative; list-style-type: none; z-index: 1;}
.vmpale img	{ padding:5px; border:1px solid #ddd; background-color:white; width:100px; }

.vmpaleprev , .vmpalenext {
	font-size:16px;
	font-family:Times New Roman,serif;
	font-weight:bold;
	width:18px;
	height:80px;
	background-color: white;
	padding: 0px;
	border: none;
	margin-top: 20px;
}
.vmpaleprev { float: left; background-image:url("../images/prev_arrow.gif"); }
.vmpalenext{ float: right; background-image:url("../images/next_arrow.gif"); }

/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.cur), url(../images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.cur), url(../images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

#carruselLibros
{
	width:100%;
	height: 100%;
	position: relative;
}
		
#carruselLibros div.scrollableArea img
{
	
	float: left;	
	margin: 5px 8px 3px 8px;		
	padding:3px;
	border:1px solid #ddd;
	background-color:white;
	width:100px; 	
}