/* CSS Document fhe mar-2005*/

/******* Elementos generlaes *********/

body{
	margin:0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background:#ccc url(../gif/logo-fondo.gif) repeat;
	}
	
#pagina{
	margin:10px;
	position:absolute;
	width:717px;
	min-height:500px;
	background:#fff;
	border:1px solid #666;
}

#pie{
	clear:both;
	padding:3px;
	border-top:1px solid #ccc;
	font-size:10px;
	color:#000;
	text-align:center;
	background:#f5f5f5;
}
	
img{
	border:0;
	}

h1{
	top:0;
	left:0;
	text-indent:-9999px;
	position:absolute;
	}	

.centrar{
	text-align:center;
	}

.negrita{
	font-weight:bold;
	}

.indentar{
	margin-left:20px;
	}
	
.juntar{
	margin:1px;
	}

img.separar{/*separar img del texto adyacente*/
	padding:0px 4px;
}

img.separarTop{/*separar img*/
	margin:2px 0;
}

.mini{
	font-size:10px;
	color:#FF7B4F;
	margin:0 0 8px 0;
	}
	
hr {
	border:0px;
	border-top: 1px dotted #DADADA;
	height:1px;
	clear:both;
}

a:link, a:visited{
	color:#FF7B4F;
	padding:1px;
	}

a:hover{
	color:#fff;
	background:#FF7B4F;
	padding:1px;
	text-decoration:none;
	}
/******* las imagenes van sin color de fondo en los enlaces *********/

a:link.sinColor ,a:visited.sinColor {
	color:#000;
	padding:0;
	}

a:hover.sinColor {
	padding:0;
	background:transparent;
	text-decoration:underline;
	}

/******* Elementos de navegación principal *********/

div#nevegacion, ul#menuPrincipal li{
	padding:0;
	margin:0;
	list-style-type:none;
	position:absolute;
	top:90px;
	}

ul#menuPrincipal li{
	display:block;
	height:28px;
	line-height:28px;
	background:#FF7B4F url("../gif/fondo-menu.gif") repeat;
	text-align:center;
	border-bottom:1px solid #808080;
	}

ul#menuPrincipal li#imagenesMenu{
	border-right:1px solid #808080;
	}

ul#menuPrincipal a:link, ul#menuPrincipal a:visited{
	display:block;
	height:28px;
	text-decoration:none;
	color:#000;
	font-size:12px;
	}
	
ul#menuPrincipal a:hover{
	border-bottom:1px solid #FF9930;
	background:#FFCC66;
	font-size:12px;
	}

#inicioMenu{
	left:0; width:85px;
	}

#jornadasMenu{
	left:86px; width:85px;
	}

#semiYactiviMenu{
	left:172px; width:201px;
	}
	
#painvMenu{
	left:374px; width:85px;
	}

#boletinesMenu{
	left:460px; width:85px;
	}

#contenidosMenu{
	left:546px; width:85px;
	}

#imagenesMenu{
	left:632px; width:85px;
	}
	
/******* elemengos de subnavegación  **************/
	
.menu .options {
		margin-right:1px;
		margin-bottom:1px;
		border:1px solid #FF9930;
		background-color:#FFCC66;
	}
.menu a:link, .menu a:visited {
		color:#000;
		display:block;
		padding:2px 5px;
		text-decoration:none;
		background-color:transparent;
	}
.menu a:hover {
		background-color:#FFDDA4;
		color:#000;
	}
	
/******* página de inicio  **************/
#banner{
	font:bold 14px Georgia, "Times New Roman", Times, serif;
	margin-bottom:20px;
}

#cronologia{
	float:left;
	width:425px;
	padding-right:10px;
	border-right:1px dotted #FFCB65;
}

#derecha {
	width:240px;
	margin-left:445px;
	}
	
h4#realizados, h4#calendario{	
	clear:left;
}
	
h4.homeCartel{
	padding:5px;
	margin-bottom:5px;
	background:#FFCB65;
	color:#333;
	border:0;
}

h4.home{
	padding:5px;
	background:#FFCB65;
	color:#333;
	border:0;
}

h4.sinEspacioTop{
	margin:0;
}

.fechaHome{
	font-size:10px;
	font-weight:bold;
	color:#FF7B4F;
	margin:10px 0 0 0;
	}

.fechaHome2{
	font-size:12px;
	font-weight:bold;
	color:#FF6633;
	margin:10px 0 0 0;
	}

.fechaHomeHis{
	margin:10px 0 0 0;
	}

.bullet{
	margin:0 5px 2px 5px;
	}

#anuncioCont{
	padding:0;
	border:1px solid #FFCB65;
	}

#galileoCont{
	padding:10px;
	background:#F8F8F8 url(../gif/galileo-telescopio.gif) 40px 30px no-repeat;
	border:1px solid #FFCB65;
	}
	
