html, body {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color:#EBEBEB;
	color:#666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size : 15px;
	line-height : 120%;
}


/************************************ TEXTOS **********************************/
h1, h2, h3, h4, h5 {font-family:Arial, Helvetica, sans-serif;}
h1 {
	/*float: left;
	margin: 0.5em 0 0.5em 20%;
	padding: 0;
	width:auto;*/
	position:absolute;
	top:0;
	height:100px;
	width: 300px;
}
h2 {
	margin: 0 0 20px 0;
	color: #BCBCBC;
}

h3 {
	margin: 0 0 20px 0;
	color: #696969;
}


.invisible, h1 span {
	position: absolute;
	top: -5000px;
	left: -5000px;
	
}
.clear { background:#FFFFFC; color:#FFFFFF; border:none; clear:both;}
p.nota{
	color: #333;
	padding: 5px;
	background-color: #797979;
}
.obra {
	color: #666;
}
p.center { display:block; text-align:center;}
p.aviso {
	background: #FFC6B0;
	color: Black;
	border: 1px solid #992A00;
	padding: 10px;
}
abbr, acronym {
	cursor: help;
	border: none;
}
blockquote {
	background: White url(../img/blockquote.gif) no-repeat top left;
	color: Black;
	margin: 0;
	margin: 0 20px 0 0;
	font-weight: bold;
	border:1px solid red;
}/*
blockquote span{
	background: White url(../img/blockquote.gif) no-repeat top left;
	color: Black;
	margin: 0;
	padding: 0 0 0 20px;
	
}*/
a:link {
	color: #000;
} 
a:visited {
	color: #666;
} 
a:hover {
	color: Black;
	text-decoration:none;
}   
a:active {
	color: #999;
	text-decoration:none;
	background-color: #e9e9e9;
}   

ul,dl,li,dt {
	position: relative;
	margin: 0;
	padding: 0;	
}
ul li {list-style: none;}
img, a img, img a{
	color: #FFF;
	border: none;
}

	
/*******************************  CABECERA ******************************************/		
#cabecera {
	margin: 0 2px;
	padding: 0;
}
#cabecera a {
	color:#333333;
	font-size:10px;
}
#cabecera a:hover {
	text-decoration: underline;
}
#cabecera ul {
	margin:0 0 35px 0;
	padding: 0;
	float: right;
	width:auto;
}
#cabecera li {
	margin: 0 0 0 2px;
	padding: 0;
	float: left;
	width:auto;
}
#cabecera li a {
	display:block;
	width: 95px;
	height: 100px;
	margin-top: -20px;
	background-position: left top;
}
#cabecera li a.uno {
	background-image: url(../img/menu-c1.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#cabecera li a.dos {
	background-image: url(../img/menu-c2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#cabecera li a.tres {
	background-image: url(../img/menu-c3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#cabecera li a.cuatro {
	background-image: url(../img/menu-c4.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#cabecera li a.cinco {
	background-image: url(../img/menu-c5.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#cabecera li a.seis {
	background-image: url(../img/menu-c6.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#cabecera li a.siete {
	background-image: url(../img/menu-c7.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#cabecera li a.ocho {
	background-image: url(../img/menu-c8.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#cabecera li a.nueve {
	background-image: url(../img/menu-c9.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#cabecera li a.diez {
	background-image: url(../img/menu-c10.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#cabecera li a.once {
	background-image: url(../img/menu-c11.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#cabecera li a.doce {
	background-image: url(../img/menu-c12.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#cabecera li.sel a {margin-top: -5px;}
#cabecera li.sel a.uno, #cabecera li a:hover.uno {
	background-image: url(../img/menu-c1b.gif);
	background-repeat: no-repeat;
}
#cabecera li.sel a.dos, #cabecera li a:hover.dos {
	background-image: url(../img/menu-c2b.gif);
	background-repeat: no-repeat;
}
#cabecera li.sel a.tres, #cabecera li a:hover.tres {
	background-image: url(../img/menu-c3b.gif);
	background-repeat: no-repeat;
}
#cabecera li.sel a.cuatro, #cabecera li a:hover.cuatro {
	background-image: url(../img/menu-c4b.gif);
	background-repeat: no-repeat;
}
#cabecera li.sel a.cinco, #cabecera li a:hover.cinco {
	background-image: url(../img/menu-c5b.gif);
	background-repeat: no-repeat;
}
#cabecera li.sel a.seis, #cabecera li a:hover.seis {
	background-image: url(../img/menu-c6b.gif);
	background-repeat: no-repeat;
}
#cabecera li.sel a.siete, #cabecera li a:hover.siete {
	background-image: url(../img/menu-c7.gif);
	background-repeat: no-repeat;
}
#cabecera li.sel a.ocho, #cabecera li a:hover.ocho {
	background-image: url(../img/menu-c8b.gif);
	background-repeat: no-repeat;
}
#cabecera li.sel a.nueve, #cabecera li a:hover.nueve {
	background-image: url(../img/menu-c9b.gif);
	background-repeat: no-repeat;
}
#cabecera li.sel a.diez, #cabecera li a:hover.diez {
	background-image: url(../img/menu-c10b.gif);
	background-repeat: no-repeat;
}
#cabecera li.sel a.once, #cabecera li a:hover.once {
	background-image: url(../img/menu-c11b.gif);
	background-repeat: no-repeat;
}
#cabecera li.sel a.doce, #cabecera li a:hover.doce {
	background-image: url(../img/menu-c12b.gif);
	background-repeat: no-repeat;
}

