html{
	width:100%;
	height:100%; 
	direction:rtl;
	
}
body {
	font-family: Tahoma, Arabic Transparent, Simplified Arabic, Simplified Arabic Fixed, Traditional Arabic;
	color: #333300;
	margin: 0px;
	padding: 0px;
	width:100%;
	height:100%;
	text-align:center;
	background-color: #000;
	direction:rtl;
	
}
a{
	font-family: Tahoma, Arabic Transparent, Simplified Arabic, Simplified Arabic Fixed, Traditional Arabic;
	
	color: #000;
	
}
a:hover{
	
	color: #990000;	

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


h1{
	align:center;
	font-family: Tahoma, Arabic Transparent, Simplified Arabic, Simplified Arabic Fixed, Traditional Arabic;
	color: #FF0000;
	margin-bottom:-5px;
	margin-left:10px;
	
}
h2{
	align:center;
	font-family: Tahoma, Arabic Transparent, Simplified Arabic, Simplified Arabic Fixed, Traditional Arabic;
	color: #000000;
	margin-top:-0.2em;
	margin-bottom:0.2em;
	margin-left:10px;
	font-size: 0.9em;
	
}
h3{
	
	font-family: Tahoma, Arabic Transparent, Simplified Arabic, Simplified Arabic Fixed, Traditional Arabic;
	color: #FF0000;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	border-bottom:1px solid #FF0000;
	
}

h4{
	
	font-family: Tahoma, Arabic Transparent, Simplified Arabic, Simplified Arabic Fixed, Traditional Arabic;
	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:49.6em;
	height:800px;
	background-color:#333333;
	border:1px;
	border-style:solid;
	border-color:#fff;
	margin:auto;
	border-top:2px;
	
	/*   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;     */
	
	overflow:none;
}
/* #cabecerasup es la capa que tiene el encabezado de la página, AFAPREDESA asociación de...*/
#cabecerasup{
	width:49.5em;
	height:5.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;
	

}
#cabecerade a.idiomas{
	font-size: 0.8em;
	
	color:#FFFFCC;
	text-decoration: none;
	background-color: #336600;
	
}

#cabecerade a.contactar{
	font-size: 0.8em;
	
	color:#99CC00;
	text-decoration: none;
	background-color: #336600;
	
}
/* #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;
	width:9.6em;
	background-color: #336600;
	padding-top:0em;
}
#columnauno  ul{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding-left:0px;
	background-color: #254A00;
	
	padding-right:0px;
	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;
	padding-right:0px;
	

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

#columnauno p a{
	display:block;
	width:100%;
	height:auto;
	margin:1px;
	margin-bottom:1px;
	margin-top:0px;
	margin-right:3px;
	padding:0px;
	font-size: 0.9em;
	color: #FFFFFF;
	text-decoration: none;
	text-align:right;
	
	
}
#columnauno  p a:hover{
	
	width:98%;
	display:block;
	height:auto;
	margin:1px;
	margin-bottom:0px;
	margin-top:0px;
	margin-right:3px;
	padding:1px;
	font-size: 0.9em;
	color: #FFCC00;
	text-decoration: none;
	background-color: #666600;
	
}
#columnauno li a{
	
	font-size: 0.9em;
	color: #FFFFCC;
	text-decoration: none;
    
}
#columnauno li a:hover{
	font-size: 0.9em;
	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.2em;
	margin-right:0.2em;
	

/*Si quieres alinear este texto a la derecha para el arabe pon text-align:right;*/
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	float:right;
	width: 48.5em;
	background-color:#fff;
	font-size:0.8em;
	
	
}
#ultimahora img{
	float:left;
	border:1px solid #000;
	margin:0.5px;
	margin-top:0px;
	margin-right:0em;
	
}
#ultimahora p{
	margin:0px; 
	
	text-align:justify
}
#ultimahora ol{
	margin:1px;
	direction:rtl;
	margin-right:0.8em;
	margin-left:0.8em;
}
#ultimahora li {
	margin:1px;
	text-align:justify;
	
	margin-right:0.9em;
	margin-left:0.8em;
}
#ultimahora ul{
	margin:1px;
	text-align:justify;
	
	margin-right:0.6em;
	margin-left:0.8em;
}
/*#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:0em;
	margin-right:0em;
	
/*Si quieres alinear este texto a la derecha para el arabe pon text-align:right;*/
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	float:right;
	width: 48.5em;
	background-color:#fff;
	font-size:0.8em;

}
#noticias img{
	float:left;
	border:1px solid #000;
	margin:1.5px;
	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:0em;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	float:right;
	width: 48.5em;
  
	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:0em;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	float:right;
	width: 46.2em;
	

	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;
	direction:rtl;
}
#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;*/
	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:1.0em;
	
}
#contenido img{
	float:right;
	border:1px solid #000;
	margin:2px;
	margin-top:0px;
	
	
}
#contenido p{
	margin:10px;
	
	margin-right:0.8em;
	
}
#contenido ol{
	margin:1px;
	
	margin-right:0.8em;
}
#contenido li {
	margin:1px;
	text-align:justify;
	
	margin-right:0.9em;
}
#contenido ul{
	margin:0px;
	text-align:justify;
	
	margin-right:0.6em;
}
.titulocontenido{
	margin-top:0.2em;
	margin-left:0.3em;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	font-size:1.5em;
	color: #003300;
	font-weight: bold;
	background-color:#FFFFCC;
	
}
#contenedorizquierdo{
	float:left;
	width: 79%;
	
}