#enlacesCont{
	padding:10px;
	background:#F8F8F8 url(../gif/links.gif) -10px 40px no-repeat;
	border:1px solid #FFCB65;
	}
h4#enlaces{
	background:#FFCB65 url(../gif/enlaces-raton.gif) 185px -18px no-repeat;
}
	
ul#listaEnlaces{
	margin:0 20px;
	padding:0;
}

ul#listaEnlaces li{
	list-style-image: url("../gif/bullet2.gif");
	margin:5px;
}

div.portada{
	clear:left;
}

div.portada img{
	margin:0 1em 0.5em 0;
}

div.portada span strong{
	display:block;
	padding-bottom:1em;
}

div.portada span.centrar{
	padding:1em 0;
}

div.portada span{
	display:block;
}

div.portada span.separarTop{
	margin-bottom:10px;
}

div.portada span.derecha{
	text-align:right;
	padding-right:0.5em;
	font-size:10px;
}

/*******  Contactar *********/

#contactar{
	position:absolute;
	top:20px;
	left:645px; 
	font-size:10px;
	}
	
ul#contactarLista{
	list-style-image: url("../gif/elipse.gif");
	list-style-position:outside;
	width:600px;
	margin-top:30px;
}

ul#contactarLista li{
	margin:10px;
}

/*******  Mapa web *********/

ul.nivel_1{
	list-style-image: url("../gif/flecha.gif");
}

ul.nivel_2{
	list-style-image: url("../gif/bullet2.gif");
}

ul.nivel_3{
	list-style-image: url("../gif/bullet4.gif");
}
ul.nivel_1 li{
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
	padding:0 4px 4px 4px;
	}

ul.nivel_2 li, ul.nivel_3 li{
	font-size:10px;
	font-weight:normal;
	margin:7px;
}


#mapaWeb{
	position:absolute;
	top:40px;
	left:645px;
	font-size:10px;
	}

/******* Elementos de la subNavegacion *********/

#subNavegacion{
	width:717px;
	float:left;
	margin-top:20px;
	}

#subMenu{	/* Sección contenidos */
	position:absolute;
	left:480px;
	margin-top:10px;
	font-size:10px;
	color:#FF7B4F;
	}

#imgSubMenu{	/* Sección Contenidos */
	position:absolute;
	left:538px;
	}
	
#subMenu2{	/* Sección Seminarios y Actividades */
	position:absolute;
	left:173px;
	margin-top:10px;
	font-size:10px;
	color:#FF7B4F;
	}
	
#imgSubMenu2{
	position:absolute;
	left:220px;
	width: 102px;
	}

/******* Contenido *********/

#contenido{
	width:697px;
	float:left;
	margin:20px 10px;
	}
	
h3{
	margin-top:10px;
	padding:2px;
	color:#fff;
	background:#fc6;
	border-top:2px solid #fc9;
	border-left:2px solid #fc9;
	border-right:1px solid #fc9;
	border-bottom:1px solid #c93;
	letter-spacing:0.1em;
	font-size:14px;
	}
	
#inicial{	/* letra inicial de cada título h3 */
	background:#FF7B4F;
	color:#FFF;
	padding:0 2px 1px 4px;
	}

h4{
	color:#FF7B4F;
	letter-spacing:0.1em;
	border-bottom:1px solid #FFCDBD;
	margin-bottom:0;
	font-size:12px;
}



h4.oblicuo	{
	background: transparent url("../gif/fondo-rayado-obliquo.gif") repeat;
	border: 1px solid #DADADA;
	padding:4px;
	color:#666;
	}

ul.galeriaImg	{
	list-style-image: url("../gif/puntos_menu.gif");
	line-height:20px;
	width:655px;
	background: transparent url(../gif/camara2.gif) top right no-repeat
	}

h5{
	color:#FF7B4F;
	font-size:14px;
	}
	
p.descripcion{
	margin-bottom:5px ;
	}
	
.ponentes{
	color:#666;
	font-weight:bold;
	}
	
.noHay{
	font-size:12px;
	color:#666;
	}
	
/*****************  Sección materiales  ***************************/

.materiales {
	padding:0px 20px;
	border-left: 1px dotted #DADADA;
	font-weight:bold;
}

.materiales img{
	margin:5px;
	padding:2px;
	border:1px solid #DADADA;
	}
	
.imgIzq{
	float:left;
	margin-right:8px;
}

.imgDcha{
	float:right;
}

.normal{
	font-weight:normal;
	}
	
/*****************  Sección boletines  ***************************/

#cuadroTop{
	width:544px;
	height:21px;
	background:#fc6 url(../gif/cuadroTop.gif);
}

#cuadroMed{
	width:504px;
	padding:0 20px;
	background:#fc6 url(../gif/cuadroMed.gif);
	text-align:center;
}

#cuadroBot{
	width:544px;
	height:19px;
	background:#fc6 url(../gif/cuadroBot.gif);
}

.cuadro{
	margin:0;
	font-size:12px;
	padding:2px 20px;
	}