/* PÁGINA  DE  ESTILOS  PARA  APROMEGA.ORG */

/* normalizar  */
* { 
	margin:0; 
	padding:0;
}

a,a:visited,a:link {
	text-decoration:none;
	color: #000;
}

/* dar unos estilos básicos al body */
body {	font:100%/1.2 normal Arial, "trebuchet MS", Verdana, Arial;
	color:#333;
	text-align:center; /* centrar para IE5.x */
	background-color:#22334b;
	padding:4px 0;
}

/* estilos básicos */
strong { font-weight:bold;}
em{ font-style:italic; font-weight:bold;}
h2 {	font: 1.2em; color: red; margin: 0 40px; padding: 2px; }
h3 {	font-size: 1.6em; color: #603; margin: 1em 20%; text-align: center; }
h3.contacto { margin: 1em 2em; text-align:center;}
#principal h3.tituloInicial { margin: 1em 10% 1em 5%;}
p.subtitulo{ font-size: 1.2em; font-weight: normal; color:#603; }
.enfasis {color:darkgreen; font-weight:bold;}
.fecha{color: darkblue; font-weight:bold; padding: 1em 0; border-bottom:1px solid;}
img.varias {margin: 0 0 0 2em;}

/* dar unos estilos  al div CONTENEDOR, como ancho y fondo */
#contenedor {
	width:960px;
	text-align:left; /* alinear textos */
	margin:0 auto; /* centra el contenedor */
	background: #fff; /*imagen para que el alto de la pagina nos quede bien*/
	/*overflow: hidden;
    height:   1%;*/
}

.transparente { 
	opacity: 0.4;
	filter: "alpha(opacity=40)"; /* IE 8 */
	filter: alpha(opacity=40);   /* IE 4-7 */
	zoom: 1;                     /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */
	}
	
/* dar unos estilos  al div CABECERA, a sus P, H1 */
#cabecera {
	position:relative;
	background:#f4f0f2; /*url(../imagenes/LogoApromega2e.jpg) no-repeat center left;*/
	height:160px;
}
#cabDerecha{position:absolute; width:60%;	left:35%; top:10px; padding:10px;}

/*imagen de la casita */
#cabecera img.casa{ position:absolute; right:50px; top:180px; border:0;}

/*imagen del logotipo */
#cabecera img.cab { border:0; height:160px;}

#cabecera h1 {
	text-decoration:none;
	color: #603; /*#006;*/
	font: bold 2.2em/1.2em arial, serif;
	letter-spacing: -0.01em;
	text-align:center;
	word-spacing:.1em;
	padding:0 20px;
}
#cabecera h1 span {color:#603; letter-spacing: 0.3em; font-size:1.22em;}

/* dar unos estilos  al div NAVEGACIÓN a sus P, H1 */
#navegacion {
	width:11em;
	float:left;
	background-color:#fff;
}
#navegacion a {
	color:#000;
}
#navegacion  p{
	padding: 5px;	
	margin: 0;
	text-align:center;
	background-color: #b1d665;
	}
#navegacion  img{
	padding: 5px 2px;
	width: 195px;
	}
	
/* dar unos estilos  al div PRINCIPAL  */
#principal {
	position:static;
	min-height: 400px;
	height:auto !important;
	height: 500px;
	width:700px;
	margin:0 50px 35px 200px;
	background-color:#fff;
	z-index: 10;
}
* html #principal {
	width:697px; /* para IE5.x/W */
	w\idth: 697px; /* para otros IE */
}

/* dar unos estilos  al div POST */
.post {
background:url("images/bg-top-post.png") no-repeat scroll left top transparent;
padding:1em 1em 1em 0;
position:relative;
}

/* Aquí colocamos los estilos para la lista horizontal que está debajo de la cabecera con INICIO - CONTACTO - GALEGO */
#barcab, #pre-footer {
	height:10px;
	background-color:#660033; /*rojo*/
}

