html{
	width:100%;
	height:100%;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333300;
	margin: 0px;
	padding: 0px;
	width:100%;
	height:100%;
	text-align:center;
	background-color: #000;
}
a{
	font-family: Arial, Helvetica, sans-serif;
	
	color: #000;
}
a:hover{
	
	color: #990000;	


}
/*LOS ESTILOS H1, H2, H3 ETC. SON TÍTULO, SUBTITULO, ETC */


h1{
	align:center;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	margin-bottom:-5px;
	margin-left:10px;
}
h2{
	align:center;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top:-0.2em;
	margin-bottom:0.2em;
	margin-left:10px;
	font-size: 0.9em;
}
h3{
	
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	border-bottom:1px solid #FF0000;
}

h4{
	
	font-family: Arial, Helvetica, sans-serif;
	color: #333300;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	
}

/* #todo es la capa que contiene a todas las demás páginas*/

#todo{
	width:47.6em;
	height:800px;
	background-color:#333333;
	border:1px;
	border-style:solid;
	border-color:#fff;
	margin:auto;
	/*   Si quieres alinear el texto de los menús a la derecha para el árabe, quita aqui text-align:left; y pon tex-align:right;     */
	text-align:left;
	
	
	overflow:none;
}
/* #cabecerasup es la capa que tiene el encabezado de la página, AFAPREDESA asociación de...*/
#cabecerasup{
	width:47.5em;
	height:3.2em;
	margin:0px;
	padding:0px;
	background-color:#fff;
	
	border:0px;
	border-bottom:2px;
	border-style:solid;
	border-color:#000;
}
/* #cabeceraiz es la capa que contiene la foto de arriba, que está como fondo */
#cabeceraiz{
	float:left;
	margin:0px;
	padding:0px;
	width:81%;
	height:11.9em;
	/*para cambiar la imagen de fondo de la cabecera se define aqui*/
	background-image: url("../images2/campamento1.jpg");
	border:0px;
	border-bottom:2px;
	border-style:solid;
	border-color:#fff;
	
}
/*#cabecerade es la capa que contiene el menu superior derecho (selección de idioma, contacto etc. se definen la capa, la etiquieta <ul> de la capa y varios estilos de link*/
#cabecerade{
	float:left;
	width:19%;
	margin:0px;
	padding:0px;
	height:11.9em;
	background-color: #336600;
	border:0px;
	border-bottom:2px;
	border-style:solid;
	border-color:fff;
}
#cabecerade ul{
	margin-bottom:-10px;
	margin-left:15px;
	padding:0px;
	list-style-image: none;
	list-style-type: none;
	border-bottom:1px solid #669966;
}

#cabecerade a{
	font-size: 0.8em;
	
	color: #FFFFFF;
	text-decoration: none;
	background-color: #336600;
	
}
#cabecerade a:hover{
	color: #FFCC00;

}
/* #libertad es la capa que contiene el flash con el texto "libertad para todos los presos...*/
#libertad{
	text-align:center;
	background-color: #336600;
}
/*columnauno es la capa que contiene el menu izquierdo. Se definen las etiquetas <ul>, <li>, <p>, <a> etc de los elementos que están en esta capa*/
#columnauno{
	float:right;
	margin:0px;
	padding:0px;
	
	float:left;
	width:9.9em;
	
	background-color: #336600;
	padding-top:0em;
}
#columnauno  ul{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding-left:15px;
	background-color: #254A00;
	
	border-bottom: 1px solid #A4CC88;
	border-right: 1px solid #A4CC88;
	border-top:1px solid #000;
	border-left:1px solid #000;
}
#columnauno li{
	padding:0px;
	padding-top:0em;
	list-style-type: none;
	padding-bottom:3px;

}
#columnauno p{
	
	width:99%;
	margin:0px;
	
	border-top: 1px solid #A4CC88;
	border-bottom:1px solid #000;
		
	background-color: #4B7819;
	
	
	
	
}
#columnauno a{
	font-size: 0.8em;
	color: #000;
	text-decoration: none;

}