/*************************************** TODO ******************************/
#todo {
	margin: 0px 30px;
	padding:100px;
	display: block;
	clear: both;
	padding-top: 20px;
	padding-bottom: 30px;
}

/*************************************** MIGAS ******************************/
#migas {
	margin:0;
	padding: 0 30px;
	height: 260px;
	font-size:12px;
}
#migas p {
	float: left;
	width:auto;
	margin: 0;
	padding:0;
	clear: both;
}
#migas ol {
	padding: 0;
	margin:0;
	list-style:none;
	margin-left:80px;
}
#migas ol li {
	margin: 0 15px;
	padding: 0 0 0 10px;
	float:left;
	width:auto;
	background: #fff url(../img/list.gif) no-repeat 0 0;
}
#migas ol li a{
	margin: 0;
	padding: 0 5px;
	height: auto;
}

/********************************** MENU IZQUIERDA *********************************/
#menu_secundario {
	position: relative;
	float: left;
	width: 26%;
}
ul#menu li {
	margin: 0;
	padding: 0;
	overflow:hidden;
}
ul#menu li a,ul#menu li.sel{ 
	display:block;
	width: 90%;
	margin: 0;
	padding: 7px 0px 7px 5px;
	font-weight:bold;
	text-decoration:none;
	color: #000;
	border-right:10px solid #D6DECA;
	border-bottom: 1px solid #316DBD;
	background: #A6C1E3;
	overflow:hidden;
}
ul#menu li a:hover, ul#menu li a:focus, ul#menu li a:active, ul#menu li.sel {
	border-right:10px solid #316DBD;
	background: #2B5486;
	color: White;
	text-decoration:none;
}



/******************************* CONTENIDO *****************************/
#contenido {
	position: relative;
	float: left;
	padding: 0;
	margin: 0 1%;
	width: 46%;
	font: 115% Arial, Helvetica, sans-serif;
	line-height: 1.5;
}
#contenido div {
	margin-bottom: 1em;
	border: 1px solid Silver;
	padding: 2% 4%;
}
#contenido div a{padding: 0 3px;}
#contenido a.linkExternal{ padding-right:15px; background: url(../img/target.gif) no-repeat right 4px;}
#contenido div ul, #contenido div dl{margin: 0 20px;}
#contenido div ul li, #contenido div dl dt {
	list-style: none;
	background: url(../img/flecha.gif) no-repeat left 6px;
	margin: 5px 0;
	padding-left: 15px;
}
#contenido div li.alto{	height: 100px;}
#contenido img {
	float: right;
	border: none;
	margin: 20px;
}
#contenido img.norm {float: none; margin:0; text-align:center;}

p#subir {margin: 1em 0 4em 0; text-align: right;}
p#subir a, p#volver a {
	margin-top:20px;
	padding: 0 0 3px 25px;
	background: White url(../img/subir.gif) no-repeat left center;
	color: #36556F;
	clear:both;
}
p#volver a {background: White url(../img/volver.gif) no-repeat left center;}

p.mas {
	text-align:right;
	padding: 10px;
	background-color: #EEF5FC;
}
p.mas a {background: url(../img/mas.gif) no-repeat left center; padding: 0 0 0 20px; color:#000000;}

p#subir a:hover, p#volver a:hover, p.mas a:hover { color:#000000;}


#contenido #map{
	width: 90%;
	height: 300px;
}
#contenido #map img, #contenido #map a img, #contenido #map div{
	border: none;
	padding: 0;
	margin: 0;

}
#contenido #map img, #contenido #map a img{
	background: White;
	color: Black;
	display:block;
}

div ul#book{clear:both;}
div ul#book strong{ display:block; font-size: 95%;}
div ul#book li{ width:100%; margin: 0 0 20px 0; padding: 0 10px; min-height:170px; background-image:none; border:1px solid #CEDFF2; border-right:2px solid #CEDFF2; border-bottom:2px solid #CEDFF2;}
div #book li.linkExternal{background: #FFFFFF url(../img/target-book.gif) no-repeat right 3px; padding-top:15px;}