/* Aquí colocamos los estilos para la lista Vertical  que representa el MENÚ DE NAVEGACIÓN  */
#nav, #nav ul { /* todas las listas */
	margin: 0;
	padding: 0;
	list-style:none;
	float: left;
	width: 11em:

}
#nav li { /* todos los items li*/
	float:left;
	margin-bottom: -1px;
	position: relative;
	/*border-top: 1px solid #fff;
	border-bottom: 1px solid #dcdcdc;*/
	line-height: 1.25em;
	width: 11em;
	background-color:#fdf7dd; /*naranja*/
}
#nav li ul { /* segundo nivel del menu */
	position: absolute;
	left: -999em;
	margin-left: 10.95em;
	margin-top: -1.85em; /*aquí cambio si modifico el padding de nav li a:link */
	z-index:30;
}
#nav li ul ul { /* tercer nivel del menu */
	left: -999em;
}
#nav li a:link, #nav li a:visited {
	display: block;
	border: 1px solid #fcde66;
	padding: 0.25em .45em; /*alto y ancho de cada elemento del menú */
	text-decoration: none;
	color: #000; /*negro*/
	width:11em;
	w\idth: 10em;
}
#nav li a.actual:link, #nav li a.actual:visited, #nav li a:hover {
	/*border-left: 1px solid #660033;*/
	background-color: #660033; /*ROJO*/
	color: #fff; /*blanco*/
	/*padding-left: 5px;*/
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	z-index:20;
}

/* estilos para la lista horizontal , la que tiene las opciones de Presentación, Formación, etc...*/
ul.titulo {
	margin: 1em;
	padding: 1em;
}
ul.titulo li{
	display: inline;
	font-size: 1.2em;
	width: 4em;
	border: 0px dotted black; 
	
}
ul.titulo li a:link,  ul.titulo li a:visited  {
	text-decoration: none;
	padding: .2em 1.6em; /*Separar el texto*/
	margin:.5em 1.4em; /* Separar los botones */
	color: #603;
	background-color:#E4E4E4; /* Color de fondo */
}
ul.titulo  li a.actual {
    background-color:#dddddd; /* Color de fondo sobre el boton */
	border-bottom: 3px solid #603;
}
ul.titulo  li a:hover {
	text-decoration:none;
    background-color:#ffa; /* Color de fondo sobre el boton */
	border-bottom: 3px solid #ffa; 
}
ul.titulo li a.actual:hover {background-color:#ffa; border-bottom: 3px solid #603;}

/* estilos para la página de  SECCIÓN PRINCIPAL */
#principal p{
	margin: 0 0 15px 0;
	}
	
#principal img.homepage{ 
	margin: 10px;
	position: absolute;
	left: 400px;
	top: 300px;
	}

#principal img.med{ 
	margin: 10px;
	float: right;
	}

.primerParrafo {
	text-indent: 2em;
	padding-top: 20px; 
	}
.listaEnTexto{
	margin: 0 0 0.5em;
	list-style:circle, inside;
	}
.listaEnTexto li{
	margin:0 0 0.8em 3em;
	padding:0 0;
	}
.etiqueta{
	font-weight:bold;
	color:darkblue;
	}
.listaEnlaces{
	list-style:none;
	}
.listaEnlaces li{
	margin:0 0 0.6em 2em;
	padding:0 0;
	}
.listaEnlaces li a, .listaEnlaces li a:visited, .listaEnlaces li a:link, a.enlaces{
	font-weight: bold;
	color: darkblue;
	}
.listaEnlaces li a:hover, a.enlaces:hover{
	background-color: lightgreen;
	}
	
ul#bibliografia { list-style:none;}
ul#bibliografia li { 
	margin: .1em 3em .1em 1em; 
	border-bottom: 1px solid #603;
	padding: 0.5em .5em .5em .5em;
	}
.tituloBibliografia { font-style: italic; font-weight:bold; color: darkblue;}

/* Estilos a aplicar en la tabla de Socios */	
table.socios {
	margin:0 auto 2em ;
	border-collapse: collapse;
	width:400px;
	}

table.socios caption { background-color:#036; font-size: 1.4em; color:white;}
table.socios tbody tr td { 
	padding:.5em; 
	width: 70%;
	color: #036; 
	background-color:#f8f8f8; 
	border-bottom: 1px solid #fff;
	}
table.socios tbody tr th { 
	padding:.5em; 
	width: 25%;
	color: #036; 
	background-color:#f8f8f8; 
	border-bottom: 1px solid #fff;
	}
/* Estilos a aplicar al pie de página */	
#footer {
	clear:left;
	background-color:#f5f7f4;
	color:#000;
	font-size:.7em;
	padding:.1em;
	margin:0;
	font-family: Gill Sans, Verdana;
	line-height: 14px;
	letter-spacing: 1px;
	font-weight: normal;
	text-align:center;
}		
#footer p { margin:0.3em;}