#columnauno p a{
	display:block;
	width:100%;
	height:auto;
	margin:1px;
	margin-bottom:1px;
	margin-top:0px;
	padding:1px;
	padding-left:5px;
	font-size: 0.8em;
	color: #FFFFFF;
	text-decoration: none;
	
	
}
#columnauno  p a:hover{
	
	width:auto;
	display:block;
	height:auto;
	font-size: 0.8em;
	color: #FFCC00;
	text-decoration: none;
	background-color: #666600;
	

}
#columnauno li a{
	
	font-size: 0.8em;
	color: #FFFFCC;
	text-decoration: none;

}
#columnauno li a:hover{
	font-size: 0.8em;
	color: #FFCC00;
	text-decoration: none;
}

/* #ultimahora es la capa que contiene la noticia de ultima hora, en el lado derecho. Se define la etiqueta <img> para las fotos que vayan en esta capa. Tam,bién la etiqueta <p>
  */
#ultimahora{
	margin-top:0.2em;
	margin-left:0.3em;

/*Si quieres alinear este texto a la derecha para el arabe pon text-align:right;*/
	text-align:justify;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	float:left;
	width: 78%;
	background-color:#fff;
	font-size:0.8em;
	
}
#ultimahora img{
	float:right;
	border:1px solid #000;
	margin:10px;
	margin-top:0px;
}
#ultimahora p{
	margin:10px;
}
/*#noticias es la capa que contiene las últimas noticias. Se define la etiqueta <img> para las fotos que vayan en esta capa*/
#noticias{
margin-top:0.2em;
	margin-left:0.3em;

/*Si quieres alinear este texto a la derecha para el arabe pon text-align:right;*/
	text-align:justify;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	float:right;
	width: 78%;
	background-color:#fff;
	font-size:0.8em;
}

#noticias img{
	float:right;
	border:1px solid #000;
	margin:10px;
	margin-top:0px;
}
#noticias p{
	margin:10px;
}

/*#destacadouno es la capa que tiene el anuncio del libro de AFAPREDESA. Se define la etiqueta de link <a> y la <p> */
#destacadouno{
	
	text-align:center;
 color:fff;
 margin-top:0.2em;
 margin-left:0.3em;
 margin-right:0.2em;
 float:right;
 border-top: 1px solid #fff;
 border-left: 1px solid #fff;
 border-bottom:1px solid #000;
 border-right:1px solid #000;
 width: 78%;
 background-color:#4B7819;
 font-size:0.8em;
}
#destacadouno p{
	margin-left:10px;
	margin-right:10px;
	margin-top:3px;
	margin-bottom:3px;
}
#destacadouno a{
	color:#fff;
}
#destacadouno a:hover{
	color:#000;
}
/*#destacadodos es la capa que contiene el anuncio de la campaña de liberación de Aminatu Haidar*/

#destacadodos{
 
 text-align:center;
 color:fff;
 margin-top:0.2em;
 margin-left:0.3em;
 margin-right:0.2em;
 float:right;
 border-top: 1px solid #fff;
 border-left: 1px solid #fff;
 border-bottom:1px solid #000;
 border-right:1px solid #000;
 width: 78%;
 background-color:#4B7819;
 font-size:0.8em;
}
#destacadodos p{
	margin-left:10px;
	margin-right:10px;
	margin-top:3px;
	margin-bottom:3px;
}
#destacadodos a{
	color:#fff;
}
#destacadodos a:hover{
	color:#000;
}
#contenido{
	margin-top:0.2em;
	margin-left:0.3em;

/*Si quieres alinear este texto a la derecha para el arabe pon text-align:right;*/
	text-align:justify;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	float:left;
	width: 78%;
	background-color:#fff;
	font-size:0.8em;
}
#contenido img{
	float:right;
	border:1px solid #000;
	margin:10px;
	margin-top:0px;
}
#contenido p{
	margin:10px;
}