div ul#book li a{background: #FFF; color:#444444; text-decoration:none}
div ul#book li a:hover{text-decoration: underline; color: Black;}

div ul#book li span{padding:0 10px 10px 10px; display:block;}
div ul#book li img {width:100%; margin: 10px 0 10px 0; padding:0; border:1px solid #CCCCCC;}
div ul#book li.linkExternal a img { margin-top:0;}

ul#book img{background:url(../img/carga.gif) center no-repeat; margin:20px 0;}

/********************************* MENU DERECHA **********************/
#colDecha {
	position: relative;
	float: right;
	min-width:167px;
	width: 26%;
	background:#EEF5FC url(../img/bg-news.jpg) no-repeat center top;
}
div.abajo_noticias {
	position: relative;
	float: right;
	width:auto;
	background: url(../img/bg-news2.jpg) no-repeat center bottom;
}
div.medio_noticias	{
	margin:0;
	padding: 15px 0 15px 0;
	margin-top:14px;
	margin-bottom:14px;
	text-align:center;
	border-left:1px solid #CEDFF2;
}

#colDecha h2	{
	margin:0 0 0 5%;
	width: 85%;
	padding: 6px 0;
	color:#2E445A;
	background:#EEF5FC url(../img/bg-news-h2.gif) no-repeat right top;
	font:150% Georgia, "Times New Roman", Times, serif;
	text-align:left;
	overflow:hidden;
}
 
div.medio_noticias ul {
	margin: 0;
	padding: 0 10px;
	text-align:left;
	display:block;
	float:left;
	width:auto;
}
div.medio_noticias ul li {
	margin: 10px 0;
	padding: 2%;
	clear:both;
	font-size: 90%;
	line-height: 1.7em;
	background:#FFFFFF;
	border:1px solid #CEDFF2;
	float:left;
	width:96%;
	overflow:hidden;
}
#colDecha a, #colDecha a:link, #colDecha a:active, #colDecha a:visited {color: Black; text-decoration:none;}


#colDecha a:visited {color: Black; text-decoration:none; background: #FFF;}
#colDecha a:hover {text-decoration: underline; background: #FFF;}  

#colDecha img{vertical-align:middle; margin: 0 10px 10px 0;}
#colDecha a img{text-decoration: none; vertical-align:middle; float:left; margin: 0 10px 10px 0;}

#colDecha p.mas {display:block; clear:both;}
#colDecha p.mas a {background: url(../img/mas.gif) no-repeat left center; text-decoration:underline;}
#colDecha p.mas a:hover {text-decoration: none;}
#colDecha a.linkExternal{ padding-right:15px; background: url(../img/target.gif) no-repeat right 4px;}
/*******************  ESQUINAS **************************/
#esquinaDcha, esquinaIzda {
	overflow: hidden;
	width: 100%;
}
#esquinaIzda{background: transparent url(../img/e_izda.jpg) no-repeat 0 0; float:left; width:auto;}
#esquinaDcha {background: transparent url(../img/e_dcha.jpg) no-repeat 100% 0;}
#imgfin{
	overflow: hidden;
	background: transparent url(../img/fondo_fin.jpg) no-repeat 0 bottom;
	padding-bottom:70px;
}

/************************* BLOQUES *****************************************/
.bloques {overflow: hidden; height: 1%;}
.bloques {overflow: visible;}
/*************************************  FIN  *****************************/
#fin {
	position:absolute;
	right: 55px;
	top: 116px;
	padding: 0 0 0 15px;
	height: 11px;
}
#fin ul li {
	float: left;
	width:auto;
	margin-left:15px;
	padding: 0 0 2px 15px;
}
#fin ul li.mapa {background: url(../img/mapa.gif) no-repeat 0 3px;margin-left:0;}
#fin ul li.correo {background: url(../img/correo.gif) no-repeat 0 3px;}
#fin ul li.acce {background: url(../img/accesibilidad.gif) no-repeat 0 3px;}


#fin li a{
	color: #454F58;
	font-size:11px;
	text-decoration:none;
}
#fin li a:hover {text-decoration: underline; background:#FFFFFF;}
.biblio {
	color: #FFC;
	background-color: #666;
	font-size: 120%;
	font-style: oblique;
	line-height: 120%;
}
p.footer {
	color: #98C327;
	height: 10px;
	padding: 3px;
	font-size: 70%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
p.menu {
	color: #333;
	padding: 10px;
	background-color: #EBEBEB;
	font-size: 14px;
}
p.menu2 {
	color: #333;
	border: 1px solid #CCC;
	padding: 10px;
	background-color: #CCC;
	font-size: 10px